@charset "UTF-8";

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

File name:      common.css
Created:        2016-08-15
Style Info:     キャンピングカーLP common　CSS
----------------------------------------------------------- */
#usa_car {width:100%;}
#usa_car a:active,
#usa_car a:focus {outline:none;}
#usa_car a:hover {text-decoration:none;
  filter: alpha(opacity=65);
  -moz-opacity:0.65;
  opacity:0.65;}
#usa_car ul,
#usa_car ol,
#usa_car li {list-style:none;margin:0;padding:0;}
#usa_car .dis_sp {display:none;}
#usa_car .page-top {height:0;width:0;overflow:hidden;}
@media screen and (max-width:767px) {
  #usa_car img {display:block;width:100%;height:auto;}
  #usa_car .dis_pc {display:none;}
  #usa_car .dis_sp {display:block;}
  #usa_car .page-top {position:fixed;bottom:20px;right:20px;height:40px;width:40px;background:#666 url(../img/pagetop_arrow.png) center center no-repeat;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-filter:"alpha(opacity=80)";-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;cursor:pointer;text-indent:-9999px;z-index:100;}
}

/* text
----------------------------------------*/
#usa_car .txt_red {color:#c0272d;}
#usa_car .txt_blue {color:#218fb1;}
#usa_car .txt_highlighter_blue {display:inline-block;background:linear-gradient(transparent 0%, #bddfde 0%);}

/* buttom
----------------------------------------*/
.linkbtn a {display:block;color:#fff;font-weight:bold;position:relative;border-radius:5px;}
.linkbtn a:after {position:absolute;top:50%;right:10px;content:"";background-position:center center;background-repeat:no-repeat;}
.linkbtn.style_01 {width:300px;}
.linkbtn.style_01 a {padding:0 15px 0 0;height:48px;line-height:48px;background:#6ab3ca;text-align:center;}
.linkbtn.style_01 a:after {right:10px;width:9px;height:16px;background-image:url(../img/arr_right_03.png);margin-top:-8px;}
.linkbtn.style_02 {width:610px;}
.linkbtn.style_02 a {height:70px;line-height:70px;background:#c0272d;text-align:center;font-size:1.643em;}
.linkbtn.style_02 a:after {right:30px;width:21px;height:13px;background-image:url(../img/arr_btm_01.png);margin-top:-7px;}
.linkbtn.style_03 a {height:70px;line-height:70px;text-align:center;font-size:1.643em;border-radius:5px;color:#fff;}
  .main .linkbtn.style_03 a {font-size:1.643em;}
  .sub .linkbtn.style_03 a {font-size:1.358em;}
.linkbtn.style_03.blue a {background:#69b4cb;border-bottom:5px solid #429ab9;}
.linkbtn.style_03.green a {background:#21bbbb;border-bottom:5px solid #159999;}
.linkbtn.style_03 a:after {right:34px;width:12px;height:20px;background-image:url(../img/arr_right_01.png);margin-top:-10px;}
@media screen and (max-width:767px) {
  .linkbtn.style_01 a {height:auto;line-height:1.4;padding:10px 20px 10px 15px;background:#6ab3ca;}
  .linkbtn.style_02 {width:100%;}
  .linkbtn.style_02 a {height:auto;line-height:1.4;padding:10px 40px 10px 15px;font-size:1.238em;}
  .linkbtn.style_02 a:after {right:15px;}
  .linkbtn.style_03 a {height:auto;line-height:1.4;padding:10px 40px 10px 15px;}
    .main .linkbtn.style_03 a {font-size:1.238em;}
    .sub .linkbtn.style_03 a {font-size:1.143em;}
  .linkbtn.style_03 a:after {right:15px;}
}
@media screen and (max-width:480px) {
  .linkbtn.style_01 {width:100%;}
}


#usa_car .bl_inner    {width:100%; margin:0 auto; padding:0 15px;}

#usa_car .tit_ty_01 h2 {font-size:18px; font-weight:bold;}
#usa_car .tit_ty_01 h2 img {width:30px; margin-right:5px; display:inline;}
#usa_car .bl_order .fukidashi {border:solid 2px #283282; background:#fff; border-radius:5px; padding:20px 10px; position:relative; margin-bottom:30px;}
#usa_car .bl_order .fukidashi p:after {content:""; background:url(../img/arrow_fukidashi.png) no-repeat; display:block; background-size:52px; width:52px; height:31px; position:absolute; bottom:-30px; left:50%; margin-left:-26px;}
#usa_car .bl_order .fukidashi p {color:#283282; font-weight:bold; font-size:16px; text-align:center;}

#usa_car .bl_order .bord_01 .text_01 {text-align:center; margin:5px 0 20px;}
#usa_car .bl_order .bord_02 .text_01 {padding-left:50px; min-height:50px; background:url(../img/icon_haya.png) no-repeat top left; background-size:45px; margin-top:20px;}




#usa_car .bl_order {background:#f7e8cf; padding-bottom:20px; }
#usa_car .bl_order .bord {background:#fff; border-bottom:solid 2px #c6b198; margin-bottom:20px;}
#usa_car .bl_order .bord h3 {background:#00b900; padding:5px; font-size:14px; font-weight:bold; color:#fff; text-align:center;}
#usa_car .bl_order .bord p {padding:10px 20px;}
#usa_car .bl_order .bord p span {color:#00b900;}


.btn_ty_01 {background:#36c836; width:100%; border-radius:5px; box-shadow:0 3px 0 #00a500;  position:relative;}
.btn_ty_01.co_or {background:#f57f31;  box-shadow:0 3px 0 #de6500;}
.btn_ty_01.co_red {background:#c0272d;  box-shadow:0 3px 0 #8c0000;}
.btn_ty_01.co_bl {background:#36409a;  box-shadow:0 3px 0 #283282;}
.btn_ty_01 a {width:100%; height:100%; display:block; text-align:center;}
.btn_ty_01 a span {color:#fff; font-size:14px; font-weight:bold; width:100%; position:absolute; top:50%; left:50%;transform: translate(-50%, -50%); padding-right:25px;}
.btn_ty_01 a span:after {content:""; background:url(../img/arrow_next_02.png) no-repeat; display:block; width:8px; height:12px; position:absolute; top:50%; margin-top:-6px; right:15px;}
.btn_ty_01.ty_02 a span:after {content:""; background:url(../img/arrow_next_03.png) no-repeat; display:block; width:20px; height:20px; position:absolute; top:50%; margin-top:-10px; right:20px;}
.btn_ty_01.ty_03 a span:after {content:""; background:url(../img/arrow_next_05.png) no-repeat; display:block; width:12px; height:8px; position:absolute; top:50%; margin-top:-4px; right:10px;}

.btn_ty_01.ty_04 a span:after {content:""; background:url(../img/arrow_next_03.png) no-repeat; background-size:12px; display:block; width:12px; height:12px; position:absolute; top:50%; margin-top:-6px; right:20px;}



/* tour list
----------------------------------------*/

#usa_car #bl_tour  {margin:-50px 0 50px; padding-top:50px;}
#usa_car #bl_tour h2 {margin-bottom:15px;}

#usa_car #bl_tour .other_tour {text-align:center;}
#usa_car #bl_tour .other_tour a {font-size:12px;}

#usa_car .tour_sec {margin-bottom:30px;}
#usa_car .tour_sec .bord_01 {border:solid 1px #d69155; background:#f9edd9; border-radius:5px; padding:10px 20px; margin-bottom:20px;}
#usa_car .tour_sec .bord_01 h3 {color:#c0272d; font-size:14px; font-weight:bold; margin-bottom:10px;}

#usa_car .tour_sec .tour-area-tab {margin-bottom:10px;}
#usa_car .tour_sec .tour-area-tab ul li {width:25%; float:left; display:inline;}



#usa_car .tour_sec .tour-area-tab .tub_narita {background:url(../img/tub_narita_off.png) no-repeat;background-size:cover;}
#usa_car .tour_sec .tour-area-tab .tub_haneda {background:url(../img/tub_haneda_off.png) no-repeat;background-size:cover;}
#usa_car .tour_sec .tour-area-tab .tub_osaka {background:url(../img/tub_osaka_off.png) no-repeat;background-size:cover;}
#usa_car .tour_sec .tour-area-tab .tub_nagoya {background:url(../img/tub_nagoya_off.png) no-repeat;background-size:cover;}

#usa_car .tour_sec .tour-area-tab .tub_narita:hover ,
#usa_car .tour_sec .tour-area-tab .tub_narita.active {background:url(../img/tub_narita_on.png) no-repeat;background-size:cover;}
#usa_car .tour_sec .tour-area-tab .tub_haneda:hover ,
#usa_car .tour_sec .tour-area-tab .tub_haneda.active {background:url(../img/tub_haneda_on.png) no-repeat;background-size:cover;}
#usa_car .tour_sec .tour-area-tab .tub_osaka:hover ,
#usa_car .tour_sec .tour-area-tab .tub_osaka.active {background:url(../img/tub_osaka_on.png) no-repeat;background-size:cover;}
#usa_car .tour_sec .tour-area-tab .tub_nagoya:hover ,
#usa_car .tour_sec .tour-area-tab .tub_nagoya.active {background:url(../img/tub_nagoya_on.png) no-repeat;background-size:cover;}


#usa_car .tourlist .panel {box-shadow:none;}
#usa_car .tourlist .panel .bl_btn { margin:20px auto 0; text-align:center;width:100%; height:54px;}
#usa_car .tourlist .panel .bl_btn span {font-size:16px;}





#usa_car #tour_list {margin-bottom:40px;}
#usa_car .tourcnt {border:solid 2px #e6e6e6; margin-bottom:10px;}
#usa_car .tourcnt .box {background:#f0f0f0; padding:5px 10px; margin-bottom:10px;}
#usa_car .tourcnt .box .tour_days ,
#usa_car .tourcnt .box .tour_code {display:inline;}

#usa_car .tourcnt .box .tour_days .txt1 {background:#f7005f; color:#fff; font-size:10px; font-weight:bold; padding:2px 5px; border-radius:5px; margin-right:5px;}
#usa_car .tourcnt .box .tour_days .txt2_1 {background:#8c0000; color:#fff; font-size:10px; font-weight:bold; padding:2px 5px; margin-right:5px;}
#usa_car .tourcnt .box .tour_days .txt2 {font-size:16px; font-weight:bold;}
#usa_car .tourcnt .box .tour_code {font-size:10px;} 

#usa_car .tourcnt .inner {width:90%; margin:0 auto;}
#usa_car .tourcnt .inner .tour_title {margin-bottom:10px;}
#usa_car .tourcnt .inner .tour_title a {color:#a57c52; font-weight:bold; font-size:12px; text-decoration:none;}
#usa_car .tourcnt .inner .bord {margin-bottom:10px;}
#usa_car .tourcnt .inner .bord .img {width:50%; float:left; margin:0 10px 10px 0;}
#usa_car .tourcnt .inner .bord dl {margin-bottom:0;}

#usa_car .tourcnt .inner .bord dl dt span {background:#8c0000; font-size:10px; color:#fff; padding:0 5px;}
#usa_car .tourcnt .inner .bord dl dd {font-size:10px;}
#usa_car .tourcnt .inner .tour_price  {margin-bottom:20px;}
#usa_car .tourcnt .inner .tour_price .tour_price_head {background:#8c0000; color:#fff; font-weight:bold; font-size:10px; padding:3px 5px;}
#usa_car .tourcnt .inner .tour_price_cnt {padding:10px; border: solid 1px #8c0000;}
#usa_car .tourcnt .inner .price {color:#ff0000; font-weight:bold; line-height:1;}
#usa_car .tourcnt .inner .price .price_max {font-size:18px;}
#usa_car .tourcnt .inner .tour_price_cnt .txt {font-size:10px;}

#usa_car .tourcnt .inner .tour_link {
	max-width:340px; width:70%; height:27px; line-height:30px; border-radius:15px; margin:0 auto 20px; text-align:center;
	background:#36c836;
	box-shadow:#00a500 0px 3px 0px;
}
#usa_car .tourcnt .inner .tour_link a {color:#fff; font-weight:bold; font-size:12px; width:100%; height:100%; display:block; padding-left:20px; text-decoration:none;}
#usa_car .tourcnt .inner .tour_link a span:after {content:""; margin-left:20px; background:url(../img/arrow_next_03.png); width:12px; height:12px; display:inline-block; background-size:contain; vertical-align:middle;}
#usa_car #tour_list .tour_btn {padding:10px;}