@charset "UTF-8";

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

File name:      style.css
Created:        2017.6.12
Style Info:     ちょっとだけ値特集　CSS
----------------------------------------------------------- */
/* common */

#chotto a {color: #0046dc; text-decoration:underline;}
#chotto a:hover {text-decoration:none;}
#chotto a:active,
#chotto a:focus {outline:none;}
#chotto .contents {max-width:640px;width:100%;margin:0 auto;}
#chotto img {width:100%;height:auto;}
#chotto ul,
#chotto ol,
#chotto li {list-style:none;margin:0;padding:0;}

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

#chotto .fs_16 {font-size: 80%;}
#chotto .fs_18 {font-size: 90%;}
#chotto .fs_21 {font-size: 105%;}
#chotto .fs_22 {font-size: 110%;}
#chotto .fs_24 {font-size: 120%px;}
#chotto .fs_28 {font-size: 140%;}


/*
#chotto p,
#chotto ul,
#chotto ol,
#chotto li ,
#chotto dd {line-height: 165%; font-size:3.125vw; }

#chotto .fs_16 {font-size: 0.25vw;}
#chotto .fs_18 {font-size: 2.8125vw;}
#chotto .fs_21 {font-size: 3.28125vw;}
#chotto .fs_22 {font-size: 3.4375vw;}
#chotto .fs_24 {font-size: 3.75vw;}
#chotto .fs_28 {font-size: 4.375vw;}

@media screen and (min-width:640px) {
#chotto p,
#chotto ul,
#chotto ol,
#chotto li ,
#chotto dd {font-size:20px; }
	
#chotto .fs_16 {font-size: 16px;}
#chotto .fs_18 {font-size: 18px;}
#chotto .fs_21 {font-size: 21px;}
#chotto .fs_22 {font-size: 22px;}
#chotto .fs_24 {font-size: 24px;}
#chotto .fs_28 {font-size: 28px;}
}
*/

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


#chotto .w_90 {width: 93%; margin: 0 auto;}
#chotto .co_red {color: #fa0000;}
#chotto .co_blue {color:#0168b7;}
#chotto .co_yellow {color: #ffff00;}

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}


#chotto .h_text_01 {background:#0168b7; font-weight: bold; color: #fff; padding: 10px 0;}
#chotto .h_text_02 {background:#abe5fa; color: #005ab3; padding: 10px 0;}
#chotto .h_text_03 {font-weight: bold; padding: 4.6% 0; text-align: center;}


#chotto .bl_01_outer {padding-bottom: 7.8%;}
#chotto .bl_01 {background: #fbe981; padding-bottom: 0.5%;}
#chotto .bl_01 .inner {padding: 5% 0 0;}
#chotto .bl_01 .inner dl dt {float:left; width: 25%;}
#chotto .bl_01 .inner dl dd {float:right; width: 73%; font-weight: bold; font-size: 90%;}


#chotto .bl_02_outer {padding-bottom: 5%;}
#chotto .bl_02_h {background: url(../img/bl_02_h_bg.png) no-repeat top center; background-size: 100%; text-align: center; font-weight: bold; margin-bottom:10px;}
#chotto .bl_02 h2 {margin-bottom: 10px;}

#chotto .bl_02_01 .bl_02_box_tit {border-top:solid 4px #e6e6e6; }
#chotto .bl_02_04 .bl_02_box_tit {border-bottom:solid 4px #e6e6e6; }
#chotto .bl_02_box_tit {border: solid 2px #e6e6e6; border-right: none; border-left: none; background: linear-gradient(#fefefe, #f1f1f1);}
#chotto .bl_02_box_tit .bl_tit {width: 80%; float:left; }
#chotto .bl_02_box_tit .bl_btn {width: 18%; height: 100%; float:right; }
#chotto .bl_02_box_tit .btn    {width: 100%; height: 100%; position: relative; padding: 100% 0 0 ; margin: 30% 0; color: #fff; font-weight: bold; background: url(../img/arrow_up.png) no-repeat; background-size: 100%; }
#chotto .bl_02_box_tit .btn span {position: absolute; top: 50%; left: 10%; margin-top:-3vw; font-size: 3vw;}

#chotto .bl_02_box_tit .btn.op { background: url(../img/arrow_down.png) no-repeat; background-size: 100%;}


#chotto .bl_02_box .panel {padding: 20px 0 60px; box-shadow: 0 0 0 ;}
#chotto .bl_02_box .panel .img_01 {width: 70%; margin: 0 auto 20px;}
#chotto .bl_02_box .panel .dl_01 dt {background: #fadd21; padding: 5px 10px; color: #fa0000;}
#chotto .bl_02_box .panel .dl_01 dd {background: #fbe981; padding: 10px 10px; font-weight: bold;}
#chotto .bl_02_box .panel .dl_02 dt {background: #40bcc9; padding: 5px 10px; color: #fff; font-weight: bold; margin-bottom: 10px;}
#chotto .bl_02_box .panel .bl_tour_btn {margin-bottom: 20px;}
#chotto .bl_02_box .panel .bl_tour_btn a {font-weight: bold;}
#chotto .bl_02_box .panel .btn_cl {background: #f0f0f0; text-align: center; color: #adadad; font-weight: bold; cursor: pointer; padding: 2% 0;}
#chotto .bl_02_box .panel .btn_cl img {width: auto; margin-left: 10px;}

#chotto .bl_02_box .panel .dl_01 dd {background: #fbe981; padding: 10px 10px; font-weight: bold;}
#chotto .bl_02_box.bl_02_05 .panel .dl_02 dd .co_red {font-weight: bold;}

#chotto .bl_info {background: #0168b7; padding: 20px 0;}
#chotto .bl_info .text_01 {background: #fadd21; height: 30px; border-radius: 15px; text-align: center; font-weight: bold; color: #0168b7; line-height: 30px; margin-bottom: 10px;}
#chotto .bl_info .text_02 {color: #fff; font-size: 110%; margin-bottom: 10px;}
#chotto .bl_info .bl_sp {background: #fff; padding: 20px 0;}
#chotto .bl_info .bl_sp img {margin-bottom: 10px;}

/* tourlist */
#chotto .sec_tourlist {padding:0 0 30px;background:url(../img/bg_02.png) left top repeat;}
#chotto .sec_tourlist_title {margin:0;}
#chotto .tourcnt {border:solid 2px #e6e6e6; margin-bottom:10px;background:#fff;padding-bottom: 15px;}
#chotto .tourcnt .box {background:#f0f0f0; padding:5px 10px; margin-bottom:10px;}
#chotto .tourcnt .box .tour_days ,
#chotto .tourcnt .box .tour_code {display:inline;}
#chotto .tourcnt .box .tour_days .txt1 {background:#40bcc9;color:#fff; font-size: 13px; font-weight:bold; padding:2px 5px; border-radius:5px; margin-right:5px;}
#chotto .tourcnt .box .tour_days .txt2_1 {background:#00a5dc; color:#fff; font-size: 13px;  font-weight:bold; padding:2px 5px; margin-right:5px;}
#chotto .tourcnt .box .tour_days .txt2 {font-size:5.625vw; font-weight:bold;}
#chotto .tourcnt .box .tour_code {font-size:2.8125vw;} 
#chotto .tourcnt .inner {width:90%; margin:0 auto;}
#chotto .tourcnt .inner .tour_title {margin-bottom:10px;}
#chotto .tourcnt .inner .tour_title a {color:#e50615; font-weight:bold; font-size:110%; text-decoration:none;}
#chotto .tourcnt .inner .bord {margin-bottom:10px;}
#chotto .tourcnt .inner .bord .img {width:50%; float:left; margin:0 10px 10px 0;}
#chotto .tourcnt .inner .bord dl {margin-bottom:0;}
#chotto .tourcnt .inner .bord dl dt span {background:#00a5dc; color:#fff; padding:0 5px; font-size: 13px;}
#chotto .tourcnt .inner .bord dl dd {font-size: 2.8125vw;}
#chotto .tourcnt .inner .tour_price {float: left; width: 75%;}
#chotto .tourcnt .inner .tour_price .tour_price_head {background:#00a5dc; color:#fff; font-weight:bold; font-size:13px; padding:3px 5px;}
#chotto .tourcnt .inner .tour_price_cnt {padding:10px; border: solid 1px #aaa;border-top:0;}
#chotto .tourcnt .inner .price {color:#ff0000; font-weight:bold; line-height:1;}
#chotto .tourcnt .inner .price .price_max {font-size:170%;}
#chotto .tourcnt .inner .tour_price_cnt .txt {font-size:80%;}
#chotto .tourcnt .inner .tour_link {float: right; width: 20%; background: url(../img/btn_tour_link.png) no-repeat; background-size: 100%;}
#chotto .tourcnt .inner .tour_link a {position: relative; width: 100%; height: 100%; padding: 100% 0 0; display: block;}
#chotto .tourcnt .inner .tour_link a span {display: none;}



#chotto .page-top {height:0;width:0;overflow:hidden;}
#chotto .page-top{margin: 0 ;	padding: 0 ;display: none ;}
#chotto .page-top p   {margin: 0 ;padding: 0 ;	position: fixed ;right: 16px ;bottom: 16px ; font-size: 22px;}
#chotto .page-top p a {text-decoration: none; color: #fff;}
#chotto .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;}



















#chotto .ftbnr {
    margin-bottom: 30px;
    margin-top: 20px;
    max-width: 420px;
    text-align: center;
    width: 70%;
}
#chotto .ftbnr {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#chotto .ftbnr a:hover {
    opacity: 0.8;
    text-decoration: none;
}
#chotto .ftbnr img {
    height: auto;
    margin: 10px auto 0;
    padding: 0 10px;
    width: 100%;
}