@charset "utf-8";
/* CSS Document */
/* clearfix */
.content::before, .content::after,.content_area::before,.content_area::after,.cf::before,.cf::after{content:" ";display: table;}
.content::after,.content_area::after,.cf::after{clear:both;}
.content, .content_header,.content_area, .cf{*zoom:1;}

ul li > ul li:first-child{margin-top:0 !important;}
.contentsInr{margin: 0 auto;}

button, input, select, textarea {
font-family : inherit;
font-size   : 100%;
}

.c-pagetop{
z-index:100;
}
/* ----height---- */
.contents_body{
position: relative;
}

/* loading*/
.icon_loading{
width:100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000); 
position: fixed;
top:0;
left:0;
z-index: 50;
}
.icon_loading img{
position: absolute;
top: 50%;
left: 50%;
margin: -80px 0 0 -80px;
width: 190px;
height: 190px;
}

/* global-footer */
.global-footer{
width:100%;
position:fixed;
bottom: 0;
z-index:30;
}

.copyright{
height:auto;
line-height:1;
padding:13px 0;
}
.global-footer .copyright small{
font-size:11px;
float: none;
width: auto;
}

.content_img{
height:100%;
}

.pnel{
width:100%;
height:100%;
background:rgba(0,0,0,.5);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
position:absolute;
top:0;
left:0;
text-align:center;
z-index: 9999;
}
.pnel .content_img{
margin-top: 10px;
}

/* box_refine */
.overlay_refine{
width:100%;
min-height: 80px;
background: transparent;
position: absolute;
top:0;
left: 0;
}
.box_refine{
background: #cc0202;
line-height: 1.4;
min-height: 80px;
position: relative;
}
.box_refine .inr{
width:950px;
margin:0 auto;
}
.box_refine .ttl{
display:inline-block;
vertical-align: top;
}
.box_refine .search_box{
/* width:792px; */
display: inline-block;
background:#cc0202;
min-height: auto;
margin-left: 0;
}

.search_box .inr{
width:950px;
margin:0 auto;
}

.box_refine .box_week {
	display: inline-block;
	margin: 0;
	padding: 0 0 0 17px;
	vertical-align: bottom;
	position: relative;
}
.box_refine .box_week .txt{
font-size:12px;
font-size:1.2rem;
color:#fff;
}
.box_refine .list_week{
font-size:13px;
font-size:1.3rem;
margin: 8px 0 0 0;
}
.box_refine .list_week li{
display:inline-block;
margin-left: 3px;
text-align: center;
}
.box_refine .list_week li:first-child{
margin-left: 0;
}
.box_refine .list_week li a{
position:relative;
padding: 0px 7.5px;
display:inline-block;
line-height: 28px;
color:#cc0202;
z-index: 1;
}
.box_refine .list_week li a::before{
content: "";
width:28px;
height: 28px;
display:inline-block;
background: url(/dom/sakitoku/fy18/img/sakitoku_sprite.png);
background-position: -29px -88px;
position: absolute;
top:50%;
left:50%;
margin:-14px 0 0 -14px;
z-index: -1;
}
.box_refine .list_week li a:hover{
text-decoration: none;
}
.box_refine .list_week li a:hover::before{
content: "";
width:28px;
height: 28px;
display:inline-block;
background: url(/dom/sakitoku/fy18/img/sakitoku_sprite.png);
background-position: 0 -88px;
position: absolute;
top:50%;
left:50%;
margin:-14px 0 0 -14px;
z-index: -1;
}
.box_refine .list_week li  a.on::before{
background-position: 0 -88px;
}

.box_refine .box_airport{
width: 337px;
font-size:14px;
font-size:1.4rem;
border:1px solid #b7b7b7;
display: inline-block;
background:#fff;
margin: 19px 0 0 0;
}
.box_refine .box_airport .list_airport dt{
width: 84px;
display: inline-block;
border-right:1px solid #b7b7b7;
position: relative;
padding: 3px 0 4px 37px;
box-sizing: border-box;
margin: 7px 0 7px 8px;
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
line-height: 1;
vertical-align: middle;
}
.box_refine .box_airport .list_airport dd{
width: 245px;
display: inline-block;
}
.box_refine .box_airport .list_airport dt::before{
content:"";
width:26px;
height: 17px;
display: inline-block;
background: url(/dom/sakitoku/fy18/img/sakitoku_sprite.png) no-repeat;
position: absolute;
top: 50%;
left: 3px;
margin-top: -8.5px;
}
.box_refine .box_airport .list_airport dt.dep::before{
background-position: 0 -361px;
}
.box_refine .box_airport .list_airport dt.arr::before{
background-position: 0 -384px;
}
.box_refine .airport{
position:relative;
}
.box_refine .airport::after{
content:"";
width:11px;
height: 6px;
display:inline-block;
background: url(/dom/sakitoku/fy18/img/sakitoku_sprite.png) no-repeat;
background-position: -20px -55px;
position:absolute;
top:50%;
right: 11px;
margin-top: -3px;
}
.box_refine .airport select{
width:100%;
font-size:15px;
font-size:1.5rem;
-moz-appearance: none;
-webkit-appearance: none;
appearance:none;
border: none;
padding: 12px 0 11px 15px;
cursor: pointer;
}
/* .search_box select
.search_box select::before{
content:"";
width: 26px;
height: 17px;
display: inline-block;
position: absolute;
top:0;
left:0;
background: url(/dom/sakitoku/fy18/img/sakitoku_sprite.png) no-repeat;
background-position:0 0;
} */

/* .search_box select option{
pading-left:20px;
} */
.box_refine .btn_flip{
display:inline-block;
}
.box_refine .btn_flip img{
vertical-align: middle;
}

/* box_defo*/
.box_defo{
border:1px solid #868686;
display: inline-block;
margin: 21px 0 0 185px;
}
.box_defo .inr{
padding:15px 25px 15px 80px;
position:relative;
display: inline-block;
}
.box_defo .inr::before{
content: "";
width: 55px;
height: 55px;
background: url(/dom/sakitoku/fy18/img/sakitoku_sprite.png) no-repeat;
background-position: -43px -305px;
position:absolute;
top: 50%;
left: 10px;
margin-top: -27.5px;
}
.box_defo .inr::after{
content: "";
width: 27px;
height: 22px;
background: url(/dom/sakitoku/fy18/img/sakitoku_sprite.png) no-repeat;
background-position: -29px -24px;
position: absolute;
top: -22px;
left: 50%;
margin-left: -13.5px;
}
.box_defo .lead{
font-size:20px;
font-size:2.0rem;
color:#cc0202;
}

/* content_area */
.search_box{
width:100%;
min-height:80px;
background:#cc0202;
}
.search_box .inr{
width:950px;
margin:0 auto;
}

.content_wrap{
position: relative;
}

.content{
margin:20px 0 0 0;
}
.content_area{
margin: 20px 0 0 0;
overflow:hidden;
}

.side_area{
width:270px;
height:100%;
float:left;
position:relative;
}

.date_line{
width: 215px;
height: 3px;
background: #4e4e4e;
position: absolute;
top:150px;
z-index: 25;
}
.date_line .icon{
width: 20px;
height: 20px;
position: absolute;
right: -33px;
top: -10px;
background: url(/dom/sakitoku/fy18/img/icon_airplane.png);
}

.side_area .scale{
display:table;
table-layout: fixed;
font-size:10px;
font-size:1rem;
width:250px;
position: absolute;
z-index: 25;
background: #fff;
letter-spacing: -1px;
}
.side_area .scale .scale_inr{
width: 250px;
}
.side_area .scale .scale_unit{
display:table-cell;
width:50px;
text-align:center;
vertical-align: bottom;
line-height: 1.3;
}
.side_area .scale .scale_unit:first-child{
margin-left:50px;
}
.side_area .bar_graph_wrap{
background-repeat: repeat-y;
height: 100%;
box-sizing: border-box;
position: relative;
}
.side_area .scale .scale_unit::before{
content:"";
display: inline-block;
width: 1px;
height: 100%;
background: #e7e7e7;
}

.side_area .bar_graph{
background-repeat:repeat-y;
overflow-y: auto;
width: 270px;
height: 100%;
padding-right: 2px;
}
/* safari scrollbar */
_::-webkit-full-page-media, _:future, :root .side_area .bar_graph::-webkit-scrollbar {
background:#ccc;
width:10px;
}
_::-webkit-full-page-media, _:future, :root .side_area .bar_graph::-webkit-scrollbar-thumb {
background:#aaa;
}
.side_area .bar_graph::before{
content: "";
background: url(/dom/sakitoku/fy18/img/bg_scale.png);
background-repeat: repeat-y;
width: 253px;
height: 100%;
display: inline-block;
position: absolute;
top: 0;
left: 0;
z-index: 20;
pointer-events: none;
}

.side_area .monthly_unit{
position:relative;
min-height: 36px;
}
/* .side_area .monthly_unit .bar {
border-top: 1px solid#efefef;
padding-top: 1px;
} */
.side_area .monthly_unit .month{
position:absolute;
top:3px;
left:5px;
z-index:20;
color:#666666;
font-size:16px;
font-size:1.6rem;
line-height: 1;
}
.side_area .monthly_unit .month_No{
font-size:34px;
/* font-size:3.4rem; */
font-size:2.4rem;
display: inline-block;
}

.bar_graph .bar li{
width:220px;
height:6px;
margin-bottom:2px;
position: relative;
z-index: 0;
}
.bar_graph .bar li::after{
content:"";
width: 253px;
height: 6px;
/* background:#fdfdfd; */
position: absolute;
top: 0;
left: 0;
z-index: -5;
}
.bar_graph .monthly_unit.odd li::after{
/* background:#f7f7f9; */
position: absolute;
z-index: -5;
}
.list_graph li{
background:rgba(244,244,244,.8);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCf4f4f4,endColorstr=#CCf4f4f4);
margin-bottom:2px;
}
.bar_graph span.bar{
display:block;
height:5px;
background: #f3c0bf;
position: relative;
z-index: 0;
}
.bar_graph span.bar.min_price{
background: #e57d7c;
}
.bar_graph span.bar.accpt{
background: #b7b7b7;
}
.bar_graph span.bar.accpt.min_price{
background: #b7b7b7;
}

/*  content_header */
.content_header{
height:51px;
margin-top:23px;
overflow:hidden;
display:table;
}

/* .content_header .content_link */
.content_link{
width:280px;
height:100%;
display:table-cell;
vertical-align:top;
overflow:hidden;
}

/* .content_header .btn_check */
.content_header .btn_check{
text-align:center;
float:left;
width:129px;
display:table;
}
.content_header .btn_check a{
width:129px;
height:51px;
padding:0 36px 0 44px;
box-sizing:border-box;
border:1px solid #c00;
font-size:15px;
font-size:1.5rem;
font-weight:bold;
position:relative;
line-height:1;
display:table-cell;
vertical-align:middle;
}
.content_header .btn_check a::before{
content:"";
width:22px;
height:22px;
background: url(/dom/sakitoku/fy18/img/sakitoku_sprite.png) no-repeat;
background-position:0 0;
position:absolute;
top:13px;
left:22px;
}
.content_header .btn_check a::after{
content:"";
width:14px;
height:9px;
background: url(/dom/sakitoku/fy18/img/sakitoku_sprite.png) no-repeat;
background-position:0 -60px;
position:absolute;
top:20px;
right:22px;
}

.content_header .btn_check.curent a::after{
background-position:0 -51px;
}

/* .content_header .btn_use */
.content_header .btn_use{
text-align:center;
float:left;
width:129px;
margin-left:13px;
display:table;
}
.content_header .btn_use a{
width:129px;
height:51px;
padding:0 28px 0 38px;
color: #707070;
box-sizing:border-box;
border:1px solid #707070;
font-size:15px;
font-size:1.5rem;
position:relative;
line-height:1;
display:table-cell;
vertical-align:middle;
}
.content_header .btn_use a::before{
content:"";
width:25px;
height:25px;
background: url(/dom/sakitoku/fy18/img/sakitoku_sprite.png) no-repeat;
background-position:0 -24px;
position:absolute;
top:12px;
left:14px;
}
.content_header .btn_use a::after{
content:"";
width:14px;
height:9px;
background: url(/dom/sakitoku/fy18/img/sakitoku_sprite.png) no-repeat;
background-position:0 -79px;
position:absolute;
top:20px;
right:14px;
}
.content_header .btn_use.curent a::after{
background-position: 0 -70px;
}







.content_header .box_use{
padding: 20px 24px;
border:1px solid #707070;
border-top: none;
position: absolute;
top: 50px;
left:142px;
background: #fff;
z-index: 50;
box-sizing: border-box;
width:808px;
}
.box_use .ttl{
margin: 20px 0 0 0;
}
.box_use .txt{
margin: 10px 0 0 0;
}
.content_header .box_use::before{
content:"";
width:679px;
height: 1px;
background: #707070;
position: absolute;
top: 0;
right:0;
}
.box_use .list_color {
margin: 0;
width: 237px;
display: inline-block;
vertical-align: top;
}
.box_use .list_color li{
position: relative;
padding-left: 58px;
margin: 0 0 5px 0;
}
.box_use .list_color li::before{
content: "";
width: 48px;
height: 21px;
display: inline-block;
position:absolute;
top:0;
left:0;
}
.box_use .list_color li.min_price::before{
background:#e57d7c;
}
.box_use .list_color li.accpt::before{
background:#b7b7b7;
}
.box_use .list_color li.period::before{
background:#f3c0bf;
}
.box_use .list_color li.no_set::before{
background:#e6e6e6;
}
.box_use .list_icon {
margin: 0 0 0 6px;
display: inline-block;
}
.box_use .list_icon li{
margin: 0 0 5px 0;
text-indent: -37px;
padding-left: 37px;
}
.box_use .list_icon li img{
vertical-align: middle;
display: inline-block;
margin: 0 10px 0 0;
}

/* content_nav */
.content_nav{
vertical-align:bottom;
width:670px;
height:100%;
display:table-cell;
}
.content_nav .nav_month li{
display:table-cell;
vertical-align:bottom;
padding-left:6px;
width:50px;
}
.content_nav .nav_month li:first-child{
padding-left:0;
}
.nav_month{
font-size:16px;
font-size:1.6rem;
position:relative;
display:table;
overflow:hidden;
padding-left:3px;
}
/* .nav_month::after {
content: "";
height:1px;
width:100%;
top:10px;
left:0;
position:absolute;
background-color:#ccc;
} */
.nav_month .month{
font-size:22px;
font-size:2.2rem;
}
.nav_month li .year{
color:#666666;
font-size:13px;
position:relative;
z-index:10;
background-color:#fff;
display:inline-block;
text-align:center;
width:50px;
padding:0 6px;
margin:0 -6px;
vertical-align:top;
}
.nav_month li a{
display:inline-block;
width: 50px;
padding:0 0 3px 0;
color:#666666;
border-bottom:1px solid #ccc;
line-height:1;
box-sizing: border-box;
font-size:14px;
font-size:1.4rem;
text-align: center;
}
.nav_month li a:hover,
.nav_month li a:focus{
text-decoration:none;
color: #999;
}
.nav_month li.curent a{
color:#c00;
border-bottom:1px solid #c00;
}

/* .check_box */
.content_header .box_check{
padding:25px 22px;
border:1px solid #cc0202;
border-top:none;
background:#fff;
position:absolute;
top:50px;
left:0;
z-index:50;
}
.content_header .box_check::before{
content:"";
width:821px;
height: 1px;
background: #cc0202;
position: absolute;
top: 0;
right: 0;
}

/* calendar_area */
.calendar_area{
width:670px;
height: 100%;
float:left;
margin:0 0 0 10px;
position:relative;
}
.calendar_area .ttl_month {
	width: 80px;
	font-size: 2.4rem;
	color: #666666;
	font-weight: normal;
	position: absolute;
	left: 0;
	text-align: right;
	word-wrap: break-word;
	background-color: #fff;
	z-index: 6;
}
.calendar_area .ttl_month .month_No{
font-size: 42px;
font-size: 4.2rem;
}
.block_detail{
width: 570px;
display: table-cell;
vertical-align: top;
padding-right: 5px;
box-sizing:border-box;
}
.block_month{
width:100%;
height: 100%;
overflow-y: auto;
}

.block_month .block_detail li.empty {
height: 63px;
}
.bar_graph .monthly_unit .bar li.empty {
height: 34px;
}
/* safari scrollbar */
_::-webkit-full-page-media, _:future, :root .block_month::-webkit-scrollbar {
background:#ccc;
width:10px;
}
_::-webkit-full-page-media, _:future, :root .block_month::-webkit-scrollbar-thumb {
background:#aaa;
}

.block_month .ttllv2_month{
display: table-cell;
width: 83px;
font-size: 24px;
font-size: 2.4rem;
font-weight: normal;
color:#ccc;
text-align: right;
background: #fff;
vertical-align: top;
line-height: 1.1;
word-break: break-all;
}
.block_month .month{
font-weight: normal;
font-size:42px;
font-size:4.2rem;
color:#ccc;
background: transparent;
position: relative;
z-index:5;
}
.block_month .month span{
font-size:24px;
font-size:2.4rem;
position: relative;
z-index:5;
}
.block_detail .detail_unit{
width: 	100%;
font-size:16px;
font-size:1.6rem;
position:relative;
text-align: right;
margin: 0 0 5px 0;
}
.block_detail .detail_unit .deatail_graph::after{
content:"";
width:22px;
height:22px;
background: url(/dom/sakitoku/fy18/img/sakitoku_sprite.png) no-repeat;
background-position:0 -118px;
position:absolute;
top:50%;
right: 4px;
margin-top: -11px;
}
.block_detail .accpt .detail_unit .deatail_graph::after{
content: none;
}
.block_detail .detail_date{
display:inline-block;
vertical-align: middle;
width: 75px;
text-align: right;
padding-right: 5px;
}
.block_detail .deatail_graph{
display:inline-block;
width:475px;
min-height:40px;
background:#f0f0f0;
position:relative;
vertical-align:middle;
overflow: hidden;
}
.block_detail .deatail_graph .accpt .detail_cmt{
display: table-cell;
text-align: left;
width: 160px;
padding-left: 10px;
vertical-align: middle;
}
.block_detail .deatail_graph.faretype_None .detail_price.detail_cmt{
position:absolute;
left:-162px;
top:10px;
}
.block_detail .detail_price{
width: 215px;
min-height: 40px;
height: 40px;
display:table;
float: right;
margin-right:56px;
font-size:12px;
font-size:1.2rem;
line-height: 1;
position: relative;
z-index: 1;
}
.block_detail .detail_price span{
display:table-cell;
text-align:right;
vertical-align: middle;
}
.block_detail .detail_price .yen_ja{
font-size:12px;
font-size:1.2rem;
display:inline-block;
}
.block_detail .detail_price .min{
font-size:20px;
font-size:2.0rem;
font-weight:bold;
width:90px;
padding-left: 15px;
}
.block_detail .detail_price .max{
width:55px;
}
.block_detail .detail_price .hyphen{
width:1em;
padding-left:2px;
}
.block_detail .deatail_graph .bar_wrap{
display: inline-block;
width: 385px;
min-height: 80px;
position: absolute;
top:0;
left:0;
}
.block_detail .deatail_graph .bar{
display: inline-block;
width: 100%;
min-height: 80px;
background:#f3c0bf;
position: absolute;
top: 0;
left: 0;
}
.min_price .deatail_graph .bar{
background:#e57d7c ;
}
.accpt .deatail_graph .bar,
.accpt.min_price .deatail_graph .bar{
background:#b7b7b7;
}
.accpt .deatail_graph .detail_price{
width: 410px;
}
.accpt .detail_price .detail_cmt{
text-align: left;
width: 185px;
padding-left: 10px;
}
.block_detail li a{
display:inline-block;
width: 100%;
position:relative;
z-index: 10;
vertical-align: middle;
min-height: 40px;
box-sizing: border-box;
overflow: hidden;
text-decoration: none;
}
.block_detail li:first-child a{
margin-top: 0;
}
.block_detail li a:hover::before{
content:"";
width:100%;
height:80px;
background:rgba(255, 255, 255, .3);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Dffffff,endColorstr=#4Dffffff);
position:absolute;
top:0;
left:0;
z-index:1;
}
.detail_date.D_Sat{
color:#152b85;
}
.detail_date.D_Sun{
color:#cc0202;
}

/* module_overlay */
.overlay_inquiry{
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);/* IE8 */
position: fixed;
top: 0;
left: 0;
z-index: 1000;
}
.overlay_inquiry .box_inquiry{
width: 860px;
max-height: 100%;
overflow-y: auto;
background:#fff;
position:absolute;
top:50%;
left:50%;
margin-left: -421px;
margin-top: -343.5px;
}
.box_inquiry .box_top{
background: #f2f2f2;
padding:30px 25px 20px;
}
.box_inquiry .ttl{
background: #cc0202;
text-align: center;
color: #fff;
padding: 15px 0;
font-size:22px;
font-size:2.2rem;
}
.box_inquiry .list_detail dt{
display:inline-block;
width: 140px;
font-size:16px;
font-size:1.6rem;
font-weight: bold;
margin: 23px 0 0 0;
}
.box_inquiry .list_detail dt:first-child{
margin-top:0;
}
.box_inquiry .list_detail dd{
display:inline-block;
width: 640px;
font-size: 20px;
font-size:2.0rem;
}
.box_inquiry .list_detail dd .icon{
display: inline-block;
vertical-align: middle;
margin: 0 7px 0 0;
}
.box_inquiry .list_detail .route .dep{
position: relative;
padding: 0 35px 0 0;
}
.box_inquiry .list_detail .route .arr{
padding: 0 0 0 10px;
}
.box_inquiry .list_detail .route .dep::after{
content: "";
display: inline-block;
width:36px;
height: 17px;
position:absolute;
top: 50%;
right: -6px;
margin-top:-13px;
background: url(/dom/sakitoku/fy18/img/sakitoku_sprite.png) no-repeat;
background-position:0 -141px;
}
.box_num .list_age li{
display: inline-block;
margin:0 0 0 15px;
}
.box_num .list_age li:first-child{
margin-left:0;
}

.list_detail .yen_ja{
font-size: 20px;
font-size:2.0rem;
}
.list_detail .icon_f_type{
font-size:14px;
font-size:1.4rem;
padding:2px 18px;
border: 1px solid #222;
box-sizing:border-box;
margin:0 0 0 10px;
vertical-align: middle;
background: #fff;
}

.mid .inr{
padding:50px 70px 20px 70px;
}
.box_num dt{
font-size: 13px;
font-size: 1.3rem;
}
.box_num dt .sec{
font-size: 19px;
font-size: 1.9rem;
}
.box_num dd{
width: 222px;
border:1px solid #707070;
position: relative;
margin: 5px 0 0 0;
}
.box_num dd::before{
content:"";
width: 11px;
height: 6px;
display: inline-block;
background: url(/dom/sakitoku/fy18/img/sakitoku_sprite.png) no-repeat;
background-position: -18px -54px;
position: absolute;
top:50%;
right:10px;
margin-top: -3px;
pointer-events: none;
}
.box_num dd select{
width:100%;
padding: 10px 10px;
box-sizing: border-box;
font-size: 15px;
font-size: 1.5rem;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: none;
}
select::-ms-expand {
display: none;
}
.box_inquiry .box_num .txt{
margin: 20px 0 0 0;
}
.box_inquiry .box_num .txt .btnWT{
margin-left: 15px;
}
.box_inquiry .btn_inquiry{
margin: 40px 0 0 0;
text-align: center;
}
.btn_inquiry .btnRD{
width: 243px;
padding: 15px 19px !important;
position: relative;
}
.btn_inquiry .btnRD span{
background: none;
}
.btn_inquiry .btnRD::after{
content:"";
width:8px;
height: 14px;
display: inline-block;
background: url(/dom/sakitoku/fy18/img/sakitoku_sprite.png) no-repeat;
background-position: -20px -70px;
position: absolute;
top:50%;
right: 20px;
margin-top: -7px;
}









.box_inquiry .btm{
background: #fafafa;
padding: 30px 30px 20px;
}
.list_fare{
width: 100%;
display:table;
table-layout: fixed;
}
.list_fare li{
display: table-cell;
vertical-align: top;
width:160px;
text-align: center;
position: relative;
min-height: 34px;
box-sizing: border-box;

}
.list_fare li:first-child .price{
border-left: none;
}



.list_fare li .until{
font-size: 11px;
font-size: 1.1rem;
display: block;
background: #e1e1e1;
margin-bottom: 8px;
}
.list_fare li.current .until{
background: #3e3e3e;
color:#fff;
padding-left: 15px;
}

.list_fare li .until .date{
font-size: 18px;
font-size: 1.8rem;
display: inline-block;
width: 100%;
position: relative;
padding: 8px 0;
font-weight: bold;
min-height: 32px;
box-sizing: border-box;
}

.list_fare li .until .date .lim{
width: 40px;
font-size: 16px;
color:#fff;
display: inline-block;
vertical-align: middle;
position: absolute;
z-index: 1;
left: -14px;
top: 0;
}
.list_fare li .until .date .lim::before{
content:"";
width:57px;
height: 59px;
display: inline-block;
background: url(/dom/sakitoku/fy18/img/sakitoku_sprite.png) no-repeat;
background-position:-42px -245px;
position: absolute;
top: -13px;
left: -9px;
z-index: -1;
}
.list_fare li .fare{
margin-right: 10px;
font-size: 14px;
font-size: 1.4rem;
display: inline-block;
vertical-align: middle;
}
.list_fare li .price{
font-size: 13px;
font-size: 1.3rem;
border-left: 1px solid #a7a7a7;
display: block;
padding: 13px 0 13px 15px;
text-align: left;
min-height: 74px;
box-sizing: border-box;
}
.list_fare li .price .min{
display: inline-block;
font-size: 20px;
font-size: 2.0rem;
vertical-align: middle;
font-weight: bold;
}
.list_fare li .price .min .yen_ja{
font-size: 13px;
font-size: 1.3rem;
display: inline;
}
.list_fare li .price .max{
display: block;
padding-right: 1.5em;
text-align: right;
}
.list_fare li .price .txt{
display: inline-block;
width: 100px;
vertical-align: middle;
font-size: 16px;
text-align:center;
margin-left:-10px;
}

/* bnrArea */
.bnrArea_wrap{
width: 100%;
position:fixed;
bottom: 38px;
z-index: 25;
}
.bnrArea {
background: rgba(92, 92, 92, 0.9);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
position: relative;
z-index: -1;
}
.bnrArea_wrap .box_bnr {
width: 950px;
margin: 0 auto;
padding: 12px 0;
}
.bnrArea_wrap .box_bnr .inr {
background-color: #fff;
}
.btn_clip{
line-height: 0;
text-align: center;
width: 100%;
z-index: 30;
position: relative;
}
.btn_clip a{
display: inline-block;
position: relative;
z-index: 30;
}
.btn_clip a::before{
content: "";
width: 20px;
height: 12px;
display: inline-block;
background: url(/dom/sakitoku/fy18/img/sakitoku_sprite.png) no-repeat;
position: absolute;
top: 50%;
left: 50%;
margin-top: -6px;
margin-left: -10px;
z-index: 10;
}

.btn_clip.close a::before{
background-position: -57px 0;
}
.btn_clip.open a::before{
background-position: -77px 0;
}

.btn_clip img {
vertical-align: bottom;
position: relative;
z-index: -1;
opacity: 0.9;
}
.bnr_info{
display: table;

width: 100%;
}
.bnr_info .lead{
display: table-cell;
text-align: center;
width: 27%;
background: #fff;
position: relative;
height: 69px;
box-sizing: border-box;
font-size: 16px;
font-size: 1.15em;
font-weight: bold;
color: #cc0202;
vertical-align: middle;
z-index: 1;
line-height: 1.5;
}
.bnr_info .lead::before,
.bnr_info .lead::after{
content: "";
width: 33px;
height: 69px;
position: absolute;
display: inline-block;
}

.bnr_info .lead::before{
background: url(/dom/sakitoku/fy18/img/bnr_img_wt_L.png) no-repeat;
top: 0;
left: -33px;
}
.bnr_info .lead::after{
background: url(/dom/sakitoku/fy18/img/bnr_img_wt_R.png) no-repeat;
top: 0;
right: -33px;
}
.bnr_info a{
display: block;
position: relative;
}
.bnr_info a::after{
content: "";
width: 15px;
height: 26px;
position: absolute;
display: inline-block;
background: url(/dom/sakitoku/fy18/img/sakitoku_sprite.png) no-repeat;
background-position: -65px -24px;
top: 50%;
right: -7px;
margin-top: -13px;
z-index: 10;
}
.bnr_info a:hover{
text-decoration: none;
opacity: 0.8;
}

.bnr_info .txtArea{
display: table-cell;
width: 62%;
background: #cc0202;
height: 69px;
position: relative;
box-sizing: border-box;
padding: 0 0 0 50px;
font-size: 16px;
font-size: 1.15em;
color: #fff;
vertical-align: middle;

}
.bnr_info .txtArea::after{
content: "";
width: 33px;
height: 69px;
position: absolute;
display: inline-block;
background: url(/dom/sakitoku/fy18/img/bnr_img_red_R.png) no-repeat;
top: 0;
right: -33px;
z-index: -1;
}
.bnr_info .period{
display: block;
line-height: 1.1;
}
.bnr_info .start{
font-size: 16px;
font-size: 1.49em;
}

.bnr_info .start span{
font-size: 32px;
}

/* btn_close */
.btn_close{
display: inline-block;
width: 18px;
height:18px;
position: absolute;
top:10px;
right:10px;
}
.btn_close a{
width: 18px;
height: 18px;
position: absolute;
background: url(/dom/sakitoku/fy18/img/sakitoku_sprite.png) no-repeat;
background-position: -25px 0;
}

/* //////////////20191125 replace////////////// */

/* sakitoku logo */
.ttl_sakitoku {
width: 980px;
margin: -67px auto 0;
}
.ttl_sakitoku_inr {
display: flex;
align-items: center;
justify-content: flex-end;
height: 67px;
padding-right: 15px;
}
.ttl_sakitoku_inr img {
padding: 7px 0 0 0;
}
.ttl_sakitoku_main {
font-size: 16px;
font-weight: normal;
padding-bottom: 3px;
}
.ttl_sakitoku_sub {
font-size: 12px;
font-weight: normal;
}
.ttl_sakitoku_logo_img {
flex-basis: 76px;
}
.ttl_sakitoku_logo_txt {
padding-top: 6px;
flex-basis: 264px;
}

/* shiborikomi button */
.btn_week_select {
background-color: #fff;
height: 50px;
width: 206px;
border: solid 1px #b7b7b7;
box-sizing: border-box;
z-index: 32;
text-align: center;
padding: 12px 0 0 0;
position: relative;
font-weight: bold;
cursor: pointer;
font-size: 16px;
text-indent: 20px;
display: block;
}
/* Chrome */
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
	.btn_week_select {
		height: 48px;
		}
}
/* Firefox */
@-moz-document url-prefix() {
	.btn_week_select {
		height: 50px;
		}
}

.btn_week_select:hover span {
text-decoration: underline;
}
.btn_week_select::before {
content: "";
background-image: url(/dom/sakitoku/fy18/img/icon_refine.png);
position: absolute;
top: 7px;
left: 43px;
display: block;
width: 32px;
height: 32px;
background-repeat: no-repeat;
}
.btn_week_select::after {
content: "";
width: 14px;
height: 9px;
background: url(/dom/sakitoku/fy18/img/sakitoku_sprite.png) no-repeat;
background-position-x: 0%;
background-position-y: 0%;
background-position: 0 -79px;
position: absolute;
top: 20px;
right: 14px;
}
.box_week .btn_week_select.open {
border-bottom:none;
}
.btn_week_select.open::after {
content: "";
width: 14px;
height: 9px;
background: url(/dom/sakitoku/fy18/img/sakitoku_sprite.png) no-repeat;
background-position-x: 0%;
background-position-y: 0%;
background-position: 0 -71px;
position: absolute;
top: 20px;
right: 14px;
}

.btn_week_select.infilterable{
pointer-events: none;
border-color:#ccc;
}
.btn_week_select.infilterable span,
.btn_week_select.infilterable::before {
opacity: 0.5;
}
.btn_week_select.infilterable::after {
display: none;
}


.box_week .week_select_container {
display: none;
}
.box_week .week_select_container.open {
display: block;
position: absolute;
background-color: #fff;
right: 0;
width: 478px;
border: solid 1px #b7b7b7;
padding: 22px 20px;
z-index: 31;
top: 49px;
box-sizing: border-box;
}




.box_week .select_container1 {
padding-bottom: 20px;
}
.box_week .select_container2 {
margin-bottom: 15px;
}
.box_week p {
font-size:12px;
}
.box_week .select_container2 p.select_ttl {
border-bottom: 1px solid #000;
padding-bottom: 3px;
margin-bottom: 16px;
font-weight: bold;
}
.box_week .select_container2 label {
margin-right: 38px;
margin-bottom:10px;
}
.box_week .select_container3 {
padding-bottom: 10px;
}
.box_week .select_container3 div {
	float: left;
}
.box_week .select_container3 p.select_ttl {
border-bottom: 1px solid #000;
padding-bottom: 3px;
margin-bottom: 16px;
font-weight: bold;
}
.box_week .select_container3 label {
margin-right: 14px;
}
.box_week .box_week_btn {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-around;
margin-top: 20px;
}
.box_week .btn_refine {
color: #fff;
background-color: #cc0000;
border: none;
width: 280px;
display: block;
box-sizing: border-box;
padding: 12px;
font-size: 16px;
font-weight: bold;
height: 48px;
}

.box_week .btn_clear {
cursor: pointer;
height: 48px;
background-color: #fff;
padding:7px 20px;
border:solid 1px #707070;
color:#707070;
}
.box_week .btn_clear:hover {
text-decoration:underline;
}

.box_week .btn_refine:hover {
opacity: 0.8;
cursor: pointer;
text-decoration: underline;
}
.box_week input[type=radio]:disabled + span {
color:#ccc;
}
.box_week input[type=radio].disabled {
color:#ccc;
opacity: 0.5;
}
.box_week input[type=radio].disabled + span {
color:#ccc;
}



/* tag */
.refine_icon_area {
margin-bottom:10px;
display: inline-table;
margin-right: 5px;
}

.refine_icon_area button {
cursor: pointer;
}
.refine_icon_area button:focus {
border:solid 1px #152b85;
}
.refine_icon_area button, 
.refine_icon_area span {
font-size: 10px;
border: solid 1px #707070;
padding: 0;
display: inline-block;
padding: 3px 12px 3px 4px;
margin: 0 2px;
box-sizing: border-box;
position: relative;
color: #707070;
line-height: 11px;
background-color: #fff;
margin-bottom:4px;
}
.refine_icon_area button:hover {
opacity: 0.5;
}

.refine_icon_area button::after, 
.refine_icon_area span::after {
content: "\02715";
display: block;
position: absolute;
right: 3px;
top: 3px;
font-size: 9px;
}

/* box_use */

.box_use .ttl {
margin: 20px 0 16px 0;
border-bottom: 1px solid #000;
padding-bottom: 5px;
}
.btn_week_select_s {
background-color: #fff;
height: 48px;
width: 129px;
border: solid 1px #707070;
box-sizing: border-box;
z-index: 16;
text-align: center;
padding: 12px 0 0 27px;
position: relative;
font-weight: bold;
line-height: 1.7;
display: inline-block;
font-size: 14px;;
}
.btn_week_select_s::before {
content: "";
background-image: url(/dom/sakitoku/fy18/img/icon_refine.png);
position: absolute;
top: 7px;
left: 13px;
display: block;
width: 32px;
height: 32px;
background-repeat: no-repeat;
}
.box_use_narrow {
display: flex;
}
.box_use_narrow_txt {
padding-left:24px;
}

.flex-wrap {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.flex-wrap.chkbox {
flex-direction: row;
}
/* .flex-wrap.chkbox label {
width: 30%;
} */
.flex-wrap.chkbox div {
	width: 50%;
}


/* bnrArea */
.narrow_info {
display: flex;
height: 94px;
box-sizing: border-box;
padding: 27px 32px;
}
.narrow_info_redbox {
border: solid 1px #cc0000;
padding: 12px 28px;
color: #cc0000;
font-size: 14px;
}
.narrow_info > div:nth-child(2) {
display: flex;
align-items: center;
padding-left: 24px;
padding-right: 6px;
}
.narrow_info > div:nth-child(3) {
display: flex;
align-items: center;
}
.narrow_info > div:nth-child(4) {
display: flex;
align-items: center;
margin-left: 8px;
}

.narrow_info .btn_week_select_s {
	font-size: 12px;
	height: 30px;
	width: 90px;
	padding: 4px 0 0 22px;
}
.narrow_info .btn_week_select_s::before {
	content: "";
	background-image: url(/dom/sakitoku/fy18/img/icon_refine.png);
	position: absolute;
	top: 2px;
	left: 4px;
	display: block;
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	background-size: 25px 25px;
}


/* お知らせ欄　*/
.newfunction .btn_clip {
z-index: 30;
display: block;
position: absolute;
right: 20px;
width: 30px;
top: 20px;
}
.newfunction .btn_clip a:hover::after {
text-decoration: underline;
}
.newfunction .bnrArea {
background-color: rgba(0,0,0,0.8);
}
.newfunction .btn_clip a::before {
width: 20px;
height: 20px;
position: absolute;
background: url(/dom/sakitoku/fy18/img/sakitoku_sprite.png) no-repeat;
background-size: 100px 401px;
background-position: -24px 0;
z-index: 50;
}
.newfunction .btn_clip_wrap {
width: 980px;
margin: 0 auto;
position: relative;
}
/* box_Alert */
.box_Alert {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .6);
position: fixed;
top: 0;
z-index: 32;
overflow: scroll;
padding: 10px;
}
.box_Alert .panel {
background: #fff;
height: 150px;
width: 536px;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;
}
.box_Alert .panel .inr {
overflow-y: auto;
padding: 32px 48px;
font-size: 14px;
}
.box_Alert .panel .inr .box_Alert_grayBox {
background-color: #f5f5f5;
padding: 32px 34px;
display: table;
box-sizing: border-box;
width: 100%;
}
.box_Alert .panel .inr .box_Alert_grayBox .hint {
width: 80px;
display: table-cell;
text-align: center;
}
.box_Alert .panel .box_Alert_ttl {
font-weight: bold;
padding-bottom: 20px;
font-size: 16px;
text-align: center;
display: block;
}
.box_Alert .btn_close {
width: 22px;
height: 22px;
position: absolute;
top: 20px;
right: 20px;
background: url(/dom/sakitoku/fy18/img/sakitoku_sprite.png) no-repeat;
background-size: 100px 401px;
background-position: -22px 0;
z-index: 50;
}
.box_Alert p {
line-height: 2;
}
.box_Alert .btn_week_select_s {
margin-right: 10px;
margin-bottom: 20px;
}
.btn_close:hover {
opacity: 0.5;
cursor: pointer;
}
.chkbox {
margin:			0 0 10px 0;
}
.chkbox label {
padding-left: 30px;
font-size: 14px;
display: inline-block;
cursor: pointer;
position: relative;
}
.chkbox label::before {
content: '';
width: 19px;
height: 19px;
display: inline-block;
position: absolute;
left: 3px;
background-color: #fff;
box-shadow: inset 1px 1px 2px 0px #000;
border-radius: 2px;
top: 1px;
box-sizing: border-box;
}
.chkbox input[type=radio] + label::before {
border-radius: 10px;
}
.chkbox input[type=checkbox],
.chkbox input[type=radio] {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
border: 0;
overflow: hidden;
padding: 0;
clip: rect(0, 0, 0, 0);
}
.chkbox input[type="checkbox"]:checked + label::before,
.chkbox input[type="radio"]:checked + label::before {
content: '';
font-size: 18px;
color: #000;
top: 1px;
font-weight: 900;
text-align: center;
background-image: url(/dom/sakitoku/fy18/img/icon_check_b.png);
background-repeat: no-repeat;
background-size: 15px 15px;
background-position: center center;
}
.chkbox input[type="checkbox"]:focus + label::before,
.chkbox input[type="radio"]:focus + label::before {
border: solid 1px #1589ee;
}
.chkbox input[type="radio"]:checked + label::before {
content: '●';
font-size: 14px;
display: flex;
justify-content: center;
line-height: 19px;
background-image: none;
}
.chkbox input.disabled[type="radio"] + label {
opacity: 0.5;
}