@charset "UTF-8";
/* -----------------------------------------------------------
CSS Information

File name:      style.css
Created:        2020.01.24
Style Info:     セブ島リピーター特典　CSS
----------------------------------------------------------- */



#cebu_repeater {font-size: 16px; line-height: 180%;}
#cebu_repeater.content {max-width: 1140px; width: 100%; padding: 0; margin: 0 auto;}
#cebu_repeater.content .c_inner {max-width: 900px; width: 100%; margin: 0 auto;}
#cebu_repeater .co_red {color: #ff0000;}
#cebu_repeater.content a {color: #0064d2;}
#cebu_repeater.content img {width: 100%;}


@media screen and (max-width:924px) {
	#cebu_repeater.content .c_inner{padding: 0 12px;}

	
}
@media screen and (max-width:480px) {
}




/* --------------------------------------------------------- */
/* パンくず文字長調整 */
/* --------------------------------------------------------- */

.breadcrumb_nav {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


/* ------------------------------------------------ */
/* ページナビ */
/* ------------------------------------------------ */

#cebu_repeater .page_nav {width: 100%; text-align: center; background: #ff8c8b; height: 80px; padding: 5px 0;}
#cebu_repeater .page_nav ul {font-size: 0;}
#cebu_repeater .page_nav ul li {display: inline-block; max-width: 320px;width: 50%; }
#cebu_repeater .page_nav ul li:first-child {margin-right: 50px;}

@media screen and (max-width:710px) {
	#cebu_repeater .page_nav {height: auto;}
#cebu_repeater .page_nav ul li:first-child {margin-right: 0;}	
}


/* ------------------------------------------------ */
/* 共通レイアウト*/
/* ------------------------------------------------ */

#cebu_repeater .bl {padding: 40px 0 60px;}
#cebu_repeater .bl .note {max-width: 770px; width: 100%; margin: 0 auto 40px;}
#cebu_repeater .bl .note li:first-child {border-bottom: solid 2px #fff;}
#cebu_repeater .bl .note p {padding-left: 115px; font-size: 14px;}

#cebu_repeater .bl .bord dt {background: #6d432c; color: #fff; font-size: 22px; font-weight: bold; text-align: center; padding: 10px 0 7px; line-height: 100%; margin-bottom: 20px; }
#cebu_repeater .bl .bord dd {margin-bottom: 5px;}


@media screen and (max-width:480px) {
	#cebu_repeater .bl {padding: 20px 0 30px;}
	#cebu_repeater .bl .note {margin-bottom: 20px;}
	#cebu_repeater .bl .bord dt {font-size: 18px; padding: 8px 0 5px; margin-bottom: 10px;}
	#cebu_repeater .bl .bord dd {padding: 0 3px;}
	
}


/* ------------------------------------------------ */
/* レイアウト*/
/* ------------------------------------------------ */


#cebu_repeater #bl_01 {background: #ffdcdc;}
#cebu_repeater #bl_02 {background: #c0e3eb;}
#cebu_repeater #bl_03 {background: #ebd147;}

#cebu_repeater #bl_03 .bord_02 {background: #fff; border-radius: 10px ; padding:25px 90px 50px; margin-bottom: 40px; }

#cebu_repeater #bl_03 .bord_02 dt {font-size: 22px; font-weight: bold; color: #ff5900; text-align: center; margin-bottom: 25px;}
#cebu_repeater #bl_03 .bord_02 dd {margin-bottom: 40px;}
#cebu_repeater #bl_03 .bord_02 dd:last-child {margin-bottom: 0;}

#cebu_repeater #bl_03 .bl_btn {max-width: 740px; width:calc(100% - 30px); height: 80px; margin: 0 auto;}
#cebu_repeater #bl_03 .bl_btn a {width: 100%; height: 100%; display: block; background:#ff6e00; color: #fff; border-radius: 10px; position: relative;}
#cebu_repeater #bl_03 .bl_btn a span {font-size:28px; display: block; width: 100%; text-align: center;position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-weight: bold;}
#cebu_repeater #bl_03 .bl_btn a:after {content: "\f054"; font-family:"Font Awesome 5 Free"; font-weight: 900; font-size: 22px; position: absolute; right: 20px; top: 50%; transform: translate(0,-50%); }


@media screen and (max-width:794px) {
	#cebu_repeater .bl .note p {padding-left:14vw;}
	#cebu_repeater #bl_03 .bord_02 {padding: 20px 20px; margin-bottom: 30px;}
	#cebu_repeater #bl_03 .bord_02 dt {margin-bottom: 15px;}
	#cebu_repeater #bl_03 .bord_02 dd {margin-bottom: 20px;}
	#cebu_repeater #bl_03 .bl_btn a span {font-size: 22px;}
	
}

@media screen and (max-width:480px) {
	#cebu_repeater .bl .note p { font-size: 10px; line-height: 1.4; padding-top: 5px;}
	#cebu_repeater #bl_03 .bord_02 {margin-bottom: 20px;}
	#cebu_repeater #bl_03 .bl_btn {height: 60px;}
	#cebu_repeater #bl_03 .bl_btn a span {font-size: 18px;}
	#cebu_repeater #bl_03 .bl_btn a:after {font-size: 16px;}

}

@media screen and (max-width:320px) {
	#cebu_repeater #bl_03 .bl_btn a span {font-size: 16px;}
	#cebu_repeater #bl_03 .bl_btn a:after {font-size: 14px;}

}