@charset "UTF-8";

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

File name:      style.css
Created:        2017.12.19
Style Info:     2018初売り目玉商品　CSS 下層ページ用
----------------------------------------------------------- */
/* common */

html {
    height: 100%;
}

body {
    height: 100%;
    margin: 0;
font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
}

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

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

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

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

#hatsuuri .w_90 {width: 90%; margin: 0 auto;}

#hatsuuri .co_blue {font-weight: bold; color: #0d52d7;}
#hatsuuri .co_pink {font-weight: bold; color: #e10a3c;}
#hatsuuri .co_red {font-weight: bold; color: #ff0000;}

.co_b {font-weight: bold; color: #000;}
.co_red{font-weight: bold; color: #ff0000;}

#hatsuuri .bg_blue {background: #dff3fe;}
#hatsuuri .bg_pink {background: #ffeeee;}

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

#hatsuuri .tit_ty_01 {border: solid 1px #969696; color: #ff3c8b; font-size: 110%; margin-bottom: 10px; font-weight: bold;;
  background : -moz-linear-gradient(50% 100% 90deg,rgba(239, 239, 239, 1) 0%,rgba(246, 246, 246, 1) 22.7%,rgba(255, 255, 255, 1) 84.05%);
  background : -webkit-linear-gradient(90deg, rgba(239, 239, 239, 1) 0%, rgba(246, 246, 246, 1) 22.7%, rgba(255, 255, 255, 1) 84.05%);
  background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(239, 239, 239, 1) ),color-stop(0.227,rgba(246, 246, 246, 1) ),color-stop(0.8405,rgba(255, 255, 255, 1) ));
  background : -o-linear-gradient(90deg, rgba(239, 239, 239, 1) 0%, rgba(246, 246, 246, 1) 22.7%, rgba(255, 255, 255, 1) 84.05%);
  background : -ms-linear-gradient(90deg, rgba(239, 239, 239, 1) 0%, rgba(246, 246, 246, 1) 22.7%, rgba(255, 255, 255, 1) 84.05%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFEFEF', endColorstr='#FFFFFF' ,GradientType=0)";
  background :linear-gradient(0deg, rgba(239, 239, 239, 1) 0%, rgba(246, 246, 246, 1) 22.7%, rgba(255, 255, 255, 1) 84.05%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#EFEFEF' , GradientType=0);

}
#hatsuuri .tit_ty_01 span {background: url(../img/tit_bg.png) repeat-y; display: block; width: 100%; height: 100%; padding: 10px 10px 10px 20px}

#hatsuuri .pic p {font-size: 80%;}

.hatsuuri_list {clear:both;    padding: 10px;
    text-align: center;}
.hatsuuri_list li{width: 18%; display:inline-block;}

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}
#hatsuuri .fl {float: left; display: inline;}
#hatsuuri .fr {float:right; display: inline;}

#hatsuuri .accordion_tit {width: 100%; border-top: solid 1px #c8c8c8; border-bottom: solid 1px #c8c8c8; position: relative; padding-top: 26.5626%;
  background : -moz-linear-gradient(50% 100% 90deg,rgba(240, 240, 240, 1) 0%,rgba(255, 255, 255, 1) 100%);
  background : -webkit-linear-gradient(90deg, rgba(240, 240, 240, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(240, 240, 240, 1) ),color-stop(1,rgba(255, 255, 255, 1) ));
  background : -o-linear-gradient(90deg, rgba(240, 240, 240, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background : -ms-linear-gradient(90deg, rgba(240, 240, 240, 1) 0%, rgba(255, 255, 255, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0', endColorstr='#FFFFFF' ,GradientType=0)";
  background : linear-gradient(0deg, rgba(240, 240, 240, 1) 0%, rgba(255, 255, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#F0F0F0' , GradientType=0);
}
#hatsuuri .accordion_tit.bt_none {border-top:none;}

#hatsuuri .accordion_tit .fl {width: 77.1875%; position: absolute; top: 0; left: 0;}
#hatsuuri .accordion_tit .fl p {padding-left: 5%; font-size: 3.12vw; padding-top: 2%;}
#hatsuuri .accordion_tit.bt_none .fl p {padding-top: 0;}

#hatsuuri .accordion_tit .accordion_btn {width: 17.5%; height: auto; padding-top: 17.5%; background: #218be6; box-shadow: 0 3px 0 #006ddf; border-radius: 5px; position: absolute; top: 50%; right: 3%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%);}

#hatsuuri .accordion_tit .accordion_btn p {position: absolute; width: 100%; top: 50%; left: 0; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); color: #fff; font-weight: bold; font-size: 3.12vw; padding: 0 10%;}



#hatsuuri.content .bl_tour .bl_tour_cnt { padding: 0 0 15px; }

#hatsuuri.content .bl_tour .bl_tour_box:last-child:after {content: ""; height: 5px;}

#hatsuuri.content .bl_tour .bl_tour_wrap {margin-bottom: 10px;}
#hatsuuri.content .bl_tour .bl_tour_wrap .bl_tour_img {float: left; margin-right: 10px; width: 40%; max-width: 180px;}
#hatsuuri.content .bl_tour .bl_tour_wrap .bl_tour_tit a {color: #646464;}

#hatsuuri.content .bl_tour .bl_tour_info_tub {}
#hatsuuri.content .bl_tour .bl_tour_info_tub .bl_tour_info_tub_btn {width:11.5%; margin-right: 1.1%; display: inline; float: left; text-align: center; color: #fff; font-weight: bold; padding: 1% 0 1%; font-size: 1.2rem; line-height: 110%; border-radius: 5px 5px 0 0; cursor: pointer;}
#hatsuuri.content .bl_tour .bl_tour_info_tub .bl_tour_info_tub_btn.active {background: #46b89f;}
#hatsuuri.content .bl_tour .bl_tour_info_tub .bl_tour_info_tub_btn:nth-child(8) {margin-right: 0; float: right;}
#hatsuuri.content .bl_tour .bl_tour_info_tub .bl_tour_info_tub_btn span { font-weight: normal; font-size: 0.9rem;}


#hatsuuri.content .bl_tour .bl_tour_info_panel {border: solid 3px #46b89f; padding: 10px 0 15px; position: relative;width: auto; margin: 0 10px 0px 10px;}
#hatsuuri.content .bl_tour .bl_tour_info_icon { position: absolute; top: 10px; left: 0px; width: 90px; height: 42px; background: url(../img/tour_det_icon.png)  ; background-size: 100%;  color:#fff; font-size: 0.8em;  line-height: 140%;padding: 7px 10px; }
#hatsuuri.content .bl_tour .bl_tour_info_icon p {line-height: 120%; font-size: 0.9rem;}
#hatsuuri.content .bl_tour .bl_tour_info_icon p span {display: block; font-size: 0.8rem;}

#hatsuuri.content .bl_tour .bl_tour_info_note {padding: 0 10px 10px 90px;}
#hatsuuri.content .bl_tour .bl_tour_info_note .bl_tour_info_price {margin:5px 0 0 10px;font-size: 1.4rem; color:#fa3734; font-weight: bold; line-height: 110%;}
#hatsuuri.content .bl_tour .bl_tour_info_note .bl_tour_info_price span {font-size: 1.5em;}
#hatsuuri.content .bl_tour .bl_tour_info_txt {font-size: 0.8rem;margin:5px 0 0 10px;}
#hatsuuri.content .bl_tour .bl_tour_info_txt span {color: #fa3734; display: inline; font-size: 0.8rem;}
#hatsuuri.content .bl_tour .bl_tour_info_btn {margin: 0 10px;     width: auto;}

.bl_tour .bl_tour_info_btn a {background:#0e81e0; border-radius: 5px; box-shadow: 0 3px 0 #0064dc; display: block; width:100%; text-align: center; color: #fff!important;	font-weight: bold; padding: 3%; position: relative;text-decoration: none!important;	}
#hatsuuri.content .bl_tour .bl_tour_info_btn a span:after {content: ""; display: block; width:2.7%; padding-top:3.6%; background: url(../img/arrow_right.png) no-repeat; background-size: 100%; position: absolute; top: 50%; right: 3%; transform: translate(0,-50%);}
.bl_tour .bl_tour_info_btn a:hover {	opacity: 0.7 ;}

.contact_area img {width:100%;height:auto; margin:0;padding:0;}
.contact_area p{padding: 5px 15px 15px 15px;}



.contact_area img {width:100%;height:auto; /*margin:-10px 0 0 0;*/padding:0;}
.lounge_area{width:100%;height:auto; padding: 15px 15px 15px 15px;}
.lounge_area img{width:100%;height:auto; padding:0;}
.lounge_area ul{margin:10px 0;	padding:0px;	list-style:none;	font-size:110%;}
.lounge_area li{margin-bottom:5px;background:url(../img/ico_star.jpg) left center no-repeat;	padding-left:40px;	line-height:1.6;	margin-left:2px;	list-style:none;color:#632e04;font-weight:bold;}
.contact_area p{margin:0px; padding:10px;}

.prduct_link img {width:100%;height:auto; margin:-10px 0 0 0;padding:0;}
.prduct_link dl dt {margin:0 10px 0 10px; padding:20px 0;}
.prduct_link dl dd {padding:10px 0; margin:0 10px;}
.prduct_link a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

@media screen and (min-width: 640px){
	#hatsuuri .accordion_tit .fl p ,
	#hatsuuri .accordion_tit .accordion_btn p {font-size: 22px;}
}
#hatsuuri .accordion_tit .accordion_btn p:after {content:""; background: url(../img/arr_down.png) no-repeat; background-size: 100%; display: inline-block; width: 20%; padding-top: 20%; position: absolute; top: 50%; right: 10%; transform: translate(0,-30%); -webkit-transform: translate(0,-30%);}
#hatsuuri .accordion_tit .accordion_btn.active p:after {content:""; background: url(../img/arr_up.png) no-repeat; background-size: 100%; display: inline-block; width: 20%; padding-top: 20%; position: absolute; top: 50%; right: 10%; transform: translate(0,-30%); -webkit-transform: translate(0,-30%);}

#hatsuuri .accordion_cnt .btn_cl_outer {padding: 4.6875% 0 8.59%; margin: 0 auto;}
#hatsuuri .accordion_cnt .btn_cl { background: #f5f5f5; text-align: center; color: #969696; font-weight: bold; cursor: pointer; padding: 2% 0; width: 100%; height: 100%;}
#hatsuuri .accordion_cnt .btn_cl p:after {content: ""; background: url(../img/btn_cl_bg.png) no-repeat; background-size: 100%; display: inline-block; width: 5%; padding-top:3%; margin-left: 10px; }



#hatsuuri .bord_g {margin-bottom: 10px;
  background : -moz-linear-gradient(-8.34% 7.61% -45deg,rgba(244, 216, 91, 1) 0%,rgba(250, 237, 181, 1) 47.85%,rgba(244, 216, 91, 1) 100%);
  background : -webkit-linear-gradient(-45deg, rgba(244, 216, 91, 1) 0%, rgba(250, 237, 181, 1) 47.85%, rgba(244, 216, 91, 1) 100%);
  background : -webkit-gradient(linear,-8.34% 7.61% ,108.34% 92.42% ,color-stop(0,rgba(244, 216, 91, 1) ),color-stop(0.4785,rgba(250, 237, 181, 1) ),color-stop(1,rgba(244, 216, 91, 1) ));
  background : -o-linear-gradient(-45deg, rgba(244, 216, 91, 1) 0%, rgba(250, 237, 181, 1) 47.85%, rgba(244, 216, 91, 1) 100%);
  background : -ms-linear-gradient(-45deg, rgba(244, 216, 91, 1) 0%, rgba(250, 237, 181, 1) 47.85%, rgba(244, 216, 91, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4D85B', endColorstr='#F4D85B' ,GradientType=0)";
  background : linear-gradient(135deg, rgba(244, 216, 91, 1) 0%, rgba(250, 237, 181, 1) 47.85%, rgba(244, 216, 91, 1) 100%);
  border-radius : 12px;
  -moz-border-radius : 12px;
  -webkit-border-radius : 12px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4D85B',endColorstr='#F4D85B' , GradientType=1);
}

#hatsuuri .bord_g_body {background: url(../img/bl_01_01_03_bg.png) repeat-y; background-size: 100%; }
#hatsuuri .bord_g_header {background: url(../img/bl_01_01_03_header.png) no-repeat top; background-size: 100%;}
#hatsuuri .bord_g_footer {background: url(../img/bl_01_01_03_footer.png) no-repeat bottom; background-size: 100%; padding-bottom: 20px;}

#hatsuuri .bl_inner{margin:20px 0 0 0; }

#hatsuuri .bl_01_list{margin:0; padding:0; background:#fff;}
#hatsuuri .bl_01_list dl dt{margin:10px 0 0 0;}
#hatsuuri .bl_01_list dl dd{margin:0 0 15px 0;}
.pop_btn{text-align:center;margin:10px 20px;}

#hatsuuri .bl_inner{margin: 10px 10px 20px 10px;padding:0 0 0 0; border:#215eea 1px solid; }
#hatsuuri .bl_inner h4{font-size:200%; font-weight:bold; color:#FFF;background:#215eea;text-align:center;line-height:100%;padding:15px 0 10px 0;}

.bl_tour_box_inner{overflow:hidden; display: inline-block; margin:10px;}
.bl_tour_box .bl_tour_tit {margin-bottom: 10px;}
.bl_tour_box .bl_tour_tit a {line-height: 140%; color:#646464!important;font-size: 13px; font-weight:bold;}
.bl_tour_box .bl_tour_pic {width:140px; height:auto;margin-right:10px; float: left; display: inline;}
.bl_tour_box .bl_tour_pic img {width: 100%; margin:10px 10px 10px 0;}

.bl_tour { padding-bottom: 0 !important;}
.bl_tour .tub_departure { letter-spacing: -0.4em; margin-bottom: 5px; }
.bl_tour .tub_departure .tub_departure_btn {width: 32%; margin-right: 2%; display: inline-block; letter-spacing:0em; position: relative; margin-bottom: 12px; cursor: pointer;}
.bl_tour .tub_departure .tub_departure_btn:nth-child(3n) {margin-right: 0;}
.bl_tour .tub_departure .tub_departure_btn span { display: block; background: #00c2b1; border-radius: 5px; color: #fff; text-align: center; font-weight: bold; padding: 5% 0;}
.bl_tour .tub_departure .tub_departure_btn.active span {background: #323232;}
.bl_tour .tub_departure .tub_departure_btn.active:after {content: ""; display: block; width: 10px; border:8px solid transparent; border-top:8px solid #323232; position: absolute;  left: 50%; top:99%; transform: translate(-50%,0);}

.bl_tour_header{color:#fff;font-weight:bold;background:#46b89f;width:30%;text-align:center;height:30px;    padding: 5px; margin-left:10px;}
.bl_tour_header p{font-size:120%!important;line-height:130%;margin:0!important;padding:0!important;}


.list_link{text-align:center;background:#fff26f!important; margin:-5px 0 0 0; padding: 10px 10px 20px 15px; overflow:hidden;min-height: 80px;}
.list_link img{width: 80% !important;}
.list_link ul{margin:20px auto; text-align:center;}
.list_link ul li{float:left; padding:7px!important; font-size:120%!important;}


/* ボタン　*/
.radius {  border-radius: 10px;-webkit-border-radius: 10px; -moz-border-radius: 10px; }
.tour_next_btn{overflow: hidden;	width: 98%;	height: 60px;	margin:20px auto;	padding: 0;	border-bottom: #0043d9 solid 5px;}
.tour_next_btn a {	display: block;	position: relative;	z-index: 100;	text-align:center;	background: #215fea;	color: #fff!important;	font-weight:bold;	font-size: 14px;	line-height: 70px;	text-decoration:none;}
.tour_next_btn a:hover {	background: #5887ef;}
.icon_arrow a:before {	display: block;	content: "";	position: absolute;	-webkit-transform: rotate(45deg);	transform: rotate(45deg);	top: 50%;	right: 20px;	width: 15px;	height: 15px;	margin-top: -8px;	background: #fff;}
.icon_arrow a:after {	display: block;	content: "";	position: absolute;	-webkit-transform: rotate(45deg);	transform: rotate(45deg);	top: 50%;	right: 24px;	width: 15px;	height: 15px;	margin-top: -8px;	background: #215fea;}
.icon_arrow a:hover:after {	background: #5887ef;}











/* bl_info */
#hatsuuri .bl_info {background: #f5f5f5; margin-bottom: 30px;}
#hatsuuri .bl_info .box_01 {border-bottom: solid 1px #e6e6e6; padding: 3% 0; }
#hatsuuri .bl_info .box_01 .txt_01 {color: #0b308e; font-size: 110%; font-weight: bold; text-align: center; padding-bottom: 3%}
#hatsuuri .bl_info .box_01 .txt_02 {color: #ffffff; font-size: 110%; font-weight: bold; text-align: center; background: #78ccee; padding: 2% 0; margin-bottom: 5px;}

#hatsuuri .bl_info .box_02 {padding: 3% 0;}
#hatsuuri .bl_info .box_02 .txt_04 {color: #003cc8; font-size: 90%; }


#hatsuuri .bl_info .bl_btn {width:105%; height: auto; padding-top:30%; position: relative; background: url(../img/bl_info_bg.png) no-repeat bottom right; background-size: auto 100%; margin-bottom: 10px;}
#hatsuuri .bl_info .link_btn   { width:65%; height: auto; position: absolute; bottom: 0; left: 0}
#hatsuuri .bl_info .link_btn a {display: block; width: 100%; height: 100%; color: #fff; font-size: 110%; font-weight: bold;  text-align: center; border-radius: 5px; text-decoration: none; padding: 3% 0;
  background : -moz-linear-gradient(50% 100% 90deg,rgba(243, 66, 125, 1) 0%,rgba(245, 86, 139, 1) 19.63%,rgba(247, 116, 159, 1) 90.18%,rgba(247, 120, 162, 1) 100%);
  background : -webkit-linear-gradient(90deg, rgba(243, 66, 125, 1) 0%, rgba(245, 86, 139, 1) 19.63%, rgba(247, 116, 159, 1) 90.18%, rgba(247, 120, 162, 1) 100%);
  background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(243, 66, 125, 1) ),color-stop(0.1963,rgba(245, 86, 139, 1) ),color-stop(0.9018,rgba(247, 116, 159, 1) ),color-stop(1,rgba(247, 120, 162, 1) ));
  background : -o-linear-gradient(90deg, rgba(243, 66, 125, 1) 0%, rgba(245, 86, 139, 1) 19.63%, rgba(247, 116, 159, 1) 90.18%, rgba(247, 120, 162, 1) 100%);
  background : -ms-linear-gradient(90deg, rgba(243, 66, 125, 1) 0%, rgba(245, 86, 139, 1) 19.63%, rgba(247, 116, 159, 1) 90.18%, rgba(247, 120, 162, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3427D', endColorstr='#F778A2' ,GradientType=0)";
  background : linear-gradient(0deg, rgba(243, 66, 125, 1) 0%, rgba(245, 86, 139, 1) 19.63%, rgba(247, 116, 159, 1) 90.18%, rgba(247, 120, 162, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F778A2',endColorstr='#F3427D' , GradientType=0);
}




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

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

#hatsuuri .sec_tourlist .tourcnt .tour_link a {width: 100% ; height: 100%; display: block; background: url(../img/arr_next.png) no-repeat center;}
#hatsuuri .sec_tourlist .tourcnt .tour_tit {background: #e6f3f1; font-size: 90%; line-height: 140%;}
#hatsuuri .sec_tourlist .tourcnt .tour_tit a {text-decoration: none; color:#323232; font-weight: bold;}
#hatsuuri .sec_tourlist .tourcnt .tour_tit ,
#hatsuuri .sec_tourlist .tourcnt .bord {padding: 3%;}
#hatsuuri .sec_tourlist .tourcnt .bord img {float: left; display: inline; width: 38%;}
#hatsuuri .sec_tourlist .tourcnt .bord .tour_info {float: right; display: inline; width: 60%;}
#hatsuuri .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;}
#hatsuuri .sec_tourlist .tourcnt .bord .tour_info .price {color: #ff0000; font-weight: bold;line-height: 120%; margin-bottom: 5px;}
#hatsuuri .sec_tourlist .tourcnt .bord .tour_info .price .price_max {font-size: 130%;}
#hatsuuri .sec_tourlist .tourcnt .bord .tour_info p.txt {color: #646464; font-size: 80%;line-height: 120%;}

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

#hatsuuri .tour_tub ul li {width: 48%; float: left; display: inline; margin-bottom: 10px;}
#hatsuuri .tour_tub ul li:nth-child(even) {float: right;}
#hatsuuri .tour_tub ul li a {border: solid 3px #c49204; border-radius: 5px; display: block; width: 100%; height: 40px; text-decoration: none; text-align: center; line-height: 35px; padding-right: 15px; font-size: 3.9vw; position: relative;
  background : -moz-linear-gradient(50% 100% 90deg,rgba(0, 100, 220, 1) 0%,rgba(0, 120, 220, 1) 15%,rgba(50, 150, 235, 1) 95.09%,rgba(148, 202, 245, 1) 100%);
  background : -webkit-linear-gradient(90deg, rgba(0, 100, 220, 1) 0%, rgba(0, 120, 220, 1) 15%, rgba(50, 150, 235, 1) 95.09%, rgba(148, 202, 245, 1) 100%);
  background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(0, 100, 220, 1) ),color-stop(0.15,rgba(0, 120, 220, 1) ),color-stop(0.9509,rgba(50, 150, 235, 1) ),color-stop(1,rgba(148, 202, 245, 1) ));
  background : -o-linear-gradient(90deg, rgba(0, 100, 220, 1) 0%, rgba(0, 120, 220, 1) 15%, rgba(50, 150, 235, 1) 95.09%, rgba(148, 202, 245, 1) 100%);
  background : -ms-linear-gradient(90deg, rgba(0, 100, 220, 1) 0%, rgba(0, 120, 220, 1) 15%, rgba(50, 150, 235, 1) 95.09%, rgba(148, 202, 245, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0064DC', endColorstr='#94CAF5' ,GradientType=0)";
  background : linear-gradient(0deg, rgba(0, 100, 220, 1) 0%, rgba(0, 120, 220, 1) 15%, rgba(50, 150, 235, 1) 95.09%, rgba(148, 202, 245, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#94CAF5',endColorstr='#0064DC' , GradientType=0);
}
#hatsuuri .tour_tub ul li a span {color: #fff; color: #fff; font-weight: bold; text-decoration: none;}
#hatsuuri .tour_tub ul li a span:after {content: ""; background: url(../img/arr_tour_tub.png) no-repeat; background-size: cover; width:10%; height:auto; padding-top: 10%; display: block; position: absolute; top: 50%; right: 5%; transform: translate(0, -50%); transform: translate(0, -50%);}

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



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



/* CSS Document */

/* CSS Document */

/** {font-size: 15px; line-height: 180%;}*/
dt {line-height: 140%;}
/*img {width: 100%;}*/
a:hover {text-decoration: none;}


.c_inner {width: 92%; margin: 0 auto;}


.visual {position: relative;}
.visual ul {position: absolute; top: 80.5%; left: 2.5%; font-size: 0; width: 95%;}
.visual ul li {width: 33%; display: inline-block; margin-right: 0.5%;}
.visual ul li:last-child {margin-right: 0;}


.c_box h3 {margin-bottom: 20px;}
#bl_02.c_box h3 {margin-bottom: 10px;}


#bl_01 {padding-bottom: 0px; background: #f5f5f5;}


#bl_02 ul li {width: 50%; float: left; display: inline;}
#bl_02 p {color: #666; padding: 10px 0; font-size: 80%;}

#bl_03 dl {margin-bottom: 20px;}
#bl_03 dl dt {color: #00b4e6; font-size: 120%;}
#bl_03 dl dt img {margin-bottom: 10px;}

#c_footer p {color: #666; padding: 0 0 20px; font-size: 80%;}


.btn_list li {margin-bottom: 10px;}
.btn_other_tour a {background:#00b1bb; border-radius: 50px; display: block; width:100%; text-align: center; color: #fff; font-weight: bold; padding: 3%; position: relative;}
.btn_other_tour a span:after {content: ""; display: block; width:2.7%; padding-top:3.6%; background: url(../img/arrow_right.png) no-repeat; background-size: 100%; position: absolute; top: 50%; right: 3%; transform: translate(0,-50%);}


.bl_tour {background: #f5f5f5; padding-bottom: 0 !important;}
.bl_tour .tub_departure { letter-spacing: -0.4em; margin-bottom: 5px; }
.bl_tour .tub_departure .tub_departure_btn {width: 32%; margin-right: 2%; display: inline-block; letter-spacing:0em; position: relative; margin-bottom: 12px; cursor: pointer;}
.bl_tour .tub_departure .tub_departure_btn:nth-child(3n) {margin-right: 0;}
.bl_tour .tub_departure .tub_departure_btn span { display: block; background: #00c2b1; border-radius: 5px; color: #fff; text-align: center; font-weight: bold; padding: 5% 0;}
.bl_tour .tub_departure .tub_departure_btn.active span {background: #323232;}
.bl_tour .tub_departure .tub_departure_btn.active:after {content: ""; display: block; width: 10px; border:8px solid transparent; border-top:8px solid #323232; position: absolute;  left: 50%; top:99%; transform: translate(-50%,0);}



.bl_tour .bl_tour_cnt { padding: 0 0 15px; }
.bl_tour .bl_tour_box {border-top: solid #323232 2px; background: #fff; padding:15px 0 0 0; }
.bl_tour .bl_tour_box:after {margin-top:10px;content: ""; display: block; width: 100%; height: 30px;
	background: linear-gradient(top, #e7e7e7, #f5f5f5);
	background: -moz-linear-gradient(top, #e7e7e7, #f5f5f5);
	background: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), to(#f5f5f5));
}
.bl_tour .bl_tour_box:last-child:after {content: ""; height: 5px;}

.bl_tour .bl_tour_wrap {margin-bottom: 10px;}
.bl_tour .bl_tour_wrap .bl_tour_img {float: left; margin-right: 10px; width: 40%; max-width: 180px;}
.bl_tour .bl_tour_wrap .bl_tour_tit a {color: #646464;}

.bl_tour .bl_tour_info_tub {margin:0 10px;}
.bl_tour .bl_tour_info_tub .bl_tour_info_tub_btn {width:11.5%; margin-right: 1.1%; background: #b3d9d3; display: inline; float: left; text-align: center; color: #fff; font-weight: bold; padding: 1% 0 1%; font-size: 1.2rem; line-height: 110%; border-radius: 5px 5px 0 0; cursor: pointer;}
.bl_tour .bl_tour_info_tub .bl_tour_info_tub_btn.active {background: #46b89f;}
.bl_tour .bl_tour_info_tub .bl_tour_info_tub_btn:nth-child(8) {margin-right: 0; float: right;}
.bl_tour .bl_tour_info_tub .bl_tour_info_tub_btn span {display: block; font-weight: normal; font-size: 0.9rem;}


.bl_tour .bl_tour_info_panel {border: solid 5px #46b89f; padding: 10px 0 15px; margin:0 10px 20px 10px; position: relative;}
.bl_tour .bl_tour_info_icon { position: absolute; top: 10px; left: 0px; width: 105px; height: 45px; background: url(../img/tour_det_icon.png) no-repeet; background-size: 100%;  color:#fff; font-size: 0.8rem; line-height: 120%; padding: 7px 10px; }
.bl_tour .bl_tour_info_icon p {line-height: 120%; font-size: 0.9rem;}
.bl_tour .bl_tour_info_icon p span {display: block; font-size: 0.8rem;}

.bl_tour .bl_tour_info_note {padding: 0 10px 10px 130px;}
.bl_tour .bl_tour_info_note .bl_tour_info_price {font-size: 1.4rem; color:#fa3734; font-weight: bold; line-height: 110%;margin-left:10px;}
.bl_tour .bl_tour_info_note .bl_tour_info_price span {font-size: 1rem;}
.bl_tour .bl_tour_info_txt {font-size: 0.8rem;}
.bl_tour .bl_tour_info_txt span {color: #fa3734; display: block; font-size: 0.8rem;}
.bl_tour .bl_tour_info_btn {margin: 0 10px;}

.bl_tour .bl_tour_info_btn a {background:#0e81e0; border-radius: 5px; box-shadow: 0 3px 0 #0064dc; display: block; width:100%; text-align: center; color: #fff; font-weight: bold; padding: 3%; position: relative;}
.bl_tour .bl_tour_info_btn a span:after {content: ""; display: block; width:2.7%; padding-top:3.6%; background: url(../img/arrow_right.png) no-repeat; background-size: 100%; position: absolute; top: 50%; right: 3%; transform: translate(0,-50%);}


.ankbox {
	padding:5px 15px 0px 15px;
}
.ankbox a {
	font-size:12px; margin-right:6px; font-weight:bold; line-height:2em; text-decoration:underline !important;
}