@charset "UTF-8";

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

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

/* common */
#chotto {background: #fff;}
#chotto a {text-decoration:underline; color:#0168b7;}
#chotto a:hover {opacity:.75;text-decoration:none;}
#chotto a:active,
#chotto a:focus {outline:none;text-decoration:none;}
#chotto ul,
#chotto ol,
#chotto li ,
#chotto dd {list-style:none;margin:0;padding:0;}

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


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

#chotto .fl {float: left; display: inline;}
#chotto .fr {float: right; display: inline;}

#chotto .container {width: 1140px; margin: 0 auto; background: #fff; padding: 0;}
#chotto .co_red {color: #fa0000;}
#chotto .co_blue {color:#0168b7;}
#chotto .co_yellow {color: #ffff00;}

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


/* btn */

#chotto .btn_ty_01 {background:#0168b7; width:700px; height:60px; border-radius:5px; box-shadow: 0px 5px 0px #0050ac;}


#chotto .btn_ty_01 a {width:100%; height:100%; display:block; text-align:center; position:relative; text-decoration:none;}
#chotto .btn_ty_01 a .text {color:#fff; font-size:18px; font-weight:bold; width:100%; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
#chotto .btn_ty_01 a .text:after {content:""; background: url(../img/arrow_down.png)no-repeat; background-size: 26px; display:block; width:26px; height:26px; position:absolute; top:50%; margin-top:-13px; right:20px;}




/* main_tit */
#chotto .main_tit_h {background:#0168b7; width: 100%; height: 50px; }
#chotto .main_tit_h p {color: #fff; font-weight: bold; width: 1140px; margin: 0 auto; font-size: 16px; line-height: 50px;}

#chotto .main_tit_bg_01 {background: url(../img/main_tit_bg_01.png) repeat-x top center;}
#chotto .main_tit_bg_02 {background: url(../img/main_tit_bg_02.png) no-repeat top center;}

#chotto .main_tit {width: 1140px; height: 437px; position: relative; margin: 0 auto;}
#chotto .main_tit h2 ,
#chotto .main_tit .main_tit_tachiyori ,
#chotto .main_tit .main_tit_chotto ,
#chotto .main_tit p { position: absolute; }

#chotto .main_tit h2 {top: 0; left: 0;}
#chotto .main_tit .main_tit_tachiyori  {top: 152px; left: 58px;}
#chotto .main_tit .main_tit_chotto  {top: 0; right: 53px;}
#chotto .main_tit p  {top: 336px; left:726px;}


/* contents */
#chotto .content_wrap_01 {background: #00a5dc; padding: 20px 0 60px; }



/* bl_01 */

#chotto .bl_01   {padding: 20px 50px 60px;}
#chotto .bl_01 p {text-align: center; font-size: 20px; font-weight: bold; margin-bottom: 20px;}
#chotto .bl_01 ul {background:#fbe981; padding: 20px 0 15px 30px;}
#chotto .bl_01 ul li {margin-bottom: 5px}
#chotto .bl_01 ul li img ,
#chotto .bl_01 ul li .text {display: block; float: left; font-size: 20px; font-weight: bold;}
#chotto .bl_01 ul li .text {margin-left: 20px; padding-top: 10px;}
#chotto .bl_01 ul li .text.text_01 {padding-top: 0;}

/* bl_02 */
#chotto .bl_02 .bl_btn ,
#chotto .bl_02 .bl_02_box {width: 1040px; margin: 0 auto;}
#chotto .bl_02 .bl_btn {padding: 20px 0 30px;}
#chotto .bl_02 .bl_btn li {float: left; display: inline; margin-right: 7px;}
#chotto .bl_02 .bl_btn li:last-child {margin-right: 0; float: right;}

#chotto .bl_02 .bl_02_box {border: solid 10px #59cbd5; margin-bottom: 30px;}
#chotto .bl_02 .bl_02_box .fl {width: 590px;}
#chotto .bl_02 .bl_02_box .fr {width: 390px;}
#chotto .bl_02 .bl_02_box .fr img {margin-bottom: 20px;}

#chotto .bl_02 .bl_02_box dl {margin-bottom: 20px;}
#chotto .bl_02 .bl_02_box .dl_01 ,
#chotto .bl_02 .bl_02_box .dl_02 {width:560px; margin-left:30px; }
#chotto .bl_02 .bl_02_box .dl_03 {width: 360px;}

#chotto .bl_02 .bl_02_box .dl_01 dd {background:#fbe981; font-weight: bold; padding: 10px 15px 15px;}

#chotto .bl_02 .bl_02_box .dl_02 dt ,
#chotto .bl_02 .bl_02_box .dl_03 dt {background: url(../img/bl_02_dt_bg.png); width: 100%; height: 26px; border-radius: 23px; color: #fff; font-weight: bold; line-height: 26px; padding-left: 20px; font-size: 14px; margin-bottom: 15px;}
#chotto .bl_02 .bl_02_box .dl_02 dd ,
#chotto .bl_02 .bl_02_box .dl_03 dd li {font-size: 12px;}

#chotto .bl_02 #bl_02_05.bl_02_box .dl_02 dd .co_red ,
#chotto .bl_02 #bl_02_05.bl_02_box .dl_03 dd .co_red {font-weight: bold;}


#chotto .bl_02 .bl_02_box .bl_box_btn {width: 960px; margin: 0 auto; padding: 20px 0 25px; border-top:solid 1px #c8c8c8;}
#chotto .bl_02 .bl_02_box .btn_ty_01 {width: 700px; margin: 0 auto;}


/* tour_tit */
#chotto .tour_tit_bg {background: url(../img/tour_tit_bg.png) repeat-x top center;}
#chotto .tour_tit {position: relative; width: 1140px; height: 208px; margin: 0 auto;}
#chotto .tour_tit h3 ,
#chotto .tour_tit .img_01 ,
#chotto .tour_tit ul {position: absolute;}

#chotto .tour_tit h3      {top: 0; left: 0;}
#chotto .tour_tit .img_01  {top: 144px; left: 70px;}
#chotto .tour_tit ul      {top: 144px; left: 370px;}
#chotto .tour_tit ul li {font-size: 12px;}


#chotto .tour_info_bg {background:#0168b7; padding: 10px 0; margin-bottom: 30px;}
#chotto .tour_info { border-radius: 10px; background: #fff; padding: 10px 30px;}
#chotto .tour_info p {font-size: 18px; font-weight: bold; margin-right: 10px;}
#chotto .tour_info p ,#chotto .tour_info aside {line-height: 30px;}

#chotto .tour_tab {border-bottom: solid 10px #0168b7; margin-bottom:20px;}
#chotto .tour_tab ul li {width: 216px; height: 106px; float: left; display: inline; margin-right: 15px; cursor: pointer; text-indent: -9999px;}
#chotto .tour_tab ul li:last-child {margin-right:0;}
#chotto .tour_tab ul li.tub_la {background: url(../img/tour_tub_01_off.png);}
#chotto .tour_tab ul li.tub_cisco {background: url(../img/tour_tub_02_off.png);}
#chotto .tour_tab ul li.tub_seattle {background: url(../img/tour_tub_03_off.png);}
#chotto .tour_tab ul li.tub_boeing {background: url(../img/tour_tub_04_off.png);}
#chotto .tour_tab ul li.tub_disney {background: url(../img/tour_tub_05_off.png);}

#chotto .tour_tab ul li.tub_la.active ,
#chotto .tour_tab ul li.tub_la:hover {background: url(../img/tour_tub_01_on.png);}
#chotto .tour_tab ul li.tub_cisco.active ,
#chotto .tour_tab ul li.tub_cisco:hover {background: url(../img/tour_tub_02_on.png);}
#chotto .tour_tab ul li.tub_seattle.active ,
#chotto .tour_tab ul li.tub_seattle:hover {background: url(../img/tour_tub_03_on.png);}
#chotto .tour_tab ul li.tub_boeing.active ,
#chotto .tour_tab ul li.tub_boeing:hover {background: url(../img/tour_tub_04_on.png);}
#chotto .tour_tab ul li.tub_disney:hover {background: url(../img/tour_tub_05_on.png);}



/* tourlist */
#chotto .sec_tourlist {width:1140px;margin:0 auto;position:relative; }
#chotto .panel {box-shadow: none;}

#chotto .tourcnt {position:relative;overflow:hidden;border:5px solid #f0f0f0;padding:15px;margin-bottom:20px;}
#chotto .tourcnt .tour_title {font-size:16px;font-weight:bold;line-height:1.4;margin:0 0 10px 0; border-bottom: solid 1px #aaaaaa;}
#chotto .tourcnt .tour_title a {color:#ed3a37; text-decoration: none;}
#chotto .tourcnt .tour_title a:hover {text-decoration:underline;}
#chotto .tourcnt_left {float: left; width: 200px;}
#chotto .tourcnt_left .box {padding:10px;background:#f0f0f0;margin-bottom:5px;}
#chotto .tourcnt_left .img a {display:block;}
#chotto .tourcnt_left .img img {width:100%;}
#chotto .tourcnt_left .tour_days {overflow:hidden;margin-bottom:5px;}
#chotto .tourcnt_left .tour_days span {display:block;}
#chotto .tourcnt_left .tour_days .txt1 {clear:left;float:left;background:#fa0000;color:#fff;font-size:11px;font-weight:bold;width:60px;height:20px;padding:0 8px;line-height:20px;margin-right:5px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;}
#chotto .tourcnt_left .tour_days .txt2 {float:left;font-size:19px;line-height:20px;font-weight:bold;overflow:hidden;}
#chotto .tourcnt_left .tour_days .txt2_1 {clear:left;float:left;background:#00a5dc;color:#fff;font-size:11px;font-weight:bold;height:20px;padding:0 8px;line-height:20px;margin-right:5px;}
#chotto .tourcnt_left .tour_code {font-size:11px;margin-top:5px;}
#chotto .tourcnt_right {padding:0 0 50px 220px;}
#chotto .tourcnt_right .tour_info {overflow:hidden; padding: 0; border-radius: 0; }
#chotto .tourcnt_right dl {float:left;width:500px;overflow:hidden; }
#chotto .tourcnt_right dt {clear:left;float:left;background:#00a5dc;color:#fff;font-size:11px;font-weight:bold;width:60px;height:20px;padding:0 8px;line-height:20px;margin-top:5px;}
#chotto .tourcnt_right dd {font-size:11px;line-height:1.4;padding:3px 0 0 70px;margin-top:5px;}
#chotto .tourcnt_right dt:first-of-type,
#chotto .tourcnt_right dd:first-of-type {margin-top:0;}
#chotto .tourcnt_right .tour_price {float:right;width:250px;}
#chotto .tourcnt_right .tour_price_head {height:20px;color:#fff;font-size:11px;line-height:20px;padding:0 10px;font-weight:bold;background:#00a5dc;}
#chotto .tourcnt_right .tour_price_cnt {padding:3px 10px;background:#f0f0f0;}
#chotto .tourcnt_right .tour_price .price {color:#ff0000;font-weight:bold;margin:0;line-height:1.4;overflow:hidden;}
#chotto .tourcnt_right .tour_price .price span {display:inline-block;}
#chotto .tourcnt_right .tour_price .price_max {font-size:20px;}
#chotto .tourcnt_right .tour_price .price_min {font-size:12px;margin:8px 0 0 5px;}
#chotto .tourcnt_right .tour_price .txt {font-size:10px;}
#chotto .tourcnt_right .tour_link {position:absolute;bottom:15px;right:20px;width:190px; border-radius: 5px; background:#0168b7;}
#chotto .tourcnt_right .tour_link a {position:relative;display:block;height:40px;color:#fff;font-size:12px;font-weight:bold; text-align: center;line-height:40px; text-decoration:none; background: url(../img/arrow_next.png) no-repeat 160px 15px;}



#chotto .bl_tour_btn {padding:10px 0; }
#chotto .bl_tour_btn ul li {float: left; display: inline; margin-right: 7px; margin-bottom: 15px;}
#chotto .bl_tour_btn ul li:nth-child(3n) {margin-right: 6px;}
#chotto .bl_tour_btn ul li:nth-child(4n) {margin-right: 0px;}
#chotto .btn_ty_02 { width:279px; height:60px; font-size: 15px; font-weight: bold;}
#chotto .btn_ty_02 a {background:#0168b7 url(../img/arrow_next.png) 262px 25px no-repeat; border-radius:5px; box-shadow: 0px 5px 0px #0050ac; color: #fff; line-height: 140%; width: 100%; height: 100%; display: block; padding: 10px; text-decoration:none;}

#chotto #tour_disney .bl_tour_btn ul {text-align: center; width: 564px; margin: 0 auto;}
#chotto #tour_disney .btn_ty_02 {width: 564px;}
#chotto #tour_disney .btn_ty_02 a {background:#0168b7 url(../img/arrow_next.png) 548px 25px no-repeat;width: 564px;}


/* ftbnr for pc */
.ftbnr { margin-top:40px; text-align:center; margin-bottom:30px;}
.ftbnr img { margin-top:20px; }
.ftbnr a:hover { opacity: 0.8; text-decoration: none; }