@charset "UTF-8";

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

File name:      common.css
Created:        2016-11-30
Style Info:     キャンピングカー特集 common　CSS
----------------------------------------------------------- */
#campcar {width:100%;}
#campcar .bl          {width:100%; max-width:640px; margin:0 auto;}
#campcar .bl_inner    {width:100%; max-width:640px; margin:0 auto; padding:0 15px;}

#campcar img {width:100%;}

#campcar img {height:auto;}/* add */


#campcar img.w_auto {width:auto;}

#campcar .for_sp {display:none;}
@media screen and (max-width: 420px){
#campcar .for_sp {display:block;}
}


#campcar a {padding:0; color:#283282; text-decoration:underline;}
#campcar a:active,
#campcar a:focus {outline:none;}

#campcar .btn_ty_01:hover ,
#campcar .btn_ty_02:hover ,
#campcar a:hover {text-decoration:none;
  filter: alpha(opacity=65);
  -moz-opacity:0.65;
  opacity:0.65;}
#campcar ul,
#campcar ol,
#campcar li {list-style:none;margin:0;padding:0;}
#campcar .dis_sp {display:none;}
#campcar p {color:#323232;font-size:12px;line-height:1.8;}
#campcar .page-top {height:0;width:0;overflow:hidden;}



#campcar .tit_ty_01 h2 {font-size:18px; font-weight:bold; padding: 12px 0px; max-width:640px;}
#campcar .tit_ty_01 h2 img {width:30px; margin-right:5px;}


#campcar h1 ,
#campcar h2 ,
#campcar h3 ,
#campcar h4 ,
#campcar h5 ,
#campcar h6 {margin:0;}

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

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


#campcar .video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
#campcar .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#campcar .banner {position:relative; width:100%;}
#campcar .banner .btn    {position:absolute; bottom:20px; right:20px; width:65%; height:32px;}
#campcar .banner .btn a span  {font-size:12px;}


#campcar .bl_menu    {margin-bottom:0px;}
#campcar .bl_menu .bl_inner.tit_ty_01 {width:100%; background:#fff; }
#campcar ul.menu_list {width:100%;}
#campcar #header_menu ul.menu_list {border-top:solid 1px #8c0000;}
#campcar ul.menu_list li {border-bottom:solid 1px #8c0000; background:#c0272d; position:relative; font-size:13px;}
#campcar ul.menu_list li a {color:#fff;     padding: 10px 35px 10px 10px; display:block; width:100%; height:100%; text-decoration:none;}
#campcar ul.menu_list li a span:after { content: url(../img/arrow_menu.png); width:14px; height:20px; display:block; right:20px; top:50%; margin-top:-10px; position:absolute;}


#campcar .bl_info  {width:100%; background:#fcf5eb; padding-bottom:30px;}
#campcar .bl_info .line_btn {margin-bottom:20px;}
#campcar.sub .bl_info {padding-top:20px; margin-top:-20px;}
#campcar .bl_info {margin-bottom:20px;}
#campcar .bl_info .banner {margin-bottom:20px;}

#campcar .bl_info ul li {float:left;  margin-left:10px; width:360px; height:150px; position:relative;}
#campcar .bl_info ul li:first-child {margin-left:0; }

#campcar .bl_info ul li .img_01 ,
#campcar .bl_info ul li .btn_ty_01 ,
#campcar .bl_info ul li p {position:absolute;}

#campcar .bl_info ul li .img_01 {top:0; left:0;}
#campcar .bl_info ul li .btn_ty_01  {top:92px; left:104px;}
#campcar .bl_info ul li p       {top:65px; left:104px; font-size:12px;}
#campcar .bl_info ul li .btn_ty_01 {width:237px; height:44px;}
#campcar .bl_info ul li .btn_ty_01 a span {font-size:14px;}

#campcar .bl_entry h2 { background:#fff; }
#campcar .bl_entry .bl_entry_inner {width:100%; background:#f7e8cf; padding:15px 0 30px;}

#campcar .bl_order .fukidashi ,
#campcar .bl_entry .fukidashi {border:solid 2px #283282; background:#fff; border-radius:5px; padding:20px 10px; position:relative; margin-bottom:30px;}
#campcar .bl_order .fukidashi p:after ,
#campcar .bl_entry .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;}
#campcar .bl_order .fukidashi p ,
#campcar .bl_entry .fukidashi p {color:#283282; font-weight:bold; font-size:16px; text-align:center;}

#campcar .bl_order .bord_01 .text_01 ,
#campcar .bl_entry .bord_01 .text_01 {text-align:center; margin:5px 0 20px;}
#campcar .bl_order .bord_02 .text_01 ,
#campcar .bl_entry .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;}




#campcar .bl_order {background:#f7e8cf; padding-bottom:20px; margin-bottom:20px; box-shadow:0px 5px 5px #dbcdbc; z-index:10; position:relative;}
#campcar .bl_order .bord {background:#fff; border-bottom:solid 2px #c6b198; margin-bottom:20px;}
#campcar .bl_order .bord h3 {background:#00b900; padding:5px; font-size:14px; font-weight:bold; color:#fff; text-align:center;}
#campcar .bl_order .bord p {padding:10px 20px;}
#campcar .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;    padding: 5px;}
.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
----------------------------------------*/

#campcar #bl_tour  { padding-bottom:10px; background:#fff;}
#campcar #bl_tour 
#campcar #bl_tour h2 {margin-bottom:15px;}

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

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

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



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

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


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





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

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

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

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

#campcar .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;
}
#campcar .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;}
#campcar .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;}
#campcar #tour_list .tour_btn {padding:10px;}



/* ftbnr for mb */
.ftbnr { margin-top:20px; margin-bottom:30px; text-align:center; max-width:420px; width:70%;}
.ftbnr { display:block; margin-left:auto; margin-right:auto; } /* 配置中央 */
.ftbnr a:hover { opacity: 0.8; text-decoration: none; }
.ftbnr img { margin:10px auto 0px auto; padding:0 10px 0 10px; height:auto;width:100%;}

/*----- 171120 add  form  -----*/
.bl_contact	{
  width: 100%;
	max-width: 640px;
	margin: 0px auto;
}
.contact_tit {
	margin: 0 !important;
	line-height: 2;
	/*background: url(/lp/campcar/img/contact_tit.png) no-repeat center center;*/
	background-color: #c0272d;
	color: #fff;
	font-size: .9em;
	font-weight: bold;
	text-align: center;
}
.bl_contact .sec_inner {
	margin-bottom: 0px;
    padding: 15px;
	background: #ffeec3;
}
.bl_contact .sec_inner li {
	overflow: hidden;
}
bl_contact li {
	overflow: hidden;
	margin-bottom: 20px;
}
.bl_contact li.last {
	margin-bottom: 5px;
}
.bl_contact .f_left {
	margin-bottom: 10px;
}
.bl_contact .f_left:nth-child(2) {
	margin-bottom: 10px;
}
.bl_contact span {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	color: #c0272d;
}
.bl_contact .form-control {
	display: inline-block;
	height: 30px;
	box-shadow: 1px 1px 1px #777 inset;
	-webkit-appearance: none;
	border: 0;
	outline: none;
	font-size: 13px;
}
.bl_contact textarea.form-control {
	width: 100%;
	height: 70px;
	margin-bottom: 5px;
}
.bl_contact .form-control:focus {
	background: #ffffed;
}
.bl_contact label:hover {
	cursor: pointer;
}
.bl_contact .text_att, .bl_contact .text_att02 {
	width: auto;
}
.bl_contact .text_att02 {
	color: #888;
	margin-bottom: 0px;
	font-weight: normal;
    font-size: 12px;
}
.text_att02 a {
	color: #888 !important;
	text-decoration: underline;
}
.bl_contact input[type="checkbox"] {
	margin: 2px 10px 5px 0;
	outline: none;
	border: 0;
	-webkit-appearance: none;
	width: 25px;
	height: 25px;
	border-radius: 2px;
	cursor: pointer;
	vertical-align: -12px;
	box-shadow: 1px 1px 1px #555 inset;
	background: #fff;
}
.bl_contact input[type="checkbox"]:checked {
	background:url(/lp/campcar/sp/img/checked.png) no-repeat;
	background-size: 100%;
}
.btn_submit {
	text-align: center;
}
input[type="submit"] {
	width: 175px;
	height: 43px;
	padding: 0;
	line-height: 43px;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	color: #c0272d;
	border: 0;
	cursor: pointer;
	background: url(/lp/campcar/img/btn_submit.png) no-repeat;
}
input[type="submit"]:hover {
	color: #c0272d;
	outline: none;
}
.last_cat .inner .bord .text_time {
	position: absolute;
	top: 100px;
	left: 255px;
	font-size: 18px;
}
/* 送信完了画面 */

#campcar.done	{
  margin: 0 auto 65px;
  width: 100%;
	max-width: 640px;
}
#campcar.done .contact_tit	{
	background: url(/lp/campcar/img/done_tit.png) no-repeat center center #c0272d;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
	line-height: 36px;
}
#campcar.done .done_txt01,
#campcar.done .done_txt02,
#campcar.done .done_txt03	{
	font-weight: bold;
	text-align: center;
	padding: 0 10px;
}
#campcar.done .done_txt01	{
	color: #c0272d;
	margin: 30px 0 20px;
	font-size: 16px;
}
#campcar.done .done_txt02	{
	color: #e83e32;
	margin-bottom: 20px;
	font-size: 14px;
}
#campcar.done .done_txt03	{
	color: #333;
	margin: 0 auto 30px;
	text-align: left;
	font-weight: normal;
}