@charset "UTF-8";

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

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


#xmas_ny img {width:100%;height:auto;}
#xmas_ny ul,
#xmas_ny dl,
#xmas_ny ol,
#xmas_ny li {list-style:none;margin:0;padding:0;}

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

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

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





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


#xmas_ny a:hover {text-decoration:none;
  filter: alpha(opacity=65);
  -moz-opacity:0.65;
  opacity:0.65;}
#xmas_ny ul,
#xmas_ny ol,
#xmas_ny li {list-style:none;margin:0;padding:0;}
#xmas_ny p {color:#323232;font-size:12px;line-height:1.8;}




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

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

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


#xmas_ny .visual {background: #b90035; padding-bottom: 3%;}
#xmas_ny .visual p {color: #fff;}
#xmas_ny .visual .bl_btn {width: 100% ; height: 70px;}
#xmas_ny .visual .bl_btn a {display: block; width: 100%; height: 100%; background: #fff; border-radius: 35px; text-align: center; line-height: 70px; color: #b90035; font-size: 4vw; font-weight: bold; text-decoration: none; position: relative;}
#xmas_ny .visual .bl_btn a span:after {content: "▼"; position: absolute; right: 20px;}

#xmas_ny #bl_menu {width: 100%; padding-top: 3%;}
#xmas_ny #bl_menu dt ,
#xmas_ny #bl_menu dd {padding: 0; border-bottom: solid 1px #eccb6f; position: relative; }
#xmas_ny #bl_menu span {position: absolute; top: 50%; left: 15%; transform: translate(0,-50%);-webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%);}
#xmas_ny #bl_menu dt:before ,
#xmas_ny #bl_menu dd:before {content:""; background: url(../img/icon_menu_h.png) no-repeat; background-size: 100%; width: 8.125%; padding-top: 8.125%; position: absolute; top: 50%; left: 4.6%; transform: translate(0,-50%); } 
#xmas_ny #bl_menu dd:before { background: url(../img/icon_menu_list.png) no-repeat; background-size: 100%; padding-top: 5.781%;} 

#xmas_ny #bl_menu dt {font-size: 5.3125vw; width:100%; padding-top: 12.5%; display: block;}
#xmas_ny #bl_menu dd {background: #f9f6ee;}
#xmas_ny #bl_menu dd a {text-decoration: none; color: #323232; font-weight: bold; font-size: 3.75vw; display: block; width:100%; padding-top: 12.5%; position: relative;}




@media screen and (min-width: 640px){
	#xmas_ny #bl_menu dt {	font-size: 34px;}
	#xmas_ny #bl_menu dd a ,
	#xmas_ny .visual .bl_btn a {font-size: 24px;}
}
@media screen and (max-width: 420px){
	#xmas_ny .visual .bl_btn {width: 100% ; height: 40px;}
	#xmas_ny .visual .bl_btn a {line-height: 40px; font-size: 110%;}
}

#xmas_ny .accordion_tit {background: #fff; border-top: solid 1px #f3ddb7; border-bottom: solid 1px #9e7936; padding: 20px 0;}
#xmas_ny .accordion_tit h4 {font-size: 3.8vw; line-height: 1.4; font-weight: bold;}
@media screen and (min-width: 640px){
	#xmas_ny .accordion_tit h4 {font-size: 24px;}
}
#xmas_ny .accordion_tit h4 span {color: #f00028;}
#xmas_ny .accordion_tit .c_inner {position: relative;}
#xmas_ny .accordion_btn {width: 20%; padding-top: 20%; background: #b90035; border-radius: 5px; position: absolute; right: 0; top: 50%; transform: translate(0,-50%); box-shadow: 0 3px 0px #870019;}
#xmas_ny .accordion_btn p {position: absolute; top: 50%; left:10%; transform: translate(0,-50%); color: #fff; font-weight: bold; width: 80%; font-size: 3.5vw; padding-right: 20%;}
#xmas_ny .accordion_btn p:after {content: ""; width: 20%; height: 100%; background: url(../img/arrow_cl.png) center no-repeat; background-size: 100%; display: block; position: absolute; right: 0; top: 0;}
#xmas_ny .accordion_btn.active p:after {background: url(../img/arrow_op.png) center no-repeat; background-size: 100%; }

@media screen and (min-width: 640px){
	#xmas_ny .accordion_btn p {font-size: 22px;}
}

@media screen and (max-width: 420px){
	#xmas_ny .accordion_btn p {font-size: 10px;}
	
}

#xmas_ny .accordion_cnt {padding: 10px 0;}
#xmas_ny .accordion_cnt .pic {width:74%; margin: 0 auto; margin-bottom: 10px;}
#xmas_ny .bl_01_04 .accordion_cnt .pic {width: 100%;}

#xmas_ny .accordion_cnt p {margin-bottom: 10px;}
#xmas_ny .accordion_cnt ul {margin-bottom: 5px;}
#xmas_ny .accordion_cnt li {color: #f00028; font-weight: bold;}

#xmas_ny .bl_01_04 .accordion_cnt p:nth-child(3) {font-size: 80%;}
#xmas_ny .bl_01_05 .accordion_cnt dl {font-size: 80%; margin-bottom: 20px;}
#xmas_ny .bl_01_05 .accordion_cnt dd span {color: #f00028; font-weight: bold;}

#xmas_ny .btn_cl {background: #e3daba; width: 100%; text-align: center;}
#xmas_ny .btn_cl p {color: #af9157; font-weight: bold; line-height: 1 !important; padding: 10px;}
#xmas_ny .btn_cl p span { position: relative; }
#xmas_ny .btn_cl p span:after {content: ""; width: 10px; height: 100%; display: block; background: url(../img/arrow_cl_footer.png) no-repeat center; background-size: 100%; top: 0; left: 50%; position: absolute; margin-left: 30px;}

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

#xmas_ny #bl_tour  { padding-bottom:20px; background:#b90035;}
#xmas_ny #bl_tour 
#xmas_ny #bl_tour h2 {margin-bottom:15px;}

#xmas_ny #bl_tour .panel {background: none; }
#xmas_ny #bl_tour .panel .course_tit {background: #fff; border-radius: 5px 5px 0 0; text-align: center; padding: 5px; margin-bottom: 5px;}
#xmas_ny #bl_tour .panel .course_tit p {color: #b90035; font-weight: bold; font-size: 120%;}
#xmas_ny #bl_tour ul.text_box {color: #fff;}


/* sec_tourlist */
#xmas_ny .sec_tourlist .tourcnt {border: solid 1px #d2d2d2; margin-bottom: 10px; height:auto; background: #fff;}
#xmas_ny .sec_tourlist .tourcnt .inner {float: left; display: inline; width: 95%;}
#xmas_ny .sec_tourlist .tourcnt .tour_link {float: left; display: inline; width: 5%; height: 100%; text-indent: -9999px;}

@media screen and (max-width: 500px){
#xmas_ny .sec_tourlist .tourcnt .inner {width: 90%;}
#xmas_ny .sec_tourlist .tourcnt .tour_link {width: 10%;}
}

#xmas_ny .sec_tourlist .tourcnt .tour_link a {width: 100% ; height: 100%; display: block; background:#62b0a4 url(../img/arr_next.png) no-repeat center;}
#xmas_ny .sec_tourlist .tourcnt .tour_tit {background: #e6f3f1; font-size: 90%; line-height: 140%;}
#xmas_ny .sec_tourlist .tourcnt .tour_tit a {text-decoration: none; color:#323232; font-weight: bold;}
#xmas_ny .sec_tourlist .tourcnt .tour_tit ,
#xmas_ny .sec_tourlist .tourcnt .bord {padding: 3%;}
#xmas_ny .sec_tourlist .tourcnt .bord img {float: left; display: inline; width: 38%;}
#xmas_ny .sec_tourlist .tourcnt .bord .tour_info {float: right; display: inline; width: 60%;}
#xmas_ny .sec_tourlist .tourcnt .bord .tour_info .text_box {float: left; display: inline; background: #fda01e; color: #fff; font-weight: bold; font-size: 90%; padding: 2px 10px 0; border-radius: 5px; margin-right: 5px; margin-bottom: 5px;}
#xmas_ny .sec_tourlist .tourcnt .bord .tour_info .price {color: #ff0000; font-weight: bold;line-height: 120%; margin-bottom: 5px;}
#xmas_ny .sec_tourlist .tourcnt .bord .tour_info .price .price_max {font-size: 130%;}
#xmas_ny .sec_tourlist .tourcnt .bord .tour_info p.txt {color: #646464; font-size: 80%;line-height: 120%;}

#xmas_ny .sec_tourlist .bl_btn {width: 89%; margin: 0 auto; padding-top: 3%;}

#xmas_ny .tour_tub {width: 95%; margin: 0 auto;}
#xmas_ny .tour_tub ul li {width: 48%; float: left; display: inline; margin-bottom: 10px;}
#xmas_ny .tour_tub ul li:nth-child(even) {float: right;}
#xmas_ny .tour_tub ul li a { border-radius: 5px; display: block; width: 100%; height: 40px; text-decoration: none; text-align: center; line-height: 40px; padding-right: 15px; font-size: 3.9vw; position: relative;
  background : -moz-linear-gradient(50% 100% 90deg,rgba(210, 124, 0, 1) 0%,rgba(246, 173, 0, 1) 100%);
  background : -webkit-linear-gradient(90deg, rgba(210, 124, 0, 1) 0%, rgba(246, 173, 0, 1) 100%);
  background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(210, 124, 0, 1) ),color-stop(1,rgba(246, 173, 0, 1) ));
  background : -o-linear-gradient(90deg, rgba(210, 124, 0, 1) 0%, rgba(246, 173, 0, 1) 100%);
  background : -ms-linear-gradient(90deg, rgba(210, 124, 0, 1) 0%, rgba(246, 173, 0, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#D27C00', endColorstr='#F6AD00' ,GradientType=0)";
  background : linear-gradient(0deg, rgba(210, 124, 0, 1) 0%, rgba(246, 173, 0, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6AD00',endColorstr='#D27C00' , GradientType=0);
}

#xmas_ny .tour_tub ul li a span {color: #fff; color: #fff; font-weight: bold; text-decoration: none;}
#xmas_ny .tour_tub ul li a span:after {content: ""; background: url(../img/arr_tour_tub.png) no-repeat; background-size: 100%; width:10px; height:9px; display: block; position: absolute; top: 50%; right: 10%; transform: translate(0, -50%);}

@media screen and (min-width: 640px){
#xmas_ny .tour_tub ul li a {font-size: 20px;}
}



/* bl_info */
#xmas_ny #bl_info {background: url(../img/bl_info_bg.jpg) no-repeat; background-size: 100%; width: 100%; height: auto; padding-top: 84.375%; position: relative;}
#xmas_ny #bl_info h3 ,
#xmas_ny #bl_info .text_01 ,
#xmas_ny #bl_info .text_02 ,
#xmas_ny #bl_info .text_03 {position: absolute;}
#xmas_ny #bl_info h3       {top: 0 ; left: 0;}
#xmas_ny #bl_info .text_01 {top: 21% ; left: 0;}
#xmas_ny #bl_info .text_02 {top: 43% ; left: 50%; transform: translate(-50% , 0); background: #fff; border-radius: 5px; width: 92%; padding: 2.5%; text-align: center;}
#xmas_ny #bl_info .text_02 p {font-size: 3.75vw; font-weight: bold; line-height: 1.4;}
#xmas_ny #bl_info .text_02 p span {color: #e10a3c;}
#xmas_ny #bl_info .text_03 {bottom: 0 ; left: 0;}

@media screen and (min-width: 640px){
	#xmas_ny #bl_info .text_02 p {font-size: 24px;}
}


/* bl_photo */

#xmas_ny #bl_photo {padding-bottom: 60px;}
#xmas_ny .slider-item {
	width: 73%;
	margin: 0 auto;
	height: auto;
}
#xmas_ny .slider-item img {
 width: 100%;
	height: auto;
}
#xmas_ny .slider-item li {line-height: 1!important;}



/* page-top */
#xmas_ny .page-top { z-index: 10; position: fixed; bottom: 10px; right: 10px; width: 34px; height: 34px; padding: 8px 9px; border-radius: 17px; font-size: 12px; opacity: 0.8; background: #666 url(../img/arr_pagetop.png) center center no-repeat; text-indent: -9999px; -webkit-background-size: 15px auto; background-size: 15px auto; }