@charset "shift_jis";
/*
sp style
*/
/* 20171030\[Xy[WpZbg
--------------------------------------------------------------------- */
body {
font: 13px/1.231 arial, helvetica, clean, sans-serif;
}
/* base
--------------------------------------------------------------------- */
.kokunai_yado_shisetsu_search_sp {
padding: 10px 5px 0 5px;
}
.kokunai_yado_shisetsu_detail_sp {
padding: 10px 5px 0 5px;
}
/* ?RX^C
--------------------------------------------------------------------- */
#base_header {
background: #fff;
border-top: 3px solid #20208c;
padding: 4px 10px;
}
#base_header #logo {
float: none;
}
#base_header #logo img {
width: 120px;
height: 27px;
}
#base_header .base_page_title {
padding: 7px 7px 0 7px;
}
h1.base_page_text {
padding: 0 0 10px 0;
margin: 0!important;
background: none!important;
font-size: 10px!important;
}
#maincontents * {
box-sizing: border-box;
}
.base_pankuzu {
font-size: 10px!important;
padding: 10px 0;
}
.base_footer_box_inc01 #icon_guide {
padding: 0 5px;
}
.base_footer_box_inc01 .base_bar.base_nextslide {
margin-left: 5px;
margin-right: 5px;
}
.base_footer_box_inc01 #icon_guide .base_bar.base_nextslide {
margin-left: 0;
margin-right: 0;
}
.base_footer_box {
padding: 0 5px;
}
/* X^C??L
--------------------------------------------------------------------- */
.base_side_tool .side_tool_nav > ul {
padding-left: 10px;
}
/* .base temp
--------------------------------------------------------------------- */
.base_disinb { display: inline-block!important;}
.base_disb { display: block!important;}
.base_disno { display: none!important;}
.base_color { color: #111184!important;}
.base_color.str { color: #ca0201!important;}
.base_color.err { color: #cc0000!important;}
.base_fl { float: left;}
.base_fr { float: right;}
.base_fn { float: none;}
.base_tl { text-align: left!important;}
.base_tr { text-align: right!important;}
.base_tc { text-align: center!important;}
.base_vt { vertical-align: top!important;}
.base_vb { vertical-align: bottom!important;}
.base_vm { vertical-align: middle!important;}
.base_wa { width: auto!important;}
.base_w10p { width: 10%!important;}
.base_w20p { width: 20%!important;}
.base_w25p { width: 25%!important;}
.base_w30p { width: 30%!important;}
.base_w33p { width: 33.33%!important;}
.base_w40p { width: 40%!important;}
.base_w50p { width: 50%!important;}
.base_w60p { width: 60%!important;}
.base_w70p { width: 70%!important;}
.base_w80p { width: 80%!important;}
.base_w90p { width: 90%!important;}
.base_w100p { width: 100%!important;}
.base_w10 { width: 10px!important;}
.base_w50 { width: 50px!important;}
.base_w60 { width: 60px!important;}
.base_w70 { width: 70px!important;}
.base_w80 { width: 80px!important;}
.base_w90 { width: 90px!important;}
.base_w100 { width: 100px!important;}
.base_w150 { width: 150px!important;}
.base_w200 { width: 200px!important;}
.base_w250 { width: 250px!important;}
.base_w300 { width: 300px!important;}
.base_m0 { margin: 0px!important;}
.base_m5 { margin: 5px!important;}
.base_m10 { margin: 10px!important;}
.base_m20 { margin: 20px!important;}
.base_m30 { margin: 30px!important;}
.base_p0 { padding: 0px!important;}
.base_p5 { padding: 5px!important;}
.base_p10 { padding: 10px!important;}
.base_p20 { padding: 20px!important;}
.base_p30 { padding: 30px!important;}
.base_mt0 { margin-top: 0px!important;}
.base_mt5 { margin-top: 5px!important;}
.base_mt10 { margin-top: 10px!important;}
.base_mt20 { margin-top: 20px!important;}
.base_mt30 { margin-top: 30px!important;}
.base_pt0 { padding-top: 0px!important;}
.base_pt5 { padding-top: 5px!important;}
.base_pt10 { padding-top: 10px!important;}
.base_pt20 { padding-top: 20px!important;}
.base_pt30 { padding-top: 30px!important;}
.base_mb0 { margin-bottom: 0px!important;}
.base_mb5 { margin-bottom: 5px!important;}
.base_mb10 { margin-bottom: 10px!important;}
.base_mb20 { margin-bottom: 20px!important;}
.base_mb30 { margin-bottom: 30px!important;}
.base_pb0 { padding-bottom: 0px!important;}
.base_pb5 { padding-bottom: 5px!important;}
.base_pb10 { padding-bottom: 10px!important;}
.base_pb20 { padding-bottom: 20px!important;}
.base_pb30 { padding-bottom: 30px!important;}
.base_mla { margin-left: auto!important;}
.base_ml0 { margin-left: 0px!important;}
.base_ml5 { margin-left: 5px!important;}
.base_ml10 { margin-left: 10px!important;}
.base_ml20 { margin-left: 20px!important;}
.base_ml30 { margin-left: 30px!important;}
.base_pl0 { padding-left: 0px!important;}
.base_pl5 { padding-left: 5px!important;}
.base_pl10 { padding-left: 10px!important;}
.base_pl20 { padding-left: 20px!important;}
.base_pl30 { padding-left: 30px!important;}
.base_mra { margin-right: auto!important;}
.base_mr0 { margin-right: 0px!important;}
.base_mr5 { margin-right: 5px!important;}
.base_mr10 { margin-right: 10px!important;}
.base_mr20 { margin-right: 20px!important;}
.base_mr30 { margin-right: 30px!important;}
.base_pr0 { padding-right: 0px!important;}
.base_pr5 { padding-right: 5px!important;}
.base_pr10 { padding-right: 10px!important;}
.base_pr20 { padding-right: 20px!important;}
.base_pr30 { padding-right: 30px!important;}
.base_ma {  margin-left: auto!important;margin-right: auto!important;}
.base_ssize { font-size: 85%!important;}
.base_sssize { font-size: 70%!important;}
.base_lsize { font-size: 120%!important;}
.base_llsize { font-size: 140%!important;}
hr.base_line {
clear: both;
display: block;
visibility: inherit;
border: none;
border-top: 1px dotted #ccc;
font-size: 1px;
height: 0;
margin: 0;
margin-bottom: 10px;
}
hr.base_space {
clear: both;
display: block;
visibility: inherit;
border: none;
font-size: 1px;
height: 10px;
margin: 0;
}
.base_cf:before { content:""; display:table;}
.base_cf:after { content:""; display:table; clear:both;}
.base_cf { zoom:1;}
.base_box {
clear: both;
background: none;
border: none;
margin: 0;
padding: 0;
}
.base_box_in {
clear: both;
background: none;
padding: 0;
margin-bottom: 0;
}
/* base_layout
--------------------------------------------------------------------- */
.base_layout {
clear: both;
}
.base_layout:before { content:""; display:table;}
.base_layout:after { content:""; display:table; clear:both;}
.base_layout { zoom:1;}
.base_layout_main {
float: right;
width: 100%;
}
.base_layout_main .base_layout_in {
margin-left: 320px;
}
.base_layout_sub {
float: left;
width: 300px;
margin-right: -300px;
}
.base_layout_box {
display: table;
width: 100%;
}
.base_layout_box > * {
display: table-cell;
vertical-align: top;
}
/* .base_text
--------------------------------------------------------------------- */
.base_text,
p.base_text {
margin-bottom: 10px;
line-height: 1.4;
}
.base_text_err {
padding: 10px;
margin-bottom: 10px;
color: #CC0000;
background: #ffffad;
border: 3px solid #CC0000;
}
.base_text_err p {
margin: 0;
}
.base_text_err.type2 {
background: none;
border: 3px double #cc0000;
color: #333;
}
/* .base_bar
--------------------------------------------------------------------- */

/*2018/02/20
.base_bar,
p.base_bar {
background: #111184;
border: 3px solid #111184;
color: #fff;
margin-bottom: 10px;
padding: 10px;
font-weight: bold;
font-size: 130%;
line-height: 1.1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
*/

.base_bar > span,
p.base_bar > span {
font-weight: normal;
font-size: 85%;
line-height: 1;
}
.base_bar.type2,
p.base_bar.type2 {
background: #fff;
color: #111184;
}
.base_bar.type3,
p.base_bar.type3 {
border-width: 1px;
border-color: #ddd;
background: #fafafa;
color: #333;
border-radius: 0;
}
.base_bar.type4,
p.base_bar.type4 {
border-width: 1px;
border-color: #333;
background: #333;
color: #fff;
border-radius: 0;
padding: 2px 5px;
line-height: 1.1;
font-size: 95%;
}
/* .base_bar.nextslide
--------------------------------------------------------------------- */
.base_nextslide {
cursor: pointer;
}
.base_bar.base_nextslide {
position: relative;
padding-right: 30px!important;
}
.base_bar.base_nextslide:before,
.base_bar.base_nextslide:after {
content: "";
-webkit-border-radius: 1.5px;
-moz-border-radius: 1.5px;
border-radius: 1.5px;
position: absolute;
background: #fff;
display: block;
font-size: 0;
line-height: 0;
margin: 0;
padding: 0;
}
.base_bar.base_nextslide:before {
right: 10px;
top: 16px;
width: 16px;
height: 3px;
}
.base_bar.base_nextslide:after {
right: 15px;
top: 10px;
width: 3px;
height: 16px;
-webkit-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
transform: translate(-50%,0);
}
.base_bar.base_nextslide.sel:after {
display: none;
}
.base_bar.base_nextslide.type2:before,
.base_bar.base_nextslide.type2:after {
background: #111184;
}
.base_bar.base_nextslide.type3:before,
.base_bar.base_nextslide.type3:after {
background: #ddd;
}
.base_photo_list_nextslide {
cursor: pointer;
}
.base_photo_list_nextslide {
position: relative;
padding-right: 30px!important;
}
.base_photo_list_nextslide:before,
.base_photo_list_nextslide:after {
content: "";
-webkit-border-radius: 1.5px;
-moz-border-radius: 1.5px;
border-radius: 1.5px;
position: absolute;
background: #fff;
display: block;
font-size: 0;
line-height: 0;
margin: 0;
padding: 0;
}
.base_photo_list_nextslide:before {
right: 10px;
top: 16px;
width: 16px;
height: 3px;
}
.base_photo_list_nextslide:after {
right: 15px;
top: 10px;
width: 3px;
height: 16px;
-webkit-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
transform: translate(-50%,0);
}
.base_photo_list_nextslide.sel:after {
display: none;
}
.base_photo_list_nextslide.type2:before,
.base_photo_list_nextslide.type2:after {
background: #111184;
}
.base_photo_list_nextslide.type3:before,
.base_photo_list_nextslide.type3:after {
background: #ddd;
}
/* .base_table
--------------------------------------------------------------------- */
.base_table table {
width: 100%;
border: 1px solid #ccc;
border-collapse: collapse;
margin-bottom: 10px;
}
.base_table table tr th.base_tc,
.base_table table tr td.base_tc,
.base_table table tr.base_tc th,
.base_table table tr.base_tc td,
.base_table table.base_tc th,
.base_table table.base_tc td {
text-align: center;
}
.base_table table tr th.base_tr,
.base_table table tr td.base_tr,
.base_table table tr.base_tr th,
.base_table table tr.base_tr td,
.base_table table.base_tr th,
.base_table table.base_tr td {
text-align: right;
}
.base_table table tr th.base_tl,
.base_table table tr td.base_tl,
.base_table table tr.base_tl th,
.base_table table tr.base_tl td,
.base_table table.base_tl th,
.base_table table.base_tl td {
text-align: left;
}
.base_table table tr th.base_vt,
.base_table table tr td.base_vt,
.base_table table tr.base_vt th,
.base_table table tr.base_vt td,
.base_table table.base_vt th,
.base_table table.base_vt td {
vertical-align: top;
}
.base_table table tr th.base_vm,
.base_table table tr td.base_vm,
.base_table table tr.base_vm th,
.base_table table tr.base_vm td,
.base_table table.base_vm th,
.base_table table.base_vm td {
vertical-align: middle;
}
.base_table table tr th.base_vb,
.base_table table tr td.base_vb,
.base_table table tr.base_vb th,
.base_table table tr.base_vb td,
.base_table table.base_vb th,
.base_table table.base_vb td {
vertical-align: bottom;
}
.base_table th {
padding: 10px;
text-align: left;
background: #fafafa;
border: 1px solid #ddd;
vertical-align: top;
}
.base_table td {
background: #fff;
padding: 10px;
text-align: left;
border: 1px solid #ddd;
vertical-align: top;
}
.base_table.type2 td {
padding: 0;
}
/* .base_dlist
--------------------------------------------------------------------- */
/*2018/02/20
.base_dlist {
border: 1px solid #ddd;
border-bottom: none;
margin-bottom: 10px;
}
*/

.base_dlist > dl {
display: table;
width: 100%;
margin: 0;
}
.base_dlist > dl:after {
content: "";
display: none;
}

/*2018/02/20
.base_dlist > dl > dt {
border-collapse: collapse;
display: table-cell;
padding: 10px;
margin: 0;
text-align: left;
background: #fafafa;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
width: 30%;
vertical-align: top;
}
*/

.base_dlist > dl > dt span {
display: inline-block;
}

/*2018/02/20
.base_dlist > dl > dd {
border-collapse: collapse;
display: table-cell;
background: #fff;
padding: 10px;
margin: 0;
text-align: left;
border-bottom: 1px solid #ddd;
vertical-align: top;
}
*/

.base_dlist.type_1col > dl {
display: block;
}
.base_dlist.type_1col > dl > dt {
display: block;
width: auto;
border-right: none;
}
.base_dlist.type_1col > dl > dd {
display: block;
}
.base_dlist.type2 > dl > dd {
padding: 0!important;
}
.base_dlist_in {
padding: 0!important;
}
.base_dlist_in > .base_table {
margin: -1px 0 0 -1px;
}
.base_dlist_in > .base_table table {
margin: 0;
width: 100%;
height: 100%;
border-right: none;
border-bottom: none;
}
.base_dlist_in > .base_table table tr:last-child > * {
border-bottom: none;
}
.base_dlist_in > .base_table table tr > *:last-child {
border-right: none;
}
.base_dlist_in > dl {
display: table;
width: 100%;
}
.base_dlist_in > dl > * {
display: table-cell;
padding: 10px;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
vertical-align: top;
}
.base_dlist_in > dl > *:last-child {
border-right: none;
}
.base_dlist_in > dl:last-child > * {
border-bottom: none;
}
.base_dlist_in > dl:before,
.base_dlist_in > dl:after {
display: none;
}
/* .base_price_simulation
--------------------------------------------------------------------- */
.base_price_simulation {
clear: both;
}
.base_price_simulation *:before,
.base_price_simulation *:after {
display: none;
}
.base_price_simulation_dlist dl {
display: table;
width: 100%;
border-collapse: collapse;
font-size: 90%;
}
.base_price_simulation_dlist dl > * {
display: table-cell;
padding: 10px 5px;
border: 1px solid #ddd;
background: #fff;
width: 33.33%;
border-bottom: none;
}
/*
.base_price_simulation_dlist dl:last-child > * {
border-bottom: 1px solid #ddd;
}*/
.base_price_simulation_dlist dl > dt {
background: #fafafa;
}
.base_price_simulation_dlist dl > dd {
background: #fff;
text-align: right;
}
.base_price_simulation_dlist dl > dd b {
font-weight: normal;
}

.base_price_simulation_total {
clear: both;
margin-bottom: 10px;
}
.base_price_simulation_total dl {
display: table;
width: 100%;
border-collapse: collapse;
border-top: 3px double #ddd;
}
.base_price_simulation_total dl > * {
display: table-cell;
padding: 10px 5px;
border: 1px solid #ddd;
background: #fff;
border-top: none;
border-bottom: none;
}
.base_price_simulation_total dd {
text-align: right;
}
.base_price_simulation_total dd b {
font-size: 130%;
color: #c40000!important
}
.base_price_simulation_total dl:last-child > * {
border-bottom: 1px solid #ddd;
}
.base_price_simulation_total dl > dt {
background: #fafafa;
}

/* .base_link
--------------------------------------------------------------------- */
.base_link,
a:link.base_link,
a:visited.base_link {
padding: 2px 0 2px 17px;
display: inline-block;
color: #111184;
cursor: pointer;
background: url(../images/icon_base_link01.png) no-repeat left center;
}
/* .base_btn
--------------------------------------------------------------------- */
.base_btn_box,
p.base_btn_box {
margin: 0 10%;
padding: 10px 0;
}


.base_btn,
a:link.base_btn,
a:visited.base_btn {
display: block;
margin: 0;
font-size: 110%;
color: #fff!important;
background: #111184;
border: 1px solid #111184;
text-align: center;
text-decoration: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
/*2018/02/20
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5),
inset 1px 0 0 rgba(255, 255, 255, 0.0),
inset -1px 0 0 rgba(255, 255, 255, 0.0),
inset 0 -1px 0 rgba(255, 255, 255, 0.0),
2px 2px 2px rgba(0,0,0,0.15);
*/
transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
cursor: pointer;
}


button.base_btn {
width: 100%;
cursor: pointer;
}
.base_btn:hover,
a:hover.base_btn {
filter: alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.70;
}
.base_btn.type_next {
background-color: #FF9326!important;
border-color: #FF9326!important;
}
.base_btn.type_close {
background-color: #666!important;
border-color: #666!important;
}
.base_btn.type_regist {
background-color: #c40000!important;
border-color: #c40000!important;
}
.base_btn.type_print {
background-color: #222!important;
border-color: #333!important;
}
.base_btn.type_print span {
color: #fff!important;
padding: 5px 10px!important;
}
.base_btn_box .base_btn {
}
.base_btn > span {
display: inline-block;
padding: 15px 20px;
line-height: 1.2;
}
.base_btn > span > span {
display: inline-block;
}
.base_btn.type_s,
button.base_btn.type_s,
a:link.base_btn.type_s,
a:visited.base_btn.type_s {
display: inline-block;
font-size: 100%;
width: auto;
}
.base_btn.type_s > span {
padding: 10px;
}
/* .base_icon
--------------------------------------------------------------------- */
.base_icon_list ul {
margin-bottom: 10px;
}
.base_icon_list ul:before { content:""; display:table;}
.base_icon_list ul:after { content:""; display:table; clear:both;}
.base_icon_list ul { zoom:1;}
.base_icon_list li {
float: left;
margin: 2px;
background: #111184;
color: #fff;
padding: 4px 5px 3px 5px;
font-size: 11px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.base_icon_list li.str {
background: #cc0000!important;
}
.base_icon {
display: inline-block;
margin: 2px;
background: #111184;
color: #fff!important;
padding: 4px 5px 3px 5px;
font-size: 11px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #111184;
text-align: center;
}
.base_icon.type_k {
border-color: #333;
background-color: #333;
color: #fff!important;
}
.base_icon.type_gold {
border-color: #d3bf51;
background-color: #f0e086;
color: #655600!important;
text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
}
.base_icon.type_soldout {
border-color: #CC0000;
background-color: #CC0000;
color: #fff!important;
font-weight: normal;
padding: 2px 5px 1px 5px;
}
.base_soldout_text {
font-weight: bold;
font-size: 90%;
color: #CC0000;
}
.base_text_soldout {
padding: 2px 2px 5px 2px;
margin-bottom: 5px;
border: 3px solid #CC0000;
color: #CC0000;
background: #eee;
font-size: 90%;
}
.base_text_soldout .base_icon.type_soldout {
display: block;
border-radius: 0;
margin-bottom: 5px;
}
.base_yoyaku_text {
display: block;
text-align: center;
font-weight: normal;
font-size: 11px;
color: #fff;
padding: 5px;
line-height: 1.1;
background: #333;
margin-top: 5px;
}
.base_pr_label {
	margin:6px 0;
	font-size:13px;
}
.base_pr_icon_01 {
    display: inline-block;
    border: 1px solid #e04c31;
    list-style: none;
    text-align: center;
    padding: 6px 9px;
    color: #e04c31;
	font-weight: bold;
	vertical-align: middle;
}
.base_pr_icon_01_text {
    display: inline-block;
    list-style: none;
    padding: 6px 9px;
    color: #e04c31;
	vertical-align: middle;
	white-space: pre-wrap;
	max-width: calc(100% - 120px);
	box-sizing: border-box;
}
.base_pr_icon_02 {
    display: inline-block;
    border: 1px solid #069ad6;
    list-style: none;
    text-align: center;
    padding: 6px 9px;
    color: #069ad6;
	font-weight:bold;
}
/* base tab
--------------------------------------------------------------------- */
.base_tab {
}
.base_tab_nav {
background: #eee;
padding: 3px;
padding-bottom: 0;
margin-bottom: 10px;
border-bottom: 3px solid #111184;
}
.base_tab_nav em {
font-style: normal;
}
.base_tab_nav ul {
}
.base_tab_nav ul:before { content:""; display:table;}
.base_tab_nav ul:after { content:""; display:table; clear:both;}
.base_tab_nav ul { zoom:1;}
.base_tab_nav li {
float: left;
width: 100%;
padding: 2px 2px 0 2px;
min-height: 50px;
}
.base_tab_nav ul.type_2col li { width: 50%;}
.base_tab_nav ul.type_3col li { width: 33.33%;}
.base_tab_nav ul.type_4col li { width: 25%;}
.base_tab_nav ul.type_5col li { width: 20%;}
.base_tab_nav li a.base_btn {
}
.base_tab_nav li a {
display: block;
margin: 0;
font-size: 85%;
box-sizing: border-box;
font-weight: normal;
color: #111184!important;
background: #fff;
border: 2px solid #111184;
border-bottom: none;
text-align: center;
text-decoration: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 1px 0 0 rgba(255, 255, 255, 0.0), inset -1px 0 0 rgba(255, 255, 255, 0.0), inset 0 -1px 0 rgba(255, 255, 255, 0.0), 2px 2px 2px rgba(0,0,0,0.15);
transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
}
.base_tab_nav li.active a {
background: #111184;
border-color: #111184;
color: #fff!important;
}
.base_tab_nav li > a,
.base_tab_nav li > a:visited,
.base_tab_nav li span {
display: block;
padding: 5px;
text-decoration: none!important;
color: #111184;
}
.base_tab_nav li.active a,
.base_tab_nav li.active span,
.base_tab_nav li a:hover {
color: #fff!important;
text-decoration: none!important;
}
.base_tab_contents {
}
.base_tab_nav li a,
.base_tab_nav li a:visited,
.base_tab_nav li > span {
display: table;
width: 100%;
height: 50px;
text-decoration: none!important;
color: #111184;
}
.base_tab_nav li a > * {
display: table-cell;
vertical-align: middle;
text-align: center;
padding: 0;
line-height: 1;
}
.base_tab_nav li.active a,
.base_tab_nav li.active > span,
.base_tab_nav li a:hover {
color: #fff!important;
text-decoration: none!important;
}
.base_tab_nav li a > * > span {
display: inline-block;
padding: 0;
}
/* base_image_box
--------------------------------------------------------------------- */
.base_image_box {
padding-bottom: 10px;
text-align: center;
}
.base_image_box > * {
display: block;
display: inline-block;
position: relative;
}
.base_image_box > * .photo_icon {
position: absolute;
display: block;
right: 0;
bottom: 0;
padding: 5px;
}
.base_image_box > * .photo_icon > * {
display: inline-block;
line-height: 1.1;
margin-right: 3px;
padding: 3px 5px;
background: #111184;
font-size: 10px;
color: #fff;
border: 1px solid rgba(255,255,255,0.5);
border-radius: 3px;
}
/* base_evaluation
--------------------------------------------------------------------- */
.base_evaluation {
clear: both;
font-size: 90%;
}
.base_evaluation:before { content:""; display:table;}
.base_evaluation:after { content:""; display:table; clear:both;}
.base_evaluation { zoom:1;}
.base_evaluation .base_icon_star img {
width: 16px;
height: auto;
}
.base_evaluation dl {
display: table;
width: 100%;
float: left;
min-height: 30px;
border: 1px solid #ddd;
border-top: none;
}
.base_evaluation dl:first-child {
border-top: 1px solid #ddd;
}
.base_evaluation dl:before,
.base_evaluation dl:after {
display: none;
}

/*2018/02/20
.base_evaluation dl > * {
display: table-cell;
vertical-align: middle;
width: 50%;
padding: 10px 5px;
background: #fff;
line-height: 1;
}
*/

/*2018/02/20
.base_evaluation dl > dt {
background: #fafafa;
border-right: 1px solid #ddd;
}
*/


/* base_link_box
--------------------------------------------------------------------- */
.base_link_box {
margin-bottom: 10px;
background: #eee;
padding: 5px;
}
.base_link_box ul {
display: table;
width: 100%;
}
.base_link_box ul > * {
display: table-cell;
vertical-align: middle;
width: 33.33%;
padding: 5px;
}
.base_link_box li a.base_btn {
font-size: 90%;
box-sizing: border-box;
margin: 0;
display: table;
width: 100%;
min-height: 70px;
}
.base_link_box li a.base_btn > span {
padding: 10px 5px;
display: table-cell;
vertical-align: middle;
}
/* .base_service
--------------------------------------------------------------------- */
.base_service {
color: #ddd;
}
.base_service span {
color: #eee;
display: inline-block;
}
.base_service span.sel {
color: #333;
}
/* base_linkslide
--------------------------------------------------------------------- */
.base_linkslide.sel {
display: none!important;
}
#icon_guide .base_dlist > dl > dt {
width: 50px;
}
/* base_photo_list
--------------------------------------------------------------------- */
.base_photo_list {
clear: both;
}
.base_photo_list ul:before { content:""; display:table;}
.base_photo_list ul:after { content:""; display:table; clear:both;}
.base_photo_list ul { zoom:1;}
.base_photo_list ul > * {
float: left;
width: 33.33%;
}
.base_photo_list ul > * a {
display: block;
padding: 5px;
text-decoration: none;
color: #333;
}
.base_photo_list ul > * a .image {
position: relative;
display: table;
width: 100%;
background: #eee;
table-layout: fixed;
overflow: hidden;
z-index: 0;
}
.base_photo_list ul > * a .image > * {
height: 100%;
}
.base_photo_list ul > * a .image > * img {
max-height: 100%;
max-width: 100%;
}
.base_photo_list ul > * a .text {
display: block;
overflow: hidden;
text-align: center;
padding: 0;
margin: 5px 0;
font-size: 10px;
line-height: 1.1;
height: 11px;
}
.base_photo_list_no {
text-align: center;
clear: both;
background: #fafafa;
border: 1px solid #ddd;
color: #ccc;
padding: 20px 10px;
border-radius: 5px;
margin: 20px 10px;
}
.base_photo_list_linkslide.sel {
display: none!important;
}
/* base_camera_box
--------------------------------------------------------------------- */
.base_camera_box .mfp-close {
display: none;
}
.base_camera_box .slick-prev,
.base_camera_box .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.base_camera_box .slick-next,
.base_camera_box .slick-prev {
top: 50%;
position: absolute;
}
.base_camera_popup {
background: #000;
}
.base_camera_popup ul.base_camera_popup_for {
position: relative;
overflow: hidden;
height: 200px;
width: 100%;
z-index: 1;
}
.base_camera_popup .base_camera_popup_for li {
padding: 2px;
padding-bottom: 0;
}
.base_camera_popup .base_camera_popup_for li span,
.base_camera_popup .base_camera_popup_for li a {
display: block;
z-index: 1;
position: relative;
max-height: 200px;
margin: 0 auto;
}
.base_camera_popup .base_camera_popup_for li img {
width: 100%;
height: 100%;
}
.base_camera_popup .base_camera_nav {
position: relative;
z-index: 1;
}
.base_camera_popup .base_camera_nav li {
width: 100px;
height: 100px;
padding: 2px;
}
.base_camera_popup .base_camera_nav li {
position: relative;
}
.base_camera_popup .base_camera_nav li:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: red;
opacity: 0.0;
z-index: 2;
}
.base_camera_popup .base_camera_nav li img {
}
.base_camera_box {
background: #000;
}
.base_camera_back {
background: #000;
border-bottom: 1px solid rgba(255,255,255,0.1);
}
.base_camera_back a {
display: inline-block;
padding: 10px;
text-decoration: none;
color: #fff;
font-size: 120%;
}
/* base_area_list
--------------------------------------------------------------------- */
.base_area_list {
padding-bottom: 10px;
}
.base_area_list * {
box-sizing: border-box;
}
.base_area_list ul:before { content:""; display:table;}
.base_area_list ul:after { content:""; display:table; clear:both;}
.base_area_list ul { zoom:1;}
.base_area_list li {
float: left;
width: 50%;
padding: 1px;
}
.base_area_list li > *,
.base_area_list li > a {
display: table;
width: 100%;
height: 40px;
background: #619de5;
color: #fff !important;
line-height: 1.1;
border-radius: 3px;
text-align: center;
text-decoration: none;
}
.base_area_list li > a > *,
.base_area_list li > label > *,
.base_area_list li > * > * {
display: table-cell;
padding: 5px;
vertical-align: middle;
}
/* base_map_box
--------------------------------------------------------------------- */
.base_map_box {
position: relative;
margin-bottom: 10px;
text-align: center;
font-size: 14px;
max-width: 640px;
margin: 0 auto 1em auto;
overflow: hidden;
}
.base_map_color {
padding: 10px 0;
text-align: center;
font-size: 10px;
}
.base_map_color .base_map_color01 {
color: #FF0000;
}
.base_map_color .base_map_color02 {
color: #FFBF00;
}
.base_map_color .base_map_color03 {
color: #00B0F0;
}
.base_map_color .base_map_color04 {
color: #00B050;
}
.base_map_color .base_map_color05 {
color: #111183;
}
.base_map_map {
overflow: hidden;
position: relative;
}
.base_map_popup,
.base_map_popup * {
box-sizing: border-box;
}
.base_map_popup {
/*	position: absolute;*/
	left: 34px;
	bottom: 10%;
/*	width: 90%;*/
	padding: 5px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
	z-index: 99;
	opacity: 1;
	transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
}
.base_map_popup:hover {
opacity: 1;
}
.base_map_popup:before {
content: "";
position: absolute;
left: 50%;
top: -15px;
z-index: 98;
border-bottom: 15px solid #fff;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
}
.base_map_popup .close_btn {
position: absolute;
right: 10px;
top: 10px;
width: 20px;
height: 20px;
border-radius: 3px;
background: none;
color: #999;
text-align: center;
font-size: 12px;
line-height: 20px;
font-weight: bold;
cursor: pointer;
}
.base_map_popup .favorite_icon {
position: absolute;
left: 10px;
top: 10px;
width: 30px;
height: 30px;
text-align: center;
cursor: pointer;
}
.base_map_popup .info_box {
display: block;
width: 100%;
}
.base_map_popup .info_box > * {
display: block;
vertical-align: top;
}
.base_map_popup .photo {
text-align: center;
width: auto;
padding-bottom: 5px;
}
.base_map_popup .photo a {
position: relative;
display: block;
text-decoration: none;
max-width: 150px;
margin: 0 auto;
}
.base_map_popup .photo a .photo_icon {
position: absolute;
display: block;
right: 0;
bottom: 0;
padding: 5px;
}
.base_map_popup .photo a .photo_icon > * {
display: inline-block;
line-height: 1.1;
margin-left: 3px;
padding: 3px 5px;
background: #111184;
font-size: 10px;
color: #fff;
border: 1px solid rgba(255,255,255,0.5);
border-radius: 3px;
}
.base_map_popup .photo a:hover {
opacity: 0.7;
}
.base_map_popup .photo img {
max-width: 150px;
width: 100%;
}
.base_map_popup .info_box .info {
padding: 0 20px 5px 10px;
text-align: left;
}
.base_map_popup .name {
font-size: 12px;
font-weight: bold;
line-height: 1.2;
padding-bottom: 5px;
}
.base_map_popup .eventname {
font-size: 14px;
font-weight: bold;
line-height: 1.2;
padding-bottom: 5px;
}
.base_map_popup .couponname {
font-size: 14px;
font-weight: bold;
line-height: 1.2;
padding-bottom: 5px;
}
.base_map_popup .spotname {
font-size: 14px;
font-weight: bold;
line-height: 1.2;
padding-bottom: 5px;
}
.base_map_popup .price {
font-weight: bold;
font-size: 11px;
padding-bottom: 5px;
color: #333;
line-height: 1;
text-align: left;
}
.base_map_popup .price span {
display: inline-block;
}
.base_map_popup .price em {
color: #cc0000;
font-style: normal;
font-weight: bold;
}
.base_map_evaluation dl {
font-size: 11px;
line-height: 1.1;
}
.base_map_evaluation dl > * {
display: inline-block;
}
.base_map_evaluation dd .base_icon_star img {
width: 12px;
vertical-align: top;
}
.base_map_popup .reco_box {
padding: 0;
background: #fafafa;
}
.base_map_popup .reco_box .box_in {
padding: 5px;
text-align: left;
}
.base_map_popup .reco_box .title {
font-size: 11px;
font-weight: bold;
color: #333;
}
.base_map_popup .reco_box .name {
font-size: 11px;
font-weight: normal;
}
.base_map_popup .reco_box .price {
padding: 0;
text-align: left;
font-size: 10px;
}
.base_map_popup .reco_box .base_shisetsu_price_box {
margin-bottom: 0;
}
.base_map_popup .reco_box .price span {
display: inline;
}
.base_map_popup .tool_box {
padding: 5px 0 0 0;
}
.base_map_popup .tool_box ul {
width: 100%;
}
.base_map_popup .tool_box ul:before { content:""; display:table;}
.base_map_popup .tool_box ul:after { content:""; display:table; clear:both;}
.base_map_popup .tool_box ul { zoom:1;}
.base_map_popup .tool_box li {
float: left;
padding: 2px;
width: 100%;
}
.base_map_popup .tool_box li a {
display: table;
width: 100%;
background: #111184;
border-radius: 3px;
color: #fff;
font-size: 10px;
padding: 5px;
line-height: 1;
height: 30px;
margin: 0 3px 3px 0;
text-decoration: none;
}
.base_map_popup .tool_box li a.type_next {
background-color: #FF9326!important;
}
.base_map_popup .tool_box li a span {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.base_map_popup .tool_box li a.clip_sel {
background-color: #85642f;
color: #fff;
}
.base_map_popup .tool_box li a:hover {
opacity: 0.7;
}
.base_map_icon {
position: absolute;
left: 0;
top: 0;
width: 0%;
height: 0%;
z-index: 97;
}
.base_map_icon li {
position: absolute;
left: 0;
top: 0;
width: 50px;
height: 60px;
background: url(../images/jrmap_icon01_l.png) no-repeat left top;
text-indent: -9999px;
cursor: pointer;
}
.base_map_icon_color01 li {
background-image: url(../images/jrmap_icon01_l.png);
}
.base_map_icon_color02 li {
background-image: url(../images/jrmap_icon02_l.png);
}
.base_map_icon_color03 li {
background-image: url(../images/jrmap_icon03_l.png);
}
.base_map_icon_color04 li {
background-image: url(../images/jrmap_icon04_l.png);
}
.base_map_icon_color05 li {
background-image: url(../images/jrmap_icon05_l.png);
}
.base_map_icon li:hover {
opacity: 0.7;
}
.base_map_icon li.num01 { background-position: 0 0;}
.base_map_icon li.num02 { background-position: -50px 0;}
.base_map_icon li.num03 { background-position: -100px 0;}
.base_map_icon li.num04 { background-position: -150px 0;}
.base_map_icon li.num05 { background-position: -200px 0;}
.base_map_icon li.num06 { background-position: -250px 0;}
.base_map_icon li.num07 { background-position: -300px 0;}
.base_map_icon li.num08 { background-position: -350px 0;}
.base_map_icon li.num09 { background-position: -400px 0;}
.base_map_icon li.num10 { background-position: -450px 0;}
.base_map_icon li.num11 { background-position: 0 -60px;}
.base_map_icon li.num12 { background-position: -50px -60px;}
.base_map_icon li.num13 { background-position: -100px -60px;}
.base_map_icon li.num14 { background-position: -150px -60px;}
.base_map_icon li.num15 { background-position: -200px -60px;}
.base_map_icon li.num16 { background-position: -250px -60px;}
.base_map_icon li.num17 { background-position: -300px -60px;}
.base_map_icon li.num18 { background-position: -350px -60px;}
.base_map_icon li.num19 { background-position: -400px -60px;}
.base_map_icon li.num20 { background-position: -450px -60px;}
.base_map_icon li.num21 { background-position: 0 -120px;}
.base_map_icon li.num22 { background-position: -50px -120px;}
.base_map_icon li.num23 { background-position: -100px -120px;}
.base_map_icon li.num24 { background-position: -150px -120px;}
.base_map_icon li.num25 { background-position: -200px -120px;}
.base_map_icon li.num26 { background-position: -250px -120px;}
.base_map_icon li.num27 { background-position: -300px -120px;}
.base_map_icon li.num28 { background-position: -350px -120px;}
.base_map_icon li.num29 { background-position: -400px -120px;}
.base_map_icon li.num30 { background-position: -450px -120px;}

#map * {
box-sizing: content-box!important;
}
#map .tool_box ul li, #map .tool_box ul li a {
box-sizing: border-box!important;
} 

/* base_list_sort
--------------------------------------------------------------------- */
.base_list_sort dl {
display: table;
width: 100%;
table-layout: fixed;
border-spacing: 2px;
}
.base_list_sort dl:before,
.base_list_sort dl:after {
display: none;
}
.base_list_sort dl > * {
display: table-cell;
text-align: center;
vertical-align: middle;
font-size: 85%;
}
.base_list_sort dl > dt {
display: none;
}
.base_list_sort dl > * > * {
display: block;
padding: 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
color: #111!important;
background: #eee;
text-decoration: none!important;
font-weight: bold;
background: none;
}
.base_list_sort dl > * > *:hover,
.base_list_sort dl > *.sel > * {
background: #333;
border: 1px solid #333;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5),
inset 1px 0 0 rgba(255, 255, 255, 0.0),
inset -1px 0 0 rgba(255, 255, 255, 0.0),
inset 0 -1px 0 rgba(255, 255, 255, 0.0),
2px 2px 2px rgba(0,0,0,0.15);
color: #fff!important;
cursor: default;
}
.base_list_sort b {
font-weight: normal;
}
/* base_list_pager
--------------------------------------------------------------------- */
.base_list_pager ul {
display: table;
width: 100%;
table-layout: fixed;
border-spacing: 2px;
letter-spacing: -.40em;
}
.base_list_pager ul > * {
display: table-cell;
letter-spacing: normal;
text-align: center;
vertical-align: middle;
font-size: 85%;
}
.base_list_pager ul > *:first-child,
.base_list_pager ul > *:last-child {
width: 20%;
}
.base_list_pager ul > * > * {
display: block;
padding: 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
color: #111!important;
background: #eee;
text-decoration: none!important;
font-weight: bold;
background: none;
}
.base_list_pager ul > * > *:hover,
.base_list_pager ul > *.sel > * {
background: #333;
border: 1px solid #333;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5),
inset 1px 0 0 rgba(255, 255, 255, 0.0),
inset -1px 0 0 rgba(255, 255, 255, 0.0),
inset 0 -1px 0 rgba(255, 255, 255, 0.0),
2px 2px 2px rgba(0,0,0,0.15);
color: #fff!important;
cursor: default;
}
.inactivate_pager_button span {
color: 	#C0C0C0 !important;
cursor: default !important;
}
/* base_form
--------------------------------------------------------------------- */
.base_form {
font-size: 13px;
color: #111;
}
.base_form > * {
box-sizing: border-box;
}
.base_err_text {
color: #ca0201;
margin-bottom: 10px; 
padding: 5px;
border: 1px solid #ca0201;
}
.base_form .base_btn_box {
margin-bottom: 20px;
}
.base_formdlist dl:after {
display: none;
}
.base_form .base_form_text {
color: #999;
line-height: 1.6;
}
.base_form label {
cursor: pointer;
display:inline-block;
*display: inline;
*zoom: 1;
margin: 0 3px 3px 0;
padding: 10px 5px;
}
.check_label {
cursor: pointer;
position: relative;
}
.base_form label.check_label {
position: relative;
clear: both;
display: block;
font-size: 110%;
line-height: 1.1;
padding: 10px;
border: 1px solid #eee;
background: #f9f9f9;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.base_form label.check_label input[type="checkbox"]:checked:before,
.base_form label.check_label input[type="checkbox"]:checked:after {
display: none;
}
.base_form label.check_label.sel {
background-color: #eee;
border-color: #ddd;
}
.base_form label.check_label.size-s {
font-size: 90%;
padding: 5px 10px;
}
.base_form label.check_label.active {
background-color: #fdb813;
}
.base_form-text01 {
margin: 0 2px 10px 0;
}
.base_form input[type="checkbox"] ,
.base_form input[type="radio"] {
margin-right: 5px;
background: none;
cursor: pointer;
}
.base_form input[type="radio"] {
width: 12px;
height: 12px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.base_form input[type="text"],
.base_form input[type="email"],
.base_form input[type="tel"],
.base_form input[type="number"],
.base_form input[type="date"],
.base_form input[type="search"],
.base_form input[type="url"],
.base_form input[type="password"] {
background: #fff;
border: 1px solid #ccc;
margin: 0 3px 3px 0;
padding: 10px 5px;
width: 99%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.base_form input[type="radio"] {
position: relative;
-webkit-appearance: button;
appearance: button;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 18px;
height: 18px;
content: "";
background-color: #FFFFFF;
border: 1px solid #999999;
-webkit-border-radius: 18px;
border-radius: 18px;
-webkit-box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
vertical-align: middle;
cursor: pointer;
}
.base_form input[type="radio"]:checked:after {
display: block;
position: absolute;
top: 4px;
left: 4px;
content: "";
width: 8px;
height: 8px;
background: #666;
-webkit-border-radius: 9px;
border-radius: 9px;
}
.base_form select {
position: relative;
background: #fff;
border: 1px solid #ccc;
margin: 0;
padding: 7px 7px 7px 3px;
width: 100%;
background: url(../images/icon_base_form_select.png) no-repeat 96% 60% #fff;
background-size: 10px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.base_form textarea {
background: #fff;
width: 100%;
border: 1px solid #ccc;
margin: 0 3px 3px 0;
padding: 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.base_form_required input[type="text"],
.base_form_required input[type="password"],
.base_form_required select,
.base_form_required textarea {
background: rgb(255, 221, 221);
}
.base_form_required input[type="text"].sel,
.base_form_required input[type="password"].sel,
.base_form_required select.sel,
.base_form_required textarea.sel {
background: #fff;
}
.base_form_required  label.check_label {
background: rgb(255, 221, 221);
}
.base_form_required  label.check_label.sel {
background: #fff;
}
.base_form .base_form_labellist > * {
display: block;
}
.base_form .required-box {
background: #fafaf0;
}
.base_form .required-icon {
display:inline-block;
*display: inline;
*zoom: 1;
font-size: 85%;
letter-spacing: 0.2em;
text-align: center;
line-height: 1.1;
padding: 2px 10px;
vertical-align: top;
margin: 0 5px;
color: #fff;
background: #E1195D;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-weight: normal;
}
.base_form_conf .base_box {
padding: 0;
background: #fff;
border: none;
}
.base_formdlist {
border-top: 1px dotted #ccc;
margin-bottom: 10px;
}
.base_formdlist.type_bnone {
border-top: none;
margin-bottom: 10px;
}
.base_formdlist dl {
display: table;
width: 100%;
border-bottom: 1px dotted #ccc;
}
.base_formdlist dt {
display: table-cell;
width: 30%;
padding: 10px 0 5px 0;
line-height: 1.2;
vertical-align: middle;
font-weight: bold;
}
.base_formdlist dd {
display: table-cell;
padding: 5px 0;
line-height: 1.2;
vertical-align: middle;
}
.base_formdlist.type_1col dl {
display: block;
}
.base_formdlist.type_1col > dl > dt {
display: block;
width: auto;
border-right: none;
}
.base_formdlist.type_1col > dl > dd {
display: block;
}
.base_formdlist .base_formlinkslide-bar {
width: 98%;
margin: 0 3px 3px 0;
}
.base_formdlist .base_formlinkslide-bar + .pane01 {
width: 98%;
}
.base_formdlist .base_formlinkslide {
margin: 0;
}
.base_formdlist .btn-box01 {
margin: 0 3px 3px 0;
padding: 0;
}
.base_formdlist .btn-box01 .text-btn01 {
padding: 5px 0;
}
.base_form_layout {
display: table;
width: 100%;
}
.base_form_layout > * {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.base_form_layout.type_calendar .month {
width: 45%;
}
.base_form_layout.type_calendar .daycombo {
width: 45%;
}
.base_form_layout.type_calendar .base_calendar_btn {
}
.base_form_layout.type_calendar .calendar img {
max-width: 40px;
}
.base_form_layout.type_room {
margin-bottom: 10px;
}
.base_form_layout.type_room > * {
vertical-align: middle;
}
.base_form_layout.type_room > *:first-child {
max-width: 70%;
}
.base_form_layout.type_room > *:last-child {
padding: 5px;
text-align: left;
}
.base_form_layout.type_room select {
padding: 5px;
}
.base_form_spinner {
display: table;
width: 100%;
margin: 0 auto;
min-width: 200px;
font-size: 110%;
line-height: 1.1;
padding: 0px;
background: #eee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.base_form_spinner > * {
display: table-cell;
vertical-align: middle;
text-align: center;
padding: 5px;
}
.base_form_spinner > *.count b {
font-size: 130%;
}
.base_form_spinner > *.up,
.base_form_spinner > *.down {
width: 30px;
}

/*2018/02/20
.base_form_spinner > *.up span,
.base_form_spinner > *.down span {
display: inline-block;
width: 28px;
height: 28px;
color: #fff;
background: #333;
border-radius: 3px;
text-align: center;
line-height: 28px;
font-size: 16px;
cursor: pointer;
border: 1px solid #333;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5),
inset 1px 0 0 rgba(255, 255, 255, 0.0),
inset -1px 0 0 rgba(255, 255, 255, 0.0),
inset 0 -1px 0 rgba(255, 255, 255, 0.0),
2px 2px 2px rgba(0,0,0,0.15);
}
*/

.base_form_spinner > *.up span {
font-size: 10px;
}
.base_form_area > * {
display: table;
width: 100%;
margin-bottom: 2px;
}
.base_form_area > * > * {
display: table-cell;
vertical-align: middle;
text-align: left;
}
.base_form_area > * > *:first-child {
width: 70px;
}
/* base_calendar
--------------------------------------------------------------------- */
.base_calendar_contents {
display: none;
}
.base_price_table th,
.base_price_table td {
padding: 2px 5px;
}
.base_calendar {
margin: 0 auto;
background: #fff;
}
.mfp-content .base_calendar {
padding: 30px 5px 5px 5px;
}
.base_calendar_box table {
width: 100%;
background: #fff;
border-collapse: collapse;
border-spacing: 0;
color: #333;
table-layout: fixed;
}
.base_calendar_box table a {
text-decoration: none;
color: #333;
}
.base_calendar_box table thead th {
font-size: 12px;
vertical-align: middle;
text-align: center;
padding: 10px 5px;
font-weight: bold;
}
.base_calendar_box table .base_calendar_weekday th {
padding: 5px;
line-height: 1.1;
font-weight: normal;
text-align: center;
font-size: 11px;
vertical-align: middle;
}
.base_calendar_box table .base_calendar_body tr {
height: 50px;
}
.base_calendar_box table .base_calendar_body td {
border: 1px solid #ddd;
line-height: 1.1;
text-align: center;
font-weight: bold;
font-size: 10px;
vertical-align: top;
}
.base_calendar_box table .base_calendar_body td.sun {
background-color: #fff4f4;
}
.base_calendar_box table .base_calendar_body td.sat {
background-color: #e6f3ff;
}
.base_calendar_box table .base_calendar_body td.holiday {
background-color: #fff4f4;
}
.base_calendar_box table .base_calendar_body td.other {
background-color: #eee;
color: #999!important;
}
.base_calendar_box table .base_calendar_body td.other * {
color: #999!important;
}
.base_calendar_box table .base_calendar_body td > * {
padding: 5px 2px;
display: block;
text-align: center;
line-height: 1;
height: 50px;
box-sizing: border-box;
}
.base_calendar_box table .sel {
background: #ff9900!important;
color: #fff!important;
}
.base_calendar_box table .sel * {
color: #fff!important;
}
.base_calendar_box table .item > * {
display: block;
}
.base_calendar_box table .day {
font-size: 90%;
margin-bottom: 5px;
}
.base_calendar_box table .stock {
font-size: 110%;
margin-bottom: 5px;
}
.base_calendar_box table a .stock {
color: #ff9900;
text-decoration: underline;
}

/*2018/02/20
.base_calendar_box table .price {
font-size: 70%;
letter-spacing: -0.05em;
}*/

.base_calendar_box table a .price {
color: #ff9900;
}
.base_calendar_box a:link.base_btn.type_s ,
.base_calendar_box a:visited.base_btn.type_s ,
.base_calendar_box span.base_btn.type_s ,
.base_calendar_box span.base_btn.type_s {
display: block;
width: 100%;
box-sizing: border-box;
}
.base_calendar_box a:link.base_btn.type_s > *,
.base_calendar_box a:visited.base_btn.type_s > *,
.base_calendar_box span.base_btn.type_s > *,
.base_calendar_box span.base_btn.type_s > * {
padding: 5px;
}
.base_calendar_box span.base_btn.type_s,
.base_calendar_box span.base_btn.type_s {
background-color: #ccc;
border-color: #ccc;
}
.base_calendar_box span.base_btn.type_s:hover,
.base_calendar_box span.base_btn.type_s:hover {
opacity: 1;
cursor: default;
}
.base_calendar_prev,
.base_calendar_next {
width: 30%;
}
.base_calendar_title {
font-size: 14px;
}

/* _frc_html_calendar_body_inner
--------------------------------------------------------------------- */
#_frc_html_calendar_body_inner tr td:nth-child(1) {
	width: 30%;
}
#_frc_html_calendar_body_inner tr td:nth-child(2) {
	width: 40%;
}
#_frc_html_calendar_body_inner tr td:nth-child(3) {
	width: 30%;
}

/* base_popup_loading
--------------------------------------------------------------------- */
.base_popup_loading_contents {
display: none;
}
.base_popup_loading_box {
padding: 10px;
padding-top: 35px;
padding-bottom: 35px;
text-align: center;
background: #fff;
}
/* base_textban_box
--------------------------------------------------------------------- */
.base_textban_box {
clear: both;
margin: 0 10%;
margin-bottom: 10px;
}
.base_textban_box .ban {
margin-bottom: 10px;
}
.base_textban_box .ban:last-child {
margin-bottom: 0;
}
.base_textban_box .ban a {
position: relative;
display: table;
width: 100%;
height: 80px;
border: 2px solid #111184;
background: #111184;
text-decoration: none;
border-radius: 3px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5),
inset 1px 0 0 rgba(255, 255, 255, 0.0),
inset -1px 0 0 rgba(255, 255, 255, 0.0),
inset 0 -1px 0 rgba(255, 255, 255, 0.0),
2px 2px 2px rgba(0,0,0,0.15);
transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
cursor: pointer;
}
.base_textban_box .ban a:hover {
opacity: 0.7;
}
.base_textban_box .ban a .info {
position: relative;
display: table-cell;
vertical-align: middle;
text-align: center;
padding: 10px 10px 0 10px;
color: #fff;
z-index: 2;
}
.base_textban_box .ban a .bg {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.base_textban_box .ban a .name {
position: relative;
}
.base_textban_box .ban a .text {
display: block;
font-size: 85%;
}
.base_textban_box .ban a .icon {
display: block;
text-align: center;
}
.base_textban_box .ban a .icon img {
max-width: 80px;
}
.base_textban_box .ban a .bg img {
position: absolute;
top: 50%;
left: 50%;
width: auto;
height: auto;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
min-width: 100%;
min-height: 100%;
max-width: 100%;
z-index: 1;
opacity: 0.5;
}
.base_textban_box .ban.type_noicon a {
height: auto;
min-height: 40px;
}
.base_textban_box .ban.type_noicon .info {
padding: 0;
}
/* base_list_resulttext
--------------------------------------------------------------------- */
.base_list_result {
font-size: 100%;
padding: 5px;
font-weight: normal;
}
.base_list_resulttext {
}
.base_list_resulttext dl {
display: table;
width: 100%;
}
.base_list_resulttext dl > * {
padding: 5px 5px 10px 5px;
display: table-cell;
}
.base_list_resulttext dl > dt {
font-size: 85%;
width: 70px;
}
.base_list_resulttext .base_nextslide.sel {
display: none!important;
}
.base_list_result .base_formdlist {
border: none;
}
.base_list_resultcount {
text-align: right;
padding: 0px 10px 7px 10px;
}
.base_list_resultcount dl > * {
display: inline-block;
}
.base_list_resultcount dl > dt {
font-size: 90%;
}
.base_list_resultcount dl > dd span {
font-size: 70%;
font-weight: bold;
}
/* base_roomtype_list
--------------------------------------------------------------------- */
.base_roomtype_list {
margin-bottom: 20px;
}
.base_roomtype_list_item {
border-top: 3px solid #111184;
margin-bottom: 0;
}
.base_roomtype_list_title {
display: table;
width: 100%;
background: #fafafa;
border-bottom: 1px solid #ddd;
}
.base_roomtype_list_title > * {
display: table-cell;
vertical-align: top;
padding: 10px;
}
.base_roomtype_list_title .photo {
width: 40%;
text-align: center;
}
.base_roomtype_list_title .photo a {
display: block;
background: #eee;
}
.base_roomtype_list_info {
padding: 10px 5px;
}
.base_roomtype_list_info dl {
display: table;
width: 100%;
}
.base_roomtype_list_info dl > * {
display: table-cell;
}
.base_roomtype_list_info dt {
font-size: 80%;
width: 35%;
}
.base_roomtype_list_info .title {
color: #111184;
}
.base_roomtype_list_info .title > * {
}
.base_roomtype_list_info .data dl > * {
display: inline-block;
}
/* base_plan_list
--------------------------------------------------------------------- */
.base_plan_list {
margin-bottom: 20px;
}
.base_plan_list ul {
}
.base_plan_list_item {
border-bottom: 1px solid #ccc;
padding-top: 10px;
}
.base_plan_list_item.type_soldout > span {
display: block;
padding: 20px 0 0 0;
text-decoration: none;
color: #111;
}
.base_plan_list_item.type_soldout > span .title {
color: #666!important;
text-decoration: none;
}
.base_plan_list_item > a:hover {
text-decoration: none;
}
.base_plan_list_title {
display: table;
width: 100%;
margin-bottom: 5px;
}
.base_plan_list_title > * {
display: table-cell;
vertical-align: top;
}
.base_plan_list_title > *.icon {
width: 50px;
vertical-align: top;
text-align: center;
}
.base_plan_list_title > *.icon .base_icon {
display: block;
padding: 4px 2px 3px 2px;
margin: 0 0 5px 0;
}
.base_plan_list_title > *.icon .brand_icon {
margin-bottom: 5px;
display: inline-block;
}
.brand_icon {
position: relative;
}
.brand_icon > span {
position: absolute;
left: 0;
top: 0;
text-indent: -9999px;
display: inline-block;
height: 0;
}
.base_plan_list_title > *.favorite_icon {
position: relative;
z-index: 2;
margin-bottom: 5px;
display: inline-block;
cursor: pointer;
}
.base_plan_list_title .favorite_icon img {
width: 30px;
}
.base_plan_list_title > *.title {
font-size: 105%;
text-align: left;
padding-left: 10px;
color: #111184;
text-decoration: underline;
}
.base_plan_list_title > *.title a {
color: #111184;
}
.base_planlist_price {
clear: both;
display: table;
width: 100%;
border-spacing: 1px;
margin-bottom: 10px;
}
.base_planlist_price > * {
display: table-cell;
text-align: center;
vertical-align: middle;
line-height: 1.1;
}
.base_planlist_price .price p > span {
display: inline-block;
letter-spacing: -0.05em;
}
.base_planlist_price .price b {
font-size: 135%;
color: #CC0000;
}
.base_planlist_price .price b + * {
font-weight: bold;
font-size: 80%;
}
.base_plan_list_more {
padding: 10px 0;
}
.base_plan_list_more .base_btn.type_s span {
padding: 5px;
}
.base_plan_list_more .base_btn.type_s.sel {
display: none;
}
/* base_plan parts
--------------------------------------------------------------------- */
.base_plan_icon {
margin-bottom: 0;
}
.base_plan_icon ul:before { content:""; display:table;}
.base_plan_icon ul:after { content:""; display:table; clear:both;}
.base_plan_icon ul { zoom:1;}
.base_plan_icon ul li {
float: left;
padding: 0;
margin: 0;
font-size: 11px;
line-height: 1;
}
.base_plan_icon ul li > * {
display: inline-block;
width: 100%;
line-height: 1;
padding: 0 5px;
margin: 3px 0;
text-align: center;
border-right: 1px solid #ccc;
letter-spacing: 0.05em;
}
.base_plan_icon ul li:last-child > * {
border: none;
}
.base_plan_price {
clear: both;
display: table;
width: 100%;
border-spacing: 1px;
}
.base_plan_price > * {
display: table-cell;
text-align: center;
vertical-align: middle;
line-height: 1.1;
}
.base_plan_price .text {
width: 33.33%;
padding: 0;
padding-left: 5px;
text-align: left;
color: #fff;
}
.base_plan_price .text > *.type_arrow {
position: relative;
display: inline-block;
background: #111184;
padding: 6px;
margin: 2px 0;
font-size: 12px;
}
.base_plan_price .text > *.type_arrow:before {
content: "";
width: 0;
height: 0;
position: absolute;
left: 100%;
top: 50%;
-webkit-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
transform: translate(0,-50%);
border-top: 12px solid transparent;
border-right: 6px solid transparent;
border-bottom: 12px solid transparent;
border-left: 6px solid #111184;
}
.base_plan_price .price {
}
.base_plan_price .price p > span {
display: inline-block;
letter-spacing: -0.05em;
}
.base_plan_price .price b {
font-size: 135%;
color: #CC0000;
}
.base_plan_price .price b + * {
font-weight: bold;
font-size: 80%;
}
.base_plan_code {
padding: 10px;
font-size: 80%;
text-align: right;
background: #fafafa;
}
.base_plan_date {
font-size: 11px;
}
.base_plan_date > span {
display: inline-block;
letter-spacing: -0.05em;
}
.base_plan_date b {
font-size: 120%;
}

.base_plan_date b + * {
font-weight: bold;
font-size: 80%;
}
/* base_plan list detail
--------------------------------------------------------------------- */
.base_plan_detail_title {
display: table;
width: 100%;
margin-bottom: 5px;
}
.base_plan_detail_title > * {
display: table-cell;
vertical-align: top;
}
.base_plan_detail_title > *.icon {
width: 40px;
vertical-align: top;
text-align: center;
}
.base_plan_detail_title > *.icon .brand_icon {
margin-bottom: 5px;
display: inline-block;
}
.base_plan_detail_title > *.favorite_icon {
margin-bottom: 5px;
display: inline-block;
}
.base_plan_detail_title .favorite_icon img {
width: 30px;
}
.base_plan_detail_title > *.title {
font-size: 105%;
text-align: left;
padding-left: 10px;
}
.base_plan_detail_title > *.title a {
color: #111184;
}

/* base_shisetsu_list
--------------------------------------------------------------------- */
.base_shisetsu_list {
}
.base_shisetsu_list_item {
border-top: 3px solid #111184;
margin-bottom: 20px;
}
.base_shisetsu_list_item_hotellist {
margin-bottom: 0;
}
.base_shisetsu_list_title {
display: table;
width: 100%;
background: #eee;
border-bottom: 1px solid #ddd;
}
.base_shisetsu_list_title > * {
display: table-cell;
}
.base_shisetsu_list_title > *.title {
font-size: 115%;
text-align: left;
padding: 15px 10px;
}
.base_shisetsu_list_title > *.title a {
color: #111184;
}
.base_shisetsu_list_photo {
}
.base_shisetsu_list_photo ul {
}
.base_shisetsu_list_photo ul:before { content:""; display:table;}
.base_shisetsu_list_photo ul:after { content:""; display:table; clear:both;}
.base_shisetsu_list_photo ul { zoom:1;}
.base_shisetsu_list_photo li {
float: left;
width: 33%;
padding: 5px;
overflow: hidden;
}
.base_shisetsu_list_photo li:first-child {
width: 67%;
}
.base_shisetsu_list_photo.type_3col li,
.base_shisetsu_list_photo.type_3col li:first-child {
width: 33.33%;
}
.base_shisetsu_list_photo .photo {
}
.base_shisetsu_list_photo .photo a {
position: relative;
display: block;
text-decoration: none;
max-width: 100%;
margin: 0 auto;
}
.base_shisetsu_list_photo .photo a .photo_icon {
position: absolute;
display: block;
right: 0;
bottom: 0;
padding: 5px;
}
.base_shisetsu_list_photo .photo a .photo_icon > * {
display: inline-block;
line-height: 1.1;
margin-left: 3px;
padding: 3px 5px;
background: #111184;
font-size: 10px;
color: #fff;
border: 1px solid rgba(255,255,255,0.5);
border-radius: 3px;
}
.base_shisetsu_list_photo .photo a:hover {
opacity: 0.7;
}
.base_shisetsu_list_photo .photo img {
max-width: 100%;
width: 100%;
}
.base_shisetsu_list_price {
clear: both;
}
.base_shisetsu_price_box {
display: table;
width: 100%;
margin: 0 auto 10px auto;
letter-spacing: -0.05em;
}
.base_shisetsu_price_box > * {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.base_shisetsu_price_box .price b {
color: #CC0000;
font-weight: bold;
}
.base_shisetsu_price_box .price b + * {
font-weight: bold;
font-size: 80%;
}
.base_shisetsu_price_box .price .price_l {
margin-bottom: 5px;
}
.base_shisetsu_price_box .price .price_l b {
font-size: 130%;
}
.base_shisetsu_price_box .price .pricetext {
font-size: 80%;
margin-bottom: 5px;
}
.base_shisetsu_price_box .price .price_s {
font-size: 80%;
}
.base_shisetsu_list_saleitem {
background: #fffcbd;
background: #fffede;
}
.base_shisetsu_list_saletitle {
background: #111184;
color: #fff;
text-align: center;
padding: 2px 5px 5px 5px;
}
.base_shisetsu_list_timesale {
}
.base_shisetsu_list_timesale .timesale {
text-align: center;
vertical-align: middle;
line-height: 1.2;
padding: 5px 0;
padding: 5px 5px 3px 5px;
border: 2px solid #111184;
background: rgba(255,255,255,0.8);
color: #111184;
font-weight: bold;
}
.base_shisetsu_list_saleitem .base_shisetsu_list_title > *.title {
background: #fffcbd;
}
.base_shisetsu_list_timesale .timesale b {
font-size: 150%;
color: #CC0000;
}
.base_shisetsu_list_timesale .timesale b + * {
font-weight: bold;
font-size: 80%;
}
.base_shisetsu_list_saleitem .base_shisetsu_list_title {
background: none;
border-color: rgba(0,0,0,0.1);
margin: 0 0 5px 0;
}
.base_shisetsu_list_saleitem .base_shisetsu_list_price .price {
background: none;
padding: 10px 5px;
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.base_shisetsu_list_saleitem .base_shisetsu_list_photo {
}
.base_shisetsu_list_saleitem .base_btn_box {
margin: 0;
padding: 10px 10%;
}
.base_shisetsu_list_saleitem .base_bar.type3,
.base_shisetsu_list_saleitem p.base_bar.type3 {
border-color: rgba(0,0,0,0.1);
background-color: #fffcbd;
}
.base_shisetsu_list_saleitem .base_bar.base_nextslide.type3:before,
.base_shisetsu_list_saleitem .base_bar.base_nextslide.type3:after {
background-color: #e5e2aa;
}
.base_shisetsu_list_saleitem .base_dlist {
border-color: rgba(0,0,0,0.1);
}
.base_shisetsu_list_saleitem .base_dlist > dl > dt {
background-color: #fffcbd;
border-color: rgba(0,0,0,0.1);
}
.base_shisetsu_list_saleitem .base_dlist > dl > dd {
border-color: rgba(0,0,0,0.1);
background-color: rgba(255,255,255,0.5);
}
.base_shisetsu_list_saleitem .base_dlist_in > dl > * {
border-color: rgba(0,0,0,0.1);
}
.base_shisetsu_list_promotion {
margin-bottom: 10px !important;
}
.base_shisetsu_eval_box {
margin: 5px 0;
text-align: center;
}
/* base_photoslide
--------------------------------------------------------------------- */
.base_photoslide .mfp-close {
display: none;
}
.base_photoslide {
position: relative;
max-width: 600px;
margin: 0 auto;
overflow: hidden;
}
.base_photoslide .prev,
.base_photoslide .next {
position: absolute;
top: 50%;
text-indent: -9999px;
width: 30px;
height: 30px;
z-index: 2;
cursor: pointer;
margin-top: -15px;
}
.base_photoslide .prev.slick-disabled,
.base_photoslide .next.slick-disabled {
opacity: 0.1;
}
.base_photoslide .prev {
left: 0;
background: url(../images/icon_arrow_l.png) no-repeat center center;
background-size: contain;
}
.base_photoslide .next {
right: 0;
background: url(../images/icon_arrow_r.png) no-repeat center center;
background-size: contain;
}
.base_photoslide ul.base_photoslide_for {
position: relative;
overflow: hidden;
height: auto;
width: 100%;
z-index: 1;
background: #eee;
margin-bottom: 5px;
}
.base_photoslide .base_photoslide_for li {
padding: 0;
}
.base_photoslide .base_photoslide_for li span,
.base_photoslide .base_photoslide_for li a {
display: block;
z-index: 1;
position: relative;
margin: 0 auto;
width: 100%;
height: 200px;
overflow: hidden;
}
.base_photoslide .base_photoslide_for li span {
height: auto;
padding: 10px;
display: block;
background: #111;
color: #fff;
font-size: 11px;
}
.base_photoslide .base_photoslide_for li img {
width: 100%;
height: 100%;
}
.base_photoslide .base_photoslide_nav {
position: relative;
z-index: 1;
overflow: hidden;
width: 100%;
background: #fff;
}
.base_photoslide .base_photoslide_nav li {
position: relative;
width: 100px;
height: auto;
padding: 0 5px 0 0;
}
/* base_slidepage_box
--------------------------------------------------------------------- */
.base_slidepage_title {
display: table;
width: 100%;
background: #111184;
}
.base_slidepage_title > * {
display: table-cell;
text-align: center;
vertical-align:  middle;
color: #fff;
}
.base_slidepage_title .back {
width: 20%;
border-right: 1px solid rgba(255,255,255,0.2);
}
.base_slidepage_title .back a,
.base_slidepage_title .back * {
color: #fff;
display: block;
width: 100%;
height: 100%;
text-decoration: none;
padding: 10px;

}
.base_slidepage_title .title {
padding-right: 20%;
}
.base_slidepage_box {
padding: 10px 5px;
}
.base_slidepage_box#_frc_tab_room {
padding: 0;
}
.base_slidepage_nav {
padding-bottom: 10px;
}
.base_slidepage_nav * {
box-sizing: border-box;
}
.base_slidepage_nav ul:before { content:""; display:table;}
.base_slidepage_nav ul:after { content:""; display:table; clear:both;}
.base_slidepage_nav ul { zoom:1;}
.base_slidepage_nav li {
float: left;
width: 50%;
padding: 1px;
}
.base_slidepage_nav li > *,
.base_slidepage_nav li > a {
display: table;
width: 100%;
height: 40px;
font-size: 90%;
box-sizing: border-box;
font-weight: normal;
color: #111184!important;
background: #fff;
border: 2px solid #111184;
text-align: center;
text-decoration: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 1px 0 0 rgba(255, 255, 255, 0.0), inset -1px 0 0 rgba(255, 255, 255, 0.0), inset 0 -1px 0 rgba(255, 255, 255, 0.0), 2px 2px 2px rgba(0,0,0,0.15);
transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
}
.base_slidepage_nav li.sel a {
background: #111184;
border-color: #111184;
color: #fff!important;
}
.base_slidepage_nav li > a > *,
.base_slidepage_nav li > label > *,
.base_slidepage_nav li > * > * {
display: table-cell;
padding: 5px;
vertical-align: middle;
}
.base_slidepage_list {
padding-bottom: 10px;
}
.base_slidepage_list * {
box-sizing: border-box;
}
.base_slidepage_list ul:before { content:""; display:table;}
.base_slidepage_list ul:after { content:""; display:table; clear:both;}
.base_slidepage_list ul { zoom:1;}
.base_slidepage_list li {
float: left;
width: 50%;
padding: 1px;
}
.base_slidepage_list li > label input {
display: none;
}
.base_slidepage_list li > *,
.base_slidepage_list li > label,
.base_slidepage_list li > a {
display: table;
width: 100%;
height: 40px;
background: #ccc;
color: #fff;
line-height: 1.1;
border-radius: 3px;
text-align: center;
text-decoration: none;
}
.base_slidepage_list li > *.sel,
.base_slidepage_list li > label.sel,
.base_slidepage_list li > a.sel {
background: #619de5;
}
.base_slidepage_list li > a > *,
.base_slidepage_list li > label > *,
.base_slidepage_list li > * > * {
display: table-cell;
padding: 5px;
vertical-align: middle;
}
/* base_yadolist_box
--------------------------------------------------------------------- */
.base_yadolist > ul > li {
border-bottom: 1px solid #ddd;
padding: 0 0 5px 0;
margin-bottom: 10px;
}
.base_yadolist > ul > li:last-child {
border: none;
}
.base_yadolist_box {
display: table;
width: 100%;
}
.base_yadolist_box > * {
display: table-cell;
vertical-align: top;
}
.base_yadolist_box .photo {
padding-bottom: 10px;
width: 25%;
}
.base_yadolist_box .photo a {
position: relative;
display: block;
text-decoration: none;
max-width: 150px;
margin: 0 auto;
}
.base_yadolist_box .photo a .photo_icon {
position: absolute;
display: block;
right: 0;
bottom: 0;
padding: 5px;
}
.base_yadolist_box .photo a .photo_icon > * {
display: inline-block;
line-height: 1.1;
margin-left: 3px;
padding: 3px 5px;
background: #111184;
font-size: 10px;
color: #fff;
border: 1px solid rgba(255,255,255,0.5);
border-radius: 3px;
}
.base_yadolist_box .photo a:hover {
opacity: 0.7;
}
.base_yadolist_box .photo img {
max-width: 150px;
width: 100%;
}
.base_yadolist_box .info {
padding: 0 0 5px 5px;
text-align: left;
}
.base_yadolist_box .yado_name {
font-weight: bold;
color: #111184;
padding-bottom: 5px;
}
.base_yadolist_box .name {
font-size: 12px;
font-weight: bold;
line-height: 1.2;
padding-bottom: 5px;
}
.base_yadolist_box .base_plan_price {
font-size: 80%;
}
.base_yado_evaluation {
padding-bottom: 5px;
}
.base_yado_evaluation dl {
font-size: 11px;
line-height: 1.1;
}
.base_yado_evaluation dl > * {
display: inline-block;
}
.base_yado_evaluation dd .base_icon_star img {
width: 12px;
vertical-align: top;
}
.base_yado_evaluation_box {
font-size: 11px;
line-height: 1.1;
}
.base_yado_evaluation_box > * {
display: inline-block;
}
.base_yado_evaluation_box .base_icon_star img {
width: 12px;
vertical-align: top;
}

/* base_sorry
--------------------------------------------------------------------- */
.base_sorry {
text-align: center;
}
.base_sorry img {
width: 100%;
max-width: 630px;
}
/* base_slider
--------------------------------------------------------------------- */
.base_slider {
position: relative;
box-sizing: border-box;
height: 30px;
padding: 12px 0;
margin-bottom: 10px;
}
.base_slider .base_slider_line {
display: block;
background: #ddd;
border-radius: 3px;
height: 11px;
width: 100%;
}
.base_slider .base_slider_min,
.base_slider .base_slider_max {
position: absolute;
top: 5px;
left: 0;
display: inline-block;
width: 25px;
height: 25px;
color: #fff;
background: #333;
border-radius: 10px;
text-align: center;
line-height: 20px;
font-size: 20px;
cursor: pointer;
border: 1px solid #333;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5),
inset 1px 0 0 rgba(255, 255, 255, 0.0),
inset -1px 0 0 rgba(255, 255, 255, 0.0),
inset 0 -1px 0 rgba(255, 255, 255, 0.0),
2px 2px 2px rgba(0,0,0,0.15);
}
.base_form_layout.type_yosan > * {
width: 50%;
}
.base_form_layout.type_yosan > * select {
width: 80%;
}
.base_form_layout.type_yosan > *:first-child select {
width: 75%;
}
/* 20171030 ?L
--------------------------------------------------------------------- */
.base_bar.type4 .base_icon {
background: #fff;
color: #333!important;
}
.base_plan_detail_title > *.title {
color: #111184;
}
.base_form_layout.type_room > * {
display: block;
}
.base_form_layout.type_room > *:first-child {
max-width: 100%;
}
.base_form_layout.type_room > *:last-child {
text-align: right;
}
.base_price_simulation_dlist dl > * {
display: block;
padding: 10px 5px;
border: 1px solid #ddd;
background: #fff;
width: 33.33%;
border-bottom: none;
width: 100%;
}
.base_calendar_box table .stock {
font-size: 100%;
}
.base_price_simulation_dlist dl > *:first-child {
display: block;
border: 1px solid #ddd;
border-bottom: none;
}
.base_price_simulation_dlist dl dt {
border-bottom: none;
}
.base_price_simulation_dlist dl dd {
display: table;
padding: 0;
width: 100%;
}
.base_price_simulation_dlist dl dd > * {
display: table-cell;
padding: 10px;
vertical-align: middle;
}
.base_price_simulation_dlist dl dd > *.room {
border-right: 1px solid #ddd;
text-align: left;
width: 60%;
}
.base_price_simulation_total dl > dt {
width: 60%;
}
.base_popup_inline_contents {
margin: 0 auto;
background: #fff;
}
.mfp-content .base_popup_inline_contents {
padding: 40px 5px 5px 5px;
}
.base_form_spinner > *.count.no span {
color: #999;
}
.base_form_spinner > *.up.no span,
.base_form_spinner > *.down.no span {
background: #ccc;
cursor: default;
border: 1px solid #ccc;
}
.base_camera_item {
margin-bottom: 10px;
}
.base_camera_item .photo {
background: #eee;
height: 150px;
}
.base_camera_item .text {
text-align: center;
padding: 10px 10px 0 10px;
font-size: 80%;
}
.base_plan_tokuten {
font-size: 85%;
text-align: left;
}
.base_plan_tokuten_title {
color: #111184;
padding: 5px;
}
.base_plan_tokuten .base_nextslide_contents {
background: #fafafa;
padding: 10px 5px;
}
.base_nextslide.base_plan_tokuten_title .open,
.base_nextslide.base_plan_tokuten_title.sel .close {
display: block;
}
.base_nextslide.base_plan_tokuten_title .close,
.base_nextslide.base_plan_tokuten_title.sel .open {
display: none;
}
.base_map_togglebtn_list ul {
display: block;
padding: 0;
margin-bottom: 10px;
width: 100%;
}
.base_map_togglebtn_list ul input{
}
.base_map_togglebtn_list li {
display: block;
float: left;
width: 50%;
padding: 2px;
}
.base_map_togglebtn_list li > *,
.base_map_togglebtn_list li > label,
.base_map_togglebtn_list li > a {
display: table;
width: 100%;
background: #ccc;
border: 1px solid #ccc;
color: #fff;
line-height: 1.1;
border-radius: 0;
text-align: center;
text-decoration: none;
cursor: pointer;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 1px 0 0 rgba(255, 255, 255, 0.0), inset -1px 0 0 rgba(255, 255, 255, 0.0), inset 0 -1px 0 rgba(255, 255, 255, 0.0);
transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
min-width: 120px;
border-radius: 3px;
}
.base_map_togglebtn_list li > *,
.base_map_togglebtn_list li > label,
.base_map_togglebtn_list li > a {
}
.base_map_togglebtn_list li > * input,
.base_map_togglebtn_list li > label input,
.base_map_togglebtn_list li > a input {
display: none;
}
.base_map_togglebtn_list li > a > *,
.base_map_togglebtn_list li > label > *,
.base_map_togglebtn_list li > * > * {
display: table-cell;
padding: 5px;
vertical-align: middle;
}
.base_map_togglebtn_list li > *,
.base_map_togglebtn_list li > label,
.base_map_togglebtn_list li > a {
background: #fff;
border: 1px solid #ccc;
color: #999;
min-width: inherit;
}
.base_map_togglebtn_list li > *.sel,
.base_map_togglebtn_list li > label.sel,
.base_map_togglebtn_list li > a.sel {
color: #fff;
background: #333;
border-color: #333;
}
.base_map_togglebtn_list li .icon {
display: inline-block;
margin-right: 3px;
}
.base_map_togglebtn_list li.shisetsu .icon {
color: #ff0000;
}
.base_map_togglebtn_list li.event .icon {
color: #FFBF00;
}
.base_map_togglebtn_list li.coupon .icon {
color: #00b0f0;
}
.base_map_togglebtn_list li.spot .icon {
color: #00b0f0;
}
.base_textban_box.type_image a {
padding: 5px;
text-align: center;
}
.base_plan_list {
margin-bottom: 20px;
}
.base_plan_list ul {
}
.base_plan_list_item {
border-bottom: 1px solid #ccc;
}
.base_plan_list_item .base_plan_list_info {
padding: 20px 10px 0 10px;
}
.base_plan_list_item .base_plan_list_price {
width: 35%;
vertical-align: top;
text-align: center;
padding: 20px 10px 0 10px;
}
.base_plan_list_item .base_plan_list_price .pricetext span {
font-size: 80%;
}
.base_plan_list_item > .base_layout_box > .base_plan_list_price .base_shisetsu_price_box {
margin-bottom: 0;
text-align: right;
}
.base_plan_list_item > .base_layout_box > .base_plan_list_price .base_shisetsu_price_box a {
display: inline;
}
.base_plan_list_item > .base_layout_box > .base_plan_list_price .base_icon_list ul {
margin-bottom: 5px;
text-align: right;
}
.base_plan_list_item > .base_layout_box > .base_plan_list_price .base_icon_list li {
float: none;
display: inline-block;
}
.base_plan_list_item > a {
display: block;
padding: 10px 0 0 0;
text-decoration: none;
color: #111;
}
.base_plan_list_item.type_soldout > span {
display: block;
padding: 20px 0 0 0;
text-decoration: none;
color: #111;
}
.base_plan_list_item.type_soldout .base_plan_list_title .title {
color: #666!important;
text-decoration: none;
}
.base_plan_list_item > a:hover {
text-decoration: none;
}
.base_plan_list_item_hotellist > a {
	padding: 10px 0 0 0 !important;
}
.base_plan_list_title {
display: table;
width: 100%;
margin-bottom: 5px;
}
.base_plan_list_title > * {
display: table-cell;
vertical-align: top;
}
.base_plan_list_title > *.icon {
width: 50px;
vertical-align: top;
text-align: center;
}
.base_plan_list_title > *.icon .base_icon {
display: block;
padding: 4px 2px 3px 2px;
margin: 0 0 5px 0;
}
.base_plan_list_title > *.icon .brand_icon {
margin-bottom: 5px;
display: inline-block;
}
.brand_icon {
position: relative;
}
.brand_icon > span {
position: absolute;
left: 0;
top: 0;
text-indent: -9999px;
display: inline-block;
height: 0;
}
.base_plan_list_title .favorite_icon {
position: relative;
z-index: 2;
margin-bottom: 5px;
display: inline-block;
cursor: pointer;
}
.base_plan_list_title .favorite_icon img {
width: 30px;
}
.base_plan_list_title .title {
font-size: 110%;
text-align: left;
padding-left: 10px;
color: #111184;
}
.base_plan_list_title > *.title a {
color: #111184;
}
.base_plan_list_item > .base_layout_box > .base_plan_list_price .base_plan_price {
font-size: 110%;
}
.base_plan_list_more {
padding: 0;
}
.base_plan_list_more > .base_btn {
margin-top: 20px;
}
.base_plan_list_more > .base_btn.type_s span {
padding: 5px;
}
.base_plan_list_more .base_btn.type_s.sel {
display: none;
}
.base_plan_list_code {
text-align: left;
font-size: 80%;
vertical-align: bottom;
padding: 5px 10px 15px 15px;
}
.base_plan_list_btn {
text-align: right;
vertical-align: bottom;
padding: 5px 10px 15px 10px;
width: 35%;
}
.base_plan_list_btn .base_btn {
margin-left: 0px!important;
}
.base_plan_list_btn .base_btn span {
padding: 5px 10px;
}
.base_plan_textlist {
margin-bottom: 20px;
}
.base_plan_textlist_box {
display: block;
width: 100%;
}
.base_plan_textlist_box > * {
display: block;
text-align: left;
vertical-align: middle;
padding-bottom: 5px;
}
.base_plan_textlist_box > .icon {
width: 70px;
}
.base_plan_textlist_box > .title {
padding-top: 5px;
}
.base_plan_textlist_box > .price {
text-align: center;
}
.base_plan_textlist_box > .price b {
color: #CC0000;
font-weight: bold;
font-size: 110%;
}
.base_btn.type_green {
background-color: #4dac26!important;
border-color: #4dac26!important;
}
#plandetailstep.base_popup_inline_contents {
max-width: 300px;
position: relative;
}
.base_price_gentei {
margin: 0 10%;
display: block!important;
}
.base_price_gentei a {
text-decoration: none;
}
.base_price_gentei .base_btn {
display: block;
}
.base_price_gentei .base_btn > * {
padding: 5px;
}
.base_price_gentei .base_btn > * > b {
display: block;
padding: 5px 10px;
font-size: 85%;
background: #fff;
color: #111184;
border-radius: 2px;
font-weight: normal;
}
.base_price_gentei .base_btn.type_next > * > b {
color: #ff9326;
}
.base_price_gentei .base_btn.type_next > * > b {
color: #ff9326;
}
.base_price_gentei .base_btn.type_regist > * > b {
color: #cc0000;
}
.base_price_gentei .base_btn.type_green > * > b {
color: #4dac26;
}
.base_price_gentei .base_btn > * > span {
display: block;
padding: 10px 10px 5px 10px;
}
.mfp-content {
padding: 5px 0;
}
.base_map_shisetsu_list {
height: 100%;
overflow: auto;
background: #eee;
}
.base_map_shisetsu_list > ul {
padding: 5px;
}
.base_map_shisetsu_list > ul > li {
padding: 5px;
}
.base_map_shisetsu_list .info_box {
background: #fff;
border-radius: 3px;
box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
overflow: hidden;
}
.base_map_shisetsu_list .photo {
text-align: center;
width: auto;
padding-bottom: 5px;
}
.base_map_shisetsu_list .photo > * {
position: relative;
display: block;
text-decoration: none;
max-width: 250px;
margin: 0 auto;
}
.base_map_shisetsu_list .photo > * > .photo_icon {
position: absolute;
display: block;
right: 0;
bottom: 0;
padding: 5px;
}
.base_map_shisetsu_list .photo > * > .photo_icon > * {
display: inline-block;
line-height: 1.1;
margin-left: 3px;
padding: 3px 5px;
background: #111184;
font-size: 10px;
color: #fff;
border: 1px solid rgba(255,255,255,0.5);
border-radius: 3px;
}
.base_map_shisetsu_list .photo > *:hover {
opacity: 0.7;
}
.base_map_shisetsu_list .photo img {
max-width: 250px;
width: 100%;
height: auto;
}
.base_map_shisetsu_list .info_box .info {
position: relative;
padding: 10px 10px 0 10px;
padding-left: 30px;
min-height: 30px;
text-align: left;
}
.base_map_shisetsu_list .name {
font-size: 100%;
font-weight: bold;
line-height: 1.2;
padding-bottom: 5px;
}
.base_map_shisetsu_list .base_shisetsu_price_box {
text-align: right;
padding-bottom: 5px;
color: #333;
}
.base_map_shisetsu_list .base_plan_price .price {
font-size: 100%;
display: inline-block;
}
.base_map_shisetsu_list .base_shisetsu_price_box .price .price_l {
margin-bottom: 0;
}
.base_map_shisetsu_list .base_shisetsu_price_box .price .pricetext {
margin-bottom: 0;
}
.base_map_shisetsu_list .photo {
padding: 5px;
background: #fafafa;
border-top: 1px solid #eee;
}
.base_map_shisetsu_list .eventname {
font-size: 14px;
font-weight: bold;
line-height: 1.2;
padding-bottom: 5px;
}
.base_map_shisetsu_list .couponname {
font-size: 14px;
font-weight: bold;
line-height: 1.2;
padding-bottom: 5px;
}
.base_map_shisetsu_list a:hover {
text-decoration: none!important;
}
.base_map_shisetsu_list a:hover .name,
.base_map_shisetsu_list a:hover .eventname,
.base_map_shisetsu_list a:hover .spotname,
.base_map_shisetsu_list a:hover .couponname {
text-decoration: underline;
}
.base_map_shisetsu_list .spotname {
font-size: 14px;
font-weight: bold;
line-height: 1.2;
padding-bottom: 5px;
}
.base_map_shisetsu_list .base_plan_date {
font-size: 11px;
padding-bottom: 5px;
color: #333;
}
.base_map_togglebtn_list {
}
.base_map_togglebtn_list ul:before { content:""; display:table;}
.base_map_togglebtn_list ul:after { content:""; display:table; clear:both;}
.base_map_togglebtn_list ul { zoom:1;}
.base_shisetsu_list {
}
.base_shisetsu_list_title + .base_layout_box {
display: block;
}
.base_shisetsu_list_title + .base_layout_box > * {
display: block;
}
.base_shisetsu_list_photo .photo {
background: #fff;
}
.kokunai_yado_shisetsu_search_shisetsulist_pcsp .base_shisetsu_list_photo .photo {
padding: 10px;
}
.base_shisetsu_list_box_area {
text-align: right;
padding-bottom: 5px;
border-bottom: 1px dotted #ccc;
margin-bottom: 10px;
}
.base_shisetsu_list_info .text {
margin-bottom: 5px;
}
.base_shisetsu_list_box_btn {
text-align: right;
}
.base_shisetsu_list_box_btn:before { content:""; display:table;}
.base_shisetsu_list_box_btn:after { content:""; display:table; clear:both;}
.base_shisetsu_list_box_btn { zoom:1;}
.base_shisetsu_list_box_btn .btn {
float: right;
width: 50%;
padding: 0;
font-weight: normal;
font-size: 90%;
}
.base_shisetsu_list_box_btn .btn:first-child {
width: 100%;
padding-bottom: 5px;
}
.base_shisetsu_list_box_btn .btn:first-child span {
padding: 10px;
}
.base_shisetsu_list_box_btn .btn:last-child {
padding-right: 5px;
}
.base_shisetsu_list_box_btn .base_btn {
width: 100%!important;
margin: 0;
}
.base_shisetsu_list_box_btn .base_btn span {
padding: 5px;
}
.base_area_list_btn_box {
padding: 10px 0;
text-align: center;
}
.base_area_list_btn_box .base_btn.type_s {
display: block!important;
width: 100%;
margin-bottom: 5px;
}
.base_jyouken_box .base_jyouken_roomnumber input,
.base_jyouken_box .base_jyouken_people input {
width: 80px;
padding: 7px 5px;
}
.base_roompeople_bar {
display: table;
width: 100%;
background: #fafafa;
border-bottom: 1px solid #111184;
}
.base_roompeople_bar > * {
display: table-cell;
padding: 5px;
}
.base_roompeople_bar > .title {
font-weight: bold;
font-size: 110%;
}
.base_roompeople_bar > .btn {
width: 80px;
text-align: right;
}
.base_roompeople_box .base_roompeople_list {
}
.base_roompeople_box > ul {
margin-bottom: 10px;
border: 3px solid #111184;
border-radius: 3px;
}
.base_roompeople_box dl {
font-size: 90%;
border-bottom: 1px solid #111184;
display: table;
width: 100%;
}
.base_roompeople_box ul li:last-child dl:last-child {
border-bottom: none;
}
.base_roompeople_box dl:after {
display: none;
}
.base_roompeople_box dl > * {
display: table-cell;
vertical-align: middle;
}
.base_roompeople_box dt {
color: #111184;
font-weight: bold;
width: 40%;
padding: 5px;
}
.base_roompeople_box dd {
padding: 5px;
text-align: right;
}
.base_roompeople_box dd select {
width: 80%;
}
.base_plan_upcelllist .base_plan_list_item {
margin-bottom: 10px;
}
.base_plan_upcelllist .base_plan_list_item > a {
padding: 10px 0 0 0;
}
.base_plan_upcelllist .base_plan_list_title .title {
padding: 0;
}
.base_plan_upcelllist .base_shisetsu_price_box {
margin: 0;
}
.base_plan_list_item .base_plan_list_info {
padding: 0 10px 10px 10px;
}
.base_icon.type_red {
border-color: #930000;
background-color: #b20000;
color: #fff!important;
box-shadow: 1px 1px 0px rgba(255,255,255,0.3) inset;
text-shadow: -1px -1px 0px rgba(0,0,0,0.5);
}
.base_plan_upcelllist .base_plan_list_item .base_plan_list_price {
width: 100%;
font-size: 140%;
text-align: center;
vertical-align: middle;
padding: 10px;
}
/* TWFXg?
--------------------------------------------------------------------- */
.base_suggest {
display: inline-block;
position: relative;
width: 100%;
}
.base_suggest_box {
position: absolute;
left: 0;
top: 100%;
min-width: 100%;
z-index: 999;
padding: 3px 0 0 0;
}
.kokunai_yado_shisetsu_map_pc .base_suggest_box {
min-width: 100%;
}
.base_suggest:hover .base_suggest_box {
display: block;
}
.base_suggest_box_in {
position: relative;
background: #fff;
border-radius: 2px;
box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);
border: 2px solid #111184;
}
.base_suggest_box_in ul {
padding: 5px;
}
.base_suggest_box ul:after {
content: "";
position: absolute;
width: 0;
height: 0;
left: 10px;
bottom: 100%;
border-top: 8px solid transparent;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
border-bottom: 8px solid #111184;
}
.base_suggest_box ul li {
padding: 3px 0 3px 13px;
background: url(../images/icon_map_80x80.png) no-repeat left 3px;
background-size: 13px auto;
}
.base_suggest_box .close_btn {
font-size: 90%;
color: #fff;
text-align: right;
border-top: 1px solid #111184;
padding: 5px 5px 5px 5px;
background: #111184;
}
.base_suggest_box .close_btn > * {
cursor: pointer;
display: inline-block;
}
/* \[Xy[Wp?CX^C
--------------------------------------------------------------------- */
.base_sp_no {
display: none;
}
.kokunai_yado_shisetsu_search_shisetsulist_pcsp {
padding: 10px 5px 0 5px;
}
.kokunai_yado_shisetsu_search_shisetsulist_pcsp .base_sns {
display: none;
}
.kokunai_yado_shisetsu_search_shisetsulist_pcsp .base_suggest_box {
width: 100%;
}
.base_area_list.type_col2 li {
width: 100%;
}
#icon_guide .base_text.base_tr {
text-align: left!important;
}
#icon_guide .base_dlist > dl > dt {
width: 80px!important;
box-sizing: border-box;
}
/* 201801?L
--------------------------------------------------------------------- */
/* я\[g@\
--------------------------------------------------------------------- */
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
/*width: auto!important;*/
}
.base_list_popup_sort {
max-width: 400px;
}
.base_list_popup_sort_box {
padding-bottom: 10px;
}
.base_list_popup_sort_box * {
box-sizing: border-box;
}
.base_list_popup_sort_box ul:before { content:""; display:table;}
.base_list_popup_sort_box ul:after { content:""; display:table; clear:both;}
.base_list_popup_sort_box ul { zoom:1;}
.base_list_popup_sort_box li {
float: left;
width: 100%;
padding: 1px;
}
.base_list_popup_sort_box li > label input {
display: none;
}
.base_list_popup_sort_box li > *,
.base_list_popup_sort_box li > label,
.base_list_popup_sort_box li > a {
display: table;
width: 100%;
height: 40px;
background: #ccc;
color: #fff;
line-height: 1.1;
border-radius: 3px;
text-align: center;
text-decoration: none;
}
.base_list_popup_sort_box li > *.sel,
.base_list_popup_sort_box li > label.sel,
.base_list_popup_sort_box li > a.sel {
background: #619de5;
}
.base_list_popup_sort_box li > a > *,
.base_list_popup_sort_box li > label > *,
.base_list_popup_sort_box li > * > * {
display: table-cell;
padding: 5px;
vertical-align: middle;
}
/* \
--------------------------------------------------------------------- */
.base_icon.type_gold2 {
border-color: #d3bf51;
background-color: #f0e086;
color: #655600!important;
box-shadow: 1px 1px 0px rgba(255,255,255,0.7) inset;
text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
text-decoration: none!important;
}
a.base_icon.type_gold2:hover {
text-decoration: none!important;
opacity: 0.7;
}
/* TWFXg@\
--------------------------------------------------------------------- */
.base_suggest_box a {
display: block;
}
.base_suggest_box.type2 .base_suggest_icon {
padding: 0 0 0 18px;
background: url(../images/icon_map_80x80.png) no-repeat left center;
background-size: 18px auto;
font-weight: bold;
}
.base_suggest_box.type2 ul li {
background: none;
padding: 3px 0 3px 0;
}
.base_suggest_box.type2 ul li ul li {
padding: 3px 0 3px 10px;
}
/* R~
--------------------------------------------------------------------- */
.base_kuchikomi_box > ul > li {
border-bottom: 1px solid #ddd;
padding: 15px 0 10px 0;
}
.base_kuchikomi_box dl {
display: table;
width: 100%;
}
.base_kuchikomi_box dl > * {
display: table-cell;
vertical-align: top;
}
.base_kuchikomi_box dl > dt {
width: 60px;
}
.base_kuchikomi_box dl > dt > .image img {
width: 100%;
}
.base_kuchikomi_box dl > dt > .text {
text-align: center;
padding: 5px 0 0 0;
font-size: 80%;
font-weight: bold;
color: #666;
}
.base_kuchikomi_box dl > dd {
padding: 0;
padding-left: 20px;
}
.base_kuchikomi_box dl > dd > .text {
position: relative;
background: #f2f2f2;
border-radius: 5px;
padding: 10px;
border: 1px solid #ddd;
min-height: 70px;
}
.base_kuchikomi_box dl > dd > .text:before,
.base_kuchikomi_box dl > dd > .text:after {
content: "";
position: absolute;
width: 0;
height: 0;
right: 100%;
top: 10px;
border-top: 7px solid transparent;
border-right: 11px solid #ddd;
border-left: 11px solid transparent;
border-bottom: 7px solid transparent;
}
.base_kuchikomi_box dl > dd > .text:before {
border-right: 11px solid #f2f2f2;
z-index: 2;
margin-right: -2px;
}
.draw_area.nottouch {
position: relative;
}
.draw_area.nottouch:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(51,51,51,0.7);
z-index: 10;
}
p.base_bar_searchMessage {
    background: #333;
    border-bottom: 3px solid #333;
    color: #fff;
    margin-bottom: 10px;
    padding: 10px;
    font-size: 100%;
    line-height: 1.1;
}

#plandetail_guide_businessweek_pc {
display: none !important;
}


/* 旧yado_shisetsu_sp_20180220.cssの中身をそのまま移管した */

@charset "shift_jis";
/*
sp style
*/


/* .base_dlist
--------------------------------------------------------------------- */
.base_dlist {
/*border: 1px solid #ddd;*/
border-bottom: none;
margin-bottom: 10px;
}

.base_dlist > dl > dt {
border-collapse: collapse;
display: table-cell;
padding: 3px;
margin: 0;
text-align: left;
background: #fafafa;
border-bottom: 1px solid #ddd;
/*border-right: 1px solid #ddd;*/
width: 25%;
vertical-align: top;
}

.base_dlist > dl > dd {
border-collapse: collapse;
display: table-cell;
background: #fff;
padding: 3px;
margin: 0;
text-align: left;
border-bottom: 1px solid #ddd;
vertical-align: top;
}

.base_dlist_hotellist_access {
margin-bottom: 0 !important;
}

.base_evaluation dl > * {
display: table-cell;
vertical-align: middle;
width: 50%;
padding: 5px;
background: #fff;
line-height: 1;
}

.base_evaluation dl > dt {
background: #fafafa;
/*border-right: 1px solid #ddd;*/
}

.base_btn, a:link.base_btn, a:visited.base_btn, .base_textban_box .ban a {
box-shadow: inset 0 3px 3px rgba(255, 255, 255, 0.5), inset 1px 0 0 rgba(255, 255, 255, 0.5), inset -1px 0 0 rgba(255, 255, 255, 0.0), inset 0 -1px 0 rgba(255, 255, 255, 0.0), 2px 2px 2px rgba(0,0,0,0.3);
}

.base_nextslide.base_search_box .open, .base_nextslide.base_search_box.sel .close {
    display: block;
}

.base_nextslide.base_search_box .close, .base_nextslide.base_search_box.sel .open {
    display: none;

}

.base_form_spinner > *.up span,
.base_form_spinner > *.down span {
display: inline-block;
width: 38px;
height: 38px;
color: #fff;
background: #333;
border-radius: 3px;
text-align: center;
line-height: 38px;
font-size: 16px;
font-weight:bold;
cursor: pointer;
border: 1px solid #333;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5),
inset 1px 0 0 rgba(255, 255, 255, 0.0),
inset -1px 0 0 rgba(255, 255, 255, 0.0),
inset 0 -1px 0 rgba(255, 255, 255, 0.0),
2px 2px 2px rgba(0,0,0,0.15);
}

.base_bar,
p.base_bar {
background: #111184;
border-bottom: 3px solid #111184;
color: #fff;
margin-bottom: 10px;
padding: 10px;
font-weight: bold;
font-size: 130%;
line-height: 1.1;
/*-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;*/
}

.base_list_result {
    font-size: 100%;
    padding: 5px;
    font-weight: normal;
}



/*----------------------------
◆カレンダー　プラン詳細カレンダー
----------------------------*/
.base_calendar_box table .base_calendar_body_planselect tr {
/*height: 50px;*/	
}
.base_calendar_box table .base_calendar_body_planselect td {
border: 1px solid #ddd;
line-height: 1.1;
text-align: center;
/*font-weight: bold;*/
font-size: 16px;
vertical-align: middle;
}
.base_calendar_box table .base_calendar_body_planselect td.sun {
background-color: #fff4f4;
}
.base_calendar_box table .base_calendar_body_planselect td.sat {
background-color: #e6f3ff;
}
.base_calendar_box table .base_calendar_body_planselect td.holiday {
background-color: #fff4f4;
}
.base_calendar_box table .base_calendar_body_planselect td.other {
background-color: #eee;
color: #999!important;
}
.base_calendar_box table .base_calendar_body_planselect td.other * {
color: #999!important;
}
.base_calendar_box table .base_calendar_body_planselect td > * {
padding: 3px;
display: block;
text-align: center;
line-height: 1;
/*height: 50px;*/	
box-sizing: border-box;
}

.base_calendar_box table .price {
    font-size: 100%;
    letter-spacing: -0.05em;
}

/* 旧yado_shisetsu_sp_20180220.cssの中身ここまで */

label.no_stock {
	color: #000!important;
	background: #eee!important;
	cursor: default!important;
}

._frc_html_roomframe:first-child ._frc_event_delete_roomframe {
	display: none !important;
}

#disp_dataversion {
	font-size: 11px;
	margin-bottom: 5px;
}
#resultcount {
	float: right;
	margin-top: 8px;
}
#rsv24frame_hotelplan, #rsv24frame_plandetail {
	position: fixed;
	top: 0px;
	left: 100%;
	width: 100%;
	padding: 5px;
	z-index: 999;
}
h1 {
	margin: 0%;
}

.detail_sentences dl dd p {
line-height: 1.6;
}
.setsubi_sentences dl dd span {
line-height: 1.6;
}

.base_calendar_box table .base_calendar_body_planselect td {
	height: 50px;
}
.base_bar.type_set, p.base_bar .type_set {
    background: #fff;
    color: #111184;
    border: 3px solid #111184;
    border-radius: 5px;
}

.base_photo_list ul > * a .text {
    display: block;
    overflow: inherit;
    text-align: left;
    padding: 0;
    margin: 5px 0;
    font-size: 10px;
    line-height: 1.1;
    height: 40px;
}

#room_type_tab {
	font-size: 0;
}
#room_type_tab li {
	height: 26px;
	font-size: 12px;
	border: 1px solid #bbb;
	background: #ddd;
	padding: 6px 8px;
	vertical-align: bottom;
	display: inline-block;
	margin-bottom: 5px;
}
#room_type_tab li.room_type_selected {
	height: 36px;
	padding: 11px 8px;
	background: #fff;
}


#wrapper #anchorlinks.landing {
	width: auto !important;
}
#wrapper #middleArea.landing {
	width: auto !important;
	padding: 0;
}
#wrapper #middleArea.landing .contents_inner {
	padding: 0 5px;
}
#wrapper #middleArea.landing h1 {
	margin-top: 10px;
}
#wrapper #middleArea.landing #resultcount {
	float: none;
}
#wrapper #middleArea.landing .base_search_tool {
	margin-bottom: 0;
}
#wrapper #middleArea.landing .base_shisetsu_list_photo {
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}
#wrapper #middleArea.landing .base_shisetsu_list_photo li:first-child {
	width: 100%;
	padding-bottom: 0;
}
#wrapper #middleArea.landing #area_link_landing {
	padding-top: 0;
}
#wrapper #middleArea.landing .base_shisetsu_list_box_btn .btn {
	padding-top: 5px;
	float: none;
	text-align: center;
}
#wrapper #middleArea.landing .base_shisetsu_list_box_btn .btn span {
	padding: 20px !important;
}
#wrapper #middleArea.landing .base_shisetsu_list_box_btn .btn a {
	width: 100% !important;
}
#wrapper #middleArea.landing .base_textban_box.jr_air_landing {
	float: none;
	margin: 0;
	max-width: none;
}
#wrapper #middleArea.landing .base_textban_box.jr_air_landing .base_pr5 {
	padding: 0 !important;
}
#wrapper #middleArea.landing .base_textban_box.jr_air_landing .base_pl5 {
	padding: 0 !important;
}
#wrapper #middleArea.landing .base_shisetsu_list_item_hotellist {
	margin-bottom: 5px !important;
}
#wrapper #middleArea.landing .base_pankuzu {
	clear: both;
	padding: 10px 5px 5px 5px;
}
#wrapper #middleArea.landing .base_dlist.type_2coltable > dl {
	width: 100%;
	min-height: 0px;
}
#wrapper #middleArea.landing .base_dlist.type_2coltable > dl dd {
	padding: 10px;
}
#wrapper #middleArea.landing .base_dlist.type_2coltable > dl:nth-child(odd) dd {
	border-right: 0;
}
#wrapper #middleArea.landing .base_search_tool .base_sortpager .base_list_pager {
	width: 100%;
	max-width: 450px;
	float: right;
	margin-bottom: 10px;
}
#wrapper #middleArea.landing .contents_inner {
	font-size: 100%;
}
#wrapper #middleArea.landing #area_link_landing {
	text-align: right;
	padding: 5px 0;
	border-bottom: 1px dotted #ccc;
}
#wrapper #middleArea.landing .landing_pr_point {
	padding: 5px 0;
}
#wrapper #middleArea.landing #shisetsu_link_landing {
	text-align: right;
	padding-bottom: 5px;
}
#wrapper #middleArea.landing .base_dlist_hotellist_access > dl > dt {
	border-bottom: 0;
	border-right: 1px solid #ddd;
}
#wrapper #middleArea.landing .base_dlist > dl > dt{
	border-right: 1px solid #ddd;
}
#wrapper #middleArea.landing .base_dlist_hotellist_access > dl > dd {
	border-bottom: 0;
}
#wrapper #middleArea.landing .base_dlist {
	border: solid #ddd;
	border-width: 1px 1px 0px 1px;
}
#wrapper #middleArea.landing .base_dlist_hotellist_access {
	border: 1px solid #ddd;
}
#wrapper #middleArea.landing .base_layout_box p:nth-child(2).base_pl5 {
	padding-left: 5px !important;
}
#wrapper #middleArea.landing .base_list_resultcount {
	border-bottom: 0;
}
.banner_for_sp_landing img {
	max-width: 100%;
}
.base_footer_box_inc02.landing footer {
	display: block;
	position: relative;
	background: #ebebf9;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
}
.base_footer_box_inc02.landing footer ul.linkBtm {
	padding: 10px;
	overflow: hidden;
}
.base_footer_box_inc02.landing footer ul.linkBtm li {
	width: 50%;
	float: left;
	padding: 5px 0;
}
.base_footer_box_inc02.landing footer #copy {
	clear: both;
	background: #343474;
    text-align: center;
    color: #fff;
    font-size: 8px;
    padding: 10px 0;
}
.base_area_list_nodata span {
	display: table-cell;
	padding: 5px;
	width: 500px;
	vertical-align: middle;
}
.base_area_list_nodata span:hover {
	opacity: 1;
}

.fpview .base_pankuzu,
.fpview .plandetail_coursecode,
.fpview .plandetail_shubetsu,
.fpview .icon,
.fpview .relative_plans_tab,
.fpview .favorite_history_tab,
.fpview .recommend_tab,
.fpview .reserve_banner,
.fpview .base_textban_box,
.fpview .base_list_resulttext,
.fpview .pricetab > *:not(#priceExplain):not(#feeInfoArea):not(.price_other_info),
.fpview .go_reserve_button,
.fpview .guide_contents > p,
.fpview .guide_contents > div:not(.guide_main_part),
.fpview .guide_contents .guide_main_part_kikaku,
.fpview .footer_kaiin_banner
{
	display: none !important;
}
.printview ._frc_event_addclip,
.printview .relative_plans_tab,
.printview .favorite_history_tab,
.printview .recommend_tab,
.printview .reserve_banner,
.printview .base_textban_box,
.printview .base_list_resulttext,
.printview .pricetab > *:not(#priceExplain):not(#feeInfoArea):not(.price_other_info):not(.price_main_contents),
.printview .price_main_contents_sub,
.printview .go_reserve_button,
.printview .footer_kaiin_banner
{
	display: none !important;
}