@charset "UTF-8";

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

File name:      style.css
Created:        2017.10.01
Style Info:     学生旅行特集　CSS
----------------------------------------------------------- */

/* common */

html {
    height: 100%;
}

body {
    height: 100%;
    margin: 0;
}


#s_trip {background: #daf2ff; color: #323232; width: 100%; max-width: 640px; margin: 0 auto;}
#s_trip a {color: #646464; text-decoration:underline;}
#s_trip a:hover {text-decoration:none;}
#s_trip a:active,
#s_trip a:focus {outline:none;}
#s_trip.contents {max-width:640px;width:100%;margin:0 auto;}
#s_trip .container {width: 90%; margin: 0 auto;}
#s_trip img {width:100%;height:auto;}
#s_trip ul,
#s_trip dl,
#s_trip ol,
#s_trip li {list-style:none;margin:0;padding:0;}

#s_trip p,
#s_trip ul,
#s_trip ol,
#s_trip li ,
#s_trip dd {line-height: 165%; font-size:13px; }

#s_trip .f_b {font-weight: bold;}

#s_trip .fs_12 {font-size: 1.875vw;}
#s_trip .fs_14 {font-size: 2.1875vw;}
#s_trip .fs_16 {font-size: 2.5vw;}
#s_trip .fs_18 {font-size: 2.8125vw;}
#s_trip .fs_20 {font-size: 3.125vw;}
#s_trip .fs_22 {font-size: 3.4375vw;}
#s_trip .fs_24 {font-size: 3.75vw;}
#s_trip .fs_26 {font-size: 4.0625vw;}
#s_trip .fs_28 {font-size: 4.375vw;}
#s_trip .fs_30 {font-size: 4.6875vw;}
#s_trip .fs_40 {font-size: 6.25vw;}

@media screen and (min-width:640px) {
#s_trip .fs_12 {font-size: 12px;}
#s_trip .fs_14 {font-size: 14px;}
#s_trip .fs_16 {font-size: 16px;}
#s_trip .fs_18 {font-size: 18px;}
#s_trip .fs_20 {font-size: 20px;}
#s_trip .fs_22 {font-size: 22px;}
#s_trip .fs_24 {font-size: 24px;}
#s_trip .fs_26 {font-size: 26px;}
#s_trip .fs_28 {font-size: 28px;}
#s_trip .fs_30 {font-size: 30px;}
#s_trip .fs_40 {font-size: 40px;}

}


#s_trip .pb_10 {padding-bottom:1.5625%;}
#s_trip .pb_15 {padding-bottom:2.34375%;}
#s_trip .pb_20 {padding-bottom:3.125%;}
#s_trip .pb_25 {padding-bottom:3.90625%;}
#s_trip .pb_30 {padding-bottom:4.6875%;}
#s_trip .pb_35 {padding-bottom:5.46875%;}
#s_trip .pb_40 {padding-bottom:6.25%;}
#s_trip .pb_45 {padding-bottom:7.03125%;}
#s_trip .pb_50 {padding-bottom:7.8125%;}
#s_trip .pb_55 {padding-bottom:8.59375%;}
#s_trip .pb_60 {padding-bottom:9.375%;}

#s_trip .w_90 {width: 90%; margin: 0 auto;}


#s_trip .co_blue {font-weight: bold; color: #1298df;}
#s_trip .co_yellow {font-weight: bold; color: #fff000;}
#s_trip .co_red {font-weight: bold; color: #fa3734;}

#s_trip .bg_blue {background: #dff3fe;}
#s_trip .bg_pink {background: #ffeeee;}

#s_trip h1 , #s_trip h2 , #s_trip h3 , #s_trip h4 , #s_trip h5 {margin: 0; padding: 0;}


.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}
#s_trip .fl {float: left; display: inline;}
#s_trip .fr {float:right; display: inline;}




#s_trip h1 {margin-bottom: 2px;}

#s_trip .accordion {margin-bottom: 2px;}
#s_trip .accordion_tit {position: relative;}
#s_trip .accordion_tit .accordion_btn {position: absolute; top: 50%; right: 5%; width: 6.5%; max-width:42px;  transform: translate(0 , -50%); -webkit-transform: translate(0 , -50%);}
#s_trip .accordion_cnt {padding-top: 3%;}

/* tour list
----------------------------------------*/
#s_trip .tourcnt {border: solid 5px #eeeeee; background: #fff; padding: 0 0 20px; margin-bottom: 15px;}
#s_trip .tour_inner {width: 90%; margin: 0 auto;}
#s_trip .tour_city {background: #009cff; font-weight: bold; color: #fff; text-align: center; padding: 3px 0 0;}
#s_trip .tour_tit {padding: 3% 0;}
#s_trip .tour_tit a {color: #ff3232; font-weight: bold; text-decoration: none;}
#s_trip .tour_inner dl {margin-bottom: 10px;}
#s_trip .tour_inner dt {background: #1eb1ff; color: #fff; font-weight: bold; font-size: 11px; padding: 3px;}
#s_trip .tour_inner dd.tour_price {font-size: 18px; font-weight: bold; padding-left: 5px; color: #ff3232;}
#s_trip .tour_inner dd.tour_price span {font-size: 20px;}
#s_trip .tour_inner dd.tour_surcharge {color: #000; font-size: 10px;}
#s_trip .tour_link {width:60%; height: 40px; min-width: 220px; margin: 0 auto;}
#s_trip .tour_link a {display: block; width: 100%; height: 100%; line-height: 42px; color: #fff; font-weight: bold; font-size: 18px; text-align: center; text-decoration: none; background: #0096ff; border-radius: 20px; box-shadow: 0 5px 0 0 #0072c2; position: relative;}
#s_trip .tour_link a span:after { content: "▶"; position: absolute; right: 15px; top: 0px; font-size: 14px;}

#s_trip #bl_02 .tour_city {background: #75d91d;}
#s_trip #bl_03 .tour_city {background: #ff6946;}
#s_trip #bl_04 .tour_city {background: #d95ca3;}

#s_trip .btn_other {padding: 3%; width: 80%; margin: 0 auto;}


#s_trip .accordion_cnt .btn_cl {background: #c8c8c8; text-align: center; color: #adadad; font-weight: bold; cursor: pointer; padding: 2% 0;}
#s_trip .accordion_cnt .btn_cl p {font-size: 16px; color: #fff;}
#s_trip .accordion_cnt .btn_cl p:before {content: "▲"; margin-right: 10px;}

#s_trip #bl_05 {background: #fff;}
#s_trip #bl_05 .container {padding: 3% 0 5%;}
#s_trip #bl_05 .container .txt_01 {color: #000; text-align: center; padding: 3% 0 5%;}

#s_trip #bl_05 .bl_05_pre dt {background: #1298df; color: #fff; font-weight: bold; text-align: center;}
#s_trip #bl_05 .bl_05_pre dt:first-child {font-size: 20px;}
#s_trip #bl_05 .bl_05_pre dd {padding: 3% 0 5%;}
#s_trip #bl_05 .bl_05_pre dd .txt_02 {text-align: center; line-height: 140%;}
#s_trip #bl_05 .bl_05_pre dd .txt_c {text-align: center;}
#s_trip #bl_05 .bl_05_pre dd .line_btn {max-width: 270px; width: 60%; margin: 0 auto;}

#s_trip #bl_05 .bl_05_pre dd .bord {background: #1298df; border-radius: 5px; padding:0 5px 5px;}
#s_trip #bl_05 .bl_05_pre dd .bord p.lead {color: #fff; margin-bottom: 0;padding:2px 0;}
#s_trip #bl_05 .bl_05_pre dd .bord ul {background: #fff; border-radius: 5px; padding: 2%;}
#s_trip #bl_05 .bl_05_pre dd .bord ul li {padding-bottom: 2%; font-weight: bold;}
#s_trip #bl_05 .bl_05_pre dd .bord ul li p {font-size: 16px; display: inline-block; line-height: 18px;}
#s_trip #bl_05 .bl_05_pre dd .bord ul li p span.sm {font-size: 10px;}

#s_trip #bl_05 .bl_05_pre dd .bord ul li p:nth-child(1) { max-width: 360px; width: 100%; float: left; margin-top: 5px;}
#s_trip #bl_05 .bl_05_pre dd .bord ul li p:nth-child(2) { max-width: 180px; width: 100%; color:#eb0000; font-size: 20px; float:right;}
#s_trip #bl_05 .bl_05_pre dd .bord ul li p span.box_01 {display: inline-block;}
#s_trip #bl_05 .bl_05_pre dd .bord ul li p span.icon {background: #36c836; color: #fff; font-size: 11px;border-radius: 3px; padding: 5px 8px; line-height: 100%; width: 60px; text-align: center; position: relative; top: -3px; margin-right: 5px;}
#s_trip #bl_05 .bl_05_pre dd .bord ul li p:nth-child(2) span.icon {background: #eb0000;}
#s_trip #bl_05 .bl_05_pre dd .bord ul li p:nth-child(2):before {content: url(../img/arrow_price.png); margin-right: 10px; position: relative; top: 5px;}




#s_trip #bl_info {background: #fae664; color: #646464;}
#s_trip #bl_info .bl_info_h {background: #daf2ff; padding: 5% 0;}
#s_trip #bl_info .bl_info_inner {padding: 5% 0 0;}

#s_trip #bl_info .bord {background: #fff; border: solid 1px #dcdcdc; padding: 5%;}
#s_trip #bl_info .bord dt {background: #ff6274; border-radius: 100px; color: #fff; font-weight: bold; text-align: center; padding: 5px 0; margin-bottom: 10px;}

#s_trip #bl_info .bl_info_order { padding: 3% 0 0; position: relative;}
#s_trip #bl_info .bl_info_order .pic {position: absolute; bottom:0;  right:0; width: 40%; padding-top:45%; background: url(../img/bl_info_mikawa.png) no-repeat bottom; background-size: 100%;}

#s_trip #bl_info .bl_info_order .btn_order {width: 60%;margin-bottom: 20px;}
#s_trip #bl_info .bl_info_order p {width: 60%; padding: 0 0 5%;}
#s_trip #bl_info .bl_info_order .btn_order a {background:#0e81e0; border-radius:10px; color: #fff; text-decoration: none; display: block; width: 100%; font-weight: bold; font-size: 3vw; text-align: center; padding: 5% 0; box-shadow:  0 5px 0 0 #0064dc; position: relative;}
#s_trip #bl_info .bl_info_order .btn_order a span:after {content: ""; background: url(../img/arrow_next.png) no-repeat center; background-size: 100%; width: 4%; padding-top: 19%; display: block; position: absolute; top: 0 ;right: 5%; }



/* page-top */
#s_trip .page-top {height:0;width:0;overflow:hidden;}
#s_trip .page-top{margin: 0 ;	padding: 0 ;display: none ;}
#s_trip .page-top p   {margin: 0 ;padding: 0 ;	position: fixed ;right: 16px ;bottom: 16px ; font-size: 22px;}
#s_trip .page-top p a {text-decoration: none; color: #fff;}
#s_trip .move-page-top{display: block ;background: #ccc ; opacity: 0.7;	width: 50px ;	height: 50px ; border-radius: 25px; color: #fff ; line-height: 50px ; text-decoration: none ;	text-align: center ; -webkit-transition:all 0.3s ; -moz-transition:all 0.3s ; transition:all 0.3s ; cursor: pointer;}


/* for SP
----------------------------------------*/
@media screen and (min-width:640px) {
	#s_trip #bl_info .bl_info_order .btn_order a {font-size: 24px;}
	#s_trip #bl_info .bl_info_order .pic {width: 33%; padding-top:39%;}
}
@media screen and (max-width:600px) {
}
@media screen and (max-width:480px) {
}


/* bl_bana */
#bl_bana {width: 65%; margin: 0 auto; padding: 9% 0 6%; }
#bl_bana li {padding-bottom: 4%;}