@charset "UTF-8";

/* ----------------------------------------------------------------

  00. Clearfix

----------------------------------------------------------------- */

/* ----------------------------------------------------------------

  01. Modules

----------------------------------------------------------------- */

/* ----------------------------------------------------------------
Clearfix
----------------------------------------------------------------- */

.tab .tab-list:before,
.grid-container:before,
.grid-container .grid-row:before,
.grid-container .grid-col:before,
.grid-container .grid-clr:before,
.grid-container .grid-group:before,
.modal .modal-list:before,
.tab .tab-list:after,
.grid-container:after,
.grid-container .grid-row:after,
.grid-container .grid-col:after,
.grid-container .grid-clr:after,
.grid-container .grid-group:after,
.modal .modal-list:after{
display:table;
content:"";
}
.tab .tab-list:after,
.grid-container:after,
.grid-container .grid-row:after,
.grid-container .grid-col:after,
.grid-container .grid-clr:after,
.grid-container .grid-group:after,
.modal .modal-list:after{
clear:both;
}

/* ----------------------------------------------------------------
Default
----------------------------------------------------------------- */
select,
textarea,
input[type="text"],
input[type="search"],
input[type="reset"],
input[type="url"]{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:2px;
border:1px solid #969696;
border-radius:2px;
}
select option:disabled{
color:#ccc;
}
select:disabled{
color:#ccc;
}
input[type="reset"],
input[type="checkbox"],
input[type="radio"]{
margin:0;
cursor:pointer;
}
input[type="reset"]:disabled,
input[type="checkbox"]:disabled,
input[type="radio"]:disabled{
cursor:default;
color:#ccc;
}
label{
margin:0;
}
#two_column_left #main_Col{
width:720px;
}
#two_column_left #sub_Col{
width:210px;
padding-left:10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
[type="search"]{
-webkit-appearance:none;
outline-offset:-2px;
}
[type="search"]::-webkit-search-decoration{
-webkit-appearance:none;
}
[type="search"]::-webkit-search-cancel-button{
display:none;
}

/* ----------------------------------------------------------------
Heading
----------------------------------------------------------------- */

/* .menu-header-container
----------------------------------------------- */
.menu-header-container{
margin-bottom:25px;
padding:10px 25px;
color:#fff;
position:relative;
background-color:#287ac4;
}
.menu-header-container .menu-header{
display:block;
line-height:1.45;
font-size:30px;
text-shadow:1px 1px 1px rgba(0, 0, 0, .35);
}
.menu-header-container .menu-header-sup{
font-size:15px;
}
.menu-header-container a{
color:#fff;
text-decoration:none;
}
.box-bg-img-ctrl .menu-header-container{
margin-bottom:0;
background-color:rgba(16, 92, 169, .6);
}

/* .area-header
----------------------------------------------- */
.area-header{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
position:relative;
padding-left:60px;
margin:30px 0 15px;
min-height:31px;
}
.area-header .icon{
position:absolute;
top:-4px;
left:0;
}
.area-header .area-header-hdg{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-right:10px;
font-weight:bold;
}
.area-header .area-header-hdg .area{
font-size:24px;
line-height:1.2;
}
.area-header .area-header-hdg .country{
font-size:16px;
}
.area-header .area-header-hdg .sup{
font-size:18px;
}
.area-header .area-header-sup{
margin-top:3px;
font-size:12px;
font-weight:bold;
padding-left:10px;
border-left:1px solid #b5b5b5;
}
.area-header .area-header-sup > a{
position:relative;
display:inline-block;
padding-left:15px;
text-align:left;
}
.area-header .area-header-sup > a:before{
position:absolute;
top:2px;
left:0;
display:block;
overflow:hidden;
width:10px;
height:14px;
content:"";
background:url(/element/w_review_v2/shared/images/sprite-icon.png) -232px -10px no-repeat;
}

/* .contents-footer-nav-hdg
----------------------------------------------- */
.contents-footer-nav-hdg{
margin:30px 0 14px;
padding-top:17px;
border-top:1px solid #d9d9d9;
font-size:14px;
font-weight:bold;
}

/* .guide-hdg
----------------------------------------------- */
.guide-hdg{
font-size:20px;
font-weight:bold;
line-height:1.35;
margin:30px 0 15px;
color:var(--cmn-font-color-base);
}

/* .hdg-l2
----------------------------------------------- */
.hdg-l2{
padding:8px 20px;
color:#fff;
background-color:#333;
font-size:18px;
}

/* ----------------------------------------------------------------

Navigation

----------------------------------------------------------------- */

/* .nav-place
----------------------------------------------- */
.nav-place{
position:relative;
margin:54px 0 20px;
}

/* .nav-place-hdg-container
----------------------------------------------- */
.nav-place .nav-place-hdg-container{
position:relative;
margin-bottom:10px;
}

/* .nav-place-hdg
----------------------------------------------- */
.nav-place .nav-place-hdg{
font-size:17px;
font-weight:bold;
position:relative;
}
.nav-place .nav-place-hdg:before{
position:absolute;
top:3px;
left:0;
display:block;
overflow:hidden;
width:16px;
height:16px;
content:"";
background-color:#3b3b3b;
}
.nav-place .nav-place-hdg a{
position:relative;
z-index:1;
display:inline-block;
padding-left:20px;
text-decoration:none;
}
.nav-place .nav-place-hdg a .sup{
color:var(--cmn-font-color-base);
font-size:11px;
font-weight:normal;
}
.nav-place .nav-place-hdg a:before,
.nav-place .nav-place-hdg a:after{
content:"";
position:absolute;
display:block;
overflow:hidden;
background-color:#fff;
}
.nav-place .nav-place-hdg a:before{
top:10px;
left:3px;
width:10px;
height:2px;
}
.nav-place .nav-place-hdg a:after{
top:6px;
left:7px;
width:2px;
height:10px;
}
.nav-place.is-active .nav-place-hdg a:after{
display:none;
}

/* .nav-place-hdg-sup
----------------------------------------------- */
.nav-place .nav-place-hdg-sup{
font-size:12px;
font-weight:bold;
position:absolute;
top:-34px;
left:0;
display:inline-block;
padding:4px 8px;
color:#fff;
border-radius:4px;
background-color:#747474;
}
.nav-place .nav-place-hdg-sup:after{
position:relative;
display:block;
margin-bottom:-10px;
width:0;
height:0;
content:"";
border-width:10px 10px 0 10px;
border-style:solid;
border-color:#747474 transparent transparent transparent;
}

/* .nav-palace-request
----------------------------------------------- */
.nav-place .nav-palace-request{
position:absolute;
top:-34px;
right:0;
}
.nav-place .nav-palace-request > a{
font-size:11px;
font-weight:bold;
position:relative;
display:block;
padding:4px 8px 3px 24px;
text-decoration:none;
color:var(--cmn-font-color-base);
border:1px solid #dbdbdb;
border-radius:3px;
background-color:#f7f7f7;
-webkit-box-shadow:0 -1px 0 #ebebeb inset;
box-shadow:0 -1px 0 #ebebeb inset;
}
.nav-place .nav-palace-request > a:before{
content:"";
position:absolute;
top:10px;
left:11px;
display:block;
width:0;
height:0;
border-width:5px 4px 0 4px;
border-style:solid;
border-color:#555 transparent transparent transparent;
}

/* .nav-place-item
----------------------------------------------- */
.nav-place .nav-place-item{
display:none;
padding:8px;
border:1px solid #e5e5e5;
border-radius:3px;
-webkit-box-shadow:0 1px 2px rgba(204, 204, 204, .6);
box-shadow:0 1px 2px rgba(204, 204, 204, .6);
}
.nav-place .nav-place-item .grid-gutters .grid-col{
position:relative;
min-height:214px;
}
.nav-place .nav-place-item .grid-gutters .grid-col:not(:first-child):before{
position:absolute;
top:0;
left:-7px;
display:block;
overflow:hidden;
width:1px;
height:100%;
content:"";
background-color:#d8d8d8;
}
.nav-place.is-active .nav-place-item{
display:block;
}

/* .nav-place-item-hdg
----------------------------------------------- */
.nav-place .nav-place-item-hdg{
font-size:14px;
font-weight:bold;
margin-bottom:5px;
padding:2px 5px 0;
background-color:#f0f0f0;
}

/* .nav-place-list
----------------------------------------------- */
.nav-place .nav-place-list > li{
font-size:12px;
margin:0 0 3px 0;
}
.nav-place .nav-place-list > li > a{
display:inline-block;
padding:0 5px;
}
.nav-place .nav-place-list > li.is-active > a{
background-color:#fbe9bb;
}
.nav-place .grid-span-4 .nav-place-list{
letter-spacing:-.4em;
}
.nav-place .grid-span-4 .nav-place-list > li{
letter-spacing:normal;
display:inline-block;
vertical-align:top;
width:45%;
}
.nav-place .grid-span-4 .nav-place-list > li:nth-child(2n-1){
width:55%;
}

/* .nav-category
----------------------------------------------- */

.nav-category,
.nav-category-icon{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:100%;
margin:15px 0 20px;
table-layout:fixed;
}
.nav-category > li,
.nav-category-icon > li{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
height:54px;
font-size:17px;
font-weight:bold;
text-align:center;
}
.nav-category > li:not(:first-child),
.nav-category-icon > li:not(:first-child){
margin-left:-1px;
}
.nav-category > li > a,
.nav-category-icon > li > a{
position:relative;
display:block;
height:100%;
color:var(--cmn-font-color-base);
font-weight:bold;
text-decoration:none;
background-color:#efefef;
border-radius:4px 4px 0 0;
border:1px solid #ccc;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.nav-category > li > a .category,
.nav-category-icon > li > a .category{
position:absolute;
top:50%;
left:0;
display:block;
text-align:center;
width:100%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.nav-category > li > a .num,
.nav-category-icon > li > a .num{
font-size:13px;
font-weight:normal;
margin-left:3px;
}
.nav-category > li > a .new,
.nav-category-icon > li > a .new{
display:block;
margin-bottom:-5px;
width:100%;
color:#e20807;
font-size:11px;
}
.nav-category > li.is-active > a,
.nav-category-icon > li.is-active > a{
border-bottom-color:#fff;
background-color:#fff;
}
.nav-category > li.is-disabled > a,
.nav-category-icon > li.is-disabled > a{
color:var(--cmn-font-color-gray);
}

/* .nav-category-icon
----------------------------------------------- */
.nav-category-icon{
max-width:960px;
}
.nav-category-icon > li > a .icon{
position:relative;
}
.nav-category-icon > li > a .icon:before{
content:"";
position:absolute;
left:0;
display:block;
}
.nav-category-icon > li.restaurant .icon{
padding-left:20px;
}
.nav-category-icon > li.restaurant .icon:before{
top:3px;
width:14px;
height:17px;
background-image:url(/element/shared/images/icon/icon-restaurant.svg);
background-size:14px 17px;
}
.nav-category-icon > li.hotel .icon{
padding-left:25px;
}
.nav-category-icon > li.hotel .icon:before{
top:5px;
width:19px;
height:15px;
background-image:url(/element/shared/images/icon/icon-hotel.svg);
background-size:19px 15px;
background-repeat:no-repeat;
}
.nav-category-icon > li.spot .icon{
padding-left:20px;
}
.nav-category-icon > li.spot .icon:before{
top:3px;
width:14px;
height:17px;
background-image:url(/element/shared/images/icon/icon-flag.svg);
background-size:14px 17px;
}
.nav-category-icon > li.shopping .icon{
padding-left:20px;
}
.nav-category-icon > li.shopping .icon:before{
top:3px;
width:15px;
height:17px;
background-image:url(/element/w_review_v2/shared/images/icon/icon-shopping.svg);
background-size:15px 17px;
}
.nav-category-icon > li.danger .icon{
padding-left:10px;
}
.nav-category-icon > li.danger .icon:before{
top:3px;
width:5px;
height:17px;
background-image:url(/element/w_review_v2/shared/images/icon/icon-danger.svg);
background-size:5px 17px;
}

/* .nav-internal
----------------------------------------------- */
.nav-internal:not(:root){
display:inline-block;
padding:3px 13px;
font-size:12px;
color:#555;
border-radius:3px;
border:1px solid #c7c7c7;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.nav-internal:not(:root) > span{
position:relative;
display:inline-block;
padding-left:15px;
}
.nav-internal:not(:root) > span:before{
content:"";
margin:0;
border-width:6px 5px 0;
border-color:#555 transparent transparent;
border-style:solid;
display:block;
width:0;
height:0;
position:absolute;
bottom:50%;
left:0;
-webkit-transform:translateY(50%);
transform:translateY(50%);
}

/* ----------------------------------------------------------------

Form

-----------------------------------------------------------------*/

/* .form-header
----------------------------------------------- */
.form-header{
position:relative;
margin-left:-10px;
padding:10px;
border-top:2px solid #959595;
background-color:#f5f5f5;
}

/* .form-header-hdg
----------------------------------------------- */
.form-header .form-header-hdg{
font-size:15px;
}

/* .form-search-result
----------------------------------------------- */
.form-header .form-search-result{
font-size:12px;
position:relative;
min-height:1.4em;
margin:5px 0 -3px;
padding-right:70px;
}
.form-header .form-search-result .reset-btn{
font-size:11px;
position:absolute;
top:-2px;
right:0;
padding:0 6px;
color:#555;
border:1px solid #b5b5b5;
border-radius:3px;
background-color:#fefefe;
background-image:-webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#eaeaea));
background-image:linear-gradient(#fefefe, #eaeaea);
}

/* .form-hdg-container
----------------------------------------------- */
.form-hdg-container{
position:relative;
}
.form-hdg-container.branch{
margin-bottom:10px;
padding-right:0;
}
.form-hdg-container.branch .form-hdg{
margin-bottom:0;
padding-right:0;
}
.form-header + .form-hdg-container .form-hdg{
margin-top:-1px;
border-top:none;
}

/* .form-hdg
----------------------------------------------- */
.form-hdg{
margin:20px 0 10px -10px;
padding:10px 10px 0;
font-size:14px;
border-top:1px solid #d2d2d2;
}
.form-header + .form-hdg{
margin-top:-1px;
border-top:none;
}

/* .form-list-control
----------------------------------------------- */
.form-hdg-container .form-list-control{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position:absolute;
top:14px;
right:0;
font-size:12px;
line-height:1.2;
}
.form-hdg-container .form-list-control > li:not(:first-child){
margin-left:5px;
padding-left:5px;
border-left:1px solid #aaaaaa;
}

/* .form-hdg-container.branch
----------------------------------------------- */
.form-hdg-container.branch{
margin-bottom:10px;
padding-right:0;
}
.form-hdg-container.branch .form-hdg{
margin-bottom:0;
padding-right:0;
}
.form-hdg-container.branch .form-list-control{
position:static;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
margin-top:3px;
}

/* .form-display-map
----------------------------------------------- */
.form-display-map{
margin:0 0 20px -10px;
}
.form-display-map > a{
position:relative;
display:block;
margin-bottom:5px;
height:103px;
border:1px solid #bbb;
background:url(/element/w_review_v2/shared/images/btn-map.png);
}
.form-display-map > a > span{
font-weight:bold;
position:absolute;
top:10px;
left:10px;
display:block;
padding:5px 10px 3px 14px;
color:#666;
border:1px solid #bbb;
border-radius:3px;
background-color:#f1f1f1;
background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1));
background-image:linear-gradient(#fff, #f1f1f1);
}
.form-display-map > a > span:before{
position:absolute;
top:50%;
left:6px;
display:block;
content:"";
border-width:3px 0 3px 4px;
border-style:solid;
border-color:transparent transparent transparent #737373;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}

/* .form-display-map-notice
----------------------------------------------- */
.form-display-map .form-display-map-notice{
margin-top:5px;
position:relative;
font-size:11px;
padding-left:1em;
}
.form-display-map .form-display-map-notice:before{
content:"\203b";
position:absolute;
left:0;
top:0;
}

/* .form-list
----------------------------------------------------------------- */
.form-list{
margin-left:-10px;
padding-left:10px;
font-size:12px;
text-align:left;
color:var(--cmn-font-color-base);
}
.form-list > li:not(:first-child){
margin-top:5px;
}
.form-list > li label{
position:relative;
display:inline-block;
padding-left:18px;
}
.form-list > li label input[type="checkbox"]{
position:absolute;
top:.25em;
left:0;
margin:0;
padding:0;
}
.form-list > li a{
color:var(--cmn-font-color-base);
text-decoration:none;
}
.form-list > li .num{
display:inline-block;
}
.form-list > li.disabled{
color:#ccc;
}
.form-list > li.disabled > label{
cursor:default;
}
.form-list > li.disabled a{
color:#ccc;
cursor:default;
}

/* .form-guide-list
----------------------------------------------------------------- */
.form-guide-list{
margin-left:-10px;
font-size:13px;
}
.form-guide-list > li{
line-height:1.35;
margin:0;
border-top:1px dotted #c9c9c9;
}
.form-guide-list > li > label{
position:relative;
display:block;
padding:8px 10px 8px 80px;
}
.form-guide-list > li > label input[type="checkbox"]{
position:absolute;
left:10px;
top:17px;
}
.form-guide-list > li .title{
display:block;
font-size:11px;
color:#565656;
}
.form-guide-list > li .info{
display:block;
margin-top:5px;
font-size:11px;
color:#565656;
}
.form-guide-list > li .image{
position:absolute;
top:13px;
left:30px;
width:40px;
height:auto;
max-height:40px;
}
.form-guide-list > li.disabled [class]{
color:#ccc;
}
.form-guide-list > li.disabled > label{
cursor:default;
}
.form-guide-list > li.checked{
background-color:#f8f3e7;
}

/* .form-holiday-list
----------------------------------------------------------------- */
.form-holiday-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin:-5px 0 0 -10px;
padding-left:10px;
font-size:13px;
}
.form-holiday-list > li{
margin-top:5px;
width:25%;
}
.form-holiday-list > li > label{
position:relative;
display:inline-block;
padding-left:18px;
}
.form-holiday-list > li > label input[type="checkbox"]{
position:absolute;
top:.25em;
left:0;
margin:0;
padding:0;
}
.form-holiday-list > li a{
color:var(--cmn-font-color-base);
text-decoration:none;
}
.form-holiday-list > li.disabled{
color:#ccc;
}
.form-holiday-list > li.disabled > label{
cursor:default;
}
.form-holiday-list > li.disabled a{
color:#ccc;
cursor:default;
}
.form-holiday{
margin-top:5px;
}

/* .form-price
----------------------------------------------------------------- */
.form-price select{
width:100%;
}

/* .form-price-list
----------------------------------------------------------------- */
.form-price-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top:10px;
}
.form-price-list > li{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.form-price-list > li select{
width:100%;
}
.form-price-list > li:not(:first-child){
position:relative;
padding-left:20px;
}
.form-price-list > li:not(:first-child):before{
content:"\ff5e";
display:block;
position:absolute;
left:4px;
top:5px;
}

/* .form-keyword
----------------------------------------------------------------- */
.form-keyword input[type="text"],
.form-keyword input[type="search"]{
width:100%;
}

/* .form-spot
----------------------------------------------------------------- */
.form-spot{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
}
.form-spot > .form-spot-input{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
position:relative;
}
.form-spot > span:not([class]){
margin-left:3px;
}
.form-spot input[type="text"],
.form-spot input[type="search"]{
padding-right:20px;
width:100%;
}

/* .form-distance
----------------------------------------------------------------- */
.form-distance{
margin-top:10px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
}
.form-distance > span:not([class]){
margin-left:3px;
}

/* ----------------------------------------------------------------

Component

-------------------------------------------------------------------
.reference
----------------------------------------------------------------- */

/* .reference-container
----------------------------------------------- */
.reference-container{
margin:23px 0 0;
}
.reference-container:before,
.reference-container:after{
content:"";
display:table;
}
.reference-container:after{
clear:both;
}

/* .reference-box
----------------------------------------------- */
.reference-container .reference-box{
font-size:12px;
float:right;
text-align:right;
}
.reference-container .reference-box .thanks{
margin-bottom:6px;
padding:3px 0;
text-align:center;
color:#fff;
background-color:#999;
}

/* .tag-list
----------------------------------------------- */
.tag-list{
margin:7px 0 10px;
font-size:11px;
letter-spacing:-.4em;
}
.tag-list > li{
display:inline-block;
padding:1px 8px 0;
letter-spacing:normal;
border-radius:2px;
background-color:#f2f2f2;
}
.tag-list > li:not(:first-child){
margin-left:5px;
}

/* .image-list
----------------------------------------------- */
.image-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
width:100%;
margin-top:12px;
}
.image-list > li{
width:216px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.image-list > li:not(:first-child){
margin-left:20px;
}
.image-list > li > a{
text-decoration:none;
}
.image-list > li .image{
position:relative;
display:block;
width:100%;
height:162px;
}
.image-list > li .image img{
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
margin:auto;
max-width:100%;
max-height:162px;
width:auto;
height:auto;
}
.image-list > li .caption{
display:block;
margin-top:8px;
font-size:12px;
color:#555;
line-height:1.2;
text-align:center;
}

/* .image-list-more
----------------------------------------------- */
.image-list-more{
margin-top:15px;
text-align:right;
font-size:13px;
}
.image-list-more > a{
position:relative;
color:#555;
padding-left:12px;
}
.image-list-more > a:before{
content:"";
display:block;
position:absolute;
top:6px;
left:0;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:5px;
height:5px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* .guide-info
----------------------------------------------- */
.guide-info{
position:relative;
padding-left:30px;
font-size:13px;
color:#666;
line-height:25px;
min-height:25px;
}
.guide-info .title{
font-size:11px;
display:inline-block;
}
.guide-info .image{
position:absolute;
top:0;
left:0;
width:25px;
height:25px;
}

/* .post-date
----------------------------------------------- */
.post-date{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:11px;
line-height:1;
color:#666;
}

/* .post-date-colon
----------------------------------------------- */
.post-date-colon{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-bottom:3px;
color:#444;
font-size:11px;
line-height:1;
}
.post-date-colon > div:first-child{
position:relative;
padding-right:1em;
}
.post-date-colon > div:first-child:after{
position:absolute;
right:3px;
top:0;
content:":";
}

/* post-date-container
------------------------------------------------ */
.post-date-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-bottom:3px
}
.post-date-container > li{
font-size:11px;
color:#949494
}
.post-date-container > li:not(:first-child){
margin-left:10px;
}
.post-date-container > li > span:first-child::after{
content:":";
display:inline-block;
}

/* article-date-container
------------------------------------------------ */
.article-date-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top:40px
}
.article-date-container > li{
font-size:12px;
color:#949494
}
.article-date-container > li:not(:first-child){
margin-left:10px;
}
.article-date-container > li > span:first-child::after{
content:":";
display:inline-block;
}

/* .visit-date
----------------------------------------------- */
.visit-date{
font-size:13px;
text-align:right;
}

/* ----------------------------------------------------------------
.info-panel
----------------------------------------------------------------- */

/* .info-panel
----------------------------------------------- */
.info-panel{
word-wrap:break-word;
padding:12px 15px;
color:#555;
border:1px solid #d2d2d2;
background-color:#f2f2f2;
}
.detail-article + .info-panel{
margin-top:26px;
}

/* .info-panel-hdg
----------------------------------------------- */
.info-panel .info-panel-hdg{
font-size:13px;
color:#555;
}
.info-panel .info-panel-hdg .ruby:before{
content:"/";
margin:0 3px 0 5px;
display:inline;
}

/* .info-panel-inner
----------------------------------------------- */
.info-panel .info-panel-inner{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top:8px;
}
.info-panel .info-panel-inner .info-panel-col:first-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
margin-right:40px;
}

/* .info-panel-list
----------------------------------------------- */
.info-panel .info-panel-list > li{
display:table;
width:100%;
table-layout:fixed;
}
.info-panel .info-panel-list > li > div{
display:table-cell;
color:#555;
font-size:13px;
}
.info-panel .info-panel-list > li > div:first-child{
padding-right:15px;
width:7.5em;
position:relative;
font-size:11px;
}
.info-panel .info-panel-list > li > div:first-child:after{
content:"\ff1a";
display:block;
position:absolute;
top:-1px;
right:3px;
font-size:13px;
}
.info-panel .info-panel-list > li > div:first-child > span{
display:block;
}
.info-panel .info-panel-list > li .icon-map{
color:#666;
}
.info-panel .info-panel-list > li .icon-map > span:not([class])::before{
content:"";
margin:0 5px 0 10px;
display:inline-block;
width:9px;
height:13px;
vertical-align:middle;
background:url(/element/matome/shared/images/icon-map.svg) 0 0 no-repeat;
background-size:9px 13px;
}
.info-panel .info-panel-list > li .icon-blank{
color:#666;
}
.info-panel .info-panel-list > li .icon-blank:after{
content:"";
margin-left:5px;
display:inline-block;
width:12px;
height:11px;
opacity:.5;
vertical-align:middle;
background:url(/element_sp/shared/images/icon/ico-external.svg) 0 0 no-repeat;
background-size:12px 11px;
}
.info-panel .info-panel-list + .notice-list{
margin-top:17px;
}

/* .info-panel-map-detail
----------------------------------------------- */
.info-panel .info-panel-map-detail{
margin-top:17px;
width:100%;
height:400px;
}
.info-panel .info-panel-map-detail iframe{
vertical-align:top;
}
.info-panel .notice-list + .info-panel-map-detail{
margin-top:5px;
}

/* .info-panel-map-sup
----------------------------------------------- */
.info-panel .info-panel-map-sup{
overflow:hidden;
}
.info-panel .info-panel-map-sup > a{
float:right;
font-size:13px;
}
.info-panel .info-panel-map-sup > .info-panel-map-notice{
display:inline-block;
}

/* .info-panel-map-notice
----------------------------------------------- */
.info-panel .info-panel-map-notice{
margin-top:5px;
position:relative;
font-size:11px;
padding-left:1em;
}
.info-panel .info-panel-map-notice:before{
content:"\203b";
position:absolute;
left:0;
top:0;
}

/* .info-panel-btn
----------------------------------------------- */
.info-panel .info-panel-btn{
display:inline-block;
margin-top:6px;
padding:6px 13px 7px;
font-size:12px;
color:#555;
text-decoration:none;
background-color:#fff;
border-radius:4px;
border:1px solid #ccc;
-webkit-box-shadow:0 -2px 0 #e9e9e9 inset;
box-shadow:0 -2px 0 #e9e9e9 inset;
}

/* .share-sns
----------------------------------------------- */
.share-sns{
margin-top:20px;
}
.info-panel-map-sup + .share-sns{
margin-top:27px;
}

/* .share-sns-catch
----------------------------------------------- */
.share-sns-catch{
font-size:11px;
color:var(--cmn-font-color-base);
}

/* .share-sns-list
----------------------------------------------- */
.share-sns-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top:5px;
}
.share-sns-list > li{
height:20px;
}
.share-sns-list > li:not(:first-child){
margin-left:4px;
}
.share-sns-list > li button{
padding:0;
border:1px solid #a0a0a0;
border-radius:3px;
background-color:#fff;
font-size:11px;
line-height:1;
height:100%;
width:100%;
}
.share-sns-list > li iframe{
vertical-align:bottom;
}
.share-sns-list > li.fb-share{
width:43px;
}
.share-sns-list > li.fb-share button{
border:none;
color:#fff;
background-color:#1877f2;
font-weight:700;
}
.share-sns-list > li.tw{
width:90px;
}
.share-sns-list > li.tw button{
border:none;
color:#fff;
background-color:#000;
font-weight:700;
}
.share-sns-list > li.tw button:before{
margin:-1px 3px 0 0;
content:"";
display:inline-block;
vertical-align:middle;
width:16px;
height:12px;
background:url(/element/shared/images/icon/icon-sns-twitter.svg) 50% 50% no-repeat;
background-size:28px 28px;
}
.share-sns-list > li.mail{
width:90px;
}
.share-sns-list > li.mail button:before{
margin:-1px 5px 0 0;
content:"";
display:inline-block;
vertical-align:middle;
width:16px;
height:11px;
background:url(/element/w_review_v2/shared/images/icon/icon-mail-view-pc.svg) 0 0 no-repeat;
}
.share-sns-list > li.copy{
-webkit-box-flex:1.5;
-ms-flex:1.5;
flex:1.5;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.share-sns-list > li.copy button{
width:90px;
}
.share-sns-list > li.copy button:before{
margin-right:5px;
content:"";
display:inline-block;
vertical-align:bottom;
width:13px;
height:14px;
background:url(/element/w_review_v2/shared/images/icon/icon-copy-view-pc.svg) 0 0 no-repeat;
}
.share-sns-list > li.copy .caption{
margin-left:5px;
color:#666;
display:block;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
visibility:hidden;
font-size:11px;
}
.share-sns-list > li.copy.is-active .caption{
visibility:visible;
}

/* ----------------------------------------------------------------

.search-result

----------------------------------------------------------------- */
.search-result{
min-height:500px;
}

/* .search-result-item
----------------------------------------------- */
.search-result .search-result-item{
margin-bottom:40px;
border-top:3px solid #888;
}

/* .search-result-item-hdg
----------------------------------------------- */
.search-result .search-result-item-hdg{
margin:13px 0 10px;
font-size:25px;
line-height:1.3;
}
.search-result .search-result-item-hdg > a{
color:var(--cmn-font-color-base);
text-decoration:none;
}
.search-result .search-result-item-hdg .sup{
display:block;
font-size:13px;
color:var(--cmn-font-color-gray);
font-weight:normal;
}
.search-result .search-result-item-hdg .ruby{
font-size:20px;
}
.search-result .search-result-item-hdg .ruby:before{
content:"/";
margin:0 5px 0 7px;
display:inline;
}

/* .search-result-item-article
----------------------------------------------- */
.search-result .search-result-item-article{
position:relative;
font-size:13px;
padding:15px 200px 15px 0;
min-height:170px;
border-top:1px solid #dedede;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.search-result .search-result-item-article > .search-result-item-article-more,
.search-result .search-result-item-article > .search-result-item-article-thumb{
display:block;
}
.search-result .search-result-item-article > .search-result-item-article-detail{
display:none;
}
.search-result .search-result-item-article.is-active{
padding-right:0;
}
.search-result .search-result-item-article.is-active > .search-result-item-article-more,
.search-result .search-result-item-article.is-active > .search-result-item-article-thumb{
display:none;
}
.search-result .search-result-item-article.is-active > .search-result-item-article-detail{
display:block;
}

/* .search-result-item-article-hdg
----------------------------------------------- */
.search-result .search-result-item-article-hdg{
margin:7px 0 5px;
font-size:16px;
}
.search-result .search-result-item-article-hdg > a{
color:var(--cmn-font-color-base);
text-decoration:none;
}
.search-result .search-result-item-article-hdg .new{
color:#e20807;
font-size:15px;
display:inline-block;
padding-left:5px;
}

/* .search-result-item-article-thumb
----------------------------------------------- */
.search-result .search-result-item-article-thumb{
position:absolute;
right:0;
top:15px;
overflow:hidden;
}
.search-result .search-result-item-article-thumb a{
text-decoration:none;
}
.search-result .search-result-item-article-thumb .image{
position:relative;
width:170px;
height:130px;
background-color:#f2f2f2;
}
.search-result .search-result-item-article-thumb .image > img{
position:absolute;
top:50%;
left:50%;
max-width:100%;
max-height:100%;
width:auto;
height:auto;
vertical-align:top;
-webkit-transform:translate(-50%, -50%) rotate(.1deg);
transform:translate(-50%, -50%) rotate(.1deg);
}
.search-result .search-result-item-article-thumb .caption{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
margin-top:3px;
font-size:11px;
color:#666;
font-weight:normal;
}
.search-result .search-result-item-article-thumb .caption > div:first-child:after{
content:":";
margin:0 3px;
}

/* .search-result-item-article-more
----------------------------------------------- */
.search-result .search-result-item-article-more{
cursor:pointer;
line-height:1.5;
margin-top:10px;
}

/* .search-result-item-article-more-text
----------------------------------------------- */
.search-result .search-result-item-article-more-text{
display:inline-block;
font-weight:400;
color:#a4a4a4;
}
.search-result .search-result-item-article-more-text:before{
margin:0 3px;
content:"...";
color:var(--cmn-font-color-base);
display:inline-block;
vertical-align:bottom;
}

/* .search-result-item-article-content
----------------------------------------------- */
.search-result .search-result-item-article-content > p{
font-size:14px;
margin-top:24px;
line-height:1.8;
}

/* .search-result-item-article-detail-btn-close
----------------------------------------------- */
.search-result .search-result-item-article-detail-btn-close{
margin:5px 0 7px auto;
padding:0 0 0 15px;
border:none;
color:#555;
position:relative;
line-height:1.25;
display:table;
background:0 0;
font-size:14px;
}
.search-result .search-result-item-article-detail-btn-close:before{
content:"";
display:block;
width:11px;
height:11px;
overflow:hidden;
position:absolute;
top:2px;
left:0;
background:url(/element/shared/images/icon/icon-toggle-minus.svg) 0 center no-repeat;
background-size:11px 11px;
}

/* ----------------------------------------------------------------

.detail

----------------------------------------------------------------- */

/* .detail-header
----------------------------------------------- */
.detail-header{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top:40px;
}

/* .detail-header-hdg
----------------------------------------------- */
.detail-header .detail-header-hdg{
margin:0 50px 7px 0;
font-size:25px;
font-weight:bold;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
line-height:1.32;
}
.detail-header .detail-header-hdg .sup{
display:block;
font-size:13px;
color:var(--cmn-font-color-gray);
font-weight:normal;
line-height:1.3;
}
.detail-header .detail-header-hdg .ruby{
font-size:20px;
}
.detail-header .detail-header-hdg .ruby:before{
content:"/";
margin:0 5px 0 7px;
display:inline;
}

/* .detail-header-btn-list
----------------------------------------------- */
.detail-header .detail-header-btn-list{
text-align:right;
-ms-flex-item-align:center;
-ms-grid-row-align:center;
align-self:center;
}
.detail-header .detail-header-btn-list > li{
margin:10px 0;
}

/* .detail-header-btn
----------------------------------------------- */
.detail-header .detail-header-btn{
display:inline-block;
padding:9px 15px 8px;
font-size:14px;
font-weight:bold;
color:#555;
border-radius:4px;
border:1px solid #ccc;
-webkit-box-shadow:0 -2px 0 #e9e9e9 inset;
box-shadow:0 -2px 0 #e9e9e9 inset;
}
.detail-header .detail-header-btn:hover{
text-decoration:none;
}

/* .detail-article
----------------------------------------------- */
.detail-article{
margin-bottom:20px;
padding:30px 0 0;
border-top:1px solid #e9e9e9;
}

/* .detail-article-hdg
----------------------------------------------- */
.detail-article .detail-article-hdg{
margin:5px 0;
font-size:18px;
color:#222;
}
.detail-article .detail-article-hdg .new{
color:#e20807;
font-size:15px;
display:inline-block;
padding-left:5px;
}

/* .detail-article-content
----------------------------------------------- */
.detail-article .detail-article-content > p{
font-size:13px;
margin-top:24px;
line-height:1.69;
}

/* .article-notice
----------------------------------------------- */
.article-notice{
margin:57px 0 46px;
}
.article-notice > li{
position:relative;
padding-left:1em;
font-size:12px;
color:#555;
}
.article-notice > li:before{
content:"\203b";
position:absolute;
left:0;
top:0;
}

/* ----------------------------------------------------------------

Danger

----------------------------------------------------------------- */

/* .danger-map
----------------------------------------------- */
.danger-map{
position:relative;
margin-top:5px;
border:1px solid #939393;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

/* .danger-map-inner
----------------------------------------------- */
.danger-map .danger-map-inner{
width:752px;
height:455px;
}
.danger-map .danger-map-inner iframe{
vertical-align:top;
}

/* .danger-map-list
----------------------------------------------- */
.danger-map .danger-map-list > ul{
position:absolute;
top:0;
right:0;
width:208px;
height:100%;
font-weight:bold;
border-left:1px solid #939393;
background-color:#fff;
overflow-y:scroll;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.danger-map .danger-map-list > ul > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.danger-map .danger-map-list > ul > li:not(:first-child){
border-top:1px dotted #ccc;
}
.danger-map .danger-map-list > ul > li:active,
.danger-map .danger-map-list > ul > li:hover,
.danger-map .danger-map-list > ul > li:focus,
.danger-map .danger-map-list > ul > li.is-active{
background-color:#f8f3e7;
}
.danger-map .danger-map-list > ul > li > div{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position:relative;
padding:5px 5px 4px 36px;
cursor:pointer;
line-height:1.15;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
min-height:44px;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.danger-map .danger-map-list > ul > li .icon{
position:absolute;
top:50%;
left:8px;
width:24px;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.danger-map .danger-map-list > ul > li .ruby{
font-size:11px;
font-weight:normal;
}
.danger-map .danger-map-list > ul > li .ruby:before{
content:"/";
margin:0 5px;
display:inline;
}

/* .danger-panel
----------------------------------------------- */
.danger-panel{
position:relative;

/* margin: 40px 0 28px; */
margin:10px 0 28px;
padding:0 34px 15px;
border:1px solid #bfbfbf;
border-radius:4px;
}
.danger-panel .danger-item + .danger-item{
margin-top:18px;
border-top:1px dotted #b5b5b5;
}

/* .danger-hdg
----------------------------------------------- */
.danger-panel .danger-hdg{
margin-top:17px;
font-size:22px;
color:var(--cmn-font-color-base);
}
.danger-panel .danger-hdg + .danger-item{
margin-top:0;
border-top:none;
}

/* .danger-item-header
----------------------------------------------- */
.danger-panel .danger-item-header{
margin-bottom:13px;
}

/* .danger-item-header-hdg
----------------------------------------------- */
.danger-panel .danger-item-header-hdg-container{
position:relative;
padding-left:46px;
margin:19px 0 15px;
}
.danger-panel .danger-item-header-hdg{
display:inline;
font-size:24px;
color:var(--cmn-font-color-base);
line-height:1.2;
}
.danger-panel .danger-item-header-hdg > .icon{
position:absolute;
top:-12px;
left:-5px;
vertical-align:middle;
}
.danger-panel .danger-item-header-hdg > .ruby{
font-size:13px;
}
.danger-panel .danger-item-header-hdg > .ruby:before{
content:"/";
margin-right:5px;
display:inline;
}

/* .danger-item-header-hdg-sup
----------------------------------------------- */
.danger-panel .danger-item-header-hdg-sup{
font-size:12px;
display:inline;
margin-left:10px;
padding-left:10px;
vertical-align:middle;
border-left:1px solid #bfbfbf;
}

/* .danger-item-header-info-list
----------------------------------------------- */
.danger-panel .danger-item-header-info-list > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
color:var(--cmn-font-color-base);
font-size:12px;
}
.danger-panel .danger-item-header-info-list > li > div:first-child{
width:4em;
color:#555;
font-weight:bold;
}
.danger-panel .danger-item-header-info-list > li > div:last-child{
position:relative;
padding-left:15px;
}
.danger-panel .danger-item-header-info-list > li > div:last-child:before{
content:"\ff1a";
display:block;
position:absolute;
top:0;
left:2px;
}

/* .danger-item-header-toggle-btn
----------------------------------------------- */
.danger-panel .danger-item-header-toggle-btn{
position:relative;
margin:6px 0 5px;
padding:0;
height:30px;
font-size:13px;
border:1px solid #c9c9c9;
border-radius:3px;
background:#fff;
}
.danger-panel .danger-item-header-toggle-btn > span{
position:relative;
display:block;
padding:4px 5px 4px 22px;
background:url(/element/shared/images/icon/icon-toggle-plus.svg) 5px center no-repeat;
background-size:11px 11px;
}
.danger-panel .danger-item-header.is-active .danger-item-header-toggle-btn > span{
background-image:url(/element/shared/images/icon/icon-toggle-minus.svg);
}

/* .danger-item-header-map
----------------------------------------------- */
.danger-panel .danger-item-header-map{
display:none;
margin-top:10px;
font-size:12px;
}
.danger-panel .danger-item-header-map .danger-item-header-map-inner{
height:280px;
}
.danger-panel .danger-item-header-map .danger-item-header-map-inner iframe{
vertical-align:top;
}
.danger-panel .danger-item-header.is-active .danger-item-header-map{
display:block;
margin-bottom:25px;
}

/* .danger-panel-btn-close
----------------------------------------------- */
.danger-panel .danger-panel-btn-close{
font-size:11px;
font-weight:bold;
margin:0 0 10px 10px;
background-color:#eee;
}

/* .danger-article
----------------------------------------------- */
.danger-panel .danger-article{
margin-top:20px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.danger-panel .danger-article + .danger-article{
margin-top:30px;
}
.danger-panel .danger-article .danger-article-col{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.danger-panel .danger-article .danger-article-col:first-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.danger-panel .danger-article .danger-article-col:last-child{
width:210px;
margin-left:10px;
padding-left:10px;
border-left:1px solid #dcdcdc;
}
.danger-panel .danger-article .danger-article-col .danger-article-col-inner{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.danger-panel .danger-item-header + .danger-article{
margin-top:0;
}

/* .danger-article-hdg
----------------------------------------------- */
.danger-panel .danger-article-hdg{
margin:-5px 0 6px;
font-size:16px;
}
.danger-panel .danger-article-hdg .new{
color:#e20807;
font-size:15px;
display:inline-block;
padding-left:5px;
}

/* .danger-article-thumb
----------------------------------------------- */
.danger-panel .danger-article-thumb{
position:relative;
margin-left:16px;
width:160px;
height:120px;
background-color:#f2f2f2;
}
.danger-panel .danger-article-thumb img{
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
margin:auto;
max-width:100%;
max-height:120px;
width:auto;
height:auto;
}

/* .danger-guide-info
----------------------------------------------- */
.danger-panel .danger-guide-info{
position:relative;
padding-left:47px;
font-size:12px;
color:var(--cmn-font-color-base);
line-height:1.35;
min-height:40px;
}
.danger-panel .danger-guide-info .title{
font-size:11px;
color:#555;
display:block;
}
.danger-panel .danger-guide-info .image{
position:absolute;
top:0;
left:0;
width:40px;
height:40px;
}

/* .danger-panel.pickup
----------------------------------------------- */
.danger-panel.pickup{
margin-top:20px;
border-radius:3px;
background-color:#f8f3e7;
}
.danger-panel.pickup .danger-item-header{
padding-right:60px;
margin-bottom:13px;
}
.danger-panel.pickup .danger-panel-btn-close{
position:absolute;
right:10px;
top:15px;
}
.danger-panel.pickup .danger-panel-btn-close > a{
display:block;
color:#676767;
background:#fff;
padding:6px 10px 6px 24px;
}
.danger-panel.pickup .danger-panel-btn-close > a:hover{
text-decoration:none;
}
.danger-panel.pickup .danger-panel-btn-close > a:before{
position:absolute;
top:6px;
left:8px;
line-height:1;
display:block;
overflow:hidden;
width:16px;
height:16px;
content:"\00d7";
font-size:16px;
}

/* ----------------------------------------------------------------

Model plan

----------------------------------------------------------------- */

/* .plan-list-panel
----------------------------------------------- */
.plan-list-panel{
font-size:13px;
margin:25px 0 40px;
padding:10px 15px 12px;
border:1px solid #d2d2d2;
border-radius:6px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-shadow:0 2px 3px rgba(204, 204, 204, .5);
box-shadow:0 2px 3px rgba(204, 204, 204, .5);
}

/* .plan-list-hdg
----------------------------------------------- */
.plan-list-panel .plan-list-hdg{
font-size:18px;
font-weight:bold;
padding:0 3px 7px;
}

/* .plan-list
----------------------------------------------- */
.plan-list-panel .plan-list > li{
border-top:1px dotted #b5b5b5;
}
.plan-list-panel .plan-list > li > a{
position:relative;
display:block;
padding:9px 5px 9px 82px;
color:var(--cmn-font-color-base);
}
.plan-list-panel .plan-list > li .icon-price{
font-size:11px;
position:absolute;
top:8px;
left:5px;
display:block;
min-width:5em;
padding:2px 4px 1px;
font-weight:normal;
text-align:center;
white-space:nowrap;
border-radius:3px;
background-color:#eee;
}
.plan-list-panel .plan-list > li .icon-course{
font-size:11px;
font-weight:normal;
line-height:1.25;
display:inline-block;
margin-left:5px;
padding:2px 5px 1px;
text-align:center;
border:1px solid #dbdbdb;
border-radius:2px;
background-color:#fff;
}
.plan-list-panel .plan-list > li .plan-list-title{
position:relative;
display:block;
padding:0 0 0 12px;
}
.plan-list-panel .plan-list > li .plan-list-title:before{
position:absolute;
display:block;
top:.4em;
left:2px;
width:0;
height:0;
margin:0;
content:"";
border-width:4px 0 4px 5px;
border-style:solid;
border-color:transparent transparent transparent #a28541;
}
.plan-list-panel .plan-list > li.is-active{
font-weight:bold;
background-color:#f5f0e3;
}
.plan-list-panel .plan-list > li.is-active > a{
text-decoration:none;
}
.plan-list-panel .plan-list > li.is-active .icon-price{
color:#fff;
background-color:#a0760d;
}
.plan-list-panel .plan-list > li.is-active .plan-list-title:before{
top:.6em;
left:0;
border-width:5px 4px 0 4px;
border-color:#a28541 transparent transparent transparent;
}

/* .plan-panel
----------------------------------------------- */
.plan-panel{
margin-bottom:80px;
padding:20px 15px 0;
border:1px solid #ccc;
border-radius:4px;
background-color:#fff;
}

/* .plan-header
----------------------------------------------- */
.plan-panel .plan-header{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
margin-bottom:10px;
}

/* .plan-header-inner
----------------------------------------------- */
.plan-panel .plan-header-inner{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

/* .plan-header-hdg
----------------------------------------------- */
.plan-panel .plan-header-hdg{
position:relative;
margin-bottom:10px;
padding-left:95px;
font-size:19px;
}
.plan-panel .plan-header-hdg .icon-price{
font-size:14px;
font-weight:normal;
position:absolute;
top:0;
left:0;
display:inline-block;
padding:3px 11px 2px;
color:#fff;
text-align:center;
border-radius:3px;
background-color:#a0760d;
}
.plan-panel .plan-header-hdg .icon-course{
display:inline-block;
margin:-4px 0 0 5px;
padding:1px 5px 0;
font-size:11px;
color:#555;
font-weight:normal;
border:1px solid #d1d1d1;
border-radius:3px;
vertical-align:middle;
}

/* .plan-guide-info
----------------------------------------------- */
.plan-panel .plan-guide-info{
width:210px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:relative;
margin-left:10px;
padding-left:51px;
font-size:12px;
color:#666;
line-height:1.35;
min-height:40px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.plan-panel .plan-guide-info .title{
font-size:11px;
display:block;
}
.plan-panel .plan-guide-info .image{
position:absolute;
top:0;
left:0;
width:40px;
height:40px;
}

/* .plan-outline
----------------------------------------------- */
.plan-panel .plan-outline{
position:relative;
margin:0 -15px;
padding:0 295px 0 15px;
}

/* .plan-description
----------------------------------------------- */
.plan-panel .plan-description{
margin-bottom:14px;
font-size:13px;
}

/* .plan-description-hdg
----------------------------------------------- */
.plan-panel .plan-description-hdg{
margin-bottom:3px;
color:#111;
}

/* .plan-map-icon
----------------------------------------------- */
.plan-panel .plan-map-icon{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-top:16px;
padding:8px 0;
border-top:1px dotted #cfcfcf;
}
.plan-panel .notice-list + .plan-map-icon{
margin-top:7px;
}
.plan-panel .plan-map-icon > :first-child{
width:100px;
}

/* .plan-map-icon-list
----------------------------------------------- */
.plan-panel .plan-map-icon-list{
font-weight:bold;
margin-left:15px;
padding-left:15px;
border-left:1px solid #bbb;
}
.plan-panel .plan-map-icon-list > li{
display:inline-block;
margin:0 15px 0 0;
vertical-align:middle;
}
.plan-panel .plan-map-icon-list > li > .icon{
vertical-align:middle;
}

/* .plan-map
----------------------------------------------- */
.plan-panel .plan-map{
margin:0 -15px;
height:453px;
}
.plan-panel .plan-map iframe{
vertical-align:top;
}

/* .plan-schedule
----------------------------------------------- */
.plan-panel .plan-schedule{
position:absolute;
top:0;
right:0;
overflow-y:scroll;
width:280px;
height:100%;
border-left:1px solid #cfcfcf;
background:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

/* .plan-schedule-hdg
----------------------------------------------- */
.plan-panel .plan-schedule-hdg{
font-weight:bold;
padding:5px 5px 3px;
text-align:center;
color:#fff;
background-color:#777;
}

/* .plan-schedule-tab
----------------------------------------------- */
.plan-panel .plan-schedule-tab{
display:table;
width:100%;
margin-bottom:10px;
table-layout:fixed;
}
.plan-panel .plan-schedule-tab > li{
display:table-cell;
text-align:center;
}
.plan-panel .plan-schedule-tab > li > a{
display:block;
padding:5px;
text-decoration:none;
color:var(--cmn-font-color-base);
background-color:#e3e3e3;
-webkit-box-shadow:1px -1px 2px rgba(0, 0, 0, .2) inset;
box-shadow:1px -1px 2px rgba(0, 0, 0, .2) inset;
}
.plan-panel .plan-schedule-tab > li.is-active > a{
font-weight:bold;
background-color:#fff;
-webkit-box-shadow:none;
box-shadow:none;
}

/* .plan-schedule-info
----------------------------------------------- */
.plan-panel .plan-schedule-info{
padding:12px;
border-bottom:1px solid #cfcfcf;
}
.plan-panel .plan-schedule-info > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
}
.plan-panel .plan-schedule-info > li:not(:first-child){
margin-top:11px;
}
.plan-panel .plan-schedule-info > li .icon{
margin-right:6px;
padding:5px 3px 4px;
font-size:11px;
line-height:1;
border:1px solid #ccc;
background-color:#fff;
}
.plan-panel .plan-schedule-info > li > div:last-child{
line-height:1.2;
}
.plan-panel .plan-schedule-info > li > div:last-child > b{
font-size:20px;
font-weight:bold;
}
.plan-panel .plan-schedule-info > li > div:last-child > .sup{
font-size:11px;
font-weight:normal;
display:block;
color:#737373;
}
.plan-panel .plan-schedule-info > li > div:last-child > .sup > span:after{
content:"\ff1a";
}

/* .plan-schedule-list
----------------------------------------------- */
.plan-panel .plan-schedule-list{
position:relative;
line-height:1.3;
}
.plan-panel .plan-schedule-list:after{
position:absolute;
top:0;
left:23px;
display:block;
overflow:hidden;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:3px;
height:100%;
content:"";
background-color:#bfbfbf;
}
.plan-panel .plan-schedule-list > li > a{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
min-height:36px;
padding:8px 15px 8px 40px;
text-decoration:none;
color:var(--cmn-font-color-base);
background-color:#fff;
}
.plan-panel .plan-schedule-list > li > a > [class*="icon-spot-"]{
position:absolute;
top:50%;
left:10px;
width:28px;
z-index:3;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.plan-panel .plan-schedule-list > li:first-child > a:before,
.plan-panel .plan-schedule-list > li:last-child > a:before{
position:absolute;
z-index:1;
top:0;
left:23px;
display:block;
overflow:hidden;
width:3px;
height:30px;
content:"";
background-color:#fff;
}
.plan-panel .plan-schedule-list > li:last-child > a:before{
top:auto;
bottom:0;
height:50%;
}
.plan-panel .plan-schedule-list > li:not(:last-child) > a{
border-bottom:1px dotted #cfcfcf;
}
.plan-panel .plan-schedule-list > li.is-active > a{
background-color:#f8f3e7;
}
.plan-panel .plan-schedule-list > li.is-active:first-child > a:before,
.plan-panel .plan-schedule-list > li.is-active:first-child > a:after,
.plan-panel .plan-schedule-list > li.is-active:last-child > a:before,
.plan-panel .plan-schedule-list > li.is-active:last-child > a:after{
background-color:#f8f3e7;
}
.plan-panel .plan-schedule-list > li .time{
margin-right:15px;
min-width:7em;
font-size:11px;
white-space:nowrap;
}
.plan-panel .plan-schedule-list > li .detail{
font-size:13px;
font-weight:bold;
}
.plan-panel .plan-schedule-list > li .detail > .detail-more{
display:none;
font-size:12px;
line-height:1.55;
padding-top:5px;
}
.plan-panel .plan-schedule-list > li .transportation{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-top:-1px;
padding:8px 15px 8px 40px;
background-color:#f5f5f5;
}
.plan-panel .plan-schedule-list > li .transportation + .transportation{
border-top:1px solid #fff;
}
.plan-panel .plan-schedule-list > li .transportation .detail{
font-weight:normal;
}
.plan-panel .plan-schedule-list > li .transportation.is-active .detail > .detail-more{
display:block;
}
.plan-panel .plan-schedule-list > li .transportation > [class*="icon-"]{
position:absolute;
z-index:3;
top:50%;
left:13px;
width:22px;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.plan-panel .plan-schedule-list > li .transportation > .icon-plane{
left:16px;
width:17px;
}
.plan-panel .plan-schedule-list > li .transportation > .icon-walk{
left:15px;
width:16px;
}
.plan-panel .plan-schedule-list > li .transportation > .icon-other{
left:18px;
width:12px;
}
.plan-panel .plan-schedule-list > li .transportation:after{
position:absolute;
z-index:1;
top:50%;
left:5px;
display:block;
overflow:hidden;
width:35px;
height:22px;
content:"";
background-color:#f5f5f5;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}

/* .plan-schedule-panel
----------------------------------------------- */
.plan-schedule-panel{
margin-bottom:30px;
border:1px solid #ccc;
border-radius:6px;
}
.plan-schedule-panel > :first-child:not(:root):before{
top:25px;
}
.plan-schedule-panel > :last-child:not(:root):before{
height:40px;
}

/* .plan-schedule-item
----------------------------------------------- */
.plan-schedule-panel .plan-schedule-item{
position:relative;
padding:20px 260px 30px 60px;
font-size:13px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.plan-schedule-panel .plan-schedule-item:before{
position:absolute;
z-index:1;
top:0;
left:29px;
display:block;
overflow:hidden;
width:4px;
height:100%;
content:"";
border-bottom:1px solid #bfbfbf;
background-color:#bfbfbf;
}

/* .plan-schedule-item-header
----------------------------------------------- */
.plan-schedule-panel .plan-schedule-item-header{
margin-bottom:2px;
}

/* .plan-schedule-item-header-hdg
----------------------------------------------- */
.plan-schedule-panel .plan-schedule-item-header-hdg{
display:inline;
font-size:22px;
color:var(--cmn-font-color-base);
line-height:1.35;
}
.plan-schedule-panel .plan-schedule-item-header-hdg .icon{
position:absolute;
top:18px;
left:10px;
z-index:2;
}
.plan-schedule-panel .plan-schedule-item-header-hdg .time{
display:block;
font-size:15px;
font-weight:normal;
}
.plan-schedule-panel .plan-schedule-item-header-hdg .ruby{
font-size:14px;
}
.plan-schedule-panel .plan-schedule-item-header-hdg .ruby:before{
content:"/";
margin:0 5px 0 7px;
display:inline;
}

/* .plan-schedule-item-header-hdg
----------------------------------------------- */
.plan-schedule-panel .plan-schedule-item-header-hdg-sup{
position:relative;
display:inline;
font-size:12px;
padding-left:13px;
}
.plan-schedule-panel .plan-schedule-item-header-hdg-sup:before{
content:"";
position:absolute;
left:3px;
top:1px;
display:block;
width:1px;
height:15px;
background-color:#bfbfbf;
}

/* .plan-schedule-item-info-list
----------------------------------------------- */
.plan-schedule-panel .plan-schedule-item-info-list{
margin-bottom:22px;
}
.plan-schedule-panel .plan-schedule-item-info-list > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:12px;
color:var(--cmn-font-color-base);
}
.plan-schedule-panel .plan-schedule-item-info-list > li > div:first-child{
position:relative;
padding-right:1em;
width:8em;
color:#555;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.plan-schedule-panel .plan-schedule-item-info-list > li > div:first-child:after{
content:"\ff1a";
display:block;
position:absolute;
top:0;
right:0;
}
.plan-schedule-panel .plan-schedule-item-info-list > li > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
word-break:break-all;
}

/* .plan-schedule-item-thumb
----------------------------------------------- */
.plan-schedule-panel .plan-schedule-item-thumb{
position:absolute;
right:20px;
top:40px;
}
.plan-schedule-panel .plan-schedule-item-thumb a{
text-decoration:none;
color:#666;
}
.plan-schedule-panel .plan-schedule-item-thumb .image{
position:relative;
width:216px;
height:144px;
background-color:#f2f2f2;
}
.plan-schedule-panel .plan-schedule-item-thumb .image > img{
position:absolute;
top:50%;
left:50%;
max-width:100%;
max-height:100%;
width:auto;
height:auto;
vertical-align:top;
-webkit-transform:translate(-50%, -50%) rotate(.1deg);
transform:translate(-50%, -50%) rotate(.1deg);
}
.plan-schedule-panel .plan-schedule-item-thumb .caption{
margin-top:3px;
font-size:11px;
font-weight:normal;
text-align:center;
}

/* .plan-schedule-transportation
----------------------------------------------- */
.plan-schedule-panel .plan-schedule-transportation{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding:12px 20px 9px 60px;
background-color:#f5f5f5;
}
.plan-schedule-panel .plan-schedule-transportation + .plan-schedule-transportation{
border-top:1px solid #fff;
}
.plan-schedule-panel .plan-schedule-transportation:before{
position:absolute;
z-index:1;
top:0;
left:29px;
display:block;
overflow:hidden;
width:4px;
height:100%;
content:"";
border-bottom:1px solid #bfbfbf;
background-color:#bfbfbf;
}
.plan-schedule-panel .plan-schedule-transportation:after{
position:absolute;
z-index:1;
top:50%;
left:13px;
display:block;
overflow:hidden;
width:36px;
height:36px;
margin-top:-18px;
content:"";
background-color:#f5f5f5;
}

/* .plan-schedule-transportation-hdg
----------------------------------------------- */
.plan-schedule-panel .plan-schedule-transportation-hdg{
margin-right:20px;
font-size:15px;
line-height:1.35;
min-width:6em;
}
.plan-schedule-panel .plan-schedule-transportation-hdg .sup{
display:block;
font-size:12px;
}
.plan-schedule-panel .plan-schedule-transportation-hdg [class*="icon-"]{
position:absolute;
left:14px;
top:50%;
margin-top:-10px;
z-index:2;
}
.plan-schedule-panel .plan-schedule-transportation-hdg .icon-cyclo{
margin-top:-13px;
}
.plan-schedule-panel .plan-schedule-transportation-hdg .icon-car{
left:12px;
}
.plan-schedule-panel .plan-schedule-transportation-hdg .icon-walk{
left:19px;
margin-top:-14px;
}
.plan-schedule-panel .plan-schedule-transportation-hdg .icon-ship{
left:11px;
margin-top:-11px;
}
.plan-schedule-panel .plan-schedule-transportation-hdg .icon-plane{
left:18px;
margin-top:-14px;
}
.plan-schedule-panel .plan-schedule-transportation-hdg .icon-bicycle{
margin-top:-14px;
}
.plan-schedule-panel .plan-schedule-transportation-hdg .icon-motorcycle{
margin-top:-12px;
}
.plan-schedule-panel .plan-schedule-transportation-hdg .icon-other{
left:22px;
}
.plan-schedule-panel .plan-schedule-transportation-hdg .icon-cablecar{
margin-top:-17px;
}
.plan-schedule-panel .plan-schedule-transportation-hdg .icon-threewheeler{
margin-top:-11px;
}
.plan-schedule-panel .plan-schedule-transportation-hdg .icon-helicopter{
margin-top:-13px;
}
.plan-schedule-panel .plan-schedule-transportation-hdg .icon-train{
margin-top:-12px;
}

/* .plan-schedule-transportation-detail
----------------------------------------------- */
.plan-schedule-panel .plan-schedule-transportation-detail{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
font-size:12px;
}
.plan-schedule-panel .plan-schedule-transportation-detail > p + P{
margin-top:8px;
}
.plan-schedule-panel .plan-schedule-transportation-detail .price{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.plan-schedule-panel .plan-schedule-transportation-detail .price > div:first-child{
position:relative;
padding-right:1em;
}
.plan-schedule-panel .plan-schedule-transportation-detail .price > div:first-child:after{
content:"\ff1a";
display:block;
position:absolute;
top:0;
right:0;
}

/* ----------------------------------------------------------------

Agent link

----------------------------------------------------------------- */

/* .agt-link
----------------------------------------------- */
.agt-link{
margin:30px auto;
border:3px solid #a9a9a9;
padding:30px 100px 24px;
width:800px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:13px;
}

/* .agt-link-wording
----------------------------------------------- */
.agt-link .agt-link-wording{
position:relative;
padding-bottom:68px;
text-align:center;
font-size:15px;
}
.agt-link .agt-link-wording > b{
display:block;
font-size:18px;
}
.agt-link .agt-link-wording > img{
margin-bottom:14px;
}
.agt-link .agt-link-wording:before{
content:"";
display:block;
position:absolute;
bottom:10px;
left:50%;
margin-left:-24px;
width:48px;
height:48px;
background:url(/element/shared/images/icon/ic_load_l.gif) no-repeat left top;
}

/* .agt-link-note-list
----------------------------------------------- */
.agt-link .agt-link-note-list{
color:var(--cmn-font-color-base);
margin-bottom:10px;
padding:10px 26px;
background-color:#efefef;
}
.agt-link .agt-link-note-list > li:not(:first-child){
margin-top:4px;
}

/* .agt-link-note
----------------------------------------------- */
.agt-link .agt-link-note{
color:var(--cmn-font-color-base);
text-align:center;
font-size:15px;
}

/* ----------------------------------------------------------------
Paragraph
-------------------------------------------------------------------
/* .b
----------------------------------------------- */
.b{
font-weight:bold !important;
}

/* .selection
----------------------------------------------- */
.selection{
background-color:#fff094;
}

/* ----------------------------------------------------------------
List
----------------------------------------------------------------- */

/* .list-bullet
----------------------------------------------- */
.list-bullet{
margin-bottom:5px;
}
.list-bullet > li{
position:relative;
margin-bottom:3px;
padding-left:12px;
}
.list-bullet > li:before{
position:absolute;
top:.5em;
left:0;
display:block;
overflow:hidden;
width:6px;
height:6px;
content:"";
border-radius:3px;
background-color:#acacac;
}
.list-bullet > li > a.icon-blank:after{
content:"";
margin-left:5px;
display:inline-block;
width:12px;
height:11px;
opacity:.5;
vertical-align:middle;
background:url(/element_sp/shared/images/icon/ico-external.svg) 0 0 no-repeat;
background-size:12px 11px;
}

/* .list-line
----------------------------------------------- */
.list-line li{
font-size:12px;
line-height:1.25;
display:inline-block;
margin:5px 0 0 2px;
padding-left:5px;
border-left:1px solid #aaa;
}
.list-line li:first-child{
margin-left:0;
padding-left:0;
border-left:none;
}

/* .list-line.branch ----------------------------- */

.list-line.branch li,
.list-line-02.branch li{
margin-top:0;
}

/* .list-line-02
----------------------------------------------- */
.list-line-02 li{
line-height:1.25;
display:inline-block;
margin-top:5px;
padding-right:15px;
}
.list-line-02 li b{
font-weight:normal;
position:relative;
padding-right:8px;
}
.list-line-02 li b:after{
position:absolute;
top:0;
right:3px;
content:"\003a ";
}
.box-info .list-line-02{
display:inline-block;
}
.box-info .list-line-02 li{
position:relative;
margin-top:3px;
padding:0 15px;
vertical-align:top;
}
.box-info .list-line-02 li b{
display:none;
}
.box-info .list-line-02 li:before{
position:absolute;
top:0;
left:0;
display:block;
width:13px;
height:13px;
content:"";
background:#999;
}
.box-info .list-line-02 li:after{
position:absolute;
top:1px;
color:#fff;
}
.box-info .list-line-02 li.price:after{
font-size:11px;
left:3px;
content:"\005C";
}
.box-info .list-line-02 li.holiday:after{
font-size:10px;
left:1px;
content:"\4F11";
}

/* .list-icon
----------------------------------------------- */
.list-icon{
font-size:11px;
margin:0 0 3px;
}
.list-icon li{
display:inline-block;
margin:0 5px 5px 0;
padding:1px 4px;
border-radius:2px;
background-color:#f2f2f2;
}
.box-02 .list-icon li{
background-color:#fff;
}
.tab-02 .list-icon + p{
margin-top:10px;
}
.schedule-detail .list-icon{
margin:3px 0 0;
}
.schedule-detail .list-icon li{
margin:5px 5px 0 0;
}

/* .list-def
----------------------------------------------- */
.list-def{
font-size:12px;
margin:10px 0;
}
.list-def dt{
display:inline-block;
width:18%;
max-width:96px;
margin-top:4px;
vertical-align:top;
color:#555;
}
.list-def dd{
position:relative;
display:inline-block;
width:78%;
margin:4px 0 0 0;
padding-left:3%;
vertical-align:top;
}
.list-def dd:before{
position:absolute;
top:0;
left:0;
content:"\003a";
}
.list-def dd .detail{
display:block;
}
.list-def dd .detail span{
position:relative;
padding-right:16px;
}
.list-def dd .detail span:after{
position:absolute;
top:.25em;
right:7px;
display:block;
overflow:hidden;
width:1px;
height:1em;
content:"";
background-color:#808080;
}
.list-def dd .distance-def{
display:inline;
margin-left:10px;
}
.list-def dd .distance-def .btn-search-route{
font-size:10px;
display:inline-block;
margin-top:5px;
padding:0 6px;
text-decoration:none !important;
color:#555 !important;
border:1px solid #b5b5b5;
border-radius:3px;
background-color:#fefefe;
background-image:-webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#eaeaea));
background-image:linear-gradient(#fefefe, #eaeaea);
}

/* .list-def-01
----------------------------------------------- */
.list-def-01{
font-size:12px;
line-height:1.55;
overflow:hidden;
margin:10px 0;
color:#666;
}
.list-def-01 dt{
font-weight:bold;
float:left;
overflow:hidden;
min-width:5em;
}
.list-def-01 dd{
position:relative;
overflow:hidden;
padding-left:1.5em;
}
.list-def-01 dd:before{
position:absolute;
top:0;
left:0;
content:"\003a ";
}

/* ----------------------------------------------------------------
Link
----------------------------------------------------------------- */

/* .link
----------------------------------------------- */
.link{
position:relative;
display:inline-block;
padding-left:8px;
}
.link:before{
position:absolute;
display:inline-block;
display:block;
width:0;
height:0;
margin:0;
content:"";
border-width:3px 0 3px 3px;
border-style:solid;
border-color:transparent transparent transparent #3b3b3b;
}
.link:before{
top:.4em;
left:0;
}

/* .link-03
----------------------------------------------- */
.link-03{
position:relative;
}
.link-03:before{
position:relative;
display:inline-block;
overflow:hidden;
width:15px;
height:15px;
content:"";
}
.link-03:before{
margin-right:3px;
margin-bottom:-4px;
background-image:url(/element/w_review_v2/shared/images/sprite-icon.png);
background-repeat:no-repeat;
background-position:-589px -10px;
}

/* .link-list
----------------------------------------------- */
.link-list{
margin-bottom:5px;
}
.link-list li{
margin:3px 0 0 0;
padding:0;
background-image:none;
}
.link-list li:first-child{
margin-top:0;
}
.link-list li a{
position:relative;
display:inline-block;
padding-left:8px;
}
.link-list li a:before{
position:absolute;
display:inline-block;
display:block;
width:0;
height:0;
margin:0;
content:"";
border-width:3px 0 3px 3px;
border-style:solid;
border-color:transparent transparent transparent #3b3b3b;
}
.link-list li a:before{
top:.45em;
left:0;
}

/* .link-list-profile
----------------------------------------------- */
.link-list-profile > li{
margin:5px 0 0;
padding:5px 0 0;
border-top:1px dotted #c9c9c9;
}
.link-list-profile > li .list-profile-inner{
display:table;
width:100%;
padding:10px 0;
}
.link-list-profile > li:first-child{
margin:0 !important;
padding:0 !important;
border-top:none;
}
.link-list-profile > li:first-child .list-profile-inner{
padding-top:0;
}
.link-list-profile > li a{
font-weight:bold;
position:relative;
display:inline-block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding-left:8px;
text-decoration:none !important;
color:#333 !important;
}
.link-list-profile > li a:before{
position:absolute;
display:inline-block;
display:block;
width:0;
height:0;
margin:0;
content:"";
border-width:3px 0 3px 3px;
border-style:solid;
border-color:transparent transparent transparent #3b3b3b;
}
.link-list-profile > li a:before{
top:.45em;
left:0;
}
.link-list-profile > li .link-inner{
font-weight:bold;
display:table-cell;
padding-right:15px;
vertical-align:top;
}
.link-list-profile > li .link-inner .sup{
font-weight:normal;
}
.link-list-profile > li .profile-simple{
display:table-cell;
width:170px;
padding-left:35px;
vertical-align:top;
}
.link-list-profile > li .profile-simple .profile-thumb{
width:30px;
height:30px;
}

/* .link-list-line
----------------------------------------------- */
.link-list-line,
.link-list-line-01{
margin-top:-10px;
line-height:1.25;
}
.link-list-line li,
.link-list-line-01 li{
margin:10px 7px 0 0;
display:inline-block;
padding-right:10px;
border-right:1px solid #d9d9d9;
font-size:12px;
}
.link-list-line li:last-child,
.link-list-line-01 li:last-child{
margin-right:0;
padding-right:0;
border-right:none;
}
.link-list-line li a,
.link-list-line-01 li a{
color:#555 !important;
}

/* .link-list-line
----------------------------------------------- */
.link-list-line-01{
font-size:11px;
}
.link-list-line-01 li{
margin-bottom:3px;
}

/* .link-article
----------------------------------------------- */
.link-article{
margin-bottom:5px;
}
.link-article span{
font-weight:bold;
display:inline-block;
vertical-align:middle;
color:#444;
}
.link-article a{
display:inline-block;
vertical-align:middle;
}
.link-article a.link:before{
top:.5em;
left:3px;
}
.link-article a.link.link-more{
font-size:11px;
padding-left:10px;
}

/* ----------------------------------------------------------------
Button
----------------------------------------------------------------- */

/* .btn
----------------------------------------------- */
.btn{
font-size:13px;
font-weight:bold;
display:inline-block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:10px 0;
padding:8px 6px;
text-align:center;
text-decoration:none;
border:1px solid #c9c9c9;
border-radius:3px;
background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f4f4f4));
background-image:linear-gradient(#fff 0%, #f4f4f4 100%);
background-color:#f4f4f4;
}
.btn span{
position:relative;
display:inline-block;
padding-left:18px;
}
.btn span:before{
position:absolute;
top:50%;
left:0;
display:block;
overflow:hidden;
width:14px;
height:14px;
margin-top:-7px;
content:"";
border-radius:7px;
background:-webkit-gradient(linear, left top, left bottom, from(#808080), to(#737373));
background:linear-gradient(#808080 0%, #737373 100%);
background-color:#808080;
}
.btn span:after{
position:absolute;
top:50%;
left:5px;
display:block;
width:0;
height:0;
margin:-4px 0 0;
content:"";
border-width:4px 0 4px 6px;
border-style:solid;
border-color:transparent transparent transparent #fff;
}

/* .btn-list
----------------------------------------------- */
.btn-list{
font-size:12px;
margin:5px 0;
}
.btn-list > li{
display:inline-block;
margin:0 3px 5px 0;
}
.btn-list > li > a{
display:block;
min-width:6em;
padding:3px 5px;
text-align:center;
text-decoration:none;
color:var(--cmn-font-color-base);
border:1px solid #ccc;
border-radius:4px;
background-color:#fff;
-webkit-box-shadow:0 -2px 0 rgba(223, 223, 223, .75) inset;
box-shadow:0 -2px 0 rgba(223, 223, 223, .75) inset;
}

/* .btn-list-reference
----------------------------------------------- */
.btn-list-reference{
margin-top:5px;
}
.btn-list-reference li{
display:inline-block;
margin-left:5px;
}
.btn-list-reference li:first-child{
margin-left:0;
}
.btn-list-reference li button{
font-size:12px;
line-height:24px;
min-width:90px;
padding:0;
cursor:pointer;
text-align:center;
text-decoration:none !important;
color:#333 !important;
border:1px solid #ccc;
border-radius:4px;
background-color:#fff;
-webkit-box-shadow:0 -2px 0 rgba(223, 223, 223, .75) inset;
box-shadow:0 -2px 0 rgba(223, 223, 223, .75) inset;
}
.btn-list-reference li button:hover,
.btn-list-reference li button:focus{
background-color:#f7f7f7;
}
.btn-list-reference li .count-num{
font-size:11px;
position:relative;
display:inline-block;
margin-left:5px;
padding:2px 10px 1px;
border-radius:2px;
background-color:#eaeaea;
}
.btn-list-reference li .count-num:after{
position:absolute;
display:inline-block;
display:block;
width:0;
height:0;
margin:0;
content:"";
border-width:5px 5px 5px 0;
border-style:solid;
border-color:transparent #eaeaea transparent transparent;
}
.btn-list-reference li .count-num:after{
top:5px;
left:-5px;
}

/* ----------------------------------------------------------------
image
----------------------------------------------------------------- */

/* .image-left / .image-right
----------------------------------------------- */
.image-left{
overflow:hidden;
}
.image-left > .image{
float:left;
padding-right:1.36986%;
text-align:center;
}
.image-left > .image a{
display:block;
text-decoration:none !important;
}
.image-left > .image .caption{
font-size:11px;
font-weight:normal;
display:block;
margin-top:5px;
}
.image-left > .col{
overflow:hidden;
}
.image-left.wrap > .image{
margin-bottom:1.36986%;
}
.image-right{
overflow:hidden;
}
.image-right > .image{
float:right;
padding-left:1.36986%;
text-align:center;
}
.image-right > .image a{
display:block;
text-decoration:none !important;
}
.image-right > .image .caption{
font-size:11px;
font-weight:normal;
display:block;
margin-top:5px;
}
.image-right > .col{
overflow:hidden;
}
.image-right.wrap > .image{
margin-bottom:1.36986%;
}
.image-left,
.image-right{
margin-bottom:15px;
}
.image-left .col > :first-child,
.image-right .col > :first-child{
margin-top:0;
}
.image-left .image .image-lyt,
.image-right .image .image-lyt{
display:block;
background-color:#eee;
}
.image-left .image img,
.image-right .image img{
max-width:285px;
max-height:162px;
}

/* ----------------------------------------------------------------
Box
----------------------------------------------------------------- */

/* .box
----------------------------------------------- */
.box{
margin:20px 0;
padding:15px;
border:4px solid #d3c5a3;
border-radius:6px;
background-color:#fdfbf4;
}
#main_Col .box > :first-child{
margin-top:0;
}
#main_Col .box > :last-child{
margin-bottom:0;
}

/* .box-02
----------------------------------------------- */
.box-02{
position:relative;
margin:20px 0;
padding:10px 15px;
border-bottom:1px solid #dad9d9;
background-color:#f4f4f4;
}
.box-02:before{
position:absolute;
display:inline-block;
display:block;
width:0;
height:0;
margin:0;
content:"";
border-width:0 8px 8px 8px;
border-style:solid;
border-color:transparent transparent #f4f4f4 transparent;
}
.box-02:before{
top:-8px;
left:20px;
}
.box-article .box-02{
margin-top:15px;
}
.box-article .box-02 a{
text-decoration:none !important;
color:#333 !important;
}

/* .box-info
----------------------------------------------- */
.box-info{
font-size:12px;
position:relative;
padding-right:35%;
}
.box-info .btn-book{
position:absolute;
right:0;
bottom:-18px;
}
.box-info .btn-book .btn{
margin:0;
}
.box-info .link-search{
display:inline-block;
}
#main_Col.branch .box-info .btn-book{
bottom:-38px;
}

/* ----------------------------------------------------------------
notice
----------------------------------------------------------------- */
/* .notice-list
----------------------------------------------- */
.notice-list{
font-size:11px;
margin:0;
color:#949494;
}
.notice-list > li{
position:relative;
padding-left:1em;
line-height:1.3;
}
.notice-list > li::before{
content:"\203b";
position:absolute;
left:0;
top:0;
}

/* ----------------------------------------------------------------
layout
----------------------------------------------------------------- */
/* grid
----------------------------------------------- */
/*  12 COLUMN : RESPONSIVE GRID SYSTEM
 DEVELOPER : DENIS LEBLANC
 URL : http://responsive.gs
 VERSION : 3.0
 LICENSE : GPL & MIT */
[class^="grid-"]{
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.grid-container{
margin:0 auto;
}
.grid-container .grid-col{
display:block;
float:left;
}
.grid-container .grid-gutters .grid-col{
margin-left:1.36986%;
}
.grid-container .grid-gutters .grid-col:first-child{
margin-left:0;
}
.grid-container .grid-span-1{
width:8.33333%;
}
.grid-container .grid-span-2{
width:16.66667%;
}
.grid-container .grid-span-3{
width:25%;
}
.grid-container .grid-span-4{
width:33.33333%;
}
.grid-container .grid-span-5{
width:41.66667%;
}
.grid-container .grid-span-6{
width:50%;
}
.grid-container .grid-span-7{
width:58.33333%;
}
.grid-container .grid-span-8{
width:66.66667%;
}
.grid-container .grid-span-9{
width:75%;
}
.grid-container .grid-span-10{
width:83.33333%;
}
.grid-container .grid-span-11{
width:91.66667%;
}
.grid-container .grid-span-12{
width:100%;
}
.grid-container .grid-gutters .grid-span-1{
width:7.07763%;
}
.grid-container .grid-gutters .grid-span-2{
width:15.52511%;
}
.grid-container .grid-gutters .grid-span-3{
width:23.9726%;
}
.grid-container .grid-gutters .grid-span-4{
width:32.42009%;
}
.grid-container .grid-gutters .grid-span-5{
width:40.86758%;
}
.grid-container .grid-gutters .grid-span-6{
width:49.31507%;
}
.grid-container .grid-gutters .grid-span-7{
width:57.76256%;
}
.grid-container .grid-gutters .grid-span-8{
width:66.21005%;
}
.grid-container .grid-gutters .grid-span-9{
width:74.65753%;
}
.grid-container .grid-gutters .grid-span-10{
width:83.10502%;
}
.grid-container .grid-gutters .grid-span-11{
width:91.55251%;
}
.grid-container .grid-gutters .grid-span-12{
width:100%;
}

/* ----------------------------------------------------------------
Component
----------------------------------------------------------------- */
/* .toggle-container
----------------------------------------------- */
.toggle-container .toggle-item{
display:none;
}
.toggle-container.active .toggle-item{
display:block;
}

/* .display-switcher
----------------------------------------------- */
.display-switcher{
display:table;
overflow:hidden;
width:210px;
margin:0 0 15px;
table-layout:fixed;
border:1px solid #b5b5b5;
border-radius:4px;
}
.display-switcher > li{
display:table-cell;
}
.display-switcher > li a{
font-size:14px;
font-weight:bold;
position:relative;
display:block;
padding:8px 5px 8px 38px;
text-decoration:none;
color:var(--cmn-font-color-base);
background-color:#f2f2f2;
background-image:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#efefef));
background-image:linear-gradient(#f2f2f2, #efefef);
-webkit-box-shadow:0 -1px 0 rgba(204, 204, 204, .4) inset;
box-shadow:0 -1px 0 rgba(204, 204, 204, .4) inset;
}
.display-switcher > li a:before{
position:absolute;
top:50%;
left:8px;
display:block;
overflow:hidden;
width:24px;
height:18px;
content:"";
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
background-image:url(/element/w_review_v2/shared/images/sprite-icon.png);
background-repeat:no-repeat;
}
.display-switcher > li.list{
border-right:1px solid #b5b5b5;
}
.display-switcher > li.list a{
border-radius:3px 0 0 3px;
}
.display-switcher > li.list a:before{
background-position:-144px -10px;
}
.display-switcher > li.map a{
border-radius:0 3px 3px 0;
}
.display-switcher > li.map a:before{
height:24px;
background-position:-188px -10px;
}
.display-switcher > li.active a{
background-color:#fff;
background-image:none;
-webkit-box-shadow:1px 2px 1px rgba(204, 204, 204, .5) inset;
box-shadow:1px 2px 1px rgba(204, 204, 204, .5) inset;
}
.display-switcher > li.disabled a{
opacity:.6;
}

/* .control-box
----------------------------------------------- */
#container .control-box{
display:table;
width:100%;
margin:0 0 15px;
text-align:right;
}
#container .control-box .control-box-inner{
display:table-cell;
width:730px;
padding-left:20px;
text-align:right;
vertical-align:middle;
}
#container .control-box .control-box-inner:first-child{
width:210px;
padding-left:0;
text-align:left;
}
#container .control-box .control-sort{
font-size:12px;
line-height:1.25;
margin:.25em 0 10px;
text-align:left;
}
#container .control-box .control-sort li{
display:inline-block;
padding:0 2px 0 4px;
border-left:1px solid #b3b3b3;
}
#container .control-box .control-sort li:first-child{
padding-left:0;
border-left:none;
}
#container .control-box .control-sort li a{
display:block;
}
#container .control-box .control-sort li img{
cursor:pointer;
}
#container .panel-01 + .control-box{
margin:-20px 0 30px;
}

.control-container{
display:flex;
justify-content:space-between;
margin-top:20px;
}

.control-num-container{
display:table;
font-family:Arial;
}

.control-num-container > .control-num,
.control-num-container > .control-pager{
display:table-cell;
vertical-align:middle;
}

.control-num-container > .control-num{
font-size:12px;
padding-right:10px;
}

.control-num-container > .control-num > span{
line-height:1.35;
display:inline-block;
}

.control-num-container > .control-num > span b{
font-size:18px;
display:inline-block;
margin:0 2px;
}

.control-num-container > .control-pager{
text-align:right;
}

/* .pager
----------------------------------------------- */
.pager{
font-size:14px;
line-height:1;
white-space:nowrap;
}

.pager li{
display:inline-block;
text-align:center;
}

.pager li > a,
.pager li > b{
display:block;
box-sizing:border-box;
min-width:24px;
padding:5px 2px 5px 2px;
color:#555;
background-color:#ececec;
}

.pager li > a:active,
.pager li > a:hover,
.pager li > a:focus,
.pager li > b:active,
.pager li > b:hover,
.pager li > b:focus{
text-decoration:none;
background-color:transparent;
}

.pager li > b{
color:#555;
background-color:transparent;
}

.pager li > b:active,
.pager li > b:hover,
.pager li > b:focus{
background-color:transparent;
}

.pager .first,
.pager .last,
.pager .prev,
.pager .next{
font-size:12px;
}

.pager .first > a,
.pager .last > a,
.pager .prev > a,
.pager .next > a{
padding:7px 5px 5px 5px;
}

.pager .prev{
margin-right:3px;
}

.pager .next{
margin-left:3px;
}

.pager .ellipsis{
position:relative;
margin-left:-3px;
padding-left:16px;
}

.pager .ellipsis:before{
font-weight:normal;
position:absolute;
bottom:0;
left:0;
display:block;
content:'...';
color:#555;
speak:none;
}

/* control-post-date-container
------------------------------------------------ */
.control-box .result-date-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items:center;
text-align:left;
}
.control-box .result-date-container > li{
font-size:12px;
color:#949494
}
.control-box .result-date-container > li:not(:first-child){
margin-left:10px;
}
.control-box .result-date-container > li > span:first-child::after{
content:":";
display:inline-block;
}

/* .rank-def
----------------------------------------------- */
.rank-def dt{
font-size:11px;
display:inline-block;
margin-bottom:3px;
color:#555;
}
.rank-def dd{
display:inline-block;
}
.rank-def .icon-tooltip{
margin:-2px 0 0 3px;
vertical-align:middle;
}

/* .profile-simple
----------------------------------------------- */
.profile-simple{
font-size:12px;
line-height:1.35;
position:relative;
min-height:40px;
padding-left:45px;
}
.profile-simple span{
font-size:10px;
display:block;
}
.profile-simple a{
display:inline-block;
text-decoration:none !important;
color:#333 !important;
}
.profile-simple .profile-thumb{
position:absolute;
top:0;
left:0;
width:40px;
height:40px;
}

/* .profile-detail
----------------------------------------------- */
.profile-detail{
font-size:12px;
display:table;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
margin-bottom:20px;
padding:15px;
border:4px solid #b5b5b5;
background-color:#fff;
}
.profile-detail .profile-detail-inner{
display:table-cell;
vertical-align:top;
}
.profile-detail .profile-detail-inner:first-child{
width:42%;
padding-right:10px;
background-color:#fff;
}
.profile-detail .profile-detail-inner > .profile-hdg-01:first-child{
margin-top:0;
padding-top:0;
border-top:none;
}
.profile-detail .profile-detail-inner > :last-child{
margin-bottom:0;
}
.profile-detail .profile-detail-inner br{
display:none;
}
.profile-detail .profile-detail-inner br + br{
display:block;
margin-bottom:5px;
}
.profile-detail .profile-thumb-area{
position:relative;
min-height:85px;
margin-bottom:10px;
padding-left:95px;
}
.profile-detail .profile-thumb-area .profile-thumb{
position:absolute;
top:0;
left:0;
max-width:85px;
max-height:85px;
}
.profile-detail .profile-hdg{
font-size:17px;
margin-bottom:8px;
}
.profile-detail .profile-hdg .sup{
font-size:12px;
font-weight:normal;
display:block;
}
.profile-detail .profile-hdg-01{
font-size:12px;
font-weight:bold;
display:inline-block;
width:85px;
margin:12px 0 7px;
text-align:center;
border-radius:2px;
background:#e3e3e3;
}
.profile-detail .profile-def{
overflow:hidden;
padding-top:10px;
}
.profile-detail .profile-def dt{
font-weight:bold;
float:left;
overflow:hidden;
}
.profile-detail .profile-def dd{
overflow:hidden;
padding:2px 0 2px 10px;
}
.profile-detail .profile-def dd .link-list-line li,
.profile-detail .profile-def dd .link-list-line-01 li{
margin-right:10px;
}
.profile-detail > :last-child{
margin-bottom:0;
}
.profile-detail .profile-footer{
margin-top:20px;
}
.profile-detail .profile-notes{
text-align:right;
}
.profile-detail .profile-notes li{
font-size:11px;
color:var(--cmn-font-color-gray);
text-indent:-1.3em;
margin-left:1.3em;
}
.profile-detail .profile-notes .mark{
margin-right:4px;
}

/* .request-box
----------------------------------------------- */
.request-box{
margin-top:58px;
padding:15px 40px;
color:var(--cmn-font-color-base);
border-radius:6px;
background-color:#ececec;
}
.request-box p{
font-size:14px;
}

/* .request-box-hdg
----------------------------------------------- */
.request-box .request-box-hdg{
font-size:18px;
font-weight:bold;
margin-bottom:15px;
padding-bottom:5px;
text-align:center;
color:var(--cmn-font-color-base);
border-bottom:1px solid #b1b1b1;
-webkit-box-shadow:0 1px 0 #fff;
box-shadow:0 1px 0 #fff;
}

/* .list-bullet
----------------------------------------------- */
.request-box .list-bullet{
margin-top:10px;
font-size:12px;
overflow:hidden;
}
.request-box .list-bullet > li{
min-width:222px;
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.request-box .list-bullet > li:nth-child(odd){
clear:left;
}

/* .request-box-btn-submit
----------------------------------------------- */
.request-box .request-box-btn-submit{
margin:10px 0;
text-align:center;
}
.request-box .request-box-btn-submit > a{
display:inline-block;
padding:7px 52px;
-webkit-box-shadow:inset 0 -2px rgba(0, 0, 0, .2);
box-shadow:inset 0 -2px rgba(0, 0, 0, .2);
background:#fff;
border-color:#bebebe;
min-width:0;
min-width:initial;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:16px;
font-weight:bold;
color:#555;
text-decoration:none;
border:1px solid #c9c9c9;
border-radius:3px;
background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f4f4f4));
background-image:linear-gradient(#fff 0%, #f4f4f4 100%);
background-color:#f4f4f4;
}

/* .request-box textarea
----------------------------------------------- */
.request-box textarea{
width:100%;
margin-top:8px;
border:1px solid #b5b5b5;
border-radius:4px;
}

/* .request-box-sup
----------------------------------------------- */
.request-box-sup{
margin-top:5px;
}
.request-box-sup > :first-child{
margin-top:0;
}
.request-box-sup p{
margin:13px 0;
font-size:12px;
text-indent:-1em;
padding-left:1em;
line-height:1.65;
}
.request-box-sup p strong{
color:#e20807;
font-weight:normal;
}

/* ----------------------------------------------------------------
Popup
----------------------------------------------------------------- */

/* .mapBallon_Area
----------------------------------------------- */
.mapBallon_Area{
font-size:12px;
z-index:3;
min-width:350px;
min-height:120px;
background-color:#fff;
font-family:"\30e1\30a4\30ea\30aa", Meiryo, "\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3", "Hiragino Kaku Gothic ProN", "\ff2d\ff33 \ff30\30b4\30b7\30c3\30af", sans-serif;
}
.mapBallon_Area .map-google-balloon-hdg{
font-size:15px;
}

/* .map-google-balloon-hdg-01-container
----------------------------------------------- */
.mapBallon_Area .map-google-balloon-hdg-01-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
width:100%;
margin:0 0 10px;
}

/* .map-google-balloon-hdg-01
----------------------------------------------- */
.mapBallon_Area .map-google-balloon-hdg-01{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
font-size:18px;
line-height:1.35;
}
.mapBallon_Area .map-google-balloon-hdg-01 .sup{
font-size:13px;
font-weight:normal;
display:block;
}
.mapBallon_Area .map-google-balloon-hdg-01 a{
text-decoration:none;
color:var(--cmn-font-color-base);
}

/* .map-google-balloon-hdg-sup
----------------------------------------------- */
.mapBallon_Area .map-google-balloon-hdg-sup{
font-size:10px;
width:150px;
margin-left:15px;
text-align:center;
}

/* .map-google-balloon-hdg .ruby
----------------------------------------------- */
.mapBallon_Area [class^="map-google-balloon-hdg"] .ruby{
font-size:15px;
}
.mapBallon_Area [class^="map-google-balloon-hdg"] .ruby:before{
content:" / ";
}

/* .map-google-balloon-hdg .ruby
----------------------------------------------- */
.mapBallon_Area .balloon-control-btn{
font-size:12px;
text-align:right;
margin:-3px 0 0;
}
.mapBallon_Area .balloon-control-btn a{
display:inline-block;
padding:5px 10px;
text-decoration:none;
color:var(--cmn-font-color-base);
}
.mapBallon_Area .image-left,
.mapBallon_Area .image-right{
margin-bottom:0;
}
.mapBallon_Area .image-left .image img,
.mapBallon_Area .image-right .image img{
max-width:94px;
max-height:50px;
vertical-align:bottom;
}
.mapBallon_Area .image-left .image .btn,
.mapBallon_Area .image-right .image .btn{
font-size:11px;
}
.mapBallon_Area .list-icon{
margin-top:0;
}
.mapBallon_Area .list-icon li{
margin-top:2px;
}
.mapBallon_Area .list-def{
font-size:11px;
overflow:hidden;
margin:5px 0 0;
}
.mapBallon_Area .list-def dt,
.mapBallon_Area .list-def dd{
display:block;
float:left;
overflow:hidden;
margin-top:0;
}
.mapBallon_Area .list-def dt{
width:auto;
min-width:5em;
}
.mapBallon_Area .list-def dd{
float:none;
width:auto;
padding-left:8px;
word-wrap:break-word;
word-break:keep-all;
}
.mapBallon_Area .list-def-01{
margin:3px 0;
}
.mapBallon_Area .link-list-profile li .list-profile-inner{
padding:0 0 5px;
}
.mapBallon_Area .link-list-profile li a,
.mapBallon_Area .link-list-profile li .link-inner{
font-weight:normal;
}
.mapBallon_Area .link-list-profile li .sup{
font-size:10px;
font-weight:normal;
display:block;
padding-left:8px;
color:#707070;
}
.mapBallon_Area .box-02{
margin:3px 0 0;
border-bottom:none;
}
.mapBallon_Area .box-02 a{
padding:0;
}
.mapBallon_Area .box-02 a:before{
display:none;
}
.mapBallon_Area .tab{
margin:10px 0;
}
.mapBallon_Area .tab .tab-item{
padding-top:5px;
}
.mapBallon_Area.branch{
margin-top:5px;
}
.mapBallon_Area.branch .image-left,
.mapBallon_Area.branch .image-right{
margin-bottom:12px;
padding-bottom:12px;
border-bottom:1px solid #ccc;
}
.mapBallon_Area.branch .image-left .image,
.mapBallon_Area.branch .image-right .image{
width:150px;
}
.mapBallon_Area.branch .image-left .image img,
.mapBallon_Area.branch .image-right .image img{
max-width:150px;
max-height:80px;
}
.mapBallon_Area.branch .image-left .box-info,
.mapBallon_Area.branch .image-right .box-info{
padding-right:0;
}
.mapBallon_Area.branch .image-left .box-info .link-search,
.mapBallon_Area.branch .image-right .box-info .link-search{
display:block;
margin-top:4px;
}
.mapBallon_Area.branch .tab{
margin:10px -10px 0;
}
.mapBallon_Area.branch .tab .tab-item{
padding-right:10px;
padding-left:10px;
background-color:#fff;
}

/* .map-google-balloon-hdg-btn
----------------------------------------------- */
.mapBallon_Area .map-google-balloon-hdg-btn{
display:block;
font-size:12px;
font-weight:bold;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:5px 6px;
line-height:1.4;
text-decoration:none;
border:1px solid #ccc;
border-radius:4px;
background-color:#fff;
color:var(--cmn-font-color-base);
-webkit-box-shadow:0 -2px 0 rgba(223, 223, 223, .75) inset;
box-shadow:0 -2px 0 rgba(223, 223, 223, .75) inset;
}

/* .popup
----------------------------------------------- */
.popup{
font-size:12px;
width:270px;
padding:10px;
border:6px solid #b5b5b5;
background-color:#fff;
}
.popup .popup-hdg{
font-size:15px;
margin:-10px -10px 10px;
padding:5px 10px;
background-color:#eee;
}

/* .popup-01
----------------------------------------------- */
.popup-01{
background-color:#fff;
-webkit-box-shadow:2px 2px 10px rgba(0, 0, 0, .3);
box-shadow:2px 2px 10px rgba(0, 0, 0, .3);
}
.popup-01.profile-detail{
display:block;
width:480px;
padding:0 0 12px;
}
.popup-01.profile-detail .profile-detail-inner{
display:block;
width:auto;
margin:0 15px;
padding:8px 0;
}
.popup-01.profile-detail .profile-detail-inner:first-child{
border-bottom:1px solid #dadada;
}
.popup-01.profile-detail .profile-thumb-area{
font-size:11px;
}
.popup-01.profile-detail .profile-hdg{
font-size:18px;
margin-bottom:3px;
}
.popup-01.profile-detail .profile-hdg .sup{
font-size:10px;
}
.popup-01.profile-detail .btn-list{
font-size:11px;
}

/* .modal
----------------------------------------------- */
.modal{
font-family:"\30e1\30a4\30ea\30aa", Meiryo, "\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3", "Hiragino Kaku Gothic ProN", "\ff2d\ff33 \ff30\30b4\30b7\30c3\30af", sans-serif;
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
max-width:724px;
padding:50px 15px 15px;
border:7px solid #bdbdbd;
background-color:#fff;
}
.modal .modal-item{
position:relative;
padding:0 80px;
}
.modal .modal-hdg{
font-size:20px;
line-height:1.25;
margin-bottom:20px;
color:var(--cmn-font-color-base);
}
.modal .modal-hdg .ruby{
font-size:16px;
}
.modal .modal-hdg .ruby:before{
content:" / ";
}
.modal .modal-hdg .sup{
font-size:12px;
font-weight:normal;
display:block;
}
.modal .modal-hdg a{
text-decoration:none;
color:var(--cmn-font-color-base);
}
.modal .modal-btn-close{
position:absolute;
top:0;
left:0;
width:100%;
text-align:right;
background-color:#eee;
}
.modal .modal-btn-close a{
font-weight:bold;
position:relative;
display:inline-block;
padding:6px 10px 6px 18px;
color:#7f7f7f !important;
}
.modal .modal-btn-close a:before{
position:absolute;
top:7px;
left:0;
display:block;
overflow:hidden;
width:16px;
height:16px;
content:"";
}
.modal .modal-btn-close a:before{
font-size:16px;
line-height:1;
content:"\00d7";
color:#7f7f7f;
}
.modal .modal-nav li{
position:absolute;
top:50%;
left:15px;
margin-top:-36px;
}
.modal .modal-nav li a{
position:relative;
display:block;
overflow:hidden;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:34px;
height:38px;
border:1px solid #3e3e3e;
border-radius:3px;
background-color:#3e3e3e;
background-image:-webkit-gradient(linear, left top, left bottom, from(#575757), to(#3e3e3e));
background-image:linear-gradient(#575757, #3e3e3e);
}
.modal .modal-nav li a:before{
position:absolute;
display:inline-block;
display:block;
width:0;
height:0;
margin:0;
content:"";
border-width:12px 12px 12px 0;
border-style:solid;
border-color:transparent #fff transparent transparent;
}
.modal .modal-nav li a:active,
.modal .modal-nav li a:hover,
.modal .modal-nav li a:focus{
text-decoration:none;
}
.modal .modal-nav li a:before{
position:absolute;
top:50%;
left:8px;
margin-top:-12px;
}
.modal .modal-nav li a span{
display:block;
color:transparent;
}
.modal .modal-nav li.next{
right:15px;
left:auto;
}
.modal .modal-nav li.next a:before{
left:12px;
border-width:12px 0 12px 12px;
border-color:transparent transparent transparent #fff;
}
.modal .modal-nav li.disabled a{
cursor:default;
border-color:#d2d2d2;
background-color:#dedede;
background-image:none;
}
.modal .modal-list-container{
overflow:hidden;
width:520px;
margin:0 auto;
}
.modal .modal-list{
position:relative;
width:520px;
height:453px;
}
.modal .modal-list li{
position:absolute;
top:0;
left:0;
width:520px;
height:453px;
text-align:center;
background-color:#fff;
}
.modal .modal-list li .caption{
font-size:12px;
font-weight:normal;
display:block;
margin:8px 0 0;
}
.modal .modal-list li .num{
display:block;
margin:13px 0 0;
color:var(--cmn-font-color-gray);
}
.modal .modal-list img{
max-width:520px;
max-height:370px;
vertical-align:top;
}
.modal .link-list-profile{
margin-top:10px;
padding-top:10px;
border-top:1px dotted #c9c9c9;
}
.modal .link-list-profile li .profile-simple .profile-thumb{
width:30px;
height:30px;
}
.modal .pics{
width:520px;
}

/* .qtip-content
----------------------------------------------- */
.qtip-content.qtipHelp_Area{
font-family:"\30e1\30a4\30ea\30aa", Meiryo, "\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3", "Hiragino Kaku Gothic ProN", "\ff2d\ff33 \ff30\30b4\30b7\30c3\30af", sans-serif;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.qtip-content.qtipHelp_Area .qtip-title{
font-weight:bold;
color:var(--cmn-font-color-base);
border:6px solid #b5b5b5;
border-bottom:none;
background-color:#eee;
}
.qtip-content.qtipHelp_Area .qtip-title > p{
padding:7px 8px;
}
.qtip-content.qtipHelp_Area .qtip-title + .qtip-content{
padding:7px 6px;
border:6px solid #b5b5b5;
border-top:none;
background:#fff !important;
}

/* ----------------------------------------------------------------
Index
----------------------------------------------------------------- */

/* .hdg-l2-02-container
----------------------------------------------- */
.hdg-l2-02-container{
margin:15px 0 0;
}
.hdg-l2-02{
font-size:20px;
font-weight:normal;
color:#555;
}
.hdg-l2-02 .sup{
padding-left:10px;
font-size:11px;
}

/* .hero-area
----------------------------------------------- */
.hero-area{
position:relative;
height:0;
height:230px;
}
.hero-area .hero-img-list{
position:absolute;
top:0;
left:0;
width:960px;
height:230px;
overflow:hidden;
}

/* .search-review
----------------------------------------------- */
.hero-area .search-review{
position:absolute;
z-index:2;
right:50%;
bottom:50%;
width:81%;
padding:10px 20px 15px;
-webkit-transform:translate(50%, 50%);
transform:translate(50%, 50%);
background-color:rgba(0, 0, 0, .5);
}
.hero-area .search-review .sup{
font-size:20px;
font-weight:700;
position:relative;
display:block;
white-space:nowrap;
color:#fff;
}
.hero-area .search-box{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
min-height:46px;
margin-top:4px;
}
.hero-area .search-box > p{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
color:#fff;
font-size:16px;
width:125px;
height:46px;
background:#3a3a3a;
}
.hero-area .search-box .search-input{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border:1px solid #666;
border-radius:0 2px 2px 0;
background-color:#fff;
}
.hero-area .search-box .search-input > input[type="text"],
.hero-area .search-box .search-input > input[type="search"]{
position:absolute;
left:0;
top:0;
display:block;
padding:12px 40px 12px 10px;
font-size:17px;
border:none;
width:100%;
height:100%;
background-color:transparent;
}
.hero-area .search-box .search-input > input[type="text"]::-ms-clear,
.hero-area .search-box .search-input > input[type="search"]::-ms-clear{
visibility:hidden;
}
.hero-area .search-box .search-input-btn{
position:absolute;
top:0;
right:0;
padding:0;
overflow:hidden;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:40px;
height:100%;
color:transparent;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
border:none;
background-color:transparent;
}
.hero-area .search-box .search-input-btn::before{
content:"";
position:absolute;
display:block;
top:50%;
left:8px;
width:16px;
height:16px;
margin-top:-8px;
background-image:url(/element/w_review_v2/shared/images/sprite.svg);
background-repeat:no-repeat;
background-position:0 6.928406466512702%;
z-index:3;
overflow:hidden;
}
.hero-area .search-box .search-input-btn[disabled]{
cursor:default;
}
.hero-area .search-box .search-input-btn[disabled]::before{
background-position:0 0;
}

/* .popular-area-box
----------------------------------------------- */
.popular-area-box{
margin-bottom:25px;
}

/* .popular-list
----------------------------------------------- */
.popular-area-box .popular-list > li{
width:480px;
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding-right:10px;
margin-bottom:20px;
min-height:85px;
}
.popular-area-box .popular-list > li a{
overflow:hidden;
}
.popular-area-box .popular-list > li a:hover{
text-decoration:none;
}
.popular-area-box .popular-list > li a > img{
float:left;
margin-right:10px;
}
.popular-area-box .popular-list > li .area-deatil-list{
padding-top:8px;
line-height:1.6;
overflow:hidden;
}
.popular-area-box .popular-list > li .area-deatil-list a{
color:#555;
}
.popular-area-box .popular-list > li .area-deatil-list a:hover{
text-decoration:none;
}
.popular-area-box .popular-list > li .area-deatil-list li{
float:left;
width:108px;
font-size:12px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:#ccc;
}
.popular-area-box .popular-list > li .area-deatil-list li .number{
font-size:10px;
}
.popular-area-box .popular-list > li .area-deatil-list li:nth-child(1),
.popular-area-box .popular-list > li .area-deatil-list li:nth-child(1) a,
.popular-area-box .popular-list > li .area-deatil-list li:nth-child(5),
.popular-area-box .popular-list > li .area-deatil-list li:nth-child(6){
width:82px;
}
.popular-area-box .popular-list > li .area-deatil-list li:nth-child(3){
width:55px;
}
.popular-area-box .popular-list > li .area-deatil-list li:nth-child(7){
width:65px;
}

/* .recommend-box
----------------------------------------------- */
.recommend-box{
border-top:1px solid #c5c5c5;
padding-top:30px;
}
.recommend-box > .hdg-l2-02{
margin-bottom:15px;
}

/* .recommend-list
----------------------------------------------- */
.recommend-list{
width:100%;
}
.recommend-list > li{
width:50%;
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding-right:40px;
margin-bottom:25px;
min-height:110px;
}
.recommend-list > li .img-left{
display:block;
width:120px;
height:85px;
margin-right:10px;
float:left;
}
.recommend-list > li .update{
display:block;
font-size:11px;
color:#666;
}
.recommend-list > li .detail-txt{
display:block;
font-size:12px;
}
.recommend-list > li .text-right{
width:310px;
float:right;
font-size:14px;
}

/* ----------------------------------------------------------------
Suggest
----------------------------------------------------------------- */

/* .suggest-container
----------------------------------------------- */
.suggest-container{
position:relative;
}

/* suggest-container sub_Col */
#sub_Col .suggest-container.branch input[type="text"]:not(:root),
#sub_Col .suggest-container.branch input[type="search"]:not(:root){
margin-right:2px;
}

/* .suggest-btn-del
----------------------------------------------- */
.suggest-container .suggest-btn-del{
color:transparent;
border:none;
padding:0;
margin-top:-4px;
position:absolute;
top:50%;
right:18%;
width:9px;
height:9px;
overflow:hidden;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background-image:url(/element/w_review_v2/shared/images/sprite-icon.png);
background-repeat:no-repeat;
background-position:-560px -10px;
background-color:transparent;
}
.form-spot .suggest-btn-del{
right:6px;
}

/* .suggest
----------------------------------------------- */
.suggest-container .suggest{
margin-top:-1px;
padding:10px;
border:1px solid #bebebe;
display:none;
position:absolute;
top:100%;
left:0;
z-index:101;
min-width:310px;
color:#555;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
text-align:left;
font-size:12px;
box-shadow:2px 2px 4px rgb(0 0 0 / 30%);
}
.suggest-container .suggest > :first-child{
margin-top:0;
}
.suggest-container .suggest > p{
color:var(--cmn-font-color-base);
}
.suggest-container .suggest.is-active{
display:block;
}
.suggest-container .suggest.input-word{
width:648px;
white-space:normal;
}

/* suggest index */
.hero-area .suggest-container .suggest{
width:100%;
}

/* suggest sub_Col */
#sub_Col .suggest-container .suggest{
width:auto;
white-space:nowrap;
}

/* map-area */
.map-area .suggest-container .suggest{
left:10px;
min-width:310px;
}

/* .suggest-hdg-container
----------------------------------------------- */
.suggest-hdg-container{
position:relative;
}

/* .suggest-hdg
----------------------------------------------- */
.suggest-container .suggest-hdg{
margin-bottom:7px;
color:var(--cmn-font-color-base);
font-size:12px;
}
.suggest-container .suggest-list + .suggest-hdg{
margin-top:12px;
padding-top:13px;
border-top:1px dotted #ccc;
}

/* .suggest-hdg
----------------------------------------------- */
.suggest-container .suggest-hdg-btn{
font-size:11px;
position:absolute;
top:0;
right:0;
height:100%;
padding:0;
text-align:right;
color:#555;
border:none;
background-color:transparent;
}
.suggest-container .suggest-hdg-btn:before{
display:inline-block;
width:7px;
height:7px;
margin-right:3px;
content:"";
background:url(/element_sp/shared/images/icon/icon-close.svg) 50% 50% no-repeat;
}

/* .suggest-list
----------------------------------------------- */
.suggest-container .suggest-list{
line-height:1.35;
font-size:12px;
}
.suggest-container .suggest-list > li{
margin-top:2px;
padding:3px 0;
cursor:pointer;
}
.suggest-container .suggest-list > li:active,
.suggest-container .suggest-list > li:hover,
.suggest-container .suggest-list > li:focus{
background-color:#f9eaba;
}
.suggest-container .suggest-list > li[class]{
padding-left:25px;
position:relative;
}
.suggest-container .suggest-list > li[class]:before{
content:"";
display:block;
width:16px;
height:16px;
position:absolute;
top:3px;
left:0;
background-position:50% 50%;
background-repeat:no-repeat;
}
.suggest-container .suggest-list > li.area:before{
background-image:url(/element/shared/images/icon/icon-pin.svg);
background-size:13px 14px;
}
.suggest-container .suggest-list > li.spot:before{
background-image:url(/element/shared/images/icon/icon-flag.svg);
background-size:13px 15px;
}
.suggest-container .suggest-list > li.airport:before{
background-image:url(/element/shared/images/icon/icon-plane.svg);
background-size:16px 16px;
}
.suggest-container .suggest-list > li.station:before{
background-image:url(/element/shared/images/icon/icon-train.svg);
background-size:12px 15px;
}
.suggest-container .suggest-list > li.hotel:before{
background-image:url(/element/shared/images/icon/icon-hotel.svg);
background-size:13px 10px;
}
.suggest-container .suggest-list > li.restaurant:before{
background-image:url(/element/shared/images/icon/icon-restaurant.svg);
background-size:11px 13px;
}
.suggest-container .suggest-list > li.shopping:before{
background-image:url(/element/w_review_v2/shared/images/icon/icon-shopping.svg);
background-size:14px 13px;
}
.suggest-container .suggest-list b{
color:#555;
display:inline;
font-size:12px;
}

/* .suggest-category
----------------------------------------------- */
.suggest-container .suggest-category{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top:10px;
padding-top:7px;
border-top:1px solid #ccc;
color:var(--cmn-font-color-base);
font-size:11px;
}

/* .suggest-category-hdg
----------------------------------------------- */
.suggest-container .suggest-category-hdg{
font-weight:normal;
padding-right:12px;
}
.suggest-container .suggest-category-hdg:after{
content:":";
margin-left:3px;
}

/* .suggest-category-list / .suggest-category-list-line
----------------------------------------------- */

.suggest-container .suggest-category-list,
.suggest-container .suggest-category-list-line{
margin-top:5px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
line-height:1;
letter-spacing:-.1em;
}
.suggest-container .suggest-category-list > li,
.suggest-container .suggest-category-list-line > li{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.suggest-container .suggest-category-list > li:not(:last-child),
.suggest-container .suggest-category-list-line > li:not(:last-child){
border-right:1px solid #ddd;
}
.suggest-container .suggest-category-list > li > a,
.suggest-container .suggest-category-list-line > li > a{
padding:19px 0 0;
color:#666;
display:block;
position:relative;
text-decoration:none !important;
text-align:center;
}
.suggest-container .suggest-category-list > li > a:before,
.suggest-container .suggest-category-list-line > li > a:before{
content:"";
display:block;
width:100%;
height:16px;
position:absolute;
top:0;
left:0;
opacity:.5;
background-position:50% 50%;
background-repeat:no-repeat;
}
.suggest-container .suggest-category-list > li.is-active > a,
.suggest-container .suggest-category-list-line > li.is-active > a{
color:var(--cmn-font-color-base);
cursor:default;
font-weight:bold;
}
.suggest-container .suggest-category-list > li.is-active > a:before,
.suggest-container .suggest-category-list-line > li.is-active > a:before{
opacity:1;
}
.suggest-container .suggest-category-list > li.is-disabled > a,
.suggest-container .suggest-category-list-line > li.is-disabled > a{
color:#ccc;
cursor:default;
}
.suggest-container .suggest-category-list > li.is-disabled > a:before,
.suggest-container .suggest-category-list-line > li.is-disabled > a:before{
opacity:.25;
}
.suggest-container .suggest-category-list > li.all > a:before,
.suggest-container .suggest-category-list-line > li.all > a:before{
background-image:url(/element/shared/images/icon/icon-list-gray.svg);
background-size:11px 8px;
}
.suggest-container .suggest-category-list > li.area > a:before,
.suggest-container .suggest-category-list-line > li.area > a:before{
background-image:url(/element/shared/images/icon/icon-pin-gray.svg);
background-size:13px 14px;
}
.suggest-container .suggest-category-list > li.station > a:before,
.suggest-container .suggest-category-list-line > li.station > a:before{
background-image:url(/element/shared/images/icon/icon-train-gray.svg);
background-size:10px 12px;
}
.suggest-container .suggest-category-list > li.airport > a:before,
.suggest-container .suggest-category-list-line > li.airport > a:before{
background-image:url(/element/shared/images/icon/icon-plane-gray.svg);
background-size:13px 13px;
}
.suggest-container .suggest-category-list > li.spot > a:before,
.suggest-container .suggest-category-list-line > li.spot > a:before{
background-image:url(/element/shared/images/icon/icon-flag-gray.svg);
background-size:10px 12px;
}
.suggest-container .suggest-category-list > li.hotel > a:before,
.suggest-container .suggest-category-list-line > li.hotel > a:before{
background-image:url(/element/shared/images/icon/icon-hotel-gray.svg);
background-size:13px 10px;
}
.suggest-container .suggest-category-list > li.restaurant > a:before,
.suggest-container .suggest-category-list-line > li.restaurant > a:before{
background-image:url(/element/shared/images/icon/icon-restaurant-gray.svg);
background-size:11px 13px;
}
.suggest-container .suggest-category-list > li.shopping > a:before,
.suggest-container .suggest-category-list-line > li.shopping > a:before{
background-image:url(/element/w_review_v2/shared/images/icon/icon-shopping-gray.svg);
background-size:10px 12px;
}

/* .suggest-category-list-line
----------------------------------------------- */
.suggest-container .suggest-category-list-line{
margin-top:0;
}
.suggest-container .suggest-category-list-line > li{
-webkit-box-flex:0;
-ms-flex:none;
flex:none;
}
.suggest-container .suggest-category-list-line > li > a{
padding:0 12px 0 26px;
}
.suggest-container .suggest-category-list-line > li > a:before{
width:20px;
height:16px;
top:-3px;
left:0;
background-position:100% 50%;
}
.suggest-container .suggest-category-list-line > li:first-child > a{
padding-left:18px;
}
.suggest-container .suggest-category-list-line > li:first-child > a:before{
background-position:0 50%;
}

/* .hdg-l3-04-container
----------------------------------------------- */
.hdg-l3-04-container{
margin:0 0 15px 0;
}
.hdg-l3-04{
font-size:16px;
margin-bottom:1px;
display:block;
padding:7px 0 4px 15px;
text-align:left;
border-bottom:solid 1px #d7d7d7;
height:auto;
background:#f6f6f6;
}

/* .hdg-l4-03
----------------------------------------------- */
.hdg-l4-03{
font-size:18px;
color:#555;
text-decoration:none;
}
.hdg-l4-03 > .number{
font-size:12px;
font-weight:normal;
padding-left:3px;
}
.hdg-l4-03 > img{
display:inline-block;
vertical-align:middle;
}

/* .top-area-list
----------------------------------------------- */
.top-area-list{
line-height:1.8;
}
.top-area-list dt{
font-size:18px;
color:#7d210d;
display:block;
font-weight:bold;
}
#one_column .top-area-list dt a{
color:#7d210d;
}
.top-area-list dt span{
font-size:12px;
color:var(--cmn-font-color-base);
font-weight:normal;
}
.top-area-list dd{
font-size:14px;
margin-bottom:40px;
}
.top-area-list dd li{
float:left;
width:20%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding-right:5px;
}
.top-area-list dd li span{
font-size:11px;
}
#one_column .top-area-list dd li a{
color:var(--cmn-font-color-base);
}
#main_Col.top{
z-index:-1;
position:inherit;
}
.suggest .suggest-continue{
font-size:12px;
margin-top:10px;
cursor:pointer;
text-align:right;
}

/* .area-tab-list
----------------------------------------------- */
.area-tab-list{
display:table;
width:100%;
padding-left:1px;
margin-bottom:15px;
}
.area-tab-list li{
display:table-cell;
width:14.28571428571429%;
height:58px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
vertical-align:middle;
margin-left:-1px;
float:left;
}
.area-tab-list li.active{
margin-bottom:-1px;
}
#one_column .area-tab-list li a{
height:58px;
vertical-align:middle;
display:table-cell;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align:center;
width:137px;
font-size:11px;
line-height:1.1;
background:#f5f5f5;
border:1px solid #b0b0b0;
border-bottom:1px solid #b0b0b0;
border-radius:4px 4px 0 0;
color:var(--cmn-font-color-base);
}
#one_column .area-tab-list li a:hover{
text-decoration:none;
background:#fff;
}
#one_column .area-tab-list li.active a{
background:#fff;
border-bottom:1px solid #fff;
}
.area-tab-list li a span{
display:block;
font-size:14px;
}
.area-tab-list li.active a span{
font-weight:bold;
}

/* .new-info
----------------------------------------------- */
.new-info{
clear:both;
width:100%;
height:148px;
overflow:hidden;
position:relative;
padding:0 38px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin-top:4px;
}
.new-info button{
position:absolute;
display:block;
width:28px;
height:100%;
border:0;
text-indent:-9999px;
outline:none;
border-style:none;
background:#888;
}
.new-info button[disabled]{
background:#dcdcdc;
cursor:default;
}
.new-info .btn-back{
left:0;
}
.new-info .btn-back:after{
position:absolute;
display:block;
width:10px;
height:10px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-left:3px solid #fff;
border-top:3px solid #fff;
margin-top:-15px;
left:10px;
}
.new-info .btn-next{
right:0;
z-index:5;
}
.new-info .btn-next:after{
position:absolute;
display:block;
width:10px;
height:10px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:3px solid #fff;
border-bottom:3px solid #fff;
margin-top:-15px;
right:10px;
}
.list-newrelease{
position:absolute;
width:100%;
}
.new-info-box{
width:437px !important;
height:148px;
border:1px solid #ccc;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:9px;
float:left;
margin-right:10px;
}
.new-info-box:first-child{
margin-left:0;
}
.new-info-box a{
display:table;
width:100%;
min-height:130px;
}
.new-info-box .img-left{
width:144px;
height:130px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align:center;
display:table-cell;
vertical-align:middle;
}
.new-info-box .img-left img{
max-width:144px;
max-height:118px;
vertical-align:middle;
}
.new-info-box .img-left .nophoto{
border:1px solid #e5e5e5;
width:144px;
height:108px;
display:flex;
justify-content:center;
align-items:center;
box-sizing:border-box;
}
.new-info-box .img-left .nophoto img{
width:90px;
}
.new-info-box .text-right{
width:440px;
}
.new-info-box .img-left + .text-right{
width:264px;
display:table-cell;
float:right;
padding-left:9px;
height:108px;
}
.new-info-box .text-right > span{
display:block;
line-height:1.35;
}
.new-info-box .text-right > span.icon{
position:relative;
padding-left:33px;
font-size:11px;
color:#555;
line-height:1.1;
margin:4px 0;
}
.new-info-box .text-right > span.new-info-txt{
min-height:34px;
margin-bottom:8px;
}
.new-info-box .text-right > span.name-txt{
font-size:11px;
color:#555;
line-height:1.1;
margin:2px 0;
}
.new-info-box .text-right > span.name-txt img{
width:25px;
height:25px;
vertical-align:middle;
margin-right:5px;
}
.new-info-box .text-right > span.name-txt .nophoto img{
border:1px solid #e5e5e5;
box-sizing:border-box;
}
.new-info-box .text-right .update-txt{
font-size:11px;
display:block;
color:#666;
position:relative;
margin-bottom:10px;
}
.new-info-box .text-right .update-txt > .name-city{
background:#eee;
display:inline-block;
font-size:10px;
color:#555;
position:absolute;
top:0;
right:0;
padding:2px 3px;
max-width:155px;
}
.new-info-box .text-right > span.icon:before{
position:absolute;
content:"";
top:50%;
left:2px;
display:block;
margin-top:-9px;
background-image:url(/element_sp/shared/images/sprite/sprite-icon-symbol.png);
background-size:220px;
background-repeat:no-repeat;
width:15px;
height:18px;
}
.new-info-box .text-right > span.icon.plane:before{
background-position:-77px 0;
}
.new-info-box .text-right > span.icon.train:before{
background-position:-96px 0;
}
.new-info-box .text-right > span.icon.area:before{
background-position:-189px 0px;
}
.new-info-box .text-right > span.icon.hotel:before{
background-position:-2px 0;
}
.new-info-box .text-right > span.icon.sightseeing:before{
background-position:-20px 0;
}
.new-info-box .text-right > span.icon.restaurant:before{
background-position:-39px 0;
}
.new-info-box .text-right > span.icon.shopping:before{
background-position:-57px 0;
}
.new-info-box .text-right > span.icon.danger:before{
background-position:-110px 0;
}
.new-info-box .text-right > span.icon.model_plan:before{
background-position:-123px 0;
}
#one_column .new-info-box a:hover{
text-decoration:none;
}
.ic-newtab:after{
content:"";
display:inline-block;
background:url(/element/w_review_v2/shared/images/ic-newwin.png) no-repeat;
width:12px;
height:12px;
margin-left:3px;
}
.new-info-box .text-right > span.category-txt{
color:var(--cmn-font-color-base);
font-size:11px;
display:table;
margin-bottom:7px;
}
.new-info-box .text-right > span.category-txt > span{
display:table-cell;
white-space:nowrap;
vertical-align:middle;
}
.new-info-box .text-right > span.category-txt > span + span{
padding-left:16px;
white-space:inherit;
vertical-align:middle;
height:28px;
display:table-cell;
position:relative;
}
.new-info-box .text-right > span.category-txt > span + span:before{
content:"";
height:24px;
width:1px;
background-color:#ccc;
display:block;
position:absolute;
left:8px;
top:2px;
}

/* ----------------------------------------------------------------
clearfix
----------------------------------------------------------------- */

.popular-area-box:before,
.popular-area-box:after,
.top-area-list dd ul:before,
.top-area-list dd ul:after,
.tab-container:before,
.tab-container:after,
.recommend-list:before,
.recommend-list:after{
content:"";
display:table;
}
.popular-area-box:after,
.top-area-list dd ul:after,
.tab-container:after,
.recommend-list:after{
clear:both;
}

/* ----------------------------------------------------------------

  02. Map Modules

----------------------------------------------------------------- */

/* .map-area
----------------------------------------------- */
.map-area{
position:relative;
overflow:hidden;
height:600px;
margin:5px -10px 0;
border-width:1px 0;
border-style:solid;
border-color:#ccc;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

/* .map-hdg-container
----------------------------------------------- */
.map-area .map-hdg-container{
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding-right:50px;
border-bottom:1px solid #ccc;
background-color:#dcdcdc;
}

/* .map-hdg
----------------------------------------------- */
.map-area .map-hdg{
font-size:16px;
font-weight:bold;
padding:7px 10px 5px;
}

/* .map-hdg-btn-close
----------------------------------------------- */
.map-area .map-hdg-btn-close{
position:absolute;
top:0;
right:0;
overflow:hidden;
width:40px;
height:100%;
cursor:pointer;
text-indent:-9999px;
border:none;
background:none;
}
.map-area .map-hdg-btn-close:before{
position:absolute;
top:50%;
right:10px;
display:block;
overflow:hidden;
width:12px;
height:12px;
content:"";
background:url(/element/w_review_v2/shared/images/sprite-icon.png) no-repeat -529px -10px;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}

/* .map-area .form-hdg
----------------------------------------------- */
.map-area .form-hdg{
margin-right:-10px;
padding:8px 0 7px 10px;
background-color:#f5f5f5;
}

/* .map-area .form-list-control
----------------------------------------------- */
.map-area .form-hdg-container .form-list-control{
right:0;
font-size:11px;
}

/* .map-area .form-hdg-container.branch
----------------------------------------------- */
.map-area .form-hdg-container.branch{
margin:0 -10px 10px;
padding-bottom:7px;
background-color:#f5f5f5;
}
.map-area .form-hdg-container.branch .form-hdg{
margin:20px 0 0;
padding-bottom:0;
}
.map-area .form-hdg-container.branch .form-list-control{
margin-right:10px;
}

/* .map-area .form-guide-list
----------------------------------------------- */
.map-area .form-guide-list{
margin:-10px -10px 0 -10px;
}
.map-area .form-guide-list > li:first-child{
border-top:none;
}

/* .map-area .map-detail-area
----------------------------------------------- */
.map-area .map-detail-area{
position:relative;
z-index:1;
background-color:#fff;
margin-left:225px;
border-left:1px solid #aaa;
}
.map-area .map-detail-area:before,
.map-area .map-detail-area:after{
content:"";
display:table;
}
.map-area .map-detail-area:after{
clear:both;
}
.map-area .map-google{
float:right;
overflow:hidden;
width:100%;
height:600px;
}
.map-area .map-google .map-google-inner{
height:600px;
margin-left:255px;
border-left:1px solid #aaa;
}
.map-area .map-google .map-google-inner iframe{
width:100%;
}
.map-area.filter-disabled .map-detail-area{
margin-left:-1px;
}
.map-area.result-disabled .map-google .map-google-inner{
margin-left:0;
border-left:none;
}

/* .map-area .map-search-result-num
----------------------------------------------- */
.map-area .map-search-result-num{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding:5px 10px;
height:47px;
border-bottom:1px solid #d2d2d2;
font-size:14px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.map-area .map-search-result-num input[type="reset"]{
font-size:11px;
padding:0 6px;
color:#555;
border:1px solid #b5b5b5;
border-radius:3px;
background-color:#fefefe;
background-image:-webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#eaeaea));
background-image:linear-gradient(#fefefe, #eaeaea);
vertical-align:top;
}

/* .map-area .map-filter
----------------------------------------------- */
.map-area .map-filter{
position:absolute;
top:0;
left:0;
overflow:visible;
width:225px;
height:auto;
}
.map-area.filter-disabled .map-filter{
display:none;
}

/* .map-area .map-filter-detail
----------------------------------------------- */
.map-area .map-filter .map-filter-detail{
overflow:auto;
height:516px;
padding:0 10px;
}
.map-area .map-filter .map-filter-detail > :first-child{
margin-top:-1px;
}

/* .map-area .map-search-result
----------------------------------------------- */
.map-area .map-search-result{
position:relative;
z-index:2;
float:right;
overflow:visible;
width:255px;
height:600px;
margin-right:-255px;
margin-left:-100%;
background-color:#fff;
}
.map-area.result-disabled .map-search-result{
display:none;
}
.map-area.danger .map-search-result{
overflow:auto;
}

/* .map-area .map-search-result-sort
----------------------------------------------- */
.map-area .map-search-result-sort{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
height:47px;
padding:0 10px;
font-size:13px;
border-bottom:1px solid #d2d2d2;
}
.map-area .map-search-result-sort select{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.map-area .map-search-result-sort p:first-child{
margin-right:10px;
}
.map-area.danger .map-search-result-sort{
display:none;
}

/* .map-area ..map-search-result-list
----------------------------------------------- */
.map-area .map-search-result-list{
font-size:12px;
overflow:auto;
height:517px;
}
.map-area .map-search-result-list > li{
padding:10px;
cursor:pointer;
border-bottom:1px solid #d2d2d2;
}
.map-area .map-search-result-list > li:active,
.map-area .map-search-result-list > li:hover,
.map-area .map-search-result-list > li:focus,
.map-area .map-search-result-list > li.active{
background-color:#f8f3e7;
}
.map-area.danger .map-search-result-list{
height:563px;
}

/* .map-area .map-search-result-list-hdg
----------------------------------------------- */
.map-area .map-search-result-list-hdg{
font-size:13px;
font-weight:bold;
line-height:1.25;
display:block;
overflow:hidden;
margin-bottom:8px;
}
.map-area .map-search-result-list-hdg .num{
font-size:16px;
line-height:1;
display:block;
float:left;
margin-right:5px;
color:#000;
}
.map-area .map-search-result-list-hdg .spot{
display:block;
overflow:hidden;
}
.map-area .map-search-result-list-hdg .ruby{
font-weight:normal;
font-size:11px;
}
.map-area .map-search-result-list-hdg .ruby:before{
content:"/";
margin:0 5px 0 7px;
display:inline;
}

/* .map-area .map-search-result-list-detail
----------------------------------------------- */
.map-area .map-search-result-list-detail{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.map-area .map-search-result-list-detail .map-search-result-list-detail-col:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

/* .map-area .map-search-result-list-info
----------------------------------------------- */
.map-area .map-search-result-list-info{
font-size:11px;
}
.map-area .map-search-result-list-info > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.map-area .map-search-result-list-info > li > div:first-child{
position:relative;
width:4em;
padding-right:10px;
}
.map-area .map-search-result-list-info > li > div:first-child:after{
position:absolute;
right:3px;
top:0;
content:":";
}
.map-area .map-search-result-list-info > li > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

/* .map-area .map-search-result-list-thumb
----------------------------------------------- */
.map-area .map-search-result-list-thumb{
position:relative;
width:65px;
height:47px;
margin-right:10px;
padding-right:0;
text-align:center;
background-color:#eee;
overflow:hidden;
}
.map-area .map-search-result-list-thumb img{
position:absolute;
top:50%;
left:50%;
max-width:65px;
height:auto;
max-height:47px;
-webkit-transform:translate(-50%, -50%) rotate(.1deg);
transform:translate(-50%, -50%) rotate(.1deg);
}

/* .map-area .map-control-btn
----------------------------------------------- */
.map-area .map-control-btn{
display:none;
font-size:14px;
font-weight:bold;
position:absolute;
z-index:4;
top:28px;
left:90px;
}
.map-area .map-control-btn > a{
display:block;
min-width:15em;
padding:5px 15px 4px;
text-decoration:none;
text-align:center;
color:var(--cmn-font-color-base);
border:1px solid #8f8f8f;
border-radius:2px;
background-color:#ededec;
background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededec));
background-image:linear-gradient(#fff, #ededec);
}
.map-area .map-control-btn > a:hover,
.map-area .map-control-btn > a:active,
.map-area .map-control-btn > a:focus{
background-color:#e2e2e2;
background-image:-webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e2e2e2));
background-image:linear-gradient(#f1f1f1, #e2e2e2);
}
.map-area[class*="-disabled"] .map-control-btn{
display:block;
}
.map-area.filter-disabled .map-control-btn{
left:345px;
}
.map-area.filter-disabled.result-disabled .map-control-btn{
left:90px;
}
.map-area .suggest-box .suggest-panel{
left:3px;
}
.map-area .suggest-box .suggest-panel a{
white-space:normal;
}

.loading_container{
margin:2em auto 0;
padding:55px 0 0 0;
width:100px;
min-height:800px;
text-align:center;
font-size:120%;
font-weight:bold;
color:#4b4b4b;
background:url(/element/shared/images/icon/ic_load_l.gif) no-repeat center top;
}

/* ----------------------------------------------------------------
  Error
----------------------------------------------------------------- */
/* .error
----------------------------------------------- */
.error{
padding:40px 0 120px;
}

/* .error-wording
----------------------------------------------- */
.error .error-wording{
font-size:18px;
text-align:center;
margin-bottom:20px;
}

.error .error-wording-sub{
font-size:14px;
text-align:center;
}

.error .btn{
margin:32px auto 0;
padding:6px 12px 5px;
border:1px solid #c5c5c5;
border-radius:4px;
color:#666 !important;
display:table;
min-width:202px;
width:auto;
min-height:40px;
height:auto;
text-align:center;
font-size:14px;
font-weight:normal;
background-color:#fff;
background-image:none;
box-shadow:none;
}