@charset "UTF-8";

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

File name:      style.css
Created:        2017.12.19
Style Info:     海外ツアー2017初売りSPECIAL!!　CSS
----------------------------------------------------------- */
* {-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;}

/* common */
#hatsuuri_kaso {background: #0d52d7;}
#hatsuuri_kaso a {text-decoration:none; color:#0032c8;}
#hatsuuri_kaso a:hover {opacity:.75;text-decoration:none;}
#hatsuuri_kaso a:active,
#hatsuuri_kaso a:focus {outline:none;text-decoration:none;}
#hatsuuri_kaso ul,
#hatsuuri_kaso ol,
#hatsuuri_kaso li ,
#hatsuuri_kaso dd {list-style:none;margin:0;padding:0;}

#hatsuuri_kaso p,
#hatsuuri_kaso ul,
#hatsuuri_kaso ol,
#hatsuuri_kaso li ,
#hatsuuri_kaso dd {font-size: 14px; /*line-height: 180%;*/}
#hatsuuri_kaso dl {margin: 0; padding: 0;}


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

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

#hatsuuri_kaso .container {width: 1140px; margin: 0 auto; padding: 0px 0 45px 0;background: #ffffff;}


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

#hatsuuri_kaso .co_pink {color: #ff568b; font-weight: bold;}
#hatsuuri_kaso .co_red {color: #b51d2e; font-weight: bold;}


#hatsuuri_kaso .tit_ty_01 {background: url(../img/tit_bg_ty_01.png) no-repeat; width: 1120px; height:58px; color:#ff568b; font-size: 22px; font-weight: bold; line-height: 58px; padding-left: 30px; margin-bottom: 20px; }
#hatsuuri_kaso .tit_ty_02 {background: url(../img/tit_bg_ty_02.png) no-repeat; width: 722px; height:46px; color:#ff568b; font-size: 17px; font-weight: bold; line-height: 46px; padding-left: 20px; margin-bottom: 20px; }

#hatsuuri_kaso .tour_tit {width:1120px; height: 88px; position: relative;}
#hatsuuri_kaso .tour_tit img ,
#hatsuuri_kaso .tour_tit span {position: absolute;}
#hatsuuri_kaso .tour_tit img {bottom: 0; left: 34px;}
#hatsuuri_kaso .tour_tit span {top: 0 ;left: 180px; line-height: 88px; color: #fff; font-weight: bold;}

#hatsuuri_kaso .tour_tub {margin-bottom: 50px;}
#hatsuuri_kaso .tour_tub ul li {width: 265px; height: 67px; float: left; margin-right: 20px;}
#hatsuuri_kaso .tour_tub ul li:last-child {margin-right: 0;}
#hatsuuri_kaso .tour_tub ul li a {background: url(../../../hatsuuri_kaso/img/tour_tub_bg.jpg) no-repeat; width: 100%; height: 100%; font-size: 18px; font-weight: bold; color: #fff; text-align: center; line-height: 65px; display: block; text-decoration: none;}

/* visual */
#hatsuuri_kaso h2{margin:0 0 30px 0;}
#hatsuuri_kaso .p_header {background:#0b308e; width: 100%; height: 10px; display: table;}
#hatsuuri_kaso .p_header_txt_02.fr {padding-top: 15px;}
#hatsuuri_kaso .visual {position:relative; background: url(../img/visual_bg.png) no-repeat top center; height: 610px; text-align: center;}

f
/* sec_tourlist */
#hatsuuri_kaso .sec_tourlist { clear:both;}
#hatsuuri_kaso .sec_tourlist h3 img{margin:30px auto 5px auto;}

/* tourlist */
#hatsuuri_kaso .tour_panel{ clear:both;margin:15px 0 0 0;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}
#hatsuuri_kaso .tourcnt_left { width: 504px;margin-right:28px;}
#hatsuuri_kaso .tourcnt_right {float: right;}
#hatsuuri_kaso .tourcnt_bg{position:relative; background: url(../img/tit_region_bg.png) no-repeat top center; width:508px; height: 457px;margin:0 0 20px 0; padding:20px 0;absolute;z-index: 2;}
#hatsuuri_kaso .tour_info{overflow:hidden; margin:0 0 0 20px; padding-bottom:0;}
#hatsuuri_kaso .tour_pic {float: left; width: 145px;}
#hatsuuri_kaso .tour_text{float: left; width: 320px;}
#hatsuuri_kaso .tour_textbtn{text-align:right;}
#hatsuuri_kaso .red{color:#ff0000; font-weight:bold;}
#hatsuuri_kaso .red_n{color:#ff0000; font-weight:normal;}
#hatsuuri_kaso .tour_text dl{ margin:0 0 0 0;}
#hatsuuri_kaso .tour_text dl dt{ margin:0 0 0 0;}
#hatsuuri_kaso .tour_text dl dd{ line-height:130%;margin:0 0 3px 0;font-size:95%;}
#hatsuuri_kaso .tour_picimg_left{position: absolute;bottom:5px;left:-20px; position: absolute;z-index: 2;}
#hatsuuri_kaso .tour_picimg_right{position: absolute;bottom:5px;right:-20px; position: absolute;z-index: 2;}
#hatsuuri_kaso .tour_list{position: absolute;left:180px;bottom:155px;}
#hatsuuri_kaso .tour_list_right{position: absolute;left:20px;bottom:155px;}


/* ボタン　*/
.radius {  border-radius: 10px;-webkit-border-radius: 10px; -moz-border-radius: 10px; }
.tour_next_btn{overflow: hidden;	width: 800px;	height: 70px;	margin:20px auto 40px 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: 22px;	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;}




/* tour_contact */
.tour_contact {overflow:hidden;position:relative; background: url(../img/bg_contact.png) no-repeat top center; width:1040px; height: 250px;margin: 0px 0 50px 0; padding:20px 0;absolute;z-index: 3;}
.tour_contact_txt{position: absolute;font-size:18px; font-weight:bold;top:110px;left:40px;width:260px;}
.tour_contact_time{position: absolute;top:115px;right:100px;width:190px;}
.tour_contact_ex{position: absolute;top:180px;left:210px;color:#ff0000;font-weight:bold;text-align:center;font-size:16px;}


/* caution */
.tour_caution{overflow:hidden;;}
.tour_caution_info{width:1040px;border:solid 4px #632f0c;padding:25px 50px;margin: 0 0 24px 0; }
.tour_caution_info h4{text-align:center;padding:30px 0;}
.tour_caution_info h5{text-align:center;padding:10px 0;}
.caution_listarea{overflow:hidden;}
.caution_pic{float:left; width:460px;}
.caution_list{float:left;}
.tour_caution_info p{padding:20px 0!important;}
.caution_list li{font-weight:bold;color:#632f0c; font-size:18px!important;  background: url(../img/ico_caution.png) no-repeat left center; padding:2px 0 0 30px!important; }
.caution_hr{border-top:solid 3px #632f0c !important;padding:20px 0 5px 0; border-left:0;border-right:0;border-top:0;}

.caution_period dl{overflow:hidden;}
.caution_period dt{float:left; font-weight:bold; color:#632f0c; font-size:14px!important;  background: url(../img/bg_caution.png) no-repeat; text-align:center; clear: left ;margin-right: 0.5em ;width: 150px ;padding:7px 0 15px 0;}
.caution_period dd{float:left; color:#000; margin-left: 1em ; padding:5px 0 0 0!important;width:770px;}
.caution_period span{font-weight:bold;font-size:17px!important;line-height:150%!important; }
.tit_caution{border-bottom:solid 3px #632f0c;margin:20px 0 10px 0;padding:5px 0; font-weight:bold; color:#632f0c; font-size:20px!important; }

/* more_list */
.more_list{overflow:hidden; width:1040px;     margin: 10px auto 0px auto;   }
.more_list h4{overflow:hidden;padding:30px 0 10px 0;}
.more_list ul{overflow:hidden;}
.more_list ul li{float:left; margin-right: 5px!important;}


#hatsuuri_kaso.content .c_inner {width: 1040px; margin: 0 auto;}
#hatsuuri_kaso.content .fl_l {float: left; display: inline;}
#hatsuuri_kaso.content .fl_r {float: right; display: inline;}


#hatsuuri_kaso .c_box {padding-bottom: 50px;}
#hatsuuri_kaso .c_box h4 {    height: 63px; padding-left:50px; font-size: 30px; font-weight: bold; color: #fff; line-height: 70px; background: url(../img/bg_title_place.png) repeat; margin:30px 0 20px 0;}


#hatsuuri_kaso.content #bl_01 .tour_list01 {background: #ffff64; padding: 20px 20px 15px 20px;}
#hatsuuri_kaso.content #bl_01 .tour_list01 dl dt ,
#hatsuuri_kaso.content #bl_01 .tour_list01 dl dd {float: left; display: inline; margin-right: 35px;}
#hatsuuri_kaso.content #bl_01 .tour_list01 dl dd a {color: #0160e0; font-size: 16px; line-height: 32px; text-decoration: underline;}
#hatsuuri_kaso.content #bl_01 h3{margin:30px auto 5px auto;}


/*-----------------------------------------------
.bl_tour
------------------------------------------------*/

#hatsuuri_kaso.content .bl_tour .bl_tour_box {overflow:hidden;border: solid 1px #c8c8c8; padding:0 0 20px 0;margin-bottom: 25px; float: left; display: inline; width: 330px; margin-right: 25px; position: relative;}
#hatsuuri_kaso.content .bl_tour .bl_tour_box:nth-child(3n) {margin-right: 0px;}
#hatsuuri_kaso.content .bl_tour .bl_tour_box .bl_tour_header {background:#00c2b1; text-align: center; padding: 0px;line-height: 1.8em;}
#hatsuuri_kaso.content .bl_tour .bl_tour_box .bl_tour_header p {color: #fff; font-size:15px; font-weight: bold;}
#hatsuuri_kaso.content .bl_tour .bl_tour_box .bl_tour_box_inner {width: 286px; margin: 10px auto;}

#hatsuuri_kaso.content .bl_tour .bl_tour_box .bl_tour_tit {margin-bottom: 5px;min-height: 120px;}
#hatsuuri_kaso.content .bl_tour .bl_tour_box .bl_tour_tit a {font-weight: bold; line-height: 140%;color: #323232;}
#hatsuuri_kaso.content .bl_tour .bl_tour_box .bl_tour_pic {width:140px; float: left; display: inline;min-height: 110px;}
#hatsuuri_kaso.content .bl_tour .bl_tour_box .bl_tour_pic img {width: 100%;}
#hatsuuri_kaso.content .bl_tour .bl_tour_box .bl_tour_stuff {width:140px; float: right; display: inline;}
#hatsuuri_kaso.content .bl_tour .bl_tour_box .bl_tour_stuff dt {background: #fda01e; color: #fff; font-size: 11px; font-weight: bold; padding: 0 0 0 5px;margin-bottom: 5px;}
#hatsuuri_kaso.content .bl_tour .bl_tour_box .bl_tour_stuff dd {font-size: 11px; color: #646464;line-height: 1.6em;}

#hatsuuri_kaso.content .bl_tour .bl_tour_box .bl_tour_info {margin:10px 20px;}
#hatsuuri_kaso.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_tub_btn {width: 34px; height: 35px; margin-right:2px; float: left; display: inline; background: #9bcdc5; text-align: center; color: #fff; font-weight: bold; border-radius: 5px 5px 0 0; cursor: pointer; border-bottom: solid 1px #fff; font-size: 11px; line-height: 13px; padding-top: 5px;}
#hatsuuri_kaso.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_tub_btn span {font-size: 9px; color: #fff; display: block; line-height: 9px;}
#hatsuuri_kaso.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_tub_btn:nth-child(8) {float: right; margin-right: 0;}

#hatsuuri_kaso.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_tub_btn:hover ,
#hatsuuri_kaso.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_tub_btn.active {background: #46b89f;}


#hatsuuri_kaso.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel {background: #fff; padding: 10px 5px; position: relative;border: solid 2px #46b89f; border-top: solid 5px #46b89f;}


#hatsuuri_kaso.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_icon { position: absolute; }
#hatsuuri_kaso.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_icon { top: 10px; left: 0px; width: 70px; height: 30px; background: url(../img/tour_det_icon.png) ; background-size: 100%; color:#fff; padding: 5px 0 0 5px; line-height: 110%; font-size: 9px;}
#hatsuuri_kaso.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_icon  span {font-size: 9px; color:#fff; display: block; line-height: 11px;}
#hatsuuri_kaso.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_btn {width: 100%; height: 35px; }
#hatsuuri_kaso.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_btn a {background:#0e81e0; border-radius: 5px; display: block; width:100%; height: 100%; text-align: center; position: relative; box-shadow: 0 3px 0 #0064dc;}
#hatsuuri_kaso.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_btn a span {color: #fff; font-size: 14px; font-weight: bold; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%);}
#hatsuuri_kaso.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_btn a span:after {content: ""; display: block; width:8px; height: 11px; background: url(../img/arrow_right.png) no-repeat; background-size: 100%; position: absolute; top: 50%; right: 10px; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%);}



#hatsuuri_kaso.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_note {padding: 0 0 0 75px; margin-bottom: 10px;}
#hatsuuri_kaso.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_price {font-size: 17px; color:#fa3734; font-weight: bold; line-height: 110%;}
#hatsuuri_kaso.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_price span {font-size: 12px; color:#fa3734;}
#hatsuuri_kaso.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_txt {font-size: 10px;}
#hatsuuri_kaso.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_txt span {color: #fa3734; font-size: 11px; margin-right: 10px;}
#hatsuuri_kaso.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_txt a {color: #0064d2; font-size: 11px; margin-left: 10px; text-decoration: underline;}
#hatsuuri_kaso.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_txt a:before {content: url(../img/tour_icon_important.png); position: relative; top: 3px; margin-right: 3px;}



.content_wrapper{overflow:visible}