@charset "utf-8";
/*----------------------------------------------------
  feature_hawakoi ハワ恋
----------------------------------------------------*/
#page_narrow_buzz.feature_hawakoi {
	background: #fff;
	font-size: 14px;
}

#page_narrow_buzz.feature_hawakoi p {
	font-size: 14px;
}

#page_narrow_buzz.feature_hawakoi .apply {
	background: #f6f6f6;
	padding: 25px 0;
}

#page_narrow_buzz.feature_hawakoi .mv {
	background: #376ab5;
}

#page_narrow_buzz.feature_hawakoi .information {
	background: linear-gradient(-45deg, #ffa3a3, #ffea8b);
	font-weight: bold;
	padding: 40px 3%;
}

#page_narrow_buzz.feature_hawakoi .information .inner {
	background: #fff;
	border-radius: 10px;
	padding: 35px 0;
}

#page_narrow_buzz.feature_hawakoi .information h2 {
	margin-bottom: 35px;
	text-align: center;
}

#page_narrow_buzz.feature_hawakoi .information h2 img {
	max-width: 290px;
	width: 90%;
}

#page_narrow_buzz.feature_hawakoi .information .text_area {
	background: url(/img/narrowbuzz/hawakoi/con1_parts_01.png) no-repeat left 3px top;
	background-size: 94% auto;
	padding: 54% 30px 0;
}

#page_narrow_buzz.feature_hawakoi .information .text_area .text {
	margin-top: 25px;
}

#page_narrow_buzz.feature_hawakoi .condition {
	background: url(/img/narrowbuzz/hawakoi/con2_parts_01.png) repeat-y left -110px top, url(/img/narrowbuzz/hawakoi/con2_parts_02.png) repeat-y right -100px top;
	background-size: 184px auto, 172px auto;
	padding: 50px 0;
}

#page_narrow_buzz.feature_hawakoi .condition h2 {
	margin-bottom: 35px;
	text-align: center;
}

#page_narrow_buzz.feature_hawakoi .condition h2 img {
	max-width: 313px;
}

#page_narrow_buzz.feature_hawakoi .condition .contents {
	margin:0 25px;
}

#page_narrow_buzz.feature_hawakoi .condition .contents .block h3 {
	padding-left: 0;
	text-shadow: 2px  2px 1px #fff, -2px  2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff, 2px  0 1px #fff, 0  2px 1px #fff, -2px  0 1px #fff, 0 -2px 1px #fff;
}

#page_narrow_buzz.feature_hawakoi .condition .contents p {
	font-weight: bold;
	text-shadow: 2px  2px 1px #fff, -2px  2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff, 2px  0 1px #fff, 0  2px 1px #fff, -2px  0 1px #fff, 0 -2px 1px #fff;
}

#page_narrow_buzz.feature_hawakoi .condition .contents li {
	background: url(/img/narrowbuzz/hawakoi/con2_icon.png) no-repeat left top 7px;
	background-size: 9px;
	font-weight: bold;
	line-height: 1.8;
	text-shadow: 2px  2px 1px #fff, -2px  2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff, 2px  0 1px #fff, 0  2px 1px #fff, -2px  0 1px #fff, 0 -2px 1px #fff;
}

#page_narrow_buzz.feature_hawakoi .condition .contents ul li.no_icon {
	background: none;
	margin: 15px 0 0;
	padding-left: 0;
}

#page_narrow_buzz.feature_hawakoi .present {
	background: url(/img/narrowbuzz/hawakoi/con3_bg.png) no-repeat center top #355fab;
	background-size: auto 100%;
	padding: 50px 0;
}

#page_narrow_buzz.feature_hawakoi .present h2 {
	margin-bottom: 35px;
	text-align: center;
}

#page_narrow_buzz.feature_hawakoi .present h2 img {
	max-width: 244px;
}

#page_narrow_buzz.feature_hawakoi .present .award_box {
	background: #fff;
	padding: 30px 0;
}

#page_narrow_buzz.feature_hawakoi .present .award_box.ambassador_box {
	margin-bottom: 30px;
}

#page_narrow_buzz.feature_hawakoi .present .award_box h3 {
	margin-bottom: 35px;
	text-align: center;
}

#page_narrow_buzz.feature_hawakoi .present .ambassador_box h3 img {
	max-width: 111px;
}

#page_narrow_buzz.feature_hawakoi .present .selection_box h3 img {
	max-width: 176px;
}

#page_narrow_buzz.feature_hawakoi .present .award_box .box {
	margin-bottom: 0;
	text-align: center;
}

#page_narrow_buzz.feature_hawakoi .present .award_box .box p {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.6;
}

#page_narrow_buzz.feature_hawakoi .present .award_box .box .image_box img {
	max-width: 120px;
}

#page_narrow_buzz.feature_hawakoi .present .award_box .box_area {
	background: url(/img/narrowbuzz/hawakoi/con3_parts_04.png) repeat-y center top;
	background-size: 3px auto;
	display: flex;
	justify-content: space-between;
}

#page_narrow_buzz.feature_hawakoi .present .award_box .box_area .box {
	padding: 30px 10px 10px;
	width: 50%;
}

#page_narrow_buzz.feature_hawakoi .present .award_box .box_area .box .image_box {
	margin-bottom: 25px;
}

#page_narrow_buzz.feature_hawakoi .present .award_box .box_area .box .num {
	font-size: 18px;
}

#page_narrow_buzz.feature_hawakoi .present .selection_box .box .image_box {
	margin-bottom: 25px;
}

#page_narrow_buzz.feature_hawakoi .schedule {
	background: linear-gradient(-45deg, #ffa3a3, #ffea8b);
	padding: 50px 0;
}

#page_narrow_buzz.feature_hawakoi .schedule h2 {
	background: #fff;
	margin-bottom: 30px;
	padding: 8px;
	text-align: center;
}

#page_narrow_buzz.feature_hawakoi .schedule h2 img {
	max-width: 123px;
}

#page_narrow_buzz.feature_hawakoi .flow li {
	background: #fff;
	border-radius: 7px;
	margin-bottom: 20px;
}

#page_narrow_buzz.feature_hawakoi .flow li:last-child {
	margin-bottom: 10px;
}

#page_narrow_buzz.feature_hawakoi .flow li .flex_box {
	align-items: baseline;
	display: flex;
	justify-content: flex-start;
	padding: 15px 10px 15px 0;
}

#page_narrow_buzz.feature_hawakoi .flow li .flex_box p {
	font-size: 12px;
}

#page_narrow_buzz.feature_hawakoi .schedule .flow {
	background: url(/img/narrowbuzz/hawakoi/con4_parts_02.png) repeat-y center top;
	background-size: 3px auto;
}

#page_narrow_buzz.feature_hawakoi .schedule .flow .date_wrap {
	background: url(/img/narrowbuzz/hawakoi/con4_parts_01.png) no-repeat center;
	background-size: 100% auto;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	margin-right: 15px;
	padding: 4px 2px;
	text-align: center;
	width: 95px;
}

#page_narrow_buzz.feature_hawakoi .schedule .flow .variable {
	flex: 1;
}

#page_narrow_buzz.feature_hawakoi .schedule .flow .right_area .detail_list li {
	background: url(/img/narrowbuzz/beignet/icon.png) no-repeat left top 6px;
	background-size: 9px;
	font-size: 12px;
	line-height: 1.8;
	margin: 10px 0;
	padding-left: 15px;
}

#page_narrow_buzz.feature_hawakoi .schedule .flow .right_area .flow_title {
	font-size: 13px;
	font-weight: bold;
}

#page_narrow_buzz.feature_hawakoi .schedule .flow .right_area .flow_title span {
	font-size: 18px;
}

#page_narrow_buzz.feature_hawakoi .schedule .flow .right_area .presentation_title {
	background: url(/img/narrowbuzz/hawakoi/con4_parts_03.png) no-repeat left center;
	background-size: 24px auto;
	font-size: 23px;
	font-weight: bold;
	line-height: 1.4;
	padding-left: 35px;
}

#page_narrow_buzz.feature_hawakoi .schedule .flow_box .caution p {
	color: #fff;
	font-size: 12px;
}

#page_narrow_buzz.feature_hawakoi .sponsors {
	background: url(/img/narrowbuzz/hawakoi/con2_parts_01.png) repeat-y left -100px top, url(/img/narrowbuzz/hawakoi/con2_parts_02.png) repeat-y right -100px top;
	background-size: 184px auto, 172px auto;
	padding: 70px 0 50px;
}

#page_narrow_buzz.feature_hawakoi .sponsors .text_area {
	background: #fff;
	border: 2px solid #434343;
	padding: 50px 35px;
	position: relative;
}

#page_narrow_buzz.feature_hawakoi .sponsors .text_area h2 {
	left: 50%;
	position: absolute;
	top: -15px;
	transform: translate(-50%, 0);
}

#page_narrow_buzz.feature_hawakoi .sponsors .text_area h2 img {
	max-width: 55px;
}

#page_narrow_buzz.feature_hawakoi .sponsors .text_area .sponsor_log {
	margin-bottom: 35px;
	text-align: center;
}

#page_narrow_buzz.feature_hawakoi .sponsors .text_area .sponsor_log img {
	max-width: 150px;
}

#page_narrow_buzz.feature_hawakoi .sponsors .text_area .link_area {
	margin: 30px 0;
	word-break: break-all;
}

#page_narrow_buzz.feature_hawakoi .sponsors .text_area .link_area p {
	line-height: 2.2;
}

#page_narrow_buzz.feature_hawakoi .sponsors .text_area .caution {
	font-size: 12px;
}
