@charset "UTF-8";

/* -----------------------------------------------------------
CSS Information

File name:      style.css
Created:        2018.02.09
Style Info:     カーディフ特集　CSS
----------------------------------------------------------- */



/***************************************
Base style
****************************************/


#cardiff {background:#9dc700; color: #333333; text-align: center;}
#cardiff a{text-decoration:none;color:#0068e1;}
#cardiff ul,
#cardiff ol,
#cardiff li ,
#cardiff p ,
#cardiff dl,
#cardiff dd  {list-style:none;margin:0;padding:0;font-size:14px;line-height:1.5;}
#cardiff img {vertical-align:bottom;width:100%;height:auto;}
#cardiff h1,
#cardiff h2,
#cardiff h3,
#cardiff h4 {margin:0;padding:0; font-size: 1em;}
#cardiff strong {font-weight: normal;}
#cardiff .co_red {color: #ff0000;}
#cardiff .co_glay {color: #696969;}

#cardiff .content {overflow:hidden;max-width:640px;margin:0 auto;}

#cardiff .content_box {width: 93%; margin: 0 auto; background: #fff;}
#cardiff #bl_01.content_box {width: 93%; margin: -20px auto 20px; z-index: 10; position: relative;}


#cardiff *, *:before, *:after {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

#cardiff .content_inner {width: 93%; padding: 3% 0; margin: 0 auto; text-align: left;}





/***************************************
Btn style
****************************************/
#cardiff .btn_type_01 {display: table; background: #670033; width: 100%;}
#cardiff .btn_type_01 .btn_tit { color: #fff; padding: 6% 3%;font-size: 4.2vw; font-weight: bold; line-height: 120%; position: relative; text-align: left;}
#cardiff .btn_type_01 .btn_tit span:after {content: "▼"; background: #fff; font-size: 4.4vw; line-height: 100%; padding: 3.5% 3% 2.5% 3%; color: #cf5d96; border-radius: 50px; position: absolute; top: 50%; right: 3%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%);}
#cardiff .accordion_btn.btn_type_01.is_active .btn_tit span:after { transform: translate(0,-50%) rotate(180deg); -webkit-transform: translate(0,-50%) rotate(180deg);}

#cardiff .btn_type_02 {width: 100%;}
#cardiff .btn_type_02 a { color: #000; background: #ffe300; display: block; width: 100%; height: 100%; padding: 6% 4%;font-size: 4.2vw; font-weight: bold; line-height: 110%; position: relative; text-align: left; border-radius: 5px; box-shadow: 0 5px 0 #e2a900;}
#cardiff .btn_type_02 span:after {content: "▼"; background: #fff; font-size: 4.4vw; line-height: 100%; padding: 3.5% 3% 2.5% 3%; color: #e2a900; border-radius: 50px; position: absolute; top: 50%; right: 3%; transform: translate(0,-50%) rotate(-90deg); -webkit-transform: translate(0,-50%) rotate(-90deg);}

#cardiff .btn_type_03 a { color: #fff; background: #bb005d; display: block; width: 100%; height: 100%; padding: 6% 4%;font-size: 4.8vw; font-weight: bold; line-height: 120%; position: relative; text-align: left; border-radius: 5px; box-shadow: 0 5px 0 #530029;}
#cardiff .btn_type_03 span:after {content: "▼"; background: #fff; font-size: 4.4vw; line-height: 100%; padding: 3.5% 3% 2.5% 3%; color: #530029; border-radius: 50px; position: absolute; top: 50%; right: 3%; transform: translate(0,-50%) rotate(-90deg); -webkit-transform: translate(0,-50%) rotate(-90deg);}


#cardiff .accordion_cl_btn {background:#c0c0c0; font-size: 16px; color: #fff; font-weight: bold; text-align: center;}
#cardiff .accordion_cl_btn {width: 100%; position: relative;}
#cardiff .accordion_cl_btn p {width: 100%; height: 100%; padding: 3.5% 3% 2.5%; font-size: 4.4vw;}
#cardiff .accordion_cl_btn p:after {content: "×"; position: absolute; right: 6%; top:50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%);}
@media (min-width:640px) {
	#cardiff .accordion_cl_btn p {font-size: 30px;}
}

#cardiff .bl_btn .btn_type_01 ,
#cardiff .navi_btn li {margin-bottom: 20px;}
#cardiff .bl_btn .btn_type_01 ,
#cardiff .navi_btn .btn_type_01 {position: relative;}
#cardiff .bl_btn .btn_type_01 .btn_tit span:after ,
#cardiff .navi_btn .btn_type_01 .btn_tit span:after { transform: translate(0,-50%) rotate(-90deg); -webkit-transform: translate(0,-50%) rotate(-90deg);}
#cardiff .bl_btn .btn_type_01 a ,
#cardiff .navi_btn .btn_type_01 a{position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; text-indent: -9999px;}


@media (min-width:640px) {
	#cardiff .btn_type_01 .btn_tit ,
	#cardiff .btn_type_01 .btn_tit span:after ,
	orlando_disney .accordion_cl_btn p {font-size: 28px;}
	
}


/***************************************
accordion_box
****************************************/
#cardiff .accordion {margin-bottom: 20px;}
#cardiff .accordion_box {background: #fff; display: none;}
#cardiff .accordion_box.on {display: block}
#cardiff .accordion_box .content_inner {padding: 3% 0;}
#cardiff .accordion_box .note {padding-bottom: 3%;}
#cardiff .accordion_box dl dt { padding: 3.5% 3% 2.5%; font-weight: bold; font-size: 16px; background: #670033; line-height: 120%; color: #fff;}
#cardiff .accordion_box dl dd { padding: 0% 0 2.5%;}



/***************************************
Page top
****************************************/
.pagetop {cursor:pointer;width:44px;height:44px;right:5px;text-indent:-9999px;z-index:300;
  background:rgba(0,0,0,0.6) url(../img/pagetop.png) center center no-repeat;
  -webkit-background-size:100% auto;
  background-size:100% auto;}






/***************************************
bl_tour
****************************************/

#cardiff #sec_tour {background: #fff;}
#cardiff #sec_tour h2 {background: #ffe400; padding: 3%; margin-bottom: 20px; font-size: 5vw; font-weight: bold;}
@media (min-width:640px) {
	#cardiff #sec_tour h2 {font-size: 30px;}
}
#cardiff .bl_tour {background: #f5f5f5; }

#cardiff .bl_tour .tub_departure { letter-spacing: -0.4em; margin-bottom: 5px; }
#cardiff .bl_tour .tub_departure .tub_departure_btn {width: 49%; margin-right: 2%; display: inline-block; letter-spacing:0em; position: relative; margin-bottom: 12px; cursor: pointer;}
#cardiff .bl_tour .tub_departure .tub_departure_btn:nth-child(2n) {margin-right: 0;}
#cardiff .bl_tour .tub_departure .tub_departure_btn span { display: block; background: #ff496e; border-radius: 5px; color: #fff; text-align: center; font-weight: bold; padding: 5% 0;}
#cardiff .bl_tour .tub_departure .tub_departure_btn.active span {background: #323232;}
#cardiff .bl_tour .tub_departure .tub_departure_btn.active:after {content: ""; display: block; width: 10px; border:8px solid transparent; border-top:8px solid #323232; position: absolute;  left: 50%; top:99%; transform: translate(-50%,0);}



#cardiff .bl_tour .bl_tour_cnt { padding: 0 0 1px;}

#cardiff .bl_tour .bl_tour_box {background: #fff; padding: 30px 0 0; border-bottom: solid 1px #d0d0d0;}
#cardiff .bl_tour .bl_tour_box .content_inner {padding-bottom: 0; padding-top: 0;}
#cardiff .bl_tour .bl_tour_box:last-child {padding-bottom: 0; border-bottom: 0; }

#cardiff .bl_tour .bl_tour_wrap {margin-bottom: 10px;}
#cardiff .bl_tour .bl_tour_wrap .bl_tour_img {float: left; margin-right: 10px; width: 40%; max-width: 180px;}
#cardiff .bl_tour .bl_tour_wrap .bl_tour_tit a {color: #646464;}

#cardiff .bl_tour .bl_tour_info_tub {}
#cardiff .bl_tour .bl_tour_info_tub .bl_tour_info_tub_btn {width:11.5%; margin-right: 1.1%; background: #b3d9d3; display: inline; float: left; text-align: center; color: #fff; font-weight: bold; padding: 1% 0 1%; font-size: 1.2rem; line-height: 110%; border-radius: 5px 5px 0 0; cursor: pointer;}
#cardiff .bl_tour .bl_tour_info_tub .bl_tour_info_tub_btn.active {background: #46b89f;}
#cardiff .bl_tour .bl_tour_info_tub .bl_tour_info_tub_btn:nth-child(8) {margin-right: 0; float: right;}
#cardiff .bl_tour .bl_tour_info_tub .bl_tour_info_tub_btn span {display: block; font-weight: normal; font-size: 0.9rem;}


#cardiff .bl_tour .bl_tour_info_panel {border: solid 5px #46b89f; padding: 10px 0 15px; margin-bottom: 20px; position: relative;}
#cardiff .bl_tour .bl_tour_info_icon { position: absolute; top: 10px; left: 0px; width: 105px; height: 48px; background: url(../img/tour_det_icon.png) ; background-size: 100%;  color:#fff; font-size: 0.8rem; line-height: 120%; padding: 10px 10px 0; }
#cardiff .bl_tour .bl_tour_info_icon p {line-height: 120%; font-size: 12px;}
#cardiff .bl_tour .bl_tour_info_icon p span {display: block; font-size: 12px;}

#cardiff .bl_tour .bl_tour_info_note {padding: 0 10px 10px 110px;}
#cardiff .bl_tour .bl_tour_info_note .bl_tour_info_price {font-size: 1.8rem; color:#fa3734; font-weight: bold; line-height: 110%;}
#cardiff .bl_tour .bl_tour_info_note .bl_tour_info_price span {font-size: 1.4rem;}
#cardiff .bl_tour .bl_tour_info_txt {font-size: 0.8rem;}
#cardiff .bl_tour .bl_tour_info_txt span {color: #fa3734; display: block; font-size: 0.8rem;}
#cardiff .bl_tour .bl_tour_info_btn {margin: 0 10px;}

#cardiff .bl_tour .bl_tour_info_btn a {background:#0e81e0; border-radius: 5px; box-shadow: 0 3px 0 #0064dc; display: block; width:100%; text-align: center; color: #fff; font-weight: bold; padding: 3%; position: relative;}
#cardiff .bl_tour .bl_tour_info_btn a span:after {content: ""; display: block; width:2.7%; padding-top:3.6%; background: url(../img/tour_arrow_right.png) no-repeat; background-size: 100%; position: absolute; top: 50%; right: 3%; transform: translate(0,-50%);}






/***************************************
bl_style
****************************************/


#cardiff #bl_01.content_box {width: 93%; margin: -20px auto 20px; z-index: 10; position: relative;}
#cardiff #bl_01 img {padding-bottom: 10px;}
#cardiff #bl_01 h3 {color: #ff0000; font-weight: bold;}
#cardiff #bl_01 .note {padding-bottom: 3%;}
#cardiff #bl_01 .bord {background: #ffe1f0; padding: 6%;}

#cardiff #bl_02 .order_box { margin-bottom: 30px;}
#cardiff #bl_02 .order_box p {font-size: 10px; margin-bottom: 10px;}
#cardiff #bl_02 dd img {margin-bottom: 10px;}

#cardiff #content_footer {background:#f5f5f5; padding: 3% 0;}
#cardiff #content_footer .txt_01 {padding-bottom: 6%;}
#cardiff #content_footer .txt_01 span {color:#f9504e; }
#cardiff #content_footer .content_footer_btn {width: 80%; margin: 0 auto 20px;}
#cardiff #content_footer .content_footer_btn a {background:#0e81e0; border-radius: 5px; box-shadow: 0 3px 0 #0064dc; display: block; width:100%; text-align: center; color: #fff;  padding: 3%; position: relative;}
#cardiff #content_footer .content_footer_btn a span:after {content: ""; display: block; width:2.7%; padding-top:3.6%; background: url(../img/tour_arrow_right.png) no-repeat; background-size: 100%; position: absolute; top: 50%; right: 3%; transform: translate(0,-50%);}

#cardiff #content_footer .bl_info {border: soli 2px #e9e9e9; background: #fff; padding: 3% 0;}
#cardiff #content_footer .bl_info h2 {background: #670033; color: #fff; font-weight: bold; width: 85%; border-radius: 50px; text-align: center; margin: 0 auto 10px; padding: 5px 0 3px;}
#cardiff #content_footer .bl_info p {padding-left: 6%;}


/***************************************
back_btn
****************************************/
#cardiff .btn_link.back_btn{margin: 0; width: 100%;}
#cardiff .btn_link.back_btn a{display: block;background: #bb005d; color: #fff; padding: 15px; position: relative;}
#cardiff .btn_link.back_btn a span:after {position: absolute; top: 50%; left: 10px; width: 10px; height: 10px; line-height: 10px; margin-top: -5px; content: "\f104"; font-family: FontAwesome;}