@charset "shift_jis";
/*
pc style
*/
/* 20171030ワンソースページ用リセット
--------------------------------------------------------------------- */
* {
margin: 0;
padding: 0;
}
ol li,
ul li {
list-style: none;
}
div.contents_inner {
padding: 0px 10px;
font-size: 85%;
}
/* base
--------------------------------------------------------------------- */
.kokunai_yado_shisetsu_search_pc,
.kokunai_yado_shisetsu_pc,
.kokunai_yado_shisetsu_detail_pc {
font-size: 120%;
}
.kokunai_yado_shisetsu_search_pc *,
.kokunai_yado_shisetsu_pc *,
.kokunai_yado_shisetsu_detail_pc * {
box-sizing: border-box;
}
.kokunai_yado_shisetsu_detail_pc a,
.kokunai_yado_shisetsu_detail_pc a:visited,
.kokunai_yado_shisetsu_detail_pc a:link {
text-decoration: none;
color: #111184;
}
.kokunai_yado_shisetsu_detail_pc a:visited:hover,
.kokunai_yado_shisetsu_detail_pc a:link:hover,
.kokunai_yado_shisetsu_detail_pc a:hover {
text-decoration: underline;
color: #111184;
}
/*
.kokunai_yado_shisetsu_detail_pc h1 {
font-size: 80%!important;
background: none!important;
padding: 0;
margin: 0;
}
*/
#icon_guide .base_dlist > dl > dt {
width: 80px;
}
#icon_guide dt img {
max-width: 60px;
}
.base_bar.type_righticon {
padding-right: 100px;
position: relative;
}
.base_bar.type_righticon .base_icon_box {
position: absolute;
right: 5px;
top: 50%;
-webkit-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
transform: translate(0,-50%);
}
.base_bar.type_righticon .base_icon {
margin: 0;
}
td.na {
	background-color: #DDDDDD!important;
	color: #999999!important;
}
/* 追加調整スタイル
--------------------------------------------------------------------- */
div.contents_body {
background: none;
}
.base_pankuzu {
padding: 5px 5px 7px;
font-size: 11px;
}
.base_sns {
float: right;
padding: 5px;
}
.base_sns .base_sns_btn {
display: inline-block;
vertical-align: middle;
}
/* reset
--------------------------------------------------------------------- * /
/* .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: 20px;
}
hr.base_space {
clear: both;
display: block;
visibility: inherit;
border: none;
font-size: 1px;
height: 20px;
margin: 0;
}
.base_cf:before { content:""; display:table;}
.base_cf:after { content:""; display:table; clear:both;}
.base_cf { zoom:1;}
/* 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_box
--------------------------------------------------------------------- * /
/* .base_text
--------------------------------------------------------------------- */
.base_text,
p.base_text {
margin-bottom: 20px;
line-height: 1.4;
}
.base_text_err {
padding: 10px;
margin-bottom: 20px;
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
--------------------------------------------------------------------- */
.base_bar,
p.base_bar {
background: #111184;
border: 3px solid #111184;
color: #fff;
margin-bottom: 20px;
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: 14px;
width: 16px;
height: 3px;
}
.base_bar.base_nextslide:after {
right: 15px;
top: 8px;
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_bar.type4 .base_icon {
background: #fff;
color: #333!important;
}
.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: 20px;
}
.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
--------------------------------------------------------------------- */
.base_dlist {
border: 1px solid #ddd;
border-bottom: none;
margin-bottom: 20px;
}
.base_dlist > dl {
display: table;
width: 100%;
margin: 0;
}
.base_dlist > dl:after {
content: "";
display: none;
}
.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: 35%;
vertical-align: top;
}
.base_dlist > dl > dt span {
display: inline-block;
}
.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 > dt {
width: 30%;
}
.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_dlist.type_2coltable {
}
.base_dlist.type_2coltable:before { content:""; display:table;}
.base_dlist.type_2coltable:after { content:""; display:table; clear:both;}
.base_dlist.type_2coltable { zoom:1;}
.base_dlist.type_2coltable > dl {
float: left;
width: 50%;
min-height: 160px;
}
.base_dlist.type_2coltable > dl:nth-child(odd) dd {
border-right: 1px solid #ddd;
}
/* .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 > 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_dlist > dl {
display: table;
width: 100%;
margin: 0;
}
.base_price_simulation_dlist dl > * {
width: 33.33%;
}
.base_price_simulation_dlist dl > dt {
border-collapse: collapse;
display: table-cell;
padding: 15px 10px;
margin: 0;
text-align: left;
background: #fafafa;
border-bottom: none;
border-right: 1px solid #ddd;
vertical-align: top;
}
.base_price_simulation_dlist > dl > dd {
border-collapse: collapse;
display: table-cell;
background: #fff;
padding: 15px 10px;
margin: 0;
text-align: left;
border-bottom: none;
vertical-align: top;
}
.base_price_simulation_dlist > dl > dd.price {
text-align: right;
}
.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_price_simulation_total {
font-size: 120%;
}
.base_price_simulation_total dl > dt {
width: 60%;
}
/* .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 25%;
padding: 20px 0 20px 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;
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: 0;
border: 3px solid #CC0000;
color: #CC0000;
background: #eee;
font-size: 90%;
margin: 0 auto 10px auto;
min-width: 400px;
display: table;
}
.base_text_soldout > * {
display: table-cell;
vertical-align: middle;
}
.base_text_soldout > *.icon {
width: 80px;
background: #CC0000;
}
.base_text_soldout > *.text {
padding: 10px;
}
.base_text_soldout > *.btn {
width: 240px;
text-align: right;
padding: 10px;
}
.base_text_soldout > *.btn .base_btn {
min-width: 210px;
}
.base_text_soldout .base_icon.type_soldout {
display: block;
border-radius: 0;
margin: 0;
margin-bottom: 5px;
}
.base_text_soldout .base_icon.type_soldout .base_icon {
margin: 0;
}
.base_yoyaku_text {
display: block;
text-align: center;
font-weight: normal;
color: #fff;
padding: 5px;
line-height: 1.1;
background: #333;
margin-top: 5px;
}
/* 以下4つ全国旅行支援関連(2022/12/06) */
.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;
}
.base_pr_icon_01_text {
    display: inline-block;
    list-style: none;
    text-align: center;
    padding: 6px 9px;
    color: #e04c31;
}
.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 {
border-bottom: 5px solid #111184;
background: #fafafa;
padding: 20px 20px 0 20px;
}
.base_tab_nav ul {
display: table;
width: 100%;
margin: 0 auto;
table-layout: fixed;
}
.base_tab_nav li {
display: table-cell;
}
.base_tab_nav li > a,
.base_tab_nav li > a:visited,
.base_tab_nav li > span {
display: table;
width: 100%;
padding: 10px;
height: 50px;
border: 1px solid #ccc;
border-bottom: none;
background: #fff;
text-align: center;
text-decoration: none!important;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5),
inset 1px 0 0 rgba(255, 255, 255, 0.2),
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 > a > *,
.base_tab_nav li > a:visited > *,
.base_tab_nav li > span > * {
display: table-cell;
vertical-align: middle;
text-align: center;
color: #111184;
}
.base_tab_nav li.active > a,
.base_tab_nav li.active > span,
.base_tab_nav li > a:hover {
text-decoration: none!important;
background: #111184;
border-color: #111184;
}
.base_tab_nav li.active > a > *,
.base_tab_nav li.active > a:visited > *,
.base_tab_nav li.active > span > *,
.base_tab_nav li > a:hover > * {
color: #fff!important;
}
.base_tab_contents {
padding: 20px 0 0 0;
}
/* base_shisetsu_price_box
--------------------------------------------------------------------- */
.base_shisetsu_price_box {
display: table;
width: 100%;
margin: 0 auto 10px auto;
letter-spacing: -0.05em;
}
.base_shisetsu_price_box a:link,
.base_shisetsu_price_box a:visited,
.base_shisetsu_price_box a:hover {
color: #333!important;
}
.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: 110%;
}
.base_shisetsu_price_box .price .pricetext {
font-size: 80%;
margin-bottom: 5px;
}
.base_shisetsu_price_box .price .price_s {
font-size: 80%;
}
/* base_image_box
--------------------------------------------------------------------- */
.base_image_box {
padding-bottom: 20px;
text-align: center;
width: 100%;
}
.base_image_box img {
width: 100%;
height: auto;
}
.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;
vertical-align: middle;
}
.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;
}
.base_evaluation dl > * {
display: table-cell;
vertical-align: middle;
width: 50%;
padding: 10px 5px;
background: #fff;
line-height: 1;
}
.base_evaluation dl > dt {
background: #fafafa;
border-right: 1px solid #ddd;
}
/* base_linkslide
--------------------------------------------------------------------- */
.base_linkslide.sel {
display: none!important;
}
/* base_shisetsu_info
--------------------------------------------------------------------- */
.base_shisetsu_info_box {
}
.base_shisetsu_info_box .base_image_box {
width: 400px;
padding-right: 20px;
}
.base_shisetsu_info_box .base_evaluation dl > dt {
padding: 20px 10px;
width: 30%!important;
}
.base_shisetsu_info_box .base_evaluation dl > dd {
padding: 20px!important;
}
.base_shisetsu_info_box .base_evaluation dl:first-child {
width: 100%;
}
.base_shisetsu_info_box .base_evaluation dl:first-child > * {
padding: 25px 10px!important;
font-size: 120%;
}
.base_shisetsu_info_box .base_evaluation .base_icon_star img {
width: 12px;
}
.base_shisetsu_info_box .base_evaluation dl:first-child > * .base_icon_star img {
width: 24px;
}
.base_shisetsu_info_box .base_dlist .base_evaluation .base_icon_star img {
width: 24px;
}
/* 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!important;
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 ul > * a:hover .text {
text-decoration: underline;
}
.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!important;
font-size: 120%;
}
.base_camera_box button {
color: #fff;
}
/* base_area_list
--------------------------------------------------------------------- */
.base_area_list {
padding-bottom: 20px;
}
.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: 25%;
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!important;
}
.base_area_list li > *:hover,
.base_area_list li > a:hover {
opacity: 0.7;
}
.base_area_list li > a > *,
.base_area_list li > label > *,
.base_area_list li > * > * {
display: table-cell;
padding: 5px;
vertical-align: middle;
}
.base_area_list_nodata span {
display: table-cell;
padding: 5px;
width: 300px;
vertical-align: middle;
}
.base_area_list_nodata span:hover {
opacity: 1;
}
/* base_map_box
--------------------------------------------------------------------- */
.base_map_box {
position: relative;
margin-bottom: 10px;
text-align: center;
font-size: 14px;
max-width: 100%;
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 .favorite_icon {
display: block;
position: absolute;
left: 10px;
top: 10px;
width: 30px;
height: 30px;
text-align: center;
cursor: pointer;
}
.base_map_popup .favorite_icon img {
width: 100%;
}
.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%;
height: auto;
}
.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 .base_shisetsu_price_box {
font-size: 90%;
text-align: right;
}
.base_map_popup .spotname {
font-size: 14px;
font-weight: bold;
line-height: 1.2;
padding-bottom: 5px;
}
.base_map_popup .price {
display: inline-block;
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;
font-size: 10px;
display: inline-block;
}
.base_map_popup .reco_box .base_shisetsu_price_box {
margin-bottom: 0;
text-align: right;
}
.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;
text-decoration: none!important;
color: #fff!important;
}
.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;}

/* base_shisetsu_planlist
--------------------------------------------------------------------- */
.base_shisetsu_planlist_box {
}
.base_shisetsu_planlist_box .base_shisetsu_price_box {
font-size: 120%;
text-align: right;
}
.base_shisetsu_planlist_box .base_shisetsu_price_box * {
text-align: right;
}
.base_shisetsu_planlist_box .base_shisetsu_price_box .price {
display: inline-block;
}
.base_shisetsu_planlist_box .base_shisetsu_price_box .pricetext span {
font-size: 80%;
}
.base_shisetsu_planlist_box .base_image_box {
width: 400px;
padding-right: 20px;
}
.base_shisetsu_planlist_box .base_shisetsu_planlist_box_evaluation .base_evaluation {
font-size: 120%;
}
.base_shisetsu_planlist_box .base_shisetsu_planlist_box_evaluation > * {
vertical-align: middle;
padding-top: 20px;
padding-bottom: 20px;
}
.base_shisetsu_planlist_box .base_shisetsu_planlist_box_evaluation .base_icon_star img {
width: 24px;
}
/* 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_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 > * > label:hover,
.base_list_sort dl > * > label.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;
}
.base_list_sort dl > *.sel > * {
cursor: default;
}
.base_list_sort b {
font-weight: normal;
}
.base_list_sort dl input {
display: none!important;
}
/* 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%;
cursor: pointer;
}
.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 > *:not(.inactivate_pager_button) > *:hover,
.base_list_pager ul > *:not(.inactivate_pager_button) > span: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;
}
.base_list_pager ul > *.sel > * {
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:not(.label_jr_set_api) {
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:not(.label_jr_set_api) {
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 .base_form_labellist.type_inb > * {
display: inline-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 {
height: 24px;
}
.base_form_layout.type_calendar .calendar img {
max-width: 30px;
}
.base_form_layout.type_room {
margin-bottom: 10px;
text-align: right;
}
.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: 100px;
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;
}
.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_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_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_form_no {
width: 100%;
display: inline-block;
min-width: 100px;
line-height: 1.1;
padding: 10px;
background: #eee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-align: center;
}
/* 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;
max-width: 640px;
position: relative;
}
.mfp-content .base_calendar {
padding: 40px 10px 10px 10px;
}
.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;
}
.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;
}
/* base_plandetaildetail_calendar
--------------------------------------------------------------------- */
.base_plandetaildetail_calendar {
border: 3px solid #111184;
padding: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom: 20px;
position: relative;
}
.base_plandetaildetail_calendar .base_calendar_prev {
text-align: left;
}
.base_plandetaildetail_calendar .base_calendar_prev .base_btn.type_s {
max-width: 120px;
display: inline-block!important;
}
.base_plandetaildetail_calendar .base_calendar_next {
text-align: right;
}
.base_plandetaildetail_calendar .base_calendar_next .base_btn.type_s {
max-width: 120px;
display: inline-block!important;
}
.base_plandetaildetail_calendar .base_calendar_box table .base_calendar_body td > * {
height: 100px;
}
.base_plandetaildetail_calendar .base_calendar_box table .base_calendar_body td > a,
.base_plandetaildetail_calendar .base_calendar_box table .base_calendar_body td > a:visited,
.base_plandetaildetail_calendar .base_calendar_box table .base_calendar_body td > a:link {
text-decoration: none!important;
color: #111;
}
.base_plandetaildetail_calendar .base_calendar_box table .base_calendar_body td > a:hover,
.base_plandetaildetail_calendar .base_calendar_box table .base_calendar_body td > a:hover * {
text-decoration: none;
color: #fff!important;
background: #ff9900!important;
}
.base_plandetaildetail_calendar .base_calendar_box table .day {
    font-size: 150%;
    font-weight: normal;
}
.base_plandetaildetail_calendar .base_calendar_box table .price {
     font-size: 150%;
    font-weight: normal;
	margin-bottom: 5px;
	letter-spacing: 0;
}
.base_plandetaildetail_calendar .base_calendar_box table .stock {
    font-size: 150%;
    font-weight: normal;
	text-decoration: none;
}

.base_plandetaildetail_calendar .base_calendar_box table .child {
	font-size: 80%;
	color: #9933cc;
}


.base_plandetaildetail_calendar .child_price_box {
width: 230px;
text-align: center;
position: absolute;
background-color: #fff;
color: #626262;
border: 4px solid #111184;
}

.base_plandetaildetail_calendar .child_price_box .close_btn {
float: right;
margin: 3px;
}

.base_plandetaildetail_calendar .child_price_box table {
width:207px;
border:0;
margin: 10px;
border: 1px solid #ddd;
border-collapse: collapse;
}

.base_plandetaildetail_calendar .child_price_box tr {
border: 1px solid #ddd;
}


.base_plandetaildetail_calendar .child_price_box .day {
margin: 5px;
}

.base_plandetaildetail_calendar .child_price_box .title {
margin: 10px;
}

.base_plandetaildetail_calendar .child_price_box .type_name {
width: 40%;
background: #fafafa;
border-right: 1px solid #ddd;
}

.base_plandetaildetail_calendar .child_price_box .guide {
border:0;
text-align: left;
margin: 10px;
font-size: 80%;
}

/* _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 {
position: relative;
padding: 10px;
padding-top: 35px;
padding-bottom: 35px;
text-align: center;
background: #fff;
max-width: 640px;
margin: 0 auto;
}
/* base_textban_box
--------------------------------------------------------------------- */
.base_textban_box {
clear: both;
margin: 0 auto;
max-width: 465px;
margin-bottom: 10px;
}
.base_textban_box .ban {
margin-bottom: 10px;
}
.base_textban_box .ban:last-child {
margin-bottom: 0;
}
.base_textban_box.type_image {
text-align: center;
margin-left: 0;
margin-right: 0;
max-width: inherit;
}
.base_textban_box .ban a,
.base_textban_box .ban a:link,
.base_textban_box .ban a:visited {
position: relative;
display: table;
width: 100%;
height: 80px;
border: 1px 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.type_image .ban a {
display: inline-block!important;
width: auto;
}
.base_textban_box .ban a:hover {
opacity: 0.7;
text-decoration: none!important;
}
.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;
}
.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: 10px;
}
/* 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 {
position: relative;
text-align: center;
padding: 10px 200px;
color: #111184;
}
.base_list_resultcount .base_yoyaku_text {
display: inline-block;
padding: 5px 20px;
margin: 0;
}
.base_list_resultcount:before { content:""; display:table;}
.base_list_resultcount:after { content:""; display:table; clear:both;}
.base_list_resultcount { zoom:1;}
.base_list_resultcount dl {
text-align: right;
}
.base_list_resultcount dl > * {
display: inline-block;
}
.base_list_resultcount dl > dt {
font-size: 100%;
}
.base_list_resultcount dl > dd b {
font-size: 150%;
}
.base_list_resultcount dl > dd span {
font-size: 100%;
font-weight: bold;
}
/* base_search_tool
--------------------------------------------------------------------- */
.base_search_tool {
margin-bottom: 20px;
}
.base_search_tool {
margin-bottom: 20px;
}
.base_search_tool .base_list_resultcount {
padding: 5px 10px;
margin-bottom: 10px;
}
.base_search_tool .base_list_resultcount:before { content:""; display:table;}
.base_search_tool .base_list_resultcount:after { content:""; display:table; clear:both;}
.base_search_tool .base_list_resultcount { zoom:1;}
.base_list_resultcount .text {
font-weight: normal;
font-size: 80%;
text-align: left;
padding: 7px 10px;
color: #CC0000;
font-weight: bold;
}
.base_list_resulttext {
border-top: 1px dotted #111184;
font-size: 13px;
font-weight: normal;
padding-top: 5px;
text-align: left;
}
.base_search_tool .base_sortpager {
padding-bottom: 10px;
}
.base_search_tool .base_sortpager:before { content:""; display:table;}
.base_search_tool .base_sortpager:after { content:""; display:table; clear:both;}
.base_search_tool .base_sortpager { zoom:1;}
.base_search_tool .base_sortpager .base_list_sort {
width: 200px;
float: left;
}
.base_search_tool .base_sortpager .base_list_pager {
width: 300px;
float: right;
}
.base_search_tool .base_form_labellist label {
display: inline-block;
padding: 7px 10px;
}









/* 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: 200px;
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%;
margin-bottom: 5px;
}
.base_roomtype_list_info dl > * {
display: table-cell;
}
.base_roomtype_list_info dt {
font-size: 100%;
width: 130px;
}
.base_roomtype_list_info .title {
color: #111184;
}
.base_roomtype_list_info .title > * {
font-size: 130%;
}
.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;
}
.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: 20px 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_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: table;
width: 100%;
}
.base_plan_textlist_box > * {
display: table-cell;
text-align: left;
vertical-align: middle;
padding: 10px;
}
.base_plan_textlist_box > .icon {
width: 80px;
}
.base_plan_textlist_box > .title {
}
.base_plan_textlist_box > .price {
width: 250px;
text-align: right;
}
.base_plan_textlist_box > .price b {
color: #CC0000;
font-weight: bold;
font-size: 110%;
}
/* base_tooltip
--------------------------------------------------------------------- */
.base_tooltip {
position: relative;
display: inline-block;
}
.base_tooltip .base_tooltip_item {
opacity: 0;
display: none;
position: absolute;
left: 50%;
-webkit-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
transform: translate(-50%,0);
bottom: 100%;
background: #333;
color: #fff;
font-size: 11px;
text-align: center;
padding: 5px 10px;
min-width: 90px;
max-width: 200px;
border-radius: 5px;
box-shadow: 0 0 3px 0 rgba(0,0,0,0.4);
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;
z-index: 9999;
}
.base_tooltip:hover .base_tooltip_item {
display: block;
opacity: 0.9;
bottom: 110%;
}
.base_tooltip .base_tooltip_item:after {
content: "";
position: absolute;
width: 0;
height: 0;
left: 50%;
-webkit-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
transform: translate(-50%,0);
top: 100%;
border-top: 6px solid #333;
border-right: 5px solid transparent;
border-bottom: 6px solid transparent;
border-left: 5px solid transparent;
}
/* base_plan parts
--------------------------------------------------------------------- */
.base_plan_icon {
margin-bottom: 5px;
}
.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 {
text-align: right;
font-size: 120%;
}
.base_plan_price .price p > span {
display: inline-block;
letter-spacing: -0.05em;
}
.base_plan_price .price b {
font-size: 110%;
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_shisetsu_list
--------------------------------------------------------------------- */
.base_shisetsu_list {
}
.base_shisetsu_list_item {
border-top: 3px solid #111184;
margin-bottom: 20px;
}
.base_shisetsu_list_title {
width: 100%;
background: #eee;
border-bottom: 1px solid #ddd;
}
.base_shisetsu_list_title .title {
font-size: 130%;
text-align: left;
padding: 15px 10px;
}
.base_shisetsu_list_saleitem .base_shisetsu_list_title {
background: #fffcbd!important;
}
.base_shisetsu_list_title .title a {
color: #111184;
}
.base_shisetsu_list_title_item {
padding: 5px 10px;
vertical-align: top;
}
.base_shisetsu_list_title_item .base_icon_list {
float: right;
}
.base_shisetsu_list_title_item .base_text {
clear: both;
text-align: right;
}
.base_shisetsu_list_photo {
width: 250px;
}
.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: 50%;
padding: 5px;
overflow: hidden;
}
.base_shisetsu_list_photo li:first-child {
width: 100%;
}
.base_shisetsu_list_photo.type_3col li,
.base_shisetsu_list_photo.type_3col li:first-child {
width: 33.33%;
}
.base_shisetsu_list_photo .photo {
padding: 5px;
}
.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_box {
padding: 10px;
}
.base_shisetsu_list_price {
clear: both;
font-size: 140%;
}
.base_shisetsu_list_price .base_shisetsu_price_box > * {
text-align: right;
}
/* .base_service
--------------------------------------------------------------------- */
.base_service {
color: #ddd;
}
.base_service span {
color: #eee;
display: inline-block;
}
.base_service span.sel {
color: #333;
}
/* .base_shisetsu_list
--------------------------------------------------------------------- */
.base_shisetsu_list_saleitem {
background: #fffcbd;
background: #fffede;
}
.base_shisetsu_list_saletitle {
background: #111184;
color: #fff;
text-align: center;
padding: 5px 5px 2px 5px;
}
.base_shisetsu_list_timesale {
}
.base_shisetsu_list_timesale .timesale {
line-height: 1.4;
padding: 2px 3px 3px 3px;
margin-bottom: 3px;
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: 120%;
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-top: 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 25%;
}
.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_plandetail
--------------------------------------------------------------------- */
#roominfo {
max-width: 640px;
}
/* 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_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
--------------------------------------------------------------------- */
.base_yadolist > ul > li {
border-bottom: 1px solid #ddd;
padding: 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: 150px;
}
.base_yadolist_box .photo img {
height: auto;
}
.base_yadolist_box .photo a {
position: relative;
display: block;
text-decoration: none;
max-width: 200px;
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: 200px;
width: 100%;
}
.base_yadolist_box .info {
padding: 0 0 10px 20px;
text-align: left;
}
.base_yadolist_box .yado_name {
font-size: 120%;
font-weight: bold;
color: #111184;
padding-bottom: 5px;
}
.base_yadolist_box .name {
font-size: 120%;
font-weight: bold;
line-height: 1.2;
padding-bottom: 10px;
}
.base_yadolist_box .base_plan_price {
font-size: 130%;
width: 270px;
vertical-align: middle;
padding-bottom: 10px;
}
.base_yadolist_box .base_plan_price > * {
display: table;
}
.base_yadolist_box .base_plan_price .pricetext > span {
font-size: 80%;
}
.base_yado_evaluation {
padding-bottom: 5px;
}
.base_yado_evaluation dl {
font-size: 100%;
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;
}
.base_slider .base_slider_line {
display: block;
background: #ddd;
border-radius: 3px;
height: 6px;
width: 100%;
}
.base_slider .base_slider_min,
.base_slider .base_slider_max {
position: absolute;
top: 5px;
left: 0;
display: inline-block;
width: 20px;
height: 20px;
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%;
}
.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_yado_evaluation_totalbox
--------------------------------------------------------------------- */
.base_yado_evaluation_totalbox {
display: table;
width: 100%;
}
.base_yado_evaluation_totalbox > * {
display: table-cell;
width: 33.33%;
vertical-align: middle;
}
.base_yado_evaluation_totalbox_graph {
padding: 20px;
}
.base_yado_evaluation_totalbox_graph dl {
display: table;
width: 100%;
}
.base_yado_evaluation_totalbox_graph dl > * {
display: table-cell;
vertical-align: middle;
padding: 1px;
}
.base_yado_evaluation_totalbox_graph dl > dt {
width: 35px;
}
.base_yado_evaluation_totalbox_graph dl > dt b {
display: inline-block;
margin-right: 5px;
}
.base_yado_evaluation_totalbox_graph dl > dt img {
width: 12px;
vertical-align: top;
}
.base_yado_evaluation_totalbox_graph dl > dd span {
display: block;
background: #eee;
height: 20px;
width: 100%;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
color: #eee;
}
.base_yado_evaluation_totalbox_number {
text-align: center;
}
.base_yado_evaluation_totalbox_number .count {
font-size: 300%;
}
.base_yado_evaluation_totalbox_number .base_yado_evaluation_box {
}
.base_yado_evaluation_totalbox_number .base_yado_evaluation_box > * {
vertical-align: top;
}
.base_yado_evaluation_totalbox_btn {
text-align: center;
}
.base_yado_evaluation_totalbox_btn .base_btn span {
padding: 5px;
}
.base_yado_evaluation_totalbox_btn dl > * {
display: inline-block;
}
/* base_tooltip_calendar
--------------------------------------------------------------------- */
.base_tooltip_calendar_contents {
display: none;
}
.base_tooltip_calendar {
position: relative;
}
.base_tooltip_calendar_item {
position: absolute;
left: 50%;
bottom: 110%;
-webkit-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
transform: translate(-50%,0);
background: rgba(0,0,0,0.9);
color: #fff;
font-size: 11px;
text-align: center;
padding: 10px 10px;
min-width: 600px;
max-width: 600px;
border-radius: 5px;
box-shadow: 0 0 3px 0 rgba(0,0,0,0.4);
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;
z-index: 999;
}
.base_tooltip_calendar_item:after {
content: "";
position: absolute;
width: 0;
height: 0;
left: 50%;
-webkit-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
transform: translate(-50%,0);
top: 100%;
border-top: 6px solid #333;
border-right: 5px solid transparent;
border-bottom: 6px solid transparent;
border-left: 5px solid transparent;
}
.base_tooltip_calendar * {
box-sizing: border-box;
text-decoration: none!important;
}
.base_tooltip_calendar .base_calendar_box {
width: 156px;
padding: 5px 10px;
margin: 0 2px;
background: #fff;
}
.base_tooltip_calendar .base_calendar_box table .base_calendar_body tr {
height: 20px;
}
.base_tooltip_calendar .base_calendar_box table thead th {
padding: 5px;
}
.base_tooltip_calendar .base_calendar_box table .base_calendar_body td {
vertical-align: middle;
}
.base_tooltip_calendar .base_calendar_box table .base_calendar_body td > * {
height: 20px;
}
.base_calendar_btn {
height: auto;
padding: 0!important;
}
.base_calendar_btn * {
font-weight: normal!important;
font-size: 90%;
}
.base_tooltip_calendar .base_calendar_box table .base_calentar_btn * .base_btn.type_s {
display: inline-block!important;
}
.base_calendar_tooltip_btn {
cursor: pointer;
}
#close_calendar_btn {
cursor: pointer;
}
/* base_jyouken_box
--------------------------------------------------------------------- */
.base_jyouken_box {
border: 3px solid #111184;
margin-bottom: 20px;
padding: 0;
line-height: 1.1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: table;
width: 100%;
}
.base_jyouken_box * {
box-sizing: border-box;
}
.base_jyouken_box_title {
position: relative;
padding-right: 30px!important;
color: #111184;
padding: 10px;
font-weight: bold;
font-size: 130%;
line-height: 1.1;
}
.base_jyouken_box_title.base_nextslide:before,
.base_jyouken_box_title.base_nextslide:after {
content: "";
-webkit-border-radius: 1.5px;
-moz-border-radius: 1.5px;
border-radius: 1.5px;
position: absolute;
background: #111184;
display: block;
font-size: 0;
line-height: 0;
margin: 0;
padding: 0;
}
.base_jyouken_box_title.base_nextslide:before {
right: 10px;
top: 16px;
width: 16px;
height: 3px;
}
.base_jyouken_box_title.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_jyouken_box_title.base_nextslide.sel:after {
display: none;
}
.base_jyouken_box_contents {
}
.base_jyouken_box .base_jyouken_list {
border-top: 1px solid #111184;
}
.base_jyouken_box .base_jyouken_list > * {
float: left;
}
.base_jyouken_box .base_jyouken_list > .item {
clear: both;
}
.base_jyouken_box .base_jyouken_list select {
padding-top: 5px!important;
padding-bottom: 5px!important;
font-weight: normal;
min-height: 32px;
}
.base_jyouken_box .base_jyouken_list label:not(.label_jr_set_api) {
padding: 7px 5px!important;
font-size: 90%!important;
margin: 0 0 3px 0;
font-weight: normal;
}
.base_jyouken_box .base_jyouken_list dt:after,
.base_jyouken_box .base_jyouken_list dd:after,
.base_jyouken_box .base_jyouken_list dl:after {
display: none;
}
.base_jyouken_box .base_jyouken_list dt {
padding: 5px;
color: #111184;
}
.base_jyouken_box .base_jyouken_list dd {
padding: 5px;
}
.base_jyouken_box .base_jyouken_freeword {
border-bottom: 1px solid #111184;
width: 100%;
}
.base_jyouken_box .base_jyouken_freeword dl {
display: table;
width: 100%;
}
.base_jyouken_box .base_jyouken_freeword dl:after {
display: none;
}
.base_jyouken_box .base_jyouken_freeword dl > * {
display: table-cell;
}
.base_jyouken_box .base_jyouken_freeword dl > dt {
width: 120px;
}
.base_jyouken_box .base_jyouken_freeword dl > dd {
padding-top: 7px;
}
.base_jyouken_box .base_jyouken_freeword input[type="text"] {
padding-top: 7px;
padding-bottom: 7px;
width: 100%;
}
.base_jyouken_box .base_jyouken_destination {
width: 100%;
border-bottom: 1px solid #111184;
min-height: inherit;
}
.base_jyouken_box .base_jyouken_destination dl {
width: 100%;
display: table;
}
.base_jyouken_box .base_jyouken_destination dl:after {
display: none!important;
}
.base_jyouken_box .base_jyouken_destination > dl > * {
display: table-cell;
vertical-align: middle;
padding: 0;
}
.base_jyouken_box .base_jyouken_destination > dl > dt {
width: 120px;
padding: 5px;
}
.base_jyouken_box .base_jyouken_destination > dl > dd {
padding: 0;
}
.base_jyouken_box .base_jyouken_destination > dl > dd dl > * {
padding: 7px 5px;
display: inline-block;
}
.base_jyouken_box .base_jyouken_destination_box {
}
.base_jyouken_box .base_jyouken_destination > dl > dd dl > dd {
padding-left: 0;
padding-right: 0;
}
.base_jyouken_box .base_jyouken_destination_box dl {
display: inline-block;
width: auto;
}
.base_jyouken_box .base_jyouken_destination_box dl select {
width: 133px;
}
.base_jyouken_box .base_jyouken_date {
width: 34%;
border-right: 1px solid #111184;
}
.base_jyouken_box .base_jyouken_date dt {
padding-top: 10px;
padding-bottom: 0;
}
.base_jyouken_box .base_jyouken_room {
width: 66%;
}
.base_jyouken_box .base_jyouken_room > * {
}
.base_jyouken_box .base_jyouken_room dl {
display: table;
width: 100%;
}
.base_jyouken_box .base_jyouken_room dl > * {
display: table-cell;
padding: 10px 5px;
}
.base_jyouken_box .base_jyouken_room dl > dt {
width: 50px;
}
.base_jyouken_box .base_jyouken_list .text {
padding: 10px 5px 5px 5px;
font-size: 90%;
border-top: 1px solid #111184;
min-height: inherit;
}
.base_jyouken_box .base_jyouken_btn {
width: 100%;
border-top: 1px solid #111184;
padding: 5px;
min-height: inherit!important;
}
.base_jyouken_box .base_jyouken_btn .base_btn.type_next {
min-width: 300px;
}
.base_jyouken_box .base_jyouken_days {
width: 30%;
border-right: 1px solid #111184;
}
.base_jyouken_box .base_jyouken_days select {
width: 90px;
min-height: 32px;
}
.base_jyouken_box .base_jyouken_roomnumber {
width: 30%;
border-right: 1px solid #111184;
}
.base_jyouken_box .base_jyouken_roomnumber select {
width: 80px;
}
.base_jyouken_box .base_jyouken_people {
width: 40%;
}
.base_jyouken_box .base_jyouken_people dl > dt {
width: 90px;
}
.base_jyouken_box .base_jyouken_people select {
width: 80px;
}
.base_jyouken_box .base_jyouken_meal {
width: 100%;
border-top: 1px solid #111184;
}
.base_jyouken_box .base_jyouken_meal > dl {
display: table;
width: 100%;
}
.base_jyouken_box .base_jyouken_meal > dl > * {
display: table-cell;
padding-bottom: 5px;
width: auto;
}
.base_jyouken_box .base_jyouken_meal > dl > dt {
width: 80px;
}
.base_jyouken_box .base_jyouken_meal select {
width: 100%;
}
.base_jyouken_box .base_jyouken_meal {
}
.base_jyouken_box .base_jyouken_roomtype {
width: 100%;
border-top: 1px solid #ccc;
min-height: inherit;
padding-top: 3px;
}
.base_jyouken_box .base_jyouken_roomtype dl {
width: 100%;
display: table;
}
.base_jyouken_box .base_jyouken_roomtype dl > * {
display: table-cell;
vertical-align: middle;
}
.base_jyouken_box .base_jyouken_roomtype dl > dt {
width: 120px;
}
.base_jyouken_box .base_jyouken_roomtype .base_form_labellist {
width: 100%;
}
.base_jyouken_box .base_jyouken_roomtype label:not(.label_jr_set_api) {
float: left;
min-width: 19%;
margin: 0 1% 3px 0;
clear: none!important;
}
.base_form_labellist_landing input[type="checkbox"] {
margin-right: 5px;
background: none;
cursor: pointer;
vertical-align: -2px;
}
.base_jyouken_box .base_jyouken_roomtype_landing {
width: 100%;
border-top: 1px solid #ccc;
min-height: inherit;
padding-top: 3px;
}
.base_jyouken_box .base_jyouken_roomtype_landing label:not(.label_jr_set_api) {
float: left;
margin: 0 1% 3px 0;
clear: none!important;
}
.base_jyouken_box .base_jyouken_roomtype label input[type="checkbox"],
.base_jyouken_box .base_jyouken_roomtype label input[type="radio"] {
margin-right: 2px;
vertical-align: middle;
}
.base_jyouken_box .base_jyouken_type {
width: 100%;
border-top: 1px solid #111184;
min-height: inherit;
}
.base_jyouken_box .base_jyouken_type dl {
display: table;
width: 100%;
}
.base_jyouken_box .base_jyouken_type dl > * {
display: table-cell;
vertical-align: middle;
padding: 5px;
}
.base_jyouken_box .base_jyouken_type dl > dt {
width: 300px;
}
.base_jyouken_box .base_jyouken_type dl > dd {
padding-top: 8px!important;
}
.base_jyouken_box .base_jyouken_type label {
float: left;
width: auto;
margin: 0 1% 3px 0;
clear: none!important;
}
.base_jyouken_box .base_jyouken_meal {
}
.base_jyouken_box .base_jyouken_list > *,
.base_jyouken_box .base_jyouken_room > *,
.base_jyouken_box .base_jyouken_room .base_layout_box > * {
border-color: #111184!important;
}
.base_jyouken_text {
border-top: 1px solid #ccc;
width: 100%;
padding: 10px 5px;
}
.base_jyouken_text .base_text:last-child {
margin-bottom: 0;
}
/* base_jyouken_kodawari
--------------------------------------------------------------------- */
.base_jyouken_box .base_jyouken_kodawari {
float: none;
clear: both;
}
.base_jyouken_box .base_jyouken_kodawari_paybudget {
border-top: 1px solid #111184;
}
.base_jyouken_box .base_jyouken_kodawari_pay {
border-right: 1px solid #111184;
}
.base_jyouken_box .base_jyouken_kodawari_pay {
width: 30%;
}
.base_jyouken_box .base_jyouken_kodawari_budget {
width: 60%;
}
.base_jyouken_box .base_jyouken_kodawari_pay dt,
.base_jyouken_box .base_jyouken_kodawari_budget dt {
padding-top: 10px;
}
.base_jyouken_box .base_jyouken_kodawari_pay dd,
.base_jyouken_box .base_jyouken_kodawari_budget dd {
padding-top: 0;
}
.base_jyouken_box .base_jyouken_kodawari_list {
border-top: 1px solid #111184;
font-size: 95%;
}
.base_jyouken_box .base_jyouken_kodawari_list label.check_label {
padding: 7px 5px 7px 23px!important;
}
.base_jyouken_box .base_jyouken_kodawari_list label.check_label input[type="checkbox"]{
position: absolute;
left: 5px;
top: 50%;
-webkit-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
transform: translate(0,-50%);
}
.base_jyouken_box .base_jyouken_kodawari_title {
clear: both;
width: 100%;
font-size: 11px;
padding: 10px 5px;
background: #e8e8f0;
color: #111184;
text-align: center;
border-left: 1px solid rgba(255,255,255,0.3);
border-right: 1px solid rgba(255,255,255,0.3);
}
.base_jyouken_box .base_jyouken_kodawari_list dt {
font-size: 11px;
padding-top: 10px;
}
.base_jyouken_box .base_jyouken_kodawari_list > .base_layout_box > .kodawari_layout01 {
width: 50%;
border-right: 1px solid #111184;
}
.base_jyouken_box .base_jyouken_kodawari_list > .base_layout_box > .kodawari_layout02 {
width: 25%;
border-right: 1px solid #111184;
}
.base_jyouken_box .base_jyouken_kodawari_list > .base_layout_box > .kodawari_layout03 {
width: 25%;
}
.base_jyouken_box .base_jyouken_kodawari_hotel {
}
.base_jyouken_box .base_jyouken_kodawari_hotel .kodawariitem_box {
width: 50%;
}
.base_jyouken_box .base_jyouken_kodawari_hoteltype {
border-right: 1px solid #111184;
}
.base_jyouken_box .base_jyouken_kodawari_room {
border-top: 1px solid #111184;
}
.base_jyouken_box .base_jyouken_kodawari_room .kodawariitem_box {
width: 50%;
}
.base_jyouken_box .base_jyouken_kodawari_roomfeatures {
border-right: 1px solid #111184;
}
.base_jyouken_box .base_jyouken_kodawari_plan {
border-top: 1px solid #111184;
}
.base_jyouken_box .base_jyouken_kodawari_meal {
border-top: 1px solid #111184;
}
.base_jyouken_box .base_jyouken_kodawari_facilityservice {
border-top: 1px solid #111184;
}
.base_jyouken_box .base_jyouken_kodawari_facilityservice .kodawariitem_box {
width: 25%;
}
.base_jyouken_box .base_jyouken_kodawari_facility,
.base_jyouken_box .base_jyouken_kodawari_facilityother,
.base_jyouken_box .base_jyouken_kodawari_service {
border-right: 1px solid #111184;
}
.base_jyouken_box .base_jyouken_kodawari_bath {
min-height: 286px;
}
.base_jyouken_box .base_kodawarislide .open {
display: inline-block;
}
.base_jyouken_box .base_kodawarislide .close {
display: none;
}
.base_jyouken_box .base_kodawarislide.sel .open {
display: none;
}
.base_jyouken_box .base_kodawarislide.sel .close {
display: inline-block;
}
/* base_map_page
--------------------------------------------------------------------- */
body.base_map_page {
}
body.base_map_page #Head01 {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100px;
border: none;
padding: 0;
margin: 0;
z-index: 300;
background: #fff;
opacity: 1;
overflow: hidden;
box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
}
body.base_map_page #wrapper {
position: relative;
width: 100%!important;
height: 100%!important;
}
#maincontents.kokunai_yado_shisetsu_map_pc {
width: 100%;
height: 100%;
overflow: hidden;
}
#maincontents.kokunai_yado_shisetsu_map_pc * {
box-sizing: border-box;
}
#map * {
box-sizing: content-box!important;
}
#map .tool_box ul li, #map .tool_box ul li a {
box-sizing: border-box!important;
} 
#maincontents.kokunai_yado_shisetsu_map_pc .base_page_text {
display: none;
}
.kokunai_yado_shisetsu_map_pc #map {
position: absolute;
top: 60px;
bottom: 0px;
left: 0px;
overflow: hidden;
width: 100%;
}
.kokunai_yado_shisetsu_map_pc #map .base_map_box {
position: relative;
width: 100%;
height: 100%;
margin: 0;
}
.kokunai_yado_shisetsu_map_pc #map .base_map_box iframe {
width: 100%;
height: 100%;
z-index: 0;
}
.base_map_slidebtn {
background: #111184;
border: 1px solid #111184;
color: #fff;
position: absolute;
left: 100%;
top: 50%;
margin-top: -20px;
padding: 10px;
width: 40px;
height: 42px;
padding: 5px;
line-height: 40px;
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), 2px 2px 2px rgba(0,0,0,0.15);
}
.base_map_slidebtn img {
width: 30px;
}
.base_map_slidebtn .open {
display: block;
}
.base_map_slidebtn .close {
display: none;
}
.base_map_slidebtn.active .open {
display: none;
}
.base_map_slidebtn.active .close {
display: block;
}
.base_map_slide {
}
.base_map_jyouken_box .base_map_slidebtn {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.base_map_shisetsu_box .base_map_slidebtn {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
left: inherit;
right: 100%;
}
/* base_map_page head
--------------------------------------------------------------------- */
.base_map_header,
.base_map_header * {
box-sizing: border-box;
}
.base_map_header {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 145px;
z-index: 999;
background: #fff;
box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
}
.base_header_in {
border-top: 5px solid #1919a9;
display: table;
width: 100%;
height: 100px;
}
.base_header_in > * {
display: table-cell;
vertical-align: middle;
}
.base_header_logo {
padding: 10px;
width: 300px;
}
body.base_map_page .base_map_header #Head01 {
position: relative;
left: inherit;
top: inherit;
width: 100%;
height: 100px;
border: none;
padding: 0;
margin: 0;
background: none;
box-shadow: none;
}
.base_map_header #Head01 #HeadInner {
position: relative;
width: 970px;
min-height: 90px;
height: auto !important;
height: 100px;
margin: 0;
}
.base_map_header #Head01 #HeadInner #Gnav {
padding-top: 5px;
}
.base_map_header #Gnav div.gnavKokunai dl dd.currentBalloon span,
.base_map_header #Gnav div.gnavKokunai dl dd a:hover span,
.base_map_header #Gnav div.gnavKaigai dl dd.currentBalloon span,
.base_map_header #Gnav div.gnavKaigai dl dd a:hover span {
background: none!important;
}
.base_map_header #Gnav .tags {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.base_map_header_bar {
height: 40px;
background: #eee;
}
.base_map_header_bar .btn {
padding: 5px;
width: 190px;
}
.base_map_header_bar .btn .base_btn {
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);
}
.base_map_header_bar .btn .base_btn span {
padding: 5px;
width: 180px;
line-height: 18px;
}
.base_map_togglebtn_list {
width: 400px;
}
.base_map_togglebtn_list ul {
display: table;
padding: 5px;
}
.base_map_togglebtn_list li {
display: table-cell;
padding-right: 3px;
}
.base_map_togglebtn_list li > *,
.base_map_togglebtn_list li > label,
.base_map_togglebtn_list li > a {
display: table;
width: 100%;
height: 30px;
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;
}
.base_map_togglebtn_list li > *.sel,
.base_map_togglebtn_list li > label.sel,
.base_map_togglebtn_list li > a.sel {
background: #619de5;
border-color: #619de5;
}
.base_map_togglebtn_list ul li:first-child > *,
.base_map_togglebtn_list ul li:first-child > label,
.base_map_togglebtn_list ul li:first-child > a {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.base_map_togglebtn_list ul li:last-child > *,
.base_map_togglebtn_list ul li:last-child > label,
.base_map_togglebtn_list ul li:last-child > a {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.base_map_togglebtn_list li > *,
.base_map_togglebtn_list li > label,
.base_map_togglebtn_list li > a {
}
.base_map_togglebtn_list li > label 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_pankuzu {
vertical-align: middle;
text-align: right;
}
.base_map_pankuzu .base_pankuzu {
padding: 5px 10px;
}
	@media screen and (max-width: 850px) {
	.base_map_pankuzu .base_pankuzu {
	display: none;
	}
	}
/* base_map_jyouken_box
--------------------------------------------------------------------- */
.base_map_jyouken_box {
position: absolute;
z-index: 998;
left: 0;
top: 0;
height: 100%;
}
.base_map_jyouken_box_in {
position: absolute;
background: #fff;
padding-top: 145px;
box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
height: 100%;
width: 300px;
top: 0;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
}
.base_map_slide .base_map_jyouken_box_in {
left: -300px;
}
.base_map_slide.active .base_map_jyouken_box_in {
left: 0;
}
.base_map_jyouken_box_in .item {
clear: both;
}
.base_map_jyouken_box_title {
border-top: 3px solid #1919a9;
width: auto;
clear: both;
text-align: center;
font-size: 100%;
padding: 10px;
color: #111184;
background: #e8e8f0;
font-weight: bold;
}
.base_map_jyouken_box_base {
padding-top: 5px;
}
.base_map_jyouken_box_contents {
height: 100%;
overflow: auto;
}
.base_map_jyouken_box .base_jyouken_list {
font-size: 90%;
}
.base_map_jyouken_box .base_jyouken_list select {
padding-top: 3px!important;
padding-bottom: 3px!important;
font-weight: normal;
font-size: 90%;
min-height: 26px;
border-radius: 3px;
width: 100%;
}
.base_map_jyouken_box .base_jyouken_list label {
padding: 5px 5px!important;
font-size: 90%!important;
margin: 0 0 3px 0;
font-weight: normal;
border-radius: 3px;
}
.base_map_jyouken_box .base_jyouken_list label input[type="checkbox"] {
vertical-align: middle;
}
.base_map_jyouken_box .base_jyouken_list dt:after,
.base_map_jyouken_box .base_jyouken_list dd:after,
.base_map_jyouken_box .base_jyouken_list dl:after {
display: none;
}
.base_map_jyouken_box .base_jyouken_list dt {
padding: 0;
color: #111184;
font-size: 90%;
}
.base_map_jyouken_box .base_jyouken_list dd {
padding: 0;
}
.base_map_jyouken_box .base_jyouken_freeword input[type="text"] {
padding-top: 5px;
padding-bottom: 5px;
margin: 0;
}
.base_map_jyouken_box .base_jyouken_meal dl,
.base_map_jyouken_box .base_jyouken_freeword dl,
.base_map_jyouken_box .base_jyouken_destination_box dl {
display: table;
width: 100%;
}
.base_map_jyouken_box .base_jyouken_freeword dl > *,
.base_map_jyouken_box .base_jyouken_destination_box dl > * {
display: table-cell;
padding: 2px 5px;
}
.base_map_jyouken_box .base_jyouken_freeword dl > dt {
width: 35%;
}
.base_map_jyouken_box .base_jyouken_destination_box dl > dt {
width: 25%;
}
.base_map_jyouken_box .base_jyouken_destination > dl > dt {
display: none;
}
.base_map_jyouken_box .base_jyouken_freeword dl > dd,
.base_map_jyouken_box .base_jyouken_destination_box dl > dd {
width: inherit;
}
.base_map_jyouken_box .base_jyouken_type dl > *,
.base_map_jyouken_box .base_jyouken_roomtype dl > * {
padding: 2px 5px;
}
.base_map_jyouken_box .base_jyouken_type dl > dt {
padding-top: 5px;
}
.base_map_jyouken_box .base_jyouken_roomtype .base_form_labellist > * {
float: left;
width: 48%;
margin-right: 1%;
clear: none;
}
body.base_map_page .base_calendar.base_form {
max-width: 640px;
position: relative;
}
.base_map_jyouken_box .base_jyouken_list .base_jyouken_days dt,
.base_map_jyouken_box .base_jyouken_list .base_jyouken_days dd,
.base_map_jyouken_box .base_jyouken_list .base_jyouken_date dt,
.base_map_jyouken_box .base_jyouken_list .base_jyouken_date dd {
padding: 2px 5px;
}
.base_map_jyouken_box .base_jyouken_room .base_layout_box > * {
width: 33.33%;
}
.base_map_jyouken_box .base_jyouken_room .base_layout_box dl > dt {
width: 100%;
padding: 2px 5px;
}
.base_map_jyouken_box .base_jyouken_room .base_layout_box dl > dd {
padding: 2px 5px;
}
.base_map_jyouken_box .base_jyouken_room .base_jyouken_meal dl {
display: table;
width: 100%;
}
.base_map_jyouken_box .base_jyouken_room .base_jyouken_meal dl > * {
display: table-cell;
padding: 2px 5px;
}
.base_map_jyouken_box .base_jyouken_room .base_jyouken_meal dl > dt {
width: 25%;
}
.base_map_jyouken_box .base_jyouken_type .base_form_labellist > * {
}
.base_map_jyouken_box .base_jyouken_room .base_jyouken_roomnumber dl > dd select,
.base_map_jyouken_box .base_jyouken_room .base_jyouken_people dl > dd select {
width: 60px;
}
.base_map_jyouken_box .base_map_jyouken_btn_box > * {
padding: 0 5px 5px 5px;
font-size: 90%;
}
.base_map_jyouken_box .base_map_jyouken_btn_box .base_btn span {
padding: 5px;
}
.base_map_jyouken_box .base_map_jyouken_btn_box > *:nth-child(1) {
width: 40%;
}
.base_map_jyouken_box .base_map_jyouken_btn_box > *:nth-child(2) {
width: auto;
padding: 0 10px 5px 0;
}
.base_map_jyouken_box .base_map_jyouken_btn {
text-align: center;
font-size: 90%;
padding: 10px 10px 0 10px;
}
.base_map_jyouken_box .base_map_jyouken_btn .base_btn span {
padding: 5px;
font-size: 90%;
}
.base_map_jyouken_box_kodawari {
padding: 5px 0;
}
.base_map_jyouken_box .base_map_jyouken_list dt {
padding: 2px 5px;
color: #111184;
font-size: 90%;
}
.base_map_jyouken_box .base_map_jyouken_list dd {
padding: 2px 5px;
}
.base_popup_inline_contents .base_jyouken_box {
width: 95%;
margin: 0 auto 20px auto;
}
.base_popup_inline_contents .base_jyouken_box .base_jyouken_kodawari,
.base_popup_inline_contents .base_jyouken_box .base_jyouken_kodawari_paybudget {
border-top: none;
}
.base_popup_inline_contents {
margin: 0 auto;
background: #fff;
position: relative;
}
.mfp-content .base_popup_inline_contents {
padding: 40px 5px 5px 5px;
}
/* base_map_shisetsu
--------------------------------------------------------------------- */
.base_map_shisetsu_box {
position: absolute;
z-index: 998;
right: 0;
top: 0;
height: 100%;
}
.base_map_shisetsu_box_in {
position: absolute;
right: -300px;
top: 0;
width: 300px;
height: 100%;
background: #fff;
padding-top: 245px;
padding-bottom: 50px;
box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
}
.base_map_slide.active .base_map_shisetsu_box_in {
right: 0;
}
.base_map_shisetsu_box_head {
position: absolute;
left: 0;
top: 145px;
width: 100%;
height: 110px;
overflow: hidden;
}
.base_map_shisetsu_box_head .base_tab_nav {
background: #fafafa;
padding: 5px 5px 0 5px;
font-size: 85%;
border-bottom: 3px solid #111184;
}
.base_map_shisetsu_box_head .base_tab_nav li:nth-child(1) {
width: 20%;
}
.base_map_shisetsu_box_head .base_tab_nav li:nth-child(3) {
width: 30%;
}
.base_map_shisetsu_box_head .base_tab_nav li > a,
.base_map_shisetsu_box_head .base_tab_nav li > a:visited,
.base_map_shisetsu_box_head .base_tab_nav li > span {
padding: 5px 2px 2px 2px;
height: 25px;
}
.base_map_shisetsu_box_head .base_list_sort dl > * > * {
font-weight: normal;
padding: 5px 2px 3px 2px;
}
.base_map_shisetsu_box_foot {
position: absolute;
left: 0;
bottom: 0;
padding: 10px;
width: 100%;
height: 50px;
background: #eee;
overflow: hidden;
text-align: center;
font-size: 90%;
}
.base_map_shisetsu_box_foot .base_btn span {
padding: 5px;
}
.base_map_shisetsu_box_title {
border-top: 3px solid #1919a9;
width: auto;
clear: both;
text-align: center;
font-size: 100%;
padding: 10px;
color: #111184;
background: #e8e8f0;
font-weight: bold;
}
.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: 150px;
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: 150px;
width: 100%;
height: auto;
}
.base_map_shisetsu_icon {
position: absolute;
left: 5px;
top: 10px;
width: 20px;
height: 30px;
background: url(../images/jrmap_icon01.png) no-repeat left top;
text-indent: -9999px;
}
.base_map_shisetsu_icon_color01 .base_map_shisetsu_icon {
background-image: url(../images/jrmap_icon01.png);
}
.base_map_shisetsu_icon_color02 .base_map_shisetsu_icon {
background-image: url(../images/jrmap_icon02.png);
}
.base_map_shisetsu_icon_color03 .base_map_shisetsu_icon {
background-image: url(../images/jrmap_icon03.png);
}
.base_map_shisetsu_icon_color04 .base_map_shisetsu_icon {
background-image: url(../images/jrmap_icon04.png);
}
.base_map_shisetsu_icon_color05 .base_map_shisetsu_icon {
background-image: url(../images/jrmap_icon05.png);
}
.base_map_shisetsu_icon.num1 { background-position: 0 0;}
.base_map_shisetsu_icon.num2 { background-position: -20px 0;}
.base_map_shisetsu_icon.num3 { background-position: -40px 0;}
.base_map_shisetsu_icon.num4 { background-position: -60px 0;}
.base_map_shisetsu_icon.num5 { background-position: -80px 0;}
.base_map_shisetsu_icon.num6 { background-position: -100px 0;}
.base_map_shisetsu_icon.num7 { background-position: -120px 0;}
.base_map_shisetsu_icon.num8 { background-position: -140px 0;}
.base_map_shisetsu_icon.num9 { background-position: -160px 0;}
.base_map_shisetsu_icon.num10 { background-position: -180px 0;}
.base_map_shisetsu_icon.num11 { background-position: 0 -30px;}
.base_map_shisetsu_icon.num12 { background-position: -20px -30px;}
.base_map_shisetsu_icon.num13 { background-position: -40px -30px;}
.base_map_shisetsu_icon.num14 { background-position: -60px -30px;}
.base_map_shisetsu_icon.num15 { background-position: -80px -30px;}
.base_map_shisetsu_icon.num16 { background-position: -100px -30px;}
.base_map_shisetsu_icon.num17 { background-position: -120px -30px;}
.base_map_shisetsu_icon.num18 { background-position: -140px -30px;}
.base_map_shisetsu_icon.num19 { background-position: -160px -30px;}
.base_map_shisetsu_icon.num20 { background-position: -180px -30px;}
.base_map_shisetsu_icon.num21 { background-position: 0 -60px;}
.base_map_shisetsu_icon.num22 { background-position: -20px -60px;}
.base_map_shisetsu_icon.num23 { background-position: -40px -60px;}
.base_map_shisetsu_icon.num24 { background-position: -60px -60px;}
.base_map_shisetsu_icon.num25 { background-position: -80px -60px;}
.base_map_shisetsu_icon.num26 { background-position: -100px -60px;}
.base_map_shisetsu_icon.num27 { background-position: -120px -60px;}
.base_map_shisetsu_icon.num28 { background-position: -140px -60px;}
.base_map_shisetsu_icon.num29 { background-position: -160px -60px;}
.base_map_shisetsu_icon.num30 { background-position: -180px -60px;}
.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_plandetail
--------------------------------------------------------------------- */
.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: 120%;
text-align: left;
padding-left: 10px;
}
.base_plan_detail_title > *.title a {
color: #111184;
}
.base_plan_detail_title + .base_yoyaku_text {
margin: 10px 10px 0 10px;
}
.base_plan_detail_title > *.title {
color: #111184;
}
.base_plandetail_info .base_shisetsu_price_box {
font-size: 120%;
text-align: right;
}
.base_plandetail_info .base_plan_price .price {
display: inline-block;
}
.base_plandetail_info .base_shisetsu_plandetail_box_evaluation > * {
vertical-align: middle;
}
.base_plandetail_info .base_shisetsu_plandetail_box_evaluation .base_evaluation {
font-size: 120%;
}
.base_plandetail_info .base_shisetsu_plandetail_box_evaluation .base_icon_star img {
width: 24px;
}
/* base_photoslide
--------------------------------------------------------------------- */
.base_photoslide .mfp-close {
display: none;
}
.base_photoslide {
position: relative;
max-width: 400px;
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;
overflow: hidden;
}
/* base_plandetail_tab
--------------------------------------------------------------------- */
#base_plandetail_tab {
}
#base_plandetail_tab > ul > li {
  font-size: 100%;
  vertical-align: bottom;
}
#base_plandetail_tab > ul > li:nth-child(1) {
/*width: 12%;*/
}
#base_plandetail_tab > ul > li:nth-child(2) {
/*width: 16%;*/
}
#base_plandetail_tab > ul > li:nth-child(3) {
}
#base_plandetail_tab > ul > li:nth-child(4) {
/*width: 20%;*/
}
#base_plandetail_tab > ul > li:nth-child(5) {
/*width: 16%*/
}
#base_plandetail_tab > ul > li:nth-child(6) {
/*width: 12%;*/
}
.base_plandetail_box {
padding: 10px;
}
.base_plandetail_photo {
width: 400px;
}
.base_plandetail_info {
padding: 0 10px 10px 10px;
}
/* base_step
--------------------------------------------------------------------- */
.base_step {
width: 150px;
position: fixed;
right: -150px;
top: 50%;
opacity: 0;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-webkit-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
transform: translate(0,-50%);
z-index: 1;
text-align: right;
}
.base_step img {
width: 100%;
box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
vertical-align: top;
}
.base_step img.step_close {
width: 70px;
cursor: pointer;
}
.base_step.active {
right: 0;
opacity: 1;
}
.base_plandetail_roomtype .base_form_layout.base_bar.type4 {
font-size: 100%;
padding-top: 5px!important;
padding-bottom: 5px!important;
}
/* 20171030追記
--------------------------------------------------------------------- */
.base_camera_item {
margin-bottom: 20px;
}
.base_shisetsu_list_photo .photo {
overflow: hidden;
}
.base_camera_item .photo {
background: #eee;
height: 200px;
}
.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 li > *.sel,
.base_map_togglebtn_list li > label.sel,
.base_map_togglebtn_list li > a.sel {
background: #333;
border-color: #333;
}
.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_color {
text-align: left;
font-size: 90%;
vertical-align: middle;
}
	@media screen and (max-width: 1050px) {
	.base_map_pankuzu .base_pankuzu {
	display: none;
	}
	}
	@media screen and (max-width: 810px) {
	.base_map_color {
	display: none;
	}
	}
.base_btn.type_green {
background-color: #4dac26!important;
border-color: #4dac26!important;
}
.base_price_gentei {
display: inline-block!important;
text-align: right;
}
.base_price_gentei a:hover *,
.base_price_gentei a:hover {
text-decoration: none!important;
}
.base_price_gentei .base_btn > * {
padding: 5px;
min-width: 220px;
}
.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;
}
.base_map_shisetsu_list.base_map_shisetsu_icon_color03 .info_box .info {
/* padding-left: 10px; */
}
.base_map_header {
height: 60px;
}
.base_map_header_box {
height: 55px;
}
.base_map_header_box * {
vertical-align: middle;
}
.base_map_header_bar {
display: none;
}
.base_map_header .btn {
padding: 5px;
width: 140px;
}
.base_map_header .btn .base_btn {
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);
}
.base_map_header .btn .base_btn span {
padding: 5px;
width: 130px;
line-height: 18px;
}
.base_header_logo {
padding: 0;
}
.base_map_header .base_header_in {
height: 55px;
}
.base_map_shisetsu_box_head {
top: 60px;
}
.base_map_shisetsu_box_in {
padding-top: 160px;
}
.base_map_shisetsu_box_in {
padding-top: 130px;
}
.base_map_shisetsu_box_in.type_pager {
padding-top: 170px;
}
.base_map_jyouken_box_in {
padding-top: 60px;
}
.base_plan_upcelllist .base_plan_list_item {
padding-bottom: 20px;
margin-bottom: 20px;
}
.base_plan_upcelllist .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: 160px;
font-size: 120%;
text-align: center;
vertical-align: middle;
}
/* サジェスト追加
--------------------------------------------------------------------- */
.base_suggest {
display: block;
position: relative;
}
.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_in: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;
}
/* ワンソースページ用追加スタイル
--------------------------------------------------------------------- */
.base_pc_no {
display: none;
}
.kokunai_yado_shisetsu_search_shisetsulist_pcsp {
font-size: 120%;
}
.kokunai_yado_shisetsu_search_shisetsulist_pcsp .base_list_resultcount {
padding: 10px;
}
.base_jyouken_date.type_1row {
width: 100%;
border-right: none;
}
.base_jyouken_date.type_1row > dl {
display: table;
width: 100%;
}
.base_jyouken_date.type_1row > dl > * {
display: table-cell;
vertical-align: middle;
}
.base_jyouken_date.type_1row > dl > dt {
width: 180px;
padding-top: 0;
}
.base_jyouken_date.type_1row > dl > dd .base_form_layout.type_calendar {
width: 70%;
float: left;
margin: 0!important;
}
.base_jyouken_date.type_1row > dl > dd .base_form_layout.type_calendar > * {
}
.base_jyouken_date.type_1row .base_form_labellist {
width: 28%;
display: inline-block;
}
.base_area_list.type_col2 li {
width: 50%;
}
.kokunai_yado_shisetsu_search_shisetsulist_pcsp .base_jyouken_freeword input[type="text"] {
width: 100%;
}
.base_area_list_btn_box {
padding: 30px;
text-align: center;
}
.base_shisetsu_list_box_area {
text-align: right;
padding-bottom: 5px;
border-bottom: 1px dotted #ccc;
margin-bottom: 10px;
}
.base_shisetsu_list_box_area a {
display: inline-block;
padding: 0 5px;
}
.base_shisetsu_list_info .text {
margin-bottom: 5px;
}
.base_shisetsu_list_info .base_dlist {
margin-bottom: 10px;
}
.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;
padding: 0;
padding-left: 5px;
}
.base_shisetsu_list_box_btn .base_btn {
width: 180px!important;
}
.base_shisetsu_list_box_btn .base_btn.type_next {
width: 270px!important;
}
.base_jyouken_box {
box-sizing: border-box;
}
.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;
}
.base_roompeople_bar > * {
display: table-cell;
border: 1px solid #111184;
border-right: none;
padding: 5px;
}
.base_roompeople_bar > *:last-child {
border-left: none;
border-right: 1px solid #111184;
}
.base_roompeople_bar > .title {
font-weight: bold;
font-size: 110%;
}
.base_roompeople_bar > .btn {
width: 80px;
text-align: right;
}
.base_roompeople_box .base_layout_box {
table-layout: fixed;
}
.base_roompeople_box .base_layout_box > * {
border-left: 1px solid #111184;
}
.base_roompeople_box .base_layout_box > *:last-child {
border-right: 1px solid #111184;
}
.base_roompeople_box > ul {
margin-bottom: 10px;
border: 2px solid #111184;
border-radius: 3px;
}
.base_roompeople_box > ul > li:last-child .base_layout_box > * {
border-bottom: 1px solid #111184;
}
.base_roompeople_box dl {
font-size: 90%;
}
.base_roompeople_box dt {
color: #111184;
font-weight: bold;
padding: 10px 5px 5px 5px;
}
.base_roompeople_box dd {
padding: 0 5px 10px 5px;
}
.base_roompeople_box dd select {
width: 80%;
}
.base_map_jyouken_box .base_jyouken_room .base_jyouken_roomnumber dl > dd input,
.base_map_jyouken_box .base_jyouken_room .base_jyouken_people dl > dd input {
width: 60px;
padding: 5px;
}
#icon_guide {
font-size: 13px;
}


/* 201801追記
--------------------------------------------------------------------- */
/* 並び順ソート機能
--------------------------------------------------------------------- */
.base_search_tool .base_sortpager .base_list_sort.type_pull {
width: 600px;
}
.base_list_sort.type_pull dl > * {
width: 90px;
}
.base_list_sort.type_pull .base_sort_pull {
width: inherit;
position: relative;
}
.base_sort_pull {
display: block;
position: relative;
text-align: left!important;
}
.base_list_sort dl > *.base_sort_pull > *:first-child {
display: inline-block!important;
min-width: 120px;
padding: 5px 10px;
text-align: center!important;
}
.base_list_sort dl > *.base_sort_pull:hover > *:first-child {
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;
display: inline-block;
}
.base_list_sort dl > *.base_sort_pull > *.base_sort_pull_box:hover,
.base_list_sort dl > *.base_sort_pull.sel > *.base_sort_pull_box {
background: none;
border: none;
box-shadow: none;
color: #111!important;
}
.base_sort_pull_box {
position: absolute;
display: none!important;
left: 0;
top: 100%;
min-width: 100%;
z-index: 999;
padding: 3px 0 0 0;
}
.base_sort_pull:hover .base_sort_pull_box {
display: block!important;
}
.base_sort_pull_box_in {
position: relative;
background: #fff;
border-radius: 2px;
box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);
border: 2px solid #111;
}
.base_sort_pull_box_in ul {
padding: 5px;
width: 400px;
}
.base_sort_pull_box_in: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 #111;
}
.base_sort_pull_box ul:before { content:""; display:table;}
.base_sort_pull_box ul:after { content:""; display:table; clear:both;}
.base_sort_pull_box ul { zoom:1;}
.base_sort_pull_box ul li {
padding: 2px 5px;
width: 50%;
float: left;
}
.base_sort_pull_box ul li > * {
display: block;
background: #f9f9f9;
border: 1px solid #eee;
border-radius: 3px;
padding: 5px;
text-align: center;
text-decoration: none!important;
color: #111!important;
font-weight: normal;
}
.base_sort_pull_box ul li > label:hover,
.base_sort_pull_box ul li > *.sel {
background-color: #111;
color: #fff!important;
}
/* 割引表示
--------------------------------------------------------------------- */
.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);
}
a.base_icon.type_gold2:hover {
text-decoration: none!important;
opacity: 0.7;
}
.base_plan_list.type2 .base_plan_list_item {
padding-top: 10px;
}
.base_plan_list.type2 .base_plan_list_item .base_plan_list_info {
padding-top: 10px;
}
.base_plan_list.type2 .base_plan_list_item > .base_icon_list {
padding: 0 5px;
margin-bottom: 0;
}
.base_plan_list.type2 .base_plan_list_item > .base_icon_list ul {
margin-bottom: 0;
}
/* プロモーション枠調整
--------------------------------------------------------------------- */
.base_shisetsu_list.type2 {
margin-bottom: 20px;
}
.base_shisetsu_list.type2 .base_shisetsu_list_timesale .timesale {
font-size: 90%;
padding: 2px;
margin-top: 5px;
line-height: 1;
}
.base_shisetsu_list.type2 .base_shisetsu_list_item {
margin-bottom: 0;
}
.base_shisetsu_list.type2 .base_shisetsu_list_saletitle {
padding: 5px 5px 2px 5px;
}
.base_shisetsu_list.type2 .base_shisetsu_list_item .base_text,
.base_shisetsu_list.type2 .base_shisetsu_list_item p.base_text {
margin-bottom: 10px;
}
.base_shisetsu_list.type2 .base_shisetsu_list_saleitem.base_shisetsu_list_item .base_shisetsu_list_price .price {
border: none;
}
.base_shisetsu_list.type2 .base_shisetsu_list_item .base_btn_box {
padding: 10px;
width: 300px;
}
.base_shisetsu_list.type2 .base_shisetsu_list_item .base_shisetsu_price_box .price .price_l,
.base_shisetsu_list.type2 .base_shisetsu_list_item .base_shisetsu_price_box .price .pricetext {
margin-bottom: 0;
}
/* サジェスト機能調整
--------------------------------------------------------------------- */
.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;
}
/* 口コミ
--------------------------------------------------------------------- */
.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: 90%;
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;
}

/* 201801追記
--------------------------------------------------------------------- */
/* 並び順ソート機能
--------------------------------------------------------------------- */
.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;
}

/* プロモーション枠内
--------------------------------------------------------------------- */
.promotion_eval_part {
text-align: left !important;
vertical-align: top;
}
.promotion_button_part {
width: 230px;
padding: 0 10px !important;
}
.promotion_header_message {
display: none;
}
.promotion_header_message:first-of-type {
display: block;
}
.promotion_block li {
margin-bottom: 0;
}
.promotion_block:last-of-type li {
margin-bottom: 20px;
}

.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;
}
.draw_area.nottouch .base_map_shisetsu_list {
overflow: hidden;
}
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;
}
.base_count {
margin-bottom: 10px;
}
.base_shisetsu_list_photo.promotion li {
width: 33% !important;
float: left;
padding: 5px;
overflow: hidden;
margin-bottom: 0;
}
.base_shisetsu_list_photo.promotion li:first-child {
width: 67% !important;
}
.promotion_block .base_icon_star img {
width: 16px !important;
}
.promotion_block .base_text {
margin-bottom: 10px;
}

/* プラン詳細ーご案内
--------------------------------------------------------------------- */
.plandetail_guide_text {
font-size: 105%;
}
.plandetail_guide_text li {
list-style: none;
}
.plandetail_guide_text .t14b {
font-size: 14px;
color: #4677d1;
}
.plandetail_guide_text .base_dlist > dl {
display: table !important;
}
.plandetail_guide_text .base_dlist > dl > dt {
width: 30% !important;
display: table-cell !important;
border-right: 1px solid #ddd !important;
}
.plandetail_guide_text .base_dlist > dl > dd {
width: 70% !important;
display: table-cell !important;
}
#plandetail_guide_businessweek_sp {
display: none !important;
}

label.no_stock {
	color: #000!important;
	background: #eee!important;
	cursor: default!important;
}
#Foot02 {
	margin-top: 15px;
}

.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: 15px;
}

#area_link_landing {
	text-align: right;
	padding: 5px 0;
	border-bottom: 1px dotted #ccc;
}
.landing_pr_point {
	padding: 5px 0;
}
#shisetsu_link_landing {
	text-align: right;
	padding-bottom: 5px;
}
#shisetsu_link_landing a:link {
	color: #0033cc;
}
.jr_air_landing {
	clear: none !important;
	float: right;
}
.jr_air_landing a {
	padding: 0 20px;
}
.jr_air_landing .base_pr5,
.jr_air_landing .base_pl5 {
	padding: 0 5px 0 0 !important;
}

.label_jr_set_api {
	margin-left: 0 !important;
	position: relative;
	top: 1px;
}
.check_jr_set_api {
	float: left;
	padding: 7px 5px;
	min-width: 19%;
	border: 1px solid #eee;
	background: #f9f9f9;
	border-radius: 5px;
	margin: 0 1% 3px 0;
	font-size: 90%;
}
.check_jr_set_api input {
	margin-right: 2px !important;
	display:inline;
	float:left;
}
.pc_map_check_label {
	clear: none !important;
}

.fpview .base_pankuzu,
.fpview .plandetail_coursecode,
.fpview .plandetail_shubetsu,
.fpview ._frc_event_addclip,
.fpview #_frc_traffic_tab,
.fpview #_frc_upsel_tab,
.fpview .main_tool,
.fpview .side_tool,
.fpview .reserve_banner,
.fpview .base_textban_box,
.fpview .pricetab > *:not(#priceExplain),
.fpview .guide_contents > p,
.fpview .guide_contents > div:not(.guide_main_part),
.fpview .guide_contents .guide_main_part_kikaku
{
	display: none !important;
}
.printview ._frc_event_addclip,
.printview #_frc_traffic_tab,
.fpview #_frc_upsel_tab,
.printview .main_tool,
.printview .side_tool,
.printview .reserve_banner,
.printview .base_textban_box,
.printview .pricetab > *:not(#priceExplain):not(.plandetail_calendar)
{
	display: none !important;
}