@charset "UTF-8";

:root{
--color-gray:#777;
--color-red:#e93939;
--key-color:#004c9a;
--link-color:var(--cmn-link-color-base);
--text-link-color:var(--cmn-link-color-base);
--button-color:#177bcb;
--button-color-green:#78AE0E;
}

/* ----------------------------------------------------------------
Layout
----------------------------------------------------------------- */
.str-container{
display:none;
}
.str-container.is-active{
display:block;
}

/* pseudo-content
---------------------------------------------- */
.pseudo-content{
padding:0 10px 10px;
display:none;
}
.pseudo-content.is-active{
display:block;
}
.pseudo-content.lyt-sticky{
padding-bottom:65px;
}
.pseudo-content .hdg-l2{
background-color:#888;
}

/* .toggle-container
----------------------------------------------- */
.toggle-container > .toggle-item{
display:none
}
.toggle-container > .toggle-item ul > li > a{
display:block;
}
.toggle-container.active > .toggle-item{
display:block;
}

/* ----------------------------------------------------------------
Headings
----------------------------------------------------------------- */
.menu-header{
margin:0 -10px;
padding:0 10px;
background:var(--key-color) url(/element_sp/shared/images/frame/bg.jpg) repeat 0 0;
background-size:100% auto;
}
.menu-header .cmn-info{
margin:0 !important;
padding:12px 0 !important;
}
.menu-header .menu-header-hdg + .cmn-info{
padding-top:0 !important;
}
main > :first-child{
margin-top:-10px !important;   
}

/* .menu-header
----------------------------------------------- */
.menu-header-hdg{
color:#fff;
line-height:1.35;
font-size:14px;
font-weight:bold;
padding:14px 0 12px;
}
.cmn-info + main .menu-header-hdg{
padding:7px 10px 10px;
}

/* .area-header
----------------------------------------------- */
.area-header{
line-height:0;
border-bottom:1px solid #ccc;
}
.area-header:not(:root){
margin:0 -10px;
padding:19px 115px 7px 40px;
position:relative;
}
.menu-header + .area-header{
margin-top:0;
}

/* .area-hdg
----------------------------------------------- */
.area-header .area-hdg{
font-size:18px;
font-weight:bold;
color:var(--cmn-font-color-base);
display:inline;
}
.area-header .area-hdg .sup{
font-size:10px;
font-weight:normal;
line-height:1.4;
}
.area-header .area-hdg .sup:before{
content:" / ";
}
.area-header .area-hdg .area-hdg-icon{
position:absolute;
top:15px;
left:10px;
width:24px;
}

/* .area-change-btn
----------------------------------------------- */
.area-header .area-change-btn{
position:absolute;
top:10px;
right:10px;
margin:0;
}
.area-header .area-change-btn button{
padding:3px 5px;
border:1px solid #ccc;
border-radius:3px;
background-color:#fff;
text-align:center;
font-size:11px;
}

/* .area-change-btn
----------------------------------------------- */
.area-header .area-guide-link{
margin:1px 0 0;
font-size:11px;
line-height:1.4;
}

/* .pseudo-header
----------------------------------------------- */
.pseudo-header{
margin: 0 -10px 15px;
padding: 0 50px;
color: #fff;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
min-height: 45px;
box-sizing: border-box;
position: relative;
background-color: #111;
z-index:10;
}
.pseudo-header + form{
margin-top:-15px;
}
.pseudo-header.branch .pseudo-hdg{
margin-right:60px;
}
.pseudo-content .pseudo-header.branch .pseudo-btn-clear {
right:80px;
}

/* .pseudo-hdg-l1
----------------------------------------------- */
.pseudo-header .pseudo-hdg-l1{
box-sizing: border-box;
-webkit-box-flex: 1;
flex: 1;
font-size: 16px;
font-weight: bold;
text-align: center;
}
.pseudo-header.branch .pseudo-hdg-l1{
font-size:16px;
}

/* .pseudo-header-btn-prev
----------------------------------------------- */
.pseudo-header .pseudo-header-btn-prev{
margin: 0;
padding: 0;
border: none;
color: rgba(0,0,0,0);
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 100%;
background: url(/element_sp/w_hotel/shared/images/icon-close.svg) no-repeat 50% 50%;
background-size: 16px auto;
filter: brightness(0) invert(1);
}

/* .hdg-l2
----------------------------------------------- */
.hdg-l2{
margin:0 -10px;
padding:6px 10px;
font-size:14px;
color:#fff;
background-color:#666;
font-weight:normal;
}
.hdg-toggle-container .hdg-l2{
margin:0;
padding-left:30px;
padding-right:10px;
background:url(/element_sp/shared/images/icon/icon-toggle-wht-plus.svg) 10px 50% no-repeat #888;
background-size:13px;
border-bottom:1px solid #fff;
}
.toggle-container.active .hdg-toggle-container .hdg-l2{
background:url(/element_sp/shared/images/icon/icon-toggle-wht-minus.svg) 10px 50% no-repeat #888;
background-size:13px;
}

/* .pseudo-hdg-l2-container
----------------------------------------------- */
.pseudo-hdg-l2-container{
margin:0 -10px;
padding:6px 135px 6px 10px;
position:relative;
background-color:#888;
}
.pseudo-hdg-l2-container .hdg-l2{
margin:0;
padding:0;
}

/* hdg-l2-02
------------------------------------------------ */
.hdg-l2-02{
background-color:#e5e5e5;
color:var(--cmn-font-color-base);
margin:0 -10px;
padding:6px 10px 4px;
min-height:34px;
font-size:14px;
box-sizing:border-box;
}

/* .hdg-l3
----------------------------------------------- */
.hdg-l3{
margin:0 -10px;
padding:5px 10px;
font-size:13px;
color:var(--cmn-font-color-base);
border-bottom:1px solid #e5e5e5;
background-color:#f5f5f5;
box-sizing:border-box;
}
.hdg-toggle-container .hdg-l3{
margin:0;
padding-left:30px;
background:url(/element_sp/shared/images/icon/icon-toggle-plus.svg) 10px 50% no-repeat #f5f5f5;
background-size:13px;
}
.toggle-container.active .hdg-toggle-container .hdg-l3{
background:url(/element_sp/shared/images/icon/icon-toggle-minus.svg) 10px 50% no-repeat #f5f5f5;
background-size:13px;
}
.toggle-container.active .toggle-btn-container .toggle-btn::before{
background-image:url(/element_sp/shared/images/icon/icon-toggle-minus.svg);
}
.toggle-container .toggle-btn-container{
margin:0 -10px;
border-bottom:1px solid #e5e5e5
}
.toggle-container .toggle-btn-container .toggle-btn{
position:relative;
background:none;
border:none;
font-size:14px;
min-height:40px;
padding-left:30px;
display:block;
width:100%;
text-align:left
}
.toggle-container .toggle-btn-container .toggle-btn::before{
position:absolute;
left:10px;
top:50%;
margin-top:-6px;
content:"";
display:block;
width:13px;
height:13px;
background:url(/element_sp/shared/images/icon/icon-toggle-plus.svg) 0 0 no-repeat;
}

/* .hdg-toggle-container
----------------------------------------------- */
.hdg-toggle-container{
position:relative;
margin:0 -10px;
}

/* .hdg-toggle-btn
----------------------------------------------- */
.hdg-toggle-container .hdg-toggle-btn{
display:block;
padding:0;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background:none;
border:none;
}
.hdg-toggle-container .hdg-toggle-btn > span{
opacity:0;
}

/* ----------------------------------------------------------------
Navigation
----------------------------------------------------------------- */
/* .tab-nav-container
----------------------------------------------- */
.tab-nav-container{
position:relative;
margin:0 -10px;
border-width:0 0 1px;
border-style:solid;
border-color:#ccc;
background-color:#fff;
overflow:hidden;
}

/* .tab-nav
----------------------------------------------- */
.tab-nav-container .tab-nav{
-webkit-box-align:stretch;
align-items:stretch;
margin:0;
display:-webkit-box;
display:flex;
width:200%;
min-height:49px;
}
.tab-nav-container .tab-nav > li{
line-height:1.05;
text-align:center;
}
.tab-nav-container .tab-nav > li > a{
position:relative;
display:block;
padding:20px 8px 0 7px;
height:100%;
color:var(--cmn-font-color-base);
font-size:12px;
box-sizing:border-box;
}
.tab-nav-container .tab-nav > li > a > small{
display:block;
font-size:9px;
font-weight:normal;
}
.tab-nav-container .tab-nav > li[class] > a:before{
content:"";
position:absolute;
top:5px;
left:50%;
margin-left:-7px;
display:block;
width:14px;
height:14px;
background-position:50% 50%;
background-repeat:no-repeat;
opacity:.4;
}
.tab-nav-container .tab-nav > li.restaurant > a:before{
background-image:url(/element/shared/images/icon/icon-restaurant-gray.svg);
background-size:10px 23px;
}
.tab-nav-container .tab-nav > li.hotel > a:before{
background-image:url(/element/shared/images/icon/icon-hotel-gray.svg);
background-size:17px 12px;
}
.tab-nav-container .tab-nav > li.spot > a:before{
background-image:url(/element/shared/images/icon/icon-flag-gray.svg);
background-size:10px 12px;
}
.tab-nav-container .tab-nav > li.shopping > a:before{
background-image:url(/element/w_review_v2/shared/images/icon/icon-shopping-gray.svg);
background-size:10px 11px;
}
.tab-nav-container .tab-nav > li.danger > a:before{
background-image:url(/element/w_review_v2/shared/images/icon/icon-danger-gray.svg);
background-size:3px 12px;
}
.tab-nav-container .tab-nav > li.modelplan > a:before{
background-image:url(/element/w_review_v2/shared/images/icon/icon-modelplan-gray.svg);
background-size:12px 13px;
}
.tab-nav-container .tab-nav > li[class].active{
font-weight:bold;
}
.tab-nav-container .tab-nav > li[class].active > a:before{
opacity:1;
}
.tab-nav-container .tab-nav > li.restaurant.active > a{
color:#e6790d;
}
.tab-nav-container .tab-nav > li.restaurant.active > a:before{
background-image:url(/element/shared/images/icon/icon-restaurant.svg);
background-size:10px 23px;
}
.tab-nav-container .tab-nav > li.spot.active > a{
color:#dc7283;
}
.tab-nav-container .tab-nav > li.spot.active > a:before{
background-image:url(/element/shared/images/icon/icon-flag.svg);
background-size:10px 12px;
}
.tab-nav-container .tab-nav > li.shopping.active > a{
color:#4b8bce;
}
.tab-nav-container .tab-nav > li.shopping.active > a:before{
background-image:url(/element/w_review_v2/shared/images/icon/icon-shopping.svg);
background-size:10px 11px;
}
.tab-nav-container .tab-nav > li.danger.active > a{
color:#f06264;
}
.tab-nav-container .tab-nav > li.danger.active > a:before{
background-image:url(/element/w_review_v2/shared/images/icon/icon-danger.svg);
background-size:3px 12px;
}
.tab-nav-container .tab-nav > li.modelplan.active > a{
color:#5e9f00;
}
.tab-nav-container .tab-nav > li.modelplan.active > a:before{
background-image:url(/element/w_review_v2/shared/images/icon/icon-modelplan.svg);
background-size:10px 11px;
}
.tab-nav-container .tab-nav > li[class].disabled > a{
color:#a4a4a4;
}
.tab-nav-container .tab-nav > li[class].disabled > a:before{
opacity:.2;
}

/* .icon-new
----------------------------------------------- */
.icon-new{
color:#e20807;
font-weight:bold;
font-size:12px;
display:inline-block;
padding-left:5px;
}
.tab-nav-container .tab-nav .icon-new{
font-size:10px;
display:block;
padding:0;
margin-bottom:5px;
}

/* .nav-internal
----------------------------------------------- */
.nav-internal{
text-align:right;
}
.nav-internal > a{
position:relative;
display:inline-block;
padding:5px 9px 4px 22px;
color:var(--cmn-font-color-base);
font-size:11px;
border-radius:3px;
border:1px solid #ccc;
}
.nav-internal > a:before{
content:"";
margin:0;
border-width:5px 4px 0;
border-color:#666 transparent transparent;
border-style:solid;
display:block;
width:0;
height:0;
position:absolute;
bottom:50%;
left:10px;
-webkit-transform:translateY(50%);
transform:translateY(50%);
}

/* .nav-page
----------------------------------------------- */
.nav-page{
display:-webkit-box;
display:flex;
margin-left:-5px;
}
.nav-page li{
margin-left:5px;
-webkit-box-flex:2;
flex:2;
}
.nav-page li.nav-page-prev{
-webkit-box-flex:1;
flex:1;
position:relative;
}
.nav-page li.nav-page-prev:after{
content:"";
display:block;
position:absolute;
border-right:2px solid #a1a1a1;
border-bottom:2px solid #a1a1a1;
width:6px;
height:6px;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
top:50%;
left:10px;
}
.nav-page li.nav-page-prev:after{
margin-top:-4px;
}
.nav-page li.nav-page-next{
-webkit-box-flex:1;
flex:1;
position:relative;
}
.nav-page li.nav-page-next:after{
content:"";
display:block;
position:absolute;
border-right:2px solid #a1a1a1;
border-bottom:2px solid #a1a1a1;
width:6px;
height:6px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
top:50%;
right:10px;
}
.nav-page li.nav-page-next:after{
margin-top:-4px;
}
.nav-page li.disabled span{
color:#ccc;
}
.nav-page li.disabled:after{
border-color:#ccc;
}
.nav-page li a,
.nav-page li span{
display:block;
padding:6px 5px;
border:1px solid #e6e6e6;
border-radius:3px;
background-color:#fff;
text-align:center;
color:var(--cmn-font-color-base);
font-size:14px;
}

/* ----------------------------------------------------------------
Icon
----------------------------------------------------------------- */
/* .icon-price
----------------------------------------------- */
.icon-price{
display:inline-block;
margin:0 0 5px;
padding:4px 0;
width:62px;
font-size:10px;
color:#fff;
line-height:1;
text-align:center;
border-radius:2px;
background-color:#a97625;
box-sizing:border-box;
}

/* .icon-course
----------------------------------------------- */
.icon-course{
display:inline-block;
margin:-2px 0 0 4px;
padding:2px 3px 1px;
border:1px solid #ddd;
font-size:11px;
color:#888;
vertical-align:middle;
}

/* ----------------------------------------------------------------
Button
----------------------------------------------------------------- */
/* .form-sticky-btn-container
----------------------------------------------- */
.form-sticky-btn-container{
margin-top:0;
padding:10px;
width:100%;
box-sizing:border-box;
background-color:rgba(0, 0, 0, .7);
position:fixed;
z-index:1;
bottom:0;
left:0;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}

/* .form-sticky-btn-list
----------------------------------------------- */
.form-sticky-btn-list{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
margin:0 auto;
width:85%;
}
.form-sticky-btn-list .set-btn{
-webkit-box-flex:1;
flex:1;
margin-left:10px;
}
.form-sticky-btn-list .set-btn button{
border: none;
color: #fff;
background-color: var(--button-color);
font-size: 16px;
padding: 0;
border-radius: 4px;
width: 100%;
height: 44px;
}
.form-sticky-btn-list .set-btn button > span{
font-weight:normal;
font-size:12px;
}
.form-sticky-btn-list .clear-btn button{
padding:0;
width:60px;
height:45px;
color:var(--cmn-font-color-base);
font-size:14px;
white-space:nowrap;
background-color:#fff;
border:1px solid #bbb;
border-radius:5px;
box-sizing:border-box;
line-height:1.55;
}

/* .btn-show-map
----------------------------------------------- */
.btn-show-map{
margin:0 -10px;
border-top:1px solid #e5e5e5;
}
.btn-show-map a{
position:relative;
display:block;
padding:12px 10px 12px 34px;
background-color:#fff;
font-size:16px;
color:var(--cmn-font-color-base);
border-bottom:1px solid #ccc;
}
.btn-show-map a:before{
content:"";
display:inline-block;
width:13px;
height:13px;
overflow:hidden;
position:absolute;
top:50%;
left:12px;
margin-top:-7px;
background: url(/element_sp/w_review/shared/images/icon-current-location.svg) 0 0 no-repeat;
background-size: 100%;
}
.btn-show-map a:after{
content:"";
display:block;
position:absolute;
border-right:2px solid #a1a1a1;
border-bottom:2px solid #a1a1a1;
width:7px;
height:7px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
top:50%;
right:15px;
margin-top:-4px;
}
.form-search-index + .btn-show-map{
border-top:none;
}

/* .pager
----------------------------------------------- */
.pager{
margin:15px 0 20px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:13px;
line-height:1.3;
}

.pager > li > a{
padding:9px 0;
border:1px solid #bbb;
display:block;
border-radius:3px;
width:43px;
color:#555;
text-align:center;
}

.pager > li.pager-first{
margin-right:6px;
}

.pager > li.pager-first + .pager-prev{
margin-left:0;
}

.pager > li.pager-prev{
margin-left:51px;
}

.pager > li.pager-current{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:center;
font-size:12px;
}

.pager > li.pager-current:first-child{
margin-left:96px;
}

.pager > li.pager-current:last-child{
margin-right:96px;
}

.pager > li.pager-prev + li.pager-current{
margin-left:0;
}

.pager > li.pager-current span{
font-family:Arial;
}

.pager > li.pager-current > b{
display:block;
font-weight:normal;
font-size:14px;
}

.pager > li.pager-current > b > span{
font-size:15px;
}

.pager > li.pager-next{
width:96px;
}

/* .btn-clear
----------------------------------------------- */
.btn-clear{
margin:0;
padding:0 6px;
border:1px solid #fff;
border-radius:3px;
color:#fff;
position:absolute;
bottom:50%;
right:10px;
line-height:21px;
-webkit-transform:translateY(50%);
transform:translateY(50%);
font-size:12px;
background-color:transparent;
}

/* ----------------------------------------------------------------
List
----------------------------------------------------------------- */
/* .area-list-container
--------------------------------------------------*/
.area-list-container{
margin:0 -10px -10px;
padding:16px 10px 25px;
background-color:#f3f3f3;
}

.area-list-container .hdg-l2{
font-size:16px;
color:var(--cmn-font-color-base);
background:none;
padding:0 10px 12px;
line-height:1;
}

/* .area-list-hdg
--------------------------------------------------*/
.area-list-container .area-list-hdg{
font-size:16px;
color:var(--cmn-font-color-base);
display:flex;
align-items:center;
}
.area-list-container .area-list-hdg small{
font-weight:normal;
font-size:13px;
margin-left:4px;
}
.area-list-container .area-list-note{
text-align:right;
color:var(--cmn-font-color-gray);
font-size:11px;
font-weight:normal;
margin-left:auto;
}

/* .area-list
--------------------------------------------------*/
.area-list-container .area-list{
display:-webkit-box;
display:flex;
flex-wrap:wrap;
-webkit-box-align:stretch;
align-items:stretch;
margin:-3px 0 21px -5px;
}
.area-list-container .area-list > li{
width:33.3%;
margin-top:5px;
padding-left:5px;
box-sizing:border-box;
}
.area-list-container .area-list > li > a{
display:-webkit-box;
display:flex;
position:relative;
-webkit-box-align:center;
align-items:center;
padding:6px 1px;
width:100%;
height:100%;
min-height:45px;
color:var(--cmn-font-color-base);
font-size:14px;
text-align:center;
line-height:1.3;
border-radius:4px;
background-color:#fff;
border:1px solid #ccc;
box-sizing:border-box;
}
.area-list-container .area-list > li > a > span{
-webkit-box-flex:1;
flex:1;
}
.area-list-container .area-list > li > a small{
display:block;
font-weight:normal;
font-size:10px;
}
.area-list-container .area-list > li.adjust a{
padding:0;
letter-spacing:-.05em;
font-size:12px;
}

/* .link-list
--------------------------------------------------*/
.link-list{
margin:0;
}
.link-list > li{
border-bottom:1px solid #e5e5e5;
margin:0 -10px;
}
.link-list > li > a{
display:block;
position:relative;
color:var(--cmn-font-color-base);
padding:12px 30px 12px 10px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.link-list > li > a:after{
content:"";
display:block;
width:9px;
height:9px;
margin-top:-4px;
position:absolute;
top:50%;
right:15px;
border-top:1px solid #bfbfbf;
border-right:1px solid #bfbfbf;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.link-list > li > a > span{
color:#999;
}
.link-list > li[class] a{
padding-left:35px;
position:relative;
}
.link-list > li[class] a:before{
position:absolute;
left:0;
bottom:50%;
-webkit-transform:translateY(50%);
transform:translateY(50%);
display:block;
width:35px;
height:100%;
content:"";
background-position:50% 50%;
background-repeat:no-repeat;
}
.link-list > li.area a:before{
background-image:url(/element/shared/images/icon/icon-pin.svg);
background-size:15px 16px;
}
.link-list > li.spot a:before{
background-image:url(/element/shared/images/icon/icon-flag.svg);
background-size:13px 16px;
}
.link-list > li.airport a:before{
background-image:url(/element/shared/images/icon/icon-plane.svg);
background-size:18px 18px;
}
.link-list > li.station a:before{
background-image:url(/element/shared/images/icon/icon-train.svg);
background-size:13px 16px;
}
.link-list > li.hotel a:before{
background-image:url(/element/shared/images/icon/icon-hotel.svg);
background-size:17px 12px;
}
.link-list > li.restaurant a:before{
background-image:url(/element/shared/images/icon/icon-restaurant.svg);
background-size:12px 15px;
}
.link-list > li.shopping a:before{
background-image:url(/element/w_review_v2/shared/images/icon/icon-shopping.svg);
background-size:16px 16px;
}
.link-list > li.modelplan a:before{
background-image:url(/element/w_review_v2/shared/images/icon/icon-modelplan.svg);
background-size:16px 16px;
}

/* .tag-list
--------------------------------------------------*/
.tag-list{
margin:6px 0 10px;
overflow:hidden;
}
.tag-list li{
float:left;
margin-top:4px;
padding:4px 5px 2px;
font-size:11px;
line-height:1;
color:#555;
border-radius:3px;
background-color:#ebebeb;
}
.tag-list li:not(:last-child){
margin-right:4px;
}

/* .image-list
----------------------------------------------- */
.image-list{
margin:7px 0 12px;
overflow:hidden;
}
.image-list > li{
float:left;
margin-top:5px;
}
.image-list > li:not(:last-child){
margin-right:9px;
}
.image-list > li span{
position:relative;
display:block;
width:87px;
height:65px;
background-color:#f2f2f2;
overflow:hidden;
}
.image-list > li span img{
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
margin:auto;
max-width:87px;
max-height:65px;
width:auto;
height:auto;
}
.image-list-more{
font-size:11px;
}
.image-list-more > a{
color:#666;
position:relative;
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);
}

/* ----------------------------------------------------------------
Box
----------------------------------------------------------------- */
/* .form-search-index
----------------------------------------------- */
.form-search-index{
margin:-10px -10px 0;
padding:12px 8px 52px;
background-image: url(/element_sp/w_review/index/images/bg.png),url(/element_sp/w_review/index/images/index-img-01.jpg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: 0 0,0 100%;
background-color: var(--key-color);
}
.form-search-index .form-search-index-hdg{
font-size:16px;
color:#fff;
text-shadow:0 1px 0 rgb(0 0 0 / 50%);
line-height:1.2;
}
.form-search-index .form-search-index-hdg-wording{
margin:0 0 12px;
font-size:12px;
color:#fff;
text-shadow:0 1px 0 rgb(0 0 0 / 50%);
}
.form-search-index .input-search-text input[type="text"],
.form-search-index .input-search-text input[type="search"]{
border-color:#999;
border-width:1px;
padding-right:10px;
white-space:nowrap;
text-overflow:ellipsis;
}
.box-02{
position:relative;
margin:0 -10px;
padding:18px 15px 5px;
position:relative;
}
main > .box-02:first-child{
margin-top:-10px;
border-top-color:#ddd;
}
.cmn-app .box-02{
min-height:125px;
}

/* .box-route
----------------------------------------------- */
.box-route{
display:-webkit-box;
display:flex;
margin:4px 0 10px;
padding:7px 10px;
background:#f7f7f7;
-webkit-box-align:center;
align-items:center;
}
.box-route .route{
padding-right:5px;
margin:0;
font-size:13px;
-webkit-box-flex:1.5;
flex:1.5;
}
.box-route button{
display:block;
padding:6px 10px;
font-size:12px;
color:#444;
border:solid 1px #ccc;
border-radius:5px;
background:#fff;
}

/* .form-request
------------------------------------------------ */
.form-request textarea{
margin:5px 0 0;
min-height:100px;
border:1px solid #999;
border-radius:4px;
}

/* .form-request-wording
------------------------------------------------ */
.form-request .form-request-wording{
margin:-5px 0 10px;
font-size:15px;
}

/* .form-request-list
------------------------------------------------ */
.form-request .form-request-list{
font-size:13px;
}
.form-request .form-request-list > li{
margin-bottom:5px;
padding-left:1em;
text-indent:-1em;
line-height:1.3;
word-break:normal;
}
.form-request .form-request-list > li:before{
content:"";
display:inline-block;
width:6px;
height:6px;
margin-right:4px;
background-color:#bfbfbf;
border-radius:50%;
}

/* .form-request-notice
------------------------------------------------ */
.form-request .form-request-notice{
font-size:12px;
}
.form-request .form-request-notice strong{
color:#e20807;
font-weight:normal;
}

/* .form-request-btn
------------------------------------------------ */
.form-request .form-request-btn{
position:relative;
margin-top:20px;
padding:8px 10px 7px;
min-height:43px;
color:#fff;
border:none;
border-radius:6px;
background-color:#78ae0e;
box-shadow:inset 0 -4px rgba(0, 0, 0, .22);
text-shadow:0 1px rgba(4, 0, 0, .1);
font-size:20px;
font-weight:bold;
width:100%;
}

/* .img-box
----------------------------------------------------------------- */
.img-box{
margin:0 -10px;
}
.img-box a,
.img-box div{
display:block;
text-align:center;
font-size:10px;
color:#666;
}
.img-box a span,
.img-box div span{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
background-color:#f2f2f2;
height:195px;
}
.img-box a span img,
.img-box div span img{
max-width:320px;
max-height:195px;
}
.img-box a span p,
.img-box div span p{
margin-bottom:0;
}

/* ----------------------------------------------------------------
Guide
----------------------------------------------------------------- */
/* .guide-nav-prev
----------------------------------------------- */
.guide-nav-prev{
margin:0 -10px;
border-bottom:1px solid #ddd;
}
.guide-nav-prev a{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
position:relative;
padding:3px 10px 3px 29px;
min-height:40px;
color:#555;
font-size:14px;
line-height:1.2;
background-color:#f5f5f5;
}
.guide-nav-prev a::after{
margin:-4px 0 0 0;
border-width:0 0 1px 1px;
border-style:solid;
border-color:#555;
content:"";
display:block;
width:8px;
height:8px;
position:absolute;
top:50%;
left:13px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/* .guide-hdg
----------------------------------------------- */
.guide-hdg{
margin:10px 0;
font-size:17px;
font-weight:bold;
}

/* .guide-item
----------------------------------------------- */
.guide-item{
margin:0 -10px;
padding:15px 10px;
border-top:5px solid #666;
border-bottom:5px solid #666;
overflow:hidden;
position:relative;
background-color:#fff;
}
.guide-item +.guide-item{
border-top:none;
}
.guide-item > p{
margin:0;
font-size:13px;
line-height:1.46;
}

/* .guide-item-header-info
----------------------------------------------- */
.guide-item .guide-item-header-info{
position:relative;
padding-left:65px;
min-height:55px;
line-height:1.2;
}
.guide-item .guide-item-header-info .name{
font-size:17px;
font-weight:bold;
color:var(--cmn-font-color-base);
line-height:1;
}
.guide-item .guide-item-header-info .title{
font-size:11px;
color:var(--cmn-font-color-gray);
margin:3px 0 4px;
}
.guide-item .guide-item-header-info .outline{
margin:0;
font-size:12px;
}
.guide-item .guide-item-header-info .image{
position:absolute;
left:0;
top:0;
width:55px;
height:55px;
background-color:#f2f2f2;
overflow:hidden;
}
.guide-item .guide-item-header-info .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);
}

/* .guide-item-header-category-list
----------------------------------------------- */
.guide-item .guide-item-header-category-list{
margin:3px 0 13px -5px;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
-webkit-box-align:stretch;
align-items:stretch;
}
.guide-item .guide-item-header-category-list > li{
width:33.3%;
margin-top:5px;
padding-left:5px;
box-sizing:border-box;
}
.guide-item .guide-item-header-category-list > li > a{
position:relative;
display:block;
padding:4px 3px 5px;
width:100%;
height:100%;
color:var(--cmn-font-color-base);
font-size:12px;
text-align:center;
line-height:1.3;
border-radius:3px;
background-color:#fff;
border:1px solid #ccc;
box-sizing:border-box;
}
.guide-item .guide-item-header-category-list > li > a > .num{
display:block;
font-size:11px;
line-height:1;
}

/* .guide-item-hdg
----------------------------------------------- */
.guide-item .guide-item-hdg{
margin-top:15px;
font-size:13px;
color:var(--cmn-font-color-base);
line-height:1.2;
}

/* .guide-item-aside
----------------------------------------------- */
.guide-item .guide-item-aside{
margin-top:10px;
border-top:1px solid #e9e9e9;
}

/* .guide-aside-list
----------------------------------------------- */
.guide-item .guide-item-aside-list{
display:-webkit-box;
display:flex;
flex-wrap:wrap;
margin:0;
line-height:1.55;
}
.guide-item .guide-item-aside-list > li{
margin-top:5px;
font-size:14px;
line-height:1;
}
.guide-item .guide-item-aside-list > li:not(:last-child){
border-right:1px solid #cdcdcd;
margin-right:10px;
padding-right:10px;
}

/* .info-panel
----------------------------------------------- */
.info-panel{
word-break:break-all;
word-wrap:break-word;
padding:10px 8px;
color:#555;
border:1px solid #d2d2d2;
background-color:#f2f2f2;
}

/* .info-panel-hdg
----------------------------------------------- */
.info-panel .info-panel-hdg{
font-size:12px;
margin-bottom:5px;
}
.info-panel .info-panel-hdg .ruby:before{
content:" / ";
}

/* .info-panel-list
----------------------------------------------- */
.info-panel .info-panel-list{
margin:0;
font-size:11px;
}
.info-panel .info-panel-list > li{
display:table;
width:100%;
table-layout:fixed;
}
.info-panel .info-panel-list > li:not(:first-child){
margin-top:5px;
}
.info-panel .info-panel-list > li > div{
display:table-cell;
}
.info-panel .info-panel-list > li > div:first-child{
padding-right:15px;
width:7.5em;
position:relative;
font-size:10px;
}
.info-panel .info-panel-list > li > div:first-child:after{
content:"\ff1a";
display:block;
position:absolute;
top:-1px;
right:3px;
font-size:11px;
}
.info-panel .info-panel-list > li > div > a{
color:#555;
text-decoration:underline;
}
.info-panel .info-panel-list > li .icon-map:after{
content:"";
margin-left:5px;
display:inline-block;
width:9px;
height:13px;
vertical-align:middle;
opacity:.5;
background:url(/element/shared/images/icon/icon-pin-gray.svg) left center no-repeat;
background-size:9px auto;
}
.info-panel .info-panel-list > li .icon-tel:after{
content:"";
margin-left:5px;
display:inline-block;
width:10px;
height:12px;
vertical-align:middle;
opacity:.5;
background:url(/element_sp/shared/images/icon/icon-phone.svg) 0 0 no-repeat;
background-size:10px 12px;
}
.info-panel .info-panel-list > li .icon-blank:after{
content:"";
margin-left:5px;
display:inline-block;
width:12px;
height:11px;
vertical-align:middle;
opacity:.5;
background:url(/element_sp/shared/images/icon/ico-external.svg) 0 0 no-repeat;
background-size:12px 11px;
}

/* .info-panel-btn-list
----------------------------------------------- */
.info-panel .info-panel-btn-list{
margin:18px 0 5px;
font-size:13px;
text-align:center;
}
.info-panel .info-panel-btn-list > li:not(:first-child){
margin-top:5px;
}
.info-panel .info-panel-btn-list > li > a{
padding:7px 10px;
border:1px solid #ccc;
border-radius:4px;
color:#555;
font-weight:700;
display:inline-block;
box-shadow:0 -2px 0 #e9e9e9 inset;
background-color:#fff;
text-decoration:none;
}

/* .info-panel-map
----------------------------------------------- */
.info-panel .info-panel-map{
padding:0 10px 10px;
margin-top:20px;
background-color:#fff;
}
.info-panel .info-panel-map-inner{
margin:0 -10px 10px;
height:200px;
overflow:hidden;
}
.info-panel .info-panel-map-hdg-container{
position:relative;
padding-right:60px;
}
.info-panel .info-panel-map-hdg{
color:#555;
font-size:11px;
line-height:20px;
}
.info-panel .info-panel-map-reset{
position:absolute;
right:0;
top:0;
width:50px;
height:20px;
font-size:11px;
color:#666;
border:1px solid #c4c4c4;
border-radius:4px;
background-color:#fff;
}
.info-panel .info-panel-map-list{
margin:7px 0 0;
overflow:hidden;
}
.info-panel .info-panel-map-list > li{
position:relative;
float:left;
font-size:12px;
color:var(--cmn-font-color-base);
}
.info-panel .info-panel-map-list > li:not(:last-child){
margin-right:10px;
padding-right:10px;
}
.info-panel .info-panel-map-list > li:not(:first-child):after{
content:"|";
position:absolute;
top:0;
left:-13px;
color:#bbb;
}
.info-panel .info-panel-map-list > li a{
color: var(--cmn-link-color-base);
}
.info-panel .info-panel-map-list > li b{
line-height:1;
}
.info-panel .notice + .info-panel-map{
margin-top:7px;
}

/* ----------------------------------------------------------------
Notice
----------------------------------------------------------------- */
/* .list-notice
----------------------------------------------- */
.list-notice{
color:#666;
font-size:11px;
}
.list-notice > li{
padding-left:1.35em;
position:relative;
}
.list-notice > li .mark{
position:absolute;
top:0;
left:0;
}

/* .notice
----------------------------------------------- */
.notice{
position:relative;
font-size:11px;
padding-left:1.2em;
line-height:1.2;
margin:10px 0 0;
color:#949494;
}
.notice .mark{
position:absolute;
top:0;
left:0;
}

/* ----------------------------------------------------------------
Component
----------------------------------------------------------------- */
/* .carousel-image
----------------------------------------------- */
.carousel-image{
margin:0 -10px 13px;
}

/* .carousel-image-inner
----------------------------------------------- */
.carousel-image .carousel-image-inner{
position:relative;
margin:0 auto;
overflow:hidden;
}

/* .carousel-image-list
----------------------------------------------- */
.carousel-image .carousel-image-list{
display:table;
margin:0;
table-layout:fixed;
}
.carousel-image .carousel-image-list > li{
display:table-cell;
font-size:11px;
line-height:1.2;
color:#666;
text-align:center;
vertical-align:top;
}
.carousel-image .carousel-image-list >li > div{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
background-color:#f2f2f2;
height:240px;
text-align:center;
vertical-align:middle;
}
.carousel-image .carousel-image-list >li > div img{
max-width:320px;
max-height:240px;
vertical-align:top;
}
.carousel-image .carousel-image-list >li > p{
margin:5px 10px 0;
}
.carousel-image .carousel-image-list >li > p > .sup{
display:block;
}

/* .carousel-image-nav
----------------------------------------------- */
.carousel-image .carousel-image-nav{
margin:0;
}
.carousel-image .carousel-image-nav > li > *{
margin:0;
padding:0;
border:none;
color:rgba(51, 51, 51, 0);
width:40px;
height:100%;
position:absolute;
top:0;
left:0;
-webkit-user-select:none;
user-select:none;
background:none;
z-index:1;
}
.carousel-image .carousel-image-nav > li > *:before,
.carousel-image .carousel-image-nav > li > *:after{
margin:0 0 0 -6px;
border-width:4px 4px 0 0;
border-style:solid;
border-color:#fff;
content:"";
display:block;
width:12px;
height:12px;
position:absolute;
top:112px;
left:50%;
-webkit-transform:rotate(-135deg);
transform:rotate(-135deg);
}
.carousel-image .carousel-image-nav > li > *:before{
margin-left:-5px;
border-color:rgba(0, 0, 0, .4);
}
.carousel-image .carousel-image-nav li.next > *{
left:auto;
right:0;
}
.carousel-image .carousel-image-nav > li.next > *:before,
.carousel-image .carousel-image-nav > li.next > *:after{
margin-left:-11px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.carousel-image .carousel-image-nav > li.next > *:after{
margin-left:-10px;
}

/* .carousel-image-thumb
----------------------------------------------- */
.carousel-image .carousel-image-thumb{
position:relative;
margin-top:20px;
overflow:hidden;
}

/* .carousel-image-thumb-inner
----------------------------------------------- */
.carousel-image .carousel-image-thumb-inner{
margin:0 20px;
overflow:hidden;
}

/* .carousel-image-thumb-list-container
----------------------------------------------- */
.carousel-image .carousel-image-thumb-list-container{
margin:0;
overflow:hidden;
}

/* .carousel-image-thumb-list
----------------------------------------------- */
.carousel-image .carousel-image-thumb-list{
display:-webkit-box;
display:flex;
float:left;
margin:0;
}
.carousel-image .carousel-image-thumb-list > li{
font-size:11px;
line-height:1.2;
text-align:center;
vertical-align:top;
width:33.3%;
border:3px solid #fff;
}
.carousel-image .carousel-image-thumb-list > li > div{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
height:65px;
background-color:#f2f2f2;
}
.carousel-image .carousel-image-thumb-list > li > div img{
max-height:65px;
max-width:100%;
vertical-align:top;
}
.carousel-image .carousel-image-thumb-list > li.active{
border-color:#fcc453;
}

/* .carousel-image-thumb-nav
----------------------------------------------- */
.carousel-image .carousel-image-thumb-nav{
margin:0;
}
.carousel-image .carousel-image-thumb-nav > li > *{
margin:0;
padding:0;
border:none;
color:rgba(51, 51, 51, 0);
width:20px;
height:100%;
position:absolute;
top:0;
left:0;
-webkit-user-select:none;
user-select:none;
background:none;
z-index:1;
}
.carousel-image .carousel-image-thumb-nav > li > *:before{
content:"";
display:block;
position:absolute;
border-right:2px solid #555;
border-bottom:2px solid #555;
width:10px;
height:10px;
top:30px;
left:7px;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}
.carousel-image .carousel-image-thumb-nav > li.next > *{
left:auto;
right:0;
}
.carousel-image .carousel-image-thumb-nav > li.next > *:before{
margin-left:-5px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.carousel-image .carousel-image-thumb-nav > li.next > *:after{
margin-left:-10px;
}

/* .category-list
----------------------------------------------- */
.category-list{
display:block;
margin:0;
font-size:11px;
font-weight:normal;
color:var(--cmn-font-color-gray);
line-height:1.2;
}
.category-list > li:not(:first-child){
margin-top:2px;
}

/* .update-date
----------------------------------------------- */
.update-date{
display:-webkit-box;
display:flex;
font-size:11px;
line-height:1;
color:var(--cmn-font-color-gray);
}
.update-date > div:first-child{
margin-right:5px;
}

/* .post-date
----------------------------------------------- */
.post-date{
display:-webkit-box;
display:flex;
font-size:11px;
line-height:1;
color:#555;
}
.post-date > div:first-child{
margin-right:5px;
}

/* result-date-container
------------------------------------------------ */
.result-date-container{
display:-webkit-box;
display:flex;
-webkit-box-pack:end;
justify-content:flex-end;
margin-top:-19px
}
.result-date-container > li{
font-size:10px;
color:#fff
}
.result-date-container > li:not(:first-child){
margin-left:10px;
}
.result-date-container > li > span:first-child::after{
content:":";
margin:0 2px;
display:inline-block;
}

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

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

/* .visit-date
----------------------------------------------- */
.visit-date{
display:-webkit-box;
display:flex;
-webkit-box-pack:end;
justify-content:flex-end;
margin-top:12px;
font-size:13px;
line-height:1;
color:var(--cmn-font-color-base);
}
.visit-date > div:first-child{
margin-right:5px;
}

/* .guide-info
----------------------------------------------- */
.guide-info{
position:relative;
margin-bottom:5px;
padding-left:33px;
min-height:24px;
line-height:1.2;
}
.guide-info .name{
margin-right:4px;
font-size:15px;
line-height:1.1;
word-break:break-all;
}
.guide-info .title{
font-size:11px;
color:var(--cmn-font-color-gray);
line-height:1.5;
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.guide-info .image{
position:absolute;
top:0;
left:0;
display:block;
width:24px;
height:24px;
text-align:center;
background-color:#f2f2f2;
}
.guide-info .image img{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
max-width:24px;
max-height:24px;
vertical-align:top;
}

/* .selection
----------------------------------------------- */
.selection{
padding:0 4px;
background-color:#ff6;
}

/* .list-action
-----------------------------------------------------*/
.list-action{
display:-webkit-box;
display:flex;
margin-bottom:10px;
margin-left:-5px;
}
.list-action li{
-webkit-box-flex:1;
flex:1;
width:50%;
font-size:13px;
color:#555;
line-height:1.2;
margin-left:5px;
}
.list-action li.list-action-01 a:before{
content:"";
width:12px;
height:13px;
background-image:url(/element_sp/shared/images/sprite/sprite-icon-symbol.png);
background-size:220px;
background-repeat:no-repeat;
vertical-align:middle;
display:inline-block;
background-position:-206px -3px;
}
.list-action li.list-action-02 a{
padding:3px 0 4px;
font-size:12px;
letter-spacing:-.05em;
}

/* .link-list-other
-----------------------------------------------------*/
.link-list-other{
display:-webkit-box;
display:flex;
margin:0 -5px 40px;
}
.link-list-other li{
display:-webkit-box;
display:flex;
width:33.3%;
}
.link-list-other a{
-webkit-box-flex:1;
flex:1;
display:block;
margin:2px;
padding:4px 0;
border-radius:3px;
background:#fff;
border:1px solid #b5b5b5;
text-align:center;
font-size:12px;
}

/* .link-more-info
----------------------------------------------- */
.link-more-info{
margin:35px 0 15px;
font-size:12px;
text-align:center;
position:relative;
z-index:1;
}
.cmn-sns-list + .link-more-info{
margin:20px 0 10px;
}

/* .reference-box
----------------------------------------------- */
.reference-box{
margin:22px 0 5px;
text-align:center;
font-size:12px;
font-weight:bold;
color:#555;
}
.reference-box > :first-child{
margin-top:0;
}
.reference-box > :last-child{
margin-bottom:0;
}
.reference-box .question{
font-size:11px;
}
.reference-box .question .btn-qa{
margin-right:0;
}
.reference-box .thanks{
margin-bottom:0;
padding:4px 20px;
display:inline-block;
font-size:11px;
color:#fff;
background-color:#959595;
}
.btn-list-reference{
letter-spacing:-.4em;
}
.btn-list-reference > li{
display:inline-block;
letter-spacing:normal;
}
.btn-list-reference > li:nth-child(2){
margin-left:13px;
}
.btn-list-reference > li button{
padding:5px 0;
min-width:100px;
font-size:13px;
font-weight:bold;
color:#555;
background-color:#fff;
border:1px solid #ccc;
border-radius:3px;
box-shadow:0 -2px 0 rgba(0, 0, 0, .15) inset;
box-sizing:border-box;
}
.btn-list-reference > li .count-num{
display:inline-block;
vertical-align:middle;
margin-left:4px;
padding:0 6px;
font-weight:normal;
background-color:#fff;
border-radius:2px;
border:1px solid #ccc;
position:relative;
position:relative;
}
.btn-list-reference > li .count-num:before{
content:"";
display:inline-block;
width:0;
height:0;
position:absolute;
margin:0;
display:block;
border-width:4px 4px 4px 0;
border-color:transparent #ccc transparent transparent;
border-style:solid;
}
.btn-list-reference > li .count-num:after{
content:"";
display:inline-block;
width:0;
height:0;
position:absolute;
margin:0;
display:block;
border-width:4px 4px 4px 0;
border-color:transparent #fff transparent transparent;
border-style:solid;
}
.btn-list-reference > li .count-num:before{
left:-5px;
top:4px;
}
.btn-list-reference > li .count-num:after{
left:-4px;
top:4px;
}

/* .info-sns
----------------------------------------------- */
.info-sns{
margin-top:15px
}
.info-sns-catch{
padding:5px 2px 3px 23px;
border:none;
border-bottom:1px solid #b2b2b2;
border-radius:3px;
width:100%;
pointer-events:auto;
background:#fff url(/element/w_review_v2/shared/images/icon/icon-share.svg) 6px 50% no-repeat;
background-size:12px 17px;
text-align:left;
min-height:24px;
font-size:11px;
}

/* ----------------------------------------------------------------
Table
----------------------------------------------------------------- */
/* .tbl-def
----------------------------------------------- */
.tbl-def{
width:100%;
margin:9px 0 5px;
line-height:1.25;
box-sizing:border-box;
table-layout:fixed;
}
.tbl-def th{
width:23%;
padding-bottom:3px;
font-size:11px;
font-weight:normal;
color:var(--cmn-font-color-base);
text-align:left;
vertical-align:top;
}
.tbl-def th:last-of-type{
margin-bottom:0;
}
.tbl-def td{
padding-bottom:3px;
font-size:12px;
word-break:break-all;
}
.tbl-def td a{
color:var(--cmn-font-color-base);
}
.tbl-def td:last-of-type{
margin-bottom:0;
}
.toggle-item > .spot-data > .spot-data-desc > :first-child{
margin-top:0;
}

/* .tbl-plan
----------------------------------------------- */
.tbl-plan{
color:var(--cmn-font-color-base);
line-height:1.2;
border-collapse:collapse;
}
.tbl-plan th{
position:relative;
padding-right:7px;
font-size:11px;
font-weight:normal;
}
.tbl-plan th:after{
position:absolute;
display:inline-block;
content:":";
right:0;
}
.tbl-plan td{
font-size:10px;
}
.tbl-plan td em{
font-size:13px;
font-weight:bold;
}
.tbl-plan td span{
font-size:11px;
}

/* .spot-data
----------------------------------------------- */
.spot-data{
overflow:hidden;
}
.lyt-map .spot-data .spot-data-desc{
padding:0 10px;
}
.spot-data table,
.spot-data tbody{
display:block;
}
.spot-data tr{
display:inline;
}
.spot-data tr th{
display:block;
float:left;
width:7.5em;
}
.spot-data tr td{
display:block;
overflow:hidden;
margin-bottom:5px;
word-break:break-all;
}
.spot-data .spot-data-thumb{
float:right;
width:75px;
margin:0 0 5px 5px;
}
.spot-data .spot-data-thumb span{
display:table-cell;
width:75px;
height:75px;
text-align:center;
vertical-align:middle;
background-color:#f2f2f2;
}
.spot-data .spot-data-thumb span img{
max-width:75px;
max-height:75px;
vertical-align:middle;
}
.spot-data .spot-data-thumb .btn-03{
margin:5px 0 0;
}
.spot-data .spot-data-thumb .btn-03 a{
padding:7px 2px;
font-size:10px;
line-height:1.2;
}
.toggle-container-02 .spot-data{
padding:0 10px;
}

/* .sort
----------------------------------------------- */
.sort{
margin:0 -10px;
padding:12px 10px;
}

/* .sort-inner
----------------------------------------------- */
.sort .sort-inner{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
position:relative
}
.sort .sort-inner > div{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.sort .sort-inner > :first-child{
-webkit-box-flex:1;
flex:1;
margin:0;
}
.sort .form-custom-select select{
height:36px;
border:1px solid #c4c4c4;
}

/* .sort-hdg
----------------------------------------------- */
.sort .sort-hdg{
font-size:13px;
font-weight:bold;
margin-right:10px;
}

/* .sort-btn
----------------------------------------------- */
.sort .sort-btn{
margin-left:7px;
padding:0;
border:1px solid #bbb;
border-radius:4px;
width:70px;
height:38px;
background-color:#fff;
font-size:14px;
}

/* .sort-tag
----------------------------------------------- */
.sort .sort-tag{
display:none;
position:relative;
margin:12px 0 0;
padding:0;
border-radius:5px;
background-color:#fff;
border:1px solid #bbb;
}
.sort .sort-tag:before,
.sort .sort-tag:after{
content:"";
width:0;
height:0;
position:absolute;
top:-11px;
right:100px;
display:block;
border-width:0 8px 10px 8px;
border-color:transparent transparent #bbb transparent;
border-style:solid;
}
.sort .sort-tag:after{
top:-10px;
border-color:transparent transparent #fff transparent;
z-index:1;
}
.sort.is-active .sort-tag{
display:block;
}

/* .sort-tag-list
----------------------------------------------- */
.sort .sort-tag-list{
margin:0 0 5px;
padding:10px 10px 0;
letter-spacing:-.4em;
}
.sort .sort-tag-list.ellipsis:after{
display:inline-block;
}
.sort .sort-tag-list:after{
display:none;
letter-spacing:normal;
content:"...";
font-size:12px;
color:#555;
vertical-align:top;
}
.sort .sort-tag-list > li{
display:inline-block;
letter-spacing:normal;
margin:0 5px 5px 0;
}
.sort .sort-tag-list > li > a{
position:relative;
display:block;
padding:3px 25px 3px 5px;
background-color:#f2f2f2;
font-size:12px;
color:#666;
border-radius:3px;
}
.sort .sort-tag-list > li > a:before,
.sort .sort-tag-list > li > a:after{
position:absolute;
top:50%;
right:5px;
margin-top:-1px;
display:block;
content:"";
width:10px;
height:2px;
background-color:#808080;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.sort .sort-tag-list > li > a:after{
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.sort .sort-tag .sort-tag-toggle-btn{
padding:0;
width:100%;
border:none;
border-top:1px solid #bbb;
border-radius:0 0 5px 5px;
background-color:#fff;
font-size:12px;
color:#555;
height:35px;
box-sizing:border-box;
}
.sort .sort-tag .sort-tag-toggle-btn:before{
content:"";
display:inline-block;
margin:-2px 5px 0 0;
width:13px;
height:13px;
background-size:13px;
vertical-align:middle;
}
.sort.is-active .sort-tag-list.is-ellipsis + .sort-tag-toggle-btn:before{
background:url(/element_sp/shared/images/icon/icon-toggle-plus.svg);
background-size:13px;
}
.sort.is-active .sort-tag-list + .sort-tag-toggle-btn:before{
background:url(/element_sp/shared/images/icon/icon-toggle-minus.svg);
background-size:13px;
}

/* ----------------------------------------------------------------
Form
----------------------------------------------------------------- */
/* default
----------------------------------------------- */
select,
textarea,
input[type="text"],
input[type="search"],
input[type="url"]{
padding:9px 5px;
width:100%;
box-sizing:border-box;
font-size:16px;
color:var(--cmn-font-color-base);
background-color:#fff;
}
input[type="text"],
input[type="search"],
input[type="url"]{
padding:5px;
border:1px solid #bbb;
border-radius:4px;
display:block;
width:100%;
min-height:38px;
font-size:16px;
box-sizing:border-box;
-webkit-appearance:none;
appearance:none;
}
input[type="text"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder{
color:#9e9e9e;
}
textarea{
-webkit-appearance:none;
}
button{
color:var(--cmn-font-color-base);
}
label{
margin:0;
cursor:pointer;
}

/* .form-custom-select
----------------------------------------------- */
.form-custom-select{
border-radius:3px;
display:block;
overflow:hidden;
background-color:#fff;
position:relative;
}
.form-custom-select:before{
position:absolute;
display:block;
width:0;
height:0;
margin:0;
content:"";
top:50%;
right:8px;
margin-top:-3px;
border-width:7px 6px 0 6px;
border-style:solid;
border-color:#888 transparent transparent transparent;
}
.form-custom-select:before{
margin-top:-3px;
top:50%;
right:8px;
}
.form-custom-select select{
-webkit-appearance:none;
-moz-appearance:none;
margin:0;
padding:5px 20px 6px 7px;
border:1px solid #bbb;
border-radius:3px;
min-height:38px;
background:transparent;
font-weight:bold;
}

/* checkbox
----------------------------------------------- */
input[type="checkbox"]{
margin:0;
padding:0;
border:none;
border-radius:0;
width:20px;
height:20px;
-webkit-appearance:none;
appearance:none;
display:inline-block;
vertical-align:baseline;
background:url(/element_sp/shared/images/icon/icon-form-checkbox.svg) 0 0 no-repeat;
background-size:100%;
}
input[type="checkbox"]:checked{
background-image:url(/element_sp/shared/images/icon/icon-form-checkbox-on.svg);
}
input[type="checkbox"]:disabled{
background-image:url(/element_sp/shared/images/icon/icon-form-checkbox-disabled.svg);
}

/* radio
----------------------------------------------- */
input[type="radio"]{
margin:0;
padding:0;
border:none;
border-radius:0;
width:15px;
height:15px;
-webkit-appearance:none;
appearance:none;
display:inline-block;
vertical-align:baseline;
background:url(/element_sp/shared/images/icon/icon-form-radio.svg) 0 0 no-repeat;
background-size:100%;
}
input[type="radio"]:checked{
background-image:url(/element_sp/shared/images/icon/icon-form-radio-on.svg);
}
input[type="radio"]:disabled{
background-image:url(/element_sp/shared/images/icon/icon-form-radio-disabled.svg);
}

/* .form-list
----------------------------------------------- */
.form-list{
margin:0;
line-height:1.35;
font-size:14px;
}
.form-list > li{
margin:0 -10px -1px;
}
.form-list > li > label{
padding:15px 10px 15px 38px;
display:block;
position:relative;
border-bottom:1px solid #e5e5e5;
}
.form-list > li > label input[type="checkbox"],
.form-list > li > label input[type="radio"]{
position:absolute;
top:14px;
left:10px;
}
.form-list > li.link-arrow a{
padding:15px 25px 15px 10px;
border-bottom:1px solid #e5e5e5;
color:var(--cmn-font-color-base);
display:block;
position:relative;
}
.form-list > li.link-arrow a:before{
margin-top:-5px;
border-width:1px 1px 0 0;
border-style:solid;
border-color:#bfbfbf;
content:"";
display:block;
width:8px;
height:8px;
position:absolute;
top:50%;
right:10px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.form-list > li.link-arrow:first-child a{
border-top:1px solid #e5e5e5;
}
.form-list > li.is-disabled{
color:#999;
}
.form-list > li.has-child > label{
padding-bottom:0;
border-bottom:none;
}
.form-list > li > .form-list{
margin-left:30px;
}
.form-list > li > .form-list > li{
margin:0;
}

/* .form-list-note
----------------------------------------------- */
.form-list-note{
margin:10px 0;
display:block;
font-size:12px;
color:#555;
}

/* .form-holiday-list
----------------------------------------------- */
.form-holiday-list{
margin:7px 0 0;
line-height:1.35;
font-size:15px;
overflow:hidden;
}
.form-holiday-list > li{
float:left;
}
.form-holiday-list > li:nth-child(5){
clear:left;
}
.form-holiday-list > li > label{
padding:12px 5px 12px 48px;
display:inline-block;
position:relative;
}
.form-holiday-list > li > label input[type="checkbox"],
.form-holiday-list > li > label input[type="radio"]{
position:absolute;
top:11px;
left:20px;
}

/* .form-holiday-list-disp
----------------------------------------------- */
.form-holiday-list-disp{
margin:0 0 12px 20px;
font-size:13px;
color:var(--cmn-font-color-base);
}
.form-holiday-list-disp > b{
margin-right:5px;
}

/* .form-price-range-container
----------------------------------------------- */
.form-price-range-container{
margin:15px 0;
}

/* .form-price-range-inner
----------------------------------------------- */
.form-price-range-container .form-price-range-inner{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
margin-top:10px;
}
.form-price-range-container .form-price-range-inner .form-custom-select{
-webkit-box-flex:1;
flex:1;
}

/* .form-price-range-sup
----------------------------------------------- */
.form-price-range-container .form-price-range-sup{
margin:0 5px;
}

/* .form-dist-container
----------------------------------------------- */
.form-dist-container{
margin:15px 0;
}

/* .form-dist-inner
----------------------------------------------- */
.form-dist-container .form-dist-inner{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
margin-top:10px;
}

/* .form-dist-spot
----------------------------------------------- */
.form-dist-container .form-dist-inner >:first-child{
-webkit-box-flex:1;
flex:1;
}
.form-dist-container .form-dist-inner .form-dist-spot input[type="text"]{
border:1px solid #bbb;
}
.form-dist-container .form-dist-inner .form-custom-select{
-webkit-box-flex:1;
flex:1;
margin-left:40%;
}

/* .form-dist-sup
----------------------------------------------- */
.form-dist-container .form-dist-sup{
margin-left:5px;
font-weight:bold;
font-size:15px;
color:var(--cmn-font-color-base);
}

/* .form-guide-list
-----------------------------------------------*/
.form-guide-list > li{
margin:0 -10px;
}
.form-guide-list > li:first-child{
margin-top:3px;
}
.form-guide-list > li > label{
position:relative;
display:block;
padding:12px 10px 9px 40px;
border-bottom:1px solid #e5e5e5;
line-height:1.3;
}
.form-guide-list > li > label input[type="checkbox"],
.form-guide-list > li > label input[type="radio"]{
position:absolute;
top:50%;
left:10px;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}

/* .form-guide-list-info
-----------------------------------------------*/
.form-guide-list .form-guide-list-info{
display:block;
position:relative;
padding-left:65px;
min-height:55px;
line-height:1.2;
}
.form-guide-list .form-guide-list-info .name{
display:block;
font-size:14px;
font-weight:bold;
}
.form-guide-list .form-guide-list-info .name .sup{
font-size:12px;
font-weight:normal;
}
.form-guide-list .form-guide-list-info .title{
display:block;
font-size:10px;
color:#808080;
}
.form-guide-list .form-guide-list-info .outline{
display:block;
margin-top:5px;
font-size:11px;
color:var(--cmn-font-color-base);
}
.form-guide-list .form-guide-list-info .image{
position:absolute;
left:0;
top:0;
width:55px;
height:55px;
background-color:#f2f2f2;
overflow:hidden;
}
.form-guide-list .form-guide-list-info .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);
}

/* ----------------------------------------------------------------
Modal
----------------------------------------------------------------- */
/* .modal-pos-fix
-----------------------------------------------*/
.modal-pos-fix{
position:fixed;
}

/* .modal-spot-list
-----------------------------------------------*/
.modal-map{
margin:-30px -12px 10px;
height:250px;
}

/* .modal-spot-hdg
-----------------------------------------------*/
.modal-spot-hdg{
word-break:break-all;
word-wrap:break-word;
margin:10px 0 5px;
font-size:15px;
color:var(--cmn-font-color-base);
line-height:1.2;
}
.modal-spot-hdg .sup{
display:block;
font-size:10px;
color:#4c4c4c;
font-weight:normal;
}
.modal-spot-hdg .ruby{
font-size:13px;
}
.modal-spot-hdg .ruby:before{
content:" / ";
}

/* .modal-spot-list
-----------------------------------------------*/
.modal-spot-list{
margin:0;
font-size:11px;
}
.modal-spot-list > li{
display:table;
width:100%;
table-layout:fixed;
}
.modal-spot-list > li:not(:first-child){
margin-top:5px;
}
.modal-spot-list > li > div{
display:table-cell;
}
.modal-spot-list > li > div:first-child{
padding-right:15px;
width:5.5em;
position:relative;
font-size:10px;
box-sizing:border-box;
}
.modal-spot-list > li > div > a{
color:var(--cmn-font-color-base);
text-decoration:underline;
}
.modal-spot-list > li .icon-map:after{
content:"";
margin-left:5px;
display:inline-block;
width:9px;
height:13px;
vertical-align:middle;
opacity:.5;
background:url(/element/shared/images/icon/icon-pin-gray.svg) left center no-repeat;
background-size:9px auto;
}
.modal-spot-list > li .icon-tel:after{
content:"";
margin-left:5px;
display:inline-block;
width:10px;
height:12px;
vertical-align:middle;
opacity:.5;
background:url(/element_sp/shared/images/icon/icon-phone.svg) 0 0 no-repeat;
background-size:10px 12px;
}
.modal-spot-list > li .icon-blank:after{
content:"";
margin-left:5px;
display:inline-block;
width:12px;
height:11px;
vertical-align:middle;
opacity:.5;
background:url(/element_sp/shared/images/icon/ico-external.svg) 0 0 no-repeat;
background-size:12px 11px;
}

/* .modal-btn-list
----------------------------------------------- */
.modal-btn-list{
margin:18px 0 -10px;
font-size:13px;
text-align:center;
}
.modal-btn-list > li:not(:first-child){
margin-top:5px;
}
.modal-btn-list > li > a{
padding:7px 10px 8px;
border:1px solid #bbb;
border-radius:4px;
color:#555;
font-weight:700;
display:block;
box-shadow:0 -2px 0 #ccc inset;
background-color:#fff;
text-decoration:none;
}

/* .modal-sns
-----------------------------------------------*/
.modal-sns{
margin:-10px auto 0;
padding:0 28px;
box-sizing:border-box;
}
.modal-sns .modal-sns-hdg{
margin-bottom:20px;
text-align:center;
font-weight:bold;
font-size:13px;
}
.modal-sns .modal-sns-app-list{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}
.modal-sns .modal-sns-app-list >li{
-webkit-box-flex:1;
flex:1;
overflow:hidden;
height:35px;
}
.modal-sns .modal-sns-app-list >li:not(:first-child){
margin-left:15px;
}
.modal-sns .modal-sns-app-list >li button{
color:transparent;
border:none;
width:100%;
height:100%;
-webkit-user-select:none;
user-select:none;
vertical-align:top;
}
.modal-sns .modal-sns-app-list >li.line button{
background:url(/element/shared/images/icon/icon-sns-line.svg) 50% 50% no-repeat;
}
.modal-sns .modal-sns-app-list >li.fb button{
background:url(/element/shared/images/icon/icon-sns-fb.svg) 50% 50% no-repeat;
}
.modal-sns .modal-sns-app-list >li.tw button{
background:url(/element/shared/images/icon/icon-sns-twitter.svg) 50% 50% no-repeat;
}
.modal-sns .modal-sns-app-list >li.hatena button{
background:url(/element/shared/images/icon/icon-sns-hatena.svg) 50% 50% no-repeat;
}
.modal-sns .modal-sns-list{
margin-top:15px;
}
.modal-sns .modal-sns-list li:not(:last-child){
margin-bottom:10px;
}
.modal-sns .modal-sns-list li button{
padding:5px 5px 5px 35px;
border:1px solid #bfbfbf;
border-radius:4px;
width:100%;
min-height:36px;
background-color:#fff;
text-align:left;
}
.modal-sns .modal-sns-list li.mail button{
background:url(/element/w_review_v2/shared/images/icon/icon-mail-view-sp.svg) 10px 50% no-repeat;
background-size:17px 12px;
}
.modal-sns .modal-sns-list li.sms button{
background:url(/element/w_review_v2/shared/images/icon/icon-sms.svg) 9px 50% no-repeat;
background-size:19px 17px;
}
.modal-sns .modal-sns-list li.copy button{
background:url(/element/w_review_v2/shared/images/icon/icon-copy-view-sp.svg) 10px 50% no-repeat;
background-size:15px 16px;
}
.modal-sns .modal-sns-list li.copy{
position:relative;
padding-bottom:1.5em;
}
.modal-sns .modal-sns-list li.copy .caption{
position:absolute;
left:0;
bottom:0;
margin:5px 0 0 10px;
color:#666;
display:none;
font-size:11px
}
.modal-sns .modal-sns-list li.copy.is-active .caption{
display:block
}

/* ----------------------------------------------------------------
Agt link
----------------------------------------------------------------- */
.agtlink .cacth{
font-size:16px;
font-weight:bold;
}
.agtlink .cacth > b{
color:#e30707;
}
.agtlink .cacth .logo{
display:block;
margin:0 auto 20px;
}
.agtlink .list-notice-container{
padding:10px 15px;
background-color:#f0f0f0;
}
.agtlink .list-notice{
font-size:12px;
color:var(--cmn-font-color-base);
}

/* ----------------------------------------------------------------
AD Banner
----------------------------------------------------------------- */
main + #panelBelt_AreaH{
background:#f3f3f3;
}
#Act_List > .act_ad_manage{
background:#fff;
}
#Act_List > .list-notice + .act_ad_manage{
background:none;
}

/* ----------------------------------------------------------------
Ad Banner
----------------------------------------------------------------- */
/* .cmn-ad-bnr
------------------------------------------------- */
.cmn-ad-bnr{
margin:15px 0;
text-align:center;
}
.cmn-ad-bnr a{
margin:0 auto;
display:block;
max-width:355px;
}
.cmn-ad-bnr a:not(:first-child){
margin:5px auto 0;
}
.cmn-ad-bnr img{
width:100%;
max-width:355px;
vertical-align:bottom;
}

/* .cmn-ad-bnr-sticky
------------------------------------------------- */
.cmn-ad-bnr-sticky{
padding:7px 10px;
position:fixed;
bottom:0;
left:0;
width:100%;
box-sizing:border-box;
text-align:center;
z-index:100;
background-color:rgba(0,0,0,.7);
text-align:center;
}
.cmn-ad-bnr-sticky.is-disabled{
display:none;
-webkit-animation:hide .85s linear 0s;
animation:hide .85s linear 0s;
}
.cmn-ad-bnr-sticky a{
margin:0 auto;
display:block;
max-width:355px;
}
.cmn-ad-bnr-sticky img{
border:3px solid #fff;
box-sizing:border-box;
width:100%;
max-width:355px;
vertical-align:bottom;
}

/* .cmn-ad-bnr-header
--------------------------------------------------*/
.cmn-ad-bnr-header{
position:relative;
}
.cmn-ad-bnr-header a{
display:block;
position:relative;
padding:11px 40px 11px 48px;
background:none;
background-color:#454545 !important;
border:none;
color:#fff !important;
font-size:13px;
text-align:left;
box-sizing:border-box;
line-height:1.4;
}
.cmn-ad-bnr-header a:link,
.cmn-ad-bnr-header a:visited,
.cmn-ad-bnr-header a:hover,
.cmn-ad-bnr-header a:active{
color:#fff !important;
}
.cmn-ad-bnr-header a .icon-new{
position:relative;
display:inline-block;
width:32px;
height:0;
margin-left:-38px;
bottom:1px;
padding-top:15px;
margin-right:5px;
vertical-align:middle;
line-height:2;
overflow:hidden;
background:url(/element_sp/shared/images/icon/icon-new.png) top left no-repeat;
background-size:100%;
}
.cmn-ad-bnr-header button{
color:rgba(0,0,0,0);
position:absolute;
right:0;
top:0;
background:none;
border:none;
width:40px;
height:100%;
overflow:hidden;
line-height:2;
}
.cmn-ad-bnr-header button:before{
content:"";
position:absolute;
top:50%;
right:13px;
margin-top:-3px;
height:5px;
width:5px;
display:block;
border:1px solid #999;
border-top-width:0;
border-right-width:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.cmn-ad-bnr-header button:after{
content:"";
position:absolute;
top:50%;
right:20px;
margin-top:-3px;
height:5px;
width:5px;
display:block;
border:1px solid #999;
border-left-width:0;
border-bottom-width:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/* ----------------------------------------------------------------
List
----------------------------------------------------------------- */
/* .search-result-item-article
----------------------------------------------------------------- */
.search-result-item-article{
background-color:#fff;
word-break:break-all;
font-size:15px;
}

/* .search-result-num
----------------------------------------------- */
.search-result-num{
color:#fff;
margin:0 -10px;
padding:5px 10px;
background:#666;
line-height:1.25;
font-size:12px;
display:flex;
justify-content:space-between;
align-items:center;
}
.search-result-num .num{
font-size:14px;
font-weight:normal;
font-family:Arial;
}
.search-result-num > .result-date-container{
margin:0;
align-items:center;
}
.search-result-num > .result-date-container span:last-child{
font-size:12px;
font-family:Arial;
}

/* .search-result-item
----------------------------------------------- */
.search-result-item{
margin:0 -10px;
padding:0 10px 20px;
}

/* .search-result-item-hdg
----------------------------------------------- */
.search-result-item-hdg{
word-break:break-all;
word-wrap:break-word;
margin:0 -10px;
padding:14px 0 13px;
font-size:19px;
font-weight:bold;
color:var(--cmn-font-color-base);
line-height:1.2;
}
.search-result-item-hdg .sup{
display:block;
font-size:10px;
color:#4c4c4c;
font-weight:normal;
}
.search-result-item-hdg .ruby{
font-size:16px;
}
.search-result-item-hdg .ruby:before{
content:" / ";
}
.search-result-item-hdg > a{
position:relative;
display:block;
margin:-14px 0 -13px;
padding:14px 40px 13px 10px;
color:var(--cmn-font-color-base);
}
.search-result-item-hdg > a:before{
content:"";
display:block;
position:absolute;
border-right:2px solid #555;
border-bottom:2px solid #555;
width:9px;
height:9px;
top:50%;
right:10px;
-webkit-transform:rotate(-45deg) translateY(-50%);
transform:rotate(-45deg) translateY(-50%);
}

/* .search-result-item-route
----------------------------------------------- */
.search-result-item-route{
-webkit-box-align:center;
align-items:center;
display:none;
position:relative;
margin:10px 0 0;
padding:5px 10px;
background-color:#f7f7f7;
}
.search-result-item-route.is-active{
display:-webkit-box;
display:flex;
}
.search-result-item-route:before{
content:"";
position:absolute;
left:0;
top:-10px;
width:100%;
height:1px;
background-color:#ddd;
}
.search-result-item-route .search-result-item-route-distance{
font-size:13px;
-webkit-box-flex:1;
flex:1;
}
.search-result-item-route .search-result-item-route-btn{
margin-left:7px;
padding:0;
border:1px solid #ccc;
border-radius:4px;
width:85px;
height:30px;
background-color:#fff;
font-size:12px;
}

/* .search-result-item-article
----------------------------------------------- */
.search-result-item-article{
word-break:break-all;
word-wrap:break-word;
padding:15px 0;
border-top:1px solid #ddd;
}
.search-result-item-route.is-active + .search-result-item-article{
border-top:none;
}

/* .search-result-item-article-header
----------------------------------------------- */
.search-result-item-article .search-result-item-article-header{
position:relative;
padding-right:110px;
min-height:85px;
}
.search-result-item-article.toggle-container.active .search-result-item-article-header{
padding-right:0;
min-height:auto;
}

/* .search-result-item-article-header-hdg
----------------------------------------------- */
.search-result-item-article .search-result-item-article-header-hdg{
margin:7px 0;
color:var(--cmn-font-color-base);
font-size:14px;
line-height:1.3;
}

/* .search-result-item-article-header-thumb
----------------------------------------------- */
.search-result-item-article .search-result-item-article-header-thumb{
position:absolute;
right:0;
top:0;
width:95px;
height:85px;
background-color:#f2f2f2;
overflow:hidden;
}
.search-result-item-article .search-result-item-article-header-thumb 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-item-article.toggle-container.active .search-result-item-article-header-thumb{
display:none;
}

/* .search-result-item-article-toggle-btn
----------------------------------------------- */
.search-result-item-article .search-result-item-article-header-toggle-btn button,
.search-result-item-article .search-result-item-article-toggle-btn button{
position:relative;
display:block;
border:none;
font-size:13px;
line-height:1;
}
.search-result-item-article .search-result-item-article-header-toggle-btn button{
padding:0 0 0 20px;
color:#555;
background:url(/element_sp/shared/images/icon/icon-toggle-plus.svg) 0 50% no-repeat;
background-size:13px;
}
.search-result-item-article .search-result-item-article-toggle-btn button{
padding:0 0 0 17px;
color:#a4a4a4;
background:transparent;
margin:20px 0 0 auto;
}
.search-result-item-article .search-result-item-article-toggle-btn button::before{
content:"";
display:block;
width:13px;
height:13px;
overflow:hidden;
position:absolute;
top:0;
left:0;
background:url(/element_sp/shared/images/icon/icon-toggle-minus.svg) 0 center no-repeat;
opacity:.6;
}
.search-result-item-article.toggle-container.active .search-result-item-article-header-toggle-btn{
display:none;
}

/* ----------------------------------------------------------------
General detail
----------------------------------------------------------------- */
/* .detail-header
----------------------------------------------- */
/* .detail-header-hdg
----------------------------------------------- */
.detail-header .detail-header-hdg{
word-break:break-all;
word-wrap:break-word;
padding:14px 0 13px;
font-size:19px;
font-weight:bold;
color:var(--cmn-font-color-base);
line-height:1.2;
}
.detail-header .detail-header-hdg .sup{
display:block;
font-size:10px;
color:#4c4c4c;
font-weight:normal;
}
.detail-header .detail-header-hdg .ruby{
font-size:16px;
}
.detail-header .detail-header-hdg .ruby:before{
content:" / ";
}
.detail-header .detail-header-hdg > a{
position:relative;
display:block;
margin:-14px 0 -13px;
padding:14px 40px 13px 10px;
color:var(--cmn-font-color-base);
}
.detail-header .detail-header-hdg > a:before{
content:"";
display:block;
position:absolute;
border-right:2px solid #555;
border-bottom:2px solid #555;
width:9px;
height:9px;
top:50%;
right:10px;
-webkit-transform:rotate(-45deg) translateY(-50%);
transform:rotate(-45deg) translateY(-50%);
}

/* .detail-header-item-btn
----------------------------------------------- */
.detail-header .detail-header-item-btn{
margin:13px 0 15px;
}
.detail-header .detail-header-item-btn > a{
display:block;
padding:7px 10px 8px;
text-align:center;
color:#555;
font-size:13px;
font-weight:bold;
border:1px solid #bbb;
border-radius:4px;
box-shadow:0 -2px 0 #ccc inset;
box-sizing:border-box;
}

/* .detail-item-num
----------------------------------------------- */
.detail-item-num{
margin:10px -10px 0;
padding:6px 10px 5px;
font-size:14px;
font-weight:bold;
color:var(--cmn-font-color-base);
background-color:#f3f3f3;
border-bottom:1px solid #ccc;
}

/* .detail-item
----------------------------------------------- */
.detail-item{
word-break:break-all;
word-wrap:break-word;
padding:15px 0;
font-size:15px;
border-top:1px solid #c4c4c4;
}
.detail-item-num + .detail-item{
border-top:none;
}

/* .detail-item-hdg
----------------------------------------------- */
.detail-item .detail-item-hdg{
margin:7px 0;
color:var(--cmn-font-color-base);
font-size:15px;
line-height:1.2;
}

/* ----------------------------------------------------------------
Image
----------------------------------------------------------------- */
.image-header{
padding-bottom:8px;
margin:-5px 0 10px;
word-break:break-all;
word-wrap:break-word;
border-bottom:1px solid #e9e9e9;
}

/* .image-header-hdg
----------------------------------------------- */
.image-header .image-header-hdg{
word-break:break-all;
word-wrap:break-word;
margin:0;
font-size:19px;
color:var(--cmn-font-color-base);
line-height:1.2;
}
.image-header .image-header-hdg .sup{
display:block;
font-size:10px;
color:#4c4c4c;
font-weight:normal;
}
.image-header .image-header-hdg .ruby{
font-size:16px;
}
.image-header .image-header-hdg .ruby:before{
content:" / ";
}

/* .image-header-review-list
----------------------------------------------- */
.image-header .image-header-review-list{
margin:6px 0 0;
font-size:11px;
}
.image-header .image-header-review-list > li{
display:-webkit-box;
display:flex;
}
.image-header .image-header-review-list > li > div{
font-weight:normal;
line-height:1.3;
}
.image-header .image-header-review-list > li > div:first-child{
position:relative;
width:4.5em;
}
.image-header .image-header-review-list > li > div:first-child:after{
content:"\ff1a";
display:block;
position:absolute;
top:0;
right:3px;
}

/* .image-hdg
----------------------------------------------- */
.image-hdg{
margin:7px 0 10px;
color:var(--cmn-font-color-base);
font-size:15px;
line-height:1.2;
}

/* ----------------------------------------------------------------
Danger
----------------------------------------------------------------- */
/* .danger-panel-container
----------------------------------------------- */
.danger-panel-container{
margin:0 -10px 18px;
padding:0 10px 20px;
background-color:#f3f3f3;
}

/* .danger-panel
----------------------------------------------- */
.danger-panel{
margin-bottom:15px;
padding:0 10px;
border:1px solid #c4c4c4;
overflow:hidden;
position:relative;
background-color:#fff;
}

/* .danger-panel-hdg
----------------------------------------------- */
.danger-panel .danger-panel-hdg{
padding:12px 10px;
margin:0 -10px;
line-height:1.25;
font-size:18px;
color:var(--cmn-font-color-base);
border-bottom:1px solid #c4c4c4;
}

/* .danger-panel-header
----------------------------------------------- */
.danger-panel .danger-panel-header{
padding:10px;
margin:0 -10px;
border-bottom:1px solid #c4c4c4;
}

/* .danger-panel-header-hdg
----------------------------------------------- */
.danger-panel .danger-panel-header-hdg{
word-break:break-all;
word-wrap:break-word;
padding:0;
font-size:19px;
color:var(--cmn-font-color-base);
line-height:1.2;
}
.danger-panel .danger-panel-header-hdg .sup{
display:block;
font-size:10px;
color:#4c4c4c;
font-weight:normal;
}
.danger-panel .danger-panel-header-hdg .ruby{
font-size:16px;
}
.danger-panel .danger-panel-header-hdg .ruby:before{
content:" / ";
}

/* .danger-panel-header-review-list
-----------------------------------------------------*/
.danger-panel .danger-panel-header-review-list{
margin:6px 0 0;
font-size:11px;
}
.danger-panel .danger-panel-header-review-list > li{
display:-webkit-box;
display:flex;
}
.danger-panel .danger-panel-header-review-list > li > div:first-child{
position:relative;
width:5.5em;
}
.danger-panel .danger-panel-header-review-list > li > div:first-child:after{
content:"\ff1a";
display:block;
position:absolute;
top:0;
right:3px;
}
.danger-panel .danger-panel-header-review-list > li > b{
font-weight:normal;
line-height:1.3;
}
.danger-panel .danger-panel-header-review-list > li > b + span{
overflow:hidden;
display:block;
line-height:1.3;
}

/* .danger-panel-header-spot-link
-----------------------------------------------------*/
.danger-panel .danger-panel-header-spot-link{
display:block;
margin:7px 0 0;
font-size:13px;
font-weight:normal;
line-height:1;
}

/* .danger-panel-header-toggle-btn
----------------------------------------------- */
.danger-panel .danger-panel-header-toggle-btn{
margin-top:6px;
padding:6px 10px 6px 29px;
color:var(--cmn-font-color-base);
border:1px solid #ccc;
border-radius:3px;
background-color:#fff;
background-position:10px 50%;
background-repeat:no-repeat;
background-image:url(/element_sp/shared/images/icon/icon-toggle-plus.svg);
background-size:14px;
}
.danger-panel .toggle-container.active .danger-panel-header-toggle-btn{
background-image:url(/element_sp/shared/images/icon/icon-toggle-minus.svg);
background-size:14px;
}

/* .danger-panel-header-map
----------------------------------------------- */
.danger-panel .danger-panel-header-map{
margin:10px -10px -10px;
height:129px;
overflow:hidden;
}

/* .danger-panel-item
----------------------------------------------- */
.danger-panel .danger-panel-item{
word-break:break-all;
word-wrap:break-word;
padding:10px 0 0;
border-top:1px solid #ddd;
}
.danger-panel .danger-panel-hdg + .danger-panel-item,
.danger-panel .danger-panel-header + .danger-panel-item{
border-top:none;
}

/* .danger-panel-item-hdg
----------------------------------------------- */
.danger-panel .danger-panel-item-hdg{
margin-bottom:4px;
color:var(--cmn-font-color-base);
font-size:16px;
font-weight:normal;
line-height:1.2;
}

/* ----------------------------------------------------------------
Model plan
-------------------------------------------------------------------
/* .plan-list-hdg
----------------------------------------------- */
.plan-list-hdg{
margin:0 -10px;
padding:17px 10px 7px;
font-size:15px;
color:var(--cmn-font-color-base);
line-height:1.2;
background-color:#f3f3f3;
border-bottom:5px solid #666;
}

/* .plan-list
----------------------------------------------- */
.plan-list{
margin:0 -10px;
}
.plan-list > li{
padding:10px;
border-bottom:5px solid #666;
}
.plan-list > li > a{
position:relative;
display:block;
margin:-10px -10px 0;
padding:7px 25px 7px 10px;
}
.plan-list > li > a:after{
content:"";
display:block;
position:absolute;
border-right:2px solid #555;
border-bottom:2px solid #555;
width:9px;
height:9px;
top:50%;
right:10px;
-webkit-transform:rotate(-45deg) translateY(-50%);
transform:rotate(-45deg) translateY(-50%);
}
.plan-list > li > a > b{
display:block;
color:var(--cmn-font-color-base);
font-size:15px;
line-height:1.2;
word-break:break-all;
}
.plan-list > li .plan-list-info{
padding:8px 0 0;
border-top:1px solid #ccc;
}

/* .plan-detail-header
----------------------------------------------- */
.plan-detail-header{
margin-bottom:10px;
padding:7px 0 14px;
border-bottom:1px solid #ddd;
}

/* .plan-detail-header-hdg
----------------------------------------------- */
.plan-detail-header .plan-detail-header-hdg{
margin-bottom:8px;
font-size:18px;
color:var(--cmn-font-color-base);
font-weight:normal;
line-height:1.2;
}

/* .plan-detail-hdg
----------------------------------------------- */
.plan-detail-hdg{
margin:0 0 -7px;
font-size:12px;
color:var(--cmn-font-color-base);
}

/* .plan-detail-review-list
-----------------------------------------------------*/
.plan-detail-review-list{
margin:6px 0 0;
font-size:10px;
line-height:1.35;
}
.plan-detail-review-list li{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.plan-detail-review-list li > div:first-child{
position:relative;
width:5.5em;
font-size:11px;
}
.plan-detail-review-list li > div:first-child:after{
content:"\ff1a";
display:block;
position:absolute;
top:-1px;
right:3px;
}
.plan-detail-review-list li > div em{
font-size:13px;
}
.plan-detail-review-list li > div .sup{
margin-left:1em;
}

/* .plan-detail-map
----------------------------------------------- */
.plan-detail-map{
margin:10px -10px 0;
height:171px;
overflow:hidden;
}

/* .plan-panel-container
----------------------------------------------- */
.plan-panel-container{
margin:0 -10px 18px;
padding:13px 10px 20px;
background-color:#f3f3f3;
}

/* .plan-panel-container-hdg
----------------------------------------------- */
.plan-panel-container-hdg{
margin-bottom:7px;
font-size:14px;
color:#555;
}

/* .plan-panel
----------------------------------------------- */
.plan-panel{
padding:0 10px 12px;
border:1px solid #c4c4c4;
overflow:hidden;
position:relative;
background-color:#fff;
}
.plan-panel + .plan-panel{
margin-top:15px;
}

/* .plan-panel-header
----------------------------------------------- */
.plan-panel .plan-panel-header{
position:relative;
margin:0 -10px;
padding:10px 10px 10px 37px;
}

/* .plan-panel-header-hdg
----------------------------------------------- */
.plan-panel .plan-panel-header-hdg{
word-break:break-all;
word-wrap:break-word;
padding:0;
margin-bottom:4px;
font-size:18px;
color:var(--cmn-font-color-base);
line-height:1.2;
}
.plan-panel .plan-panel-header-hdg .time{
display:block;
font-size:12px;
color:var(--cmn-font-color-base);
font-weight:normal;
}
.plan-panel .plan-panel-header-hdg .ruby{
font-size:14px;
}
.plan-panel .plan-panel-header-hdg .ruby:before{
content:" / ";
}

/* icon
----------------------------------------------- */
.plan-panel-header-hdg .icon-route{
position:absolute;
display:block;
width:28px;
height:35px;
left:6px;
top:10px;
background-size:100%;
background-repeat:no-repeat;
}
.plan-panel-header-hdg .icon-route b{
position:absolute;
top:-5px;
right:0;
display:block;
width:14px;
height:14px;
font-size:8px;
border-radius:14px;
color:#fff;
text-align:center;
line-height:14px;
letter-spacing:-.07em;
}
.plan-panel-header-hdg .icon-route.icon-sightseeing{
background-image:url(/element_sp/w_review/shared/images/map-icon/map-icon-00-sightseeing.png);
}
.plan-panel-header-hdg .icon-route.icon-sightseeing b{
background-color:#dc7283;
}
.plan-panel-header-hdg .icon-route.icon-danger{
background-image:url(/element_sp/w_review/shared/images/map-icon/map-icon-00-danger.png);
}
.plan-panel-header-hdg .icon-route.icon-danger b{
background-color:#f06264;
}
.plan-panel-header-hdg .icon-route.icon-shopping{
background-image:url(/element_sp/w_review/shared/images/map-icon/map-icon-00-shopping.png);
}
.plan-panel-header-hdg .icon-route.icon-shopping b{
background-color:#4b8bce;
}
.plan-panel-header-hdg .icon-route.icon-restaurant{
background-image:url(/element_sp/w_review/shared/images/map-icon/map-icon-00-restaurant.png);
}
.plan-panel-header-hdg .icon-route.icon-restaurant b{
background-color:#e57d16;
}
.plan-panel-header-hdg .icon-route.icon-hotel{
background-image:url(/element_sp/w_review/shared/images/map-icon/map-icon-00-hotel.png);
}
.plan-panel-header-hdg .icon-route.icon-hotel b{
background-color:#333;
}

/* .plan-route
----------------------------------------------- */
.plan-route .plan-route-inner{
padding:10px 0 10px 10px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
line-height:1.3;
}
.plan-route [class^="plan-route-transportation"]{
-webkit-box-flex:1.5;
flex:1.5;
position:relative;
padding:0 5px 0 40px;
font-size:15px;
}
.plan-route [class^="plan-route-transportation"]:before{
position:absolute;
left:0;
top:50%;
margin-top:-12px;
content:"";
display:block;
width:30px;
height:25px;
background-image:url(/element_sp/w_review/shared/images/sprite-icon-transport.png);
background-repeat:no-repeat;
background-size:225px 90px;
}
.plan-route .plan-route-transportation-car:before{
background-position:-10px -8px;
}
.plan-route .plan-route-transportation-train:before{
background-position:-55px -8px;
}
.plan-route .plan-route-transportation-walk:before{
background-position:-95px -8px;
}
.plan-route .plan-route-transportation-air:before{
background-position:-135px -9px;
}
.plan-route .plan-route-transportation-ship:before{
background-position:-177px -8px;
}
.plan-route .plan-route-transportation-bus:before{
background-position:-10px -32px;
}
.plan-route .plan-route-transportation-bicycle:before{
background-position:-55px -33px;
}
.plan-route .plan-route-transportation-bike:before{
background-position:-95px -35px;
}
.plan-route .plan-route-transportation-tuku:before{
background-position:-135px -34px;
}
.plan-route .plan-route-transportation-gondola:before{
background-position:-177px -35px;
}
.plan-route .plan-route-transportation-helicopter:before{
background-position:-10px -60px;
}
.plan-route .plan-route-transportation-cyclo:before{
background-position:-55px -60px;
}
.plan-route .plan-route-transportation-another:before{
background-position:-95px -60px;
}
.plan-route [class^="plan-route-transportation"] > span{
display:inline-block;
font-size:13px;
}

/* .plan-route-btn
----------------------------------------------- */
.plan-route .plan-route-search-btn{
display:block;
width:90px;
height:30px;
padding:0;
font-size:12px;
color:var(--cmn-font-color-base);
border:solid 1px #ccc;
border-radius:5px;
background:#fff;
}

/* .plan-route-toggle-btn
----------------------------------------------- */
.plan-route.toggle-container .plan-route-toggle-btn{
display:block;
width:90px;
height:30px;
padding:0 0 0 20px;
font-size:12px;
color:var(--cmn-font-color-base);
border:solid 1px #ccc;
border-radius:5px;
box-sizing:border-box;
background:url(/element_sp/shared/images/icon/icon-toggle-plus.svg) 6px 50% no-repeat #fff;
background-size:14px;
}
.plan-route.toggle-container.active .plan-route-toggle-btn{
background:url(/element_sp/shared/images/icon/icon-toggle-minus.svg) 6px 50% no-repeat #fff;
background-size:14px;
}
.plan-route.toggle-container .toggle-item{
margin:-3px 0 12px;
}
.plan-route.toggle-container .toggle-item p{
margin:0;
font-size:12px;
color:var(--cmn-font-color-base);
}

/* .plan-panel
-----------------------------------------------------*/
.plan-panel{
word-break:break-all;
word-wrap:break-word;
}

/* .plan-panel-header-spot-link
-----------------------------------------------------*/
.plan-panel-header-spot-link{
display:block;
margin:7px 0 0;
font-size:11px;
font-weight:normal;
line-height:1;
}

/* .plan-panel-toggle-btn
----------------------------------------------- */
.plan-panel > .plan-panel-toggle-btn{
padding:5px;
width:100%;
font-size:13px;
color:#555;
border-radius:3px;
border:none;
background-color:#f2f2f2;
}
.plan-panel > .plan-panel-toggle-btn > span{
position:relative;
display:inline-block;
padding-right:20px;
}
.plan-panel > .plan-panel-toggle-btn > span:after{
content:"";
display:block;
position:absolute;
right:0;
top:50%;
margin-top:-2px;
border-left:2px solid #b2b2b2;
border-bottom:2px solid #b2b2b2;
width:7px;
height:7px;
-webkit-transform:translateY(-50%) rotate(-45deg);
transform:translateY(-50%) rotate(-45deg);
}
.plan-panel.toggle-container.active > .plan-panel-toggle-btn > span:after{
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}

/* .plan-panel-detail
----------------------------------------------- */
.plan-panel .plan-panel-detail{
overflow:hidden;
padding:10px 0 0;
border-top:1px solid #ddd;
}

/* .plan-panel-detail-thumb
----------------------------------------------- */
.plan-panel .plan-panel-detail-thumb{
position:relative;
float:right;
margin-left:20px;
width:95px;
height:85px;
background-color:#f2f2f2;
overflow:hidden;
}
.plan-panel .plan-panel-detail-thumb 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-panel-detail-list
----------------------------------------------- */
.plan-panel .plan-panel-detail-list{
margin:0;
font-size:11px;
}
.plan-panel .plan-panel-detail-list > li{
display:table;
table-layout:fixed;
}
.plan-panel .plan-panel-detail-list > li:not(:first-child){
margin-top:5px;
}
.plan-panel .plan-panel-detail-list > li > div{
display:table-cell;
}
.plan-panel .plan-panel-detail-list > li > div:first-child{
padding-right:5px;
width:5em;
position:relative;
font-size:10px;
}
.plan-panel .plan-panel-detail-list > li > div > a{
text-decoration:none;
color:var(--cmn-font-color-base);
}
.plan-panel .plan-panel-detail-list > li .icon-map:after{
content:"";
margin-left:5px;
display:inline-block;
width:9px;
height:13px;
vertical-align:middle;
opacity:.5;
background:url(/element/shared/images/icon/icon-pin-gray.svg) left center no-repeat;
background-size:9px auto;
}
.plan-panel .plan-panel-detail-list > li .icon-tel:after{
content:"";
margin-left:5px;
display:inline-block;
width:12px;
height:16px;
vertical-align:middle;
opacity:.5;
background:url(/element_sp/shared/images/icon/icon-phone.svg) 0 0 no-repeat;
}
.plan-panel .plan-panel-detail-list > li .icon-blank:after{
content:"";
margin-left:5px;
display:inline-block;
width:12px;
height:11px;
vertical-align:middle;
opacity:.5;
background:url(/element_sp/shared/images/icon/ico-external.svg) 0 0 no-repeat;
background-size:12px 11px;
}

/* ----------------------------------------------------------------
Error
----------------------------------------------------------------- */
/* .error
----------------------------------------------- */
.error,
.error-result{
margin:22px 0 60px;
text-align:center;
font-size:14px;
}
main > .error{
margin:22px 0 60px!important;
}
.error .error-align-l{
text-align:left;
}
.error > *,
.error-result > *{
margin:0;
font-size:14px;
}
.error .error-catch,
.error-result .error-catch{
font-size:16px;
margin-bottom:16px;
}
.error .error-catch strong,
.error-result .error-catch strong{
color:#222 !important;
font-weight:normal;
}
.error .error-catch + p,
.error-result .error-catch + p{
font-size:12px;
}
.error .btn,
.error-result .btn{
display: table;
margin: 20px auto 0;
padding: 8px 10px;
border: 1px solid #bbb;
border-radius: 5px;
min-width: 55%;
color:var(--cmn-font-color-base);
background-color: #fff;
text-align: center;
font-weight: normal;
font-size: 14px;
}

/* .error-btn
----------------------------------------------- */
.error-btn{
margin:45px auto 0;
padding:8px 10px;
border:1px solid #bbb;
border-radius:5px;
color:#555;
display:table;
min-width:55%;
text-align:center;
font-weight:bold;
font-size:13px;
background-color:#fff;
}

/* ----------------------------------------------------------------
loading
----------------------------------------------------------------- */

@-webkit-keyframes loading{
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
100%{
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}

}

@keyframes loading{
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
100%{
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}

}
.loading{
margin:20px auto 400px;
color:transparent;
width:40px;
height:40px;
overflow:hidden;
-webkit-user-select:none;
user-select:none;
background:url(/element_sp/shared/images/icon/icon-loading.svg) 0 0 no-repeat;
background-size:100%;
text-align:center;
-webkit-animation:1s linear 0s infinite loading;
animation:1s linear 0s infinite loading;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}
.agt-link-loading .loading{
margin:15px auto 17px;
width:25px;
height:25px;
}
.loading-container{
text-align:center;
}

/* ----------------------------------------------------------------
Suggest (Old)
----------------------------------------------------------------- */
/* .input-search-text
----------------------------------------------- */
.input-search-text{
position:relative;
margin:15px 0;
position:relative;
}
.input-search-text input[type="text"],
.input-search-text input[type="search"]{
padding:0 30px 0 7px;
border:1px solid #bbb;
height:42px;
}
.input-search-text input::-webkit-input-placeholder{
font-weight:normal;
}
.input-search-text + .btn-show-map{
border-top:1px solid #bbb;
}
.form-search-index .input-search-text input[type="text"],
.form-search-index .input-search-text input[type="search"]{
height:38px;
}

/* .input-search-text-02
----------------------------------------------- */
.input-search-text-02{
position:relative;
margin:15px 0;
}
.input-search-text-02 input[type="text"]{
padding:11px 30px 11px 10px;
font-size:16px;
font-weight:bold;
border:1px solid #bbb;
}
.input-search-text-02 input::-webkit-input-placeholder{
font-weight:normal;
color:#9e9e9e;
}
[class^="input-search-text"] button{
color:transparent;
border:none;
position:absolute;
top:0;
right:0;
width:30px;
height:100%;
overflow:hidden;
-webkit-user-select:none;
user-select:none;
background:url(/element_sp/shared/images/icon/icon-del.svg) 6px 50% no-repeat;
background-size:14px;
}

/* .suggest
----------------------------------------------- */
.suggest{
position:relative;
}
.suggest-panel{
display:none;
position:absolute;
width:98%;
left:1%;
margin-top:-16px;
background-color:#fff;
border:1px solid #ccc;
z-index:1;
box-sizing:border-box;
}
.suggest-panel .hdg-suggest{
font-size:13px;
padding:3px 10px;
color:#888;
background-color:#f2f2f2;
}
.suggest-panel .suggest-info{
display:block;
padding:10px;
}
.list-suggest{
margin:0;
}
.list-suggest li{
border-bottom:1px solid #e9e9e9;
}
.list-suggest li:last-child{
border-bottom:none;
}
.list-suggest li span{
color:#999;
}
.list-suggest a{
display:block;
padding:10px 10px;
color:var(--cmn-font-color-base);
}
.btn-suggest{
margin:0;
border-top:1px solid #ebebeb;
font-size:10px;
text-align:right;
}
.btn-suggest a{
display:block;
padding:4px 10px;
color:var(--cmn-font-color-gray);
}

/* ----------------------------------------------------------------
.form-input-word (New Suggest)
----------------------------------------------------------------- */
/* .form-input-word
----------------------------------------------- */
.form-input-word{
position:relative;
margin:15px 0;
}

/* .form-input-word-inner
----------------------------------------------- */
.form-input-word .form-input-word-inner{
position:relative;
}
.form-input-word .form-input-word-inner input[type="text"]{
padding:0 30px 0 7px;
border:1px solid #bbb;
height:42px;
}
.form-input-word .form-input-word-inner input[type="text"]::-webkit-input-placeholder,
.form-input-word .form-input-word-inner input[type="text"]::-webkit-input-placeholder{
font-size:15px;
}
.form-input-word .form-input-word-inner input[type="text"]::-webkit-input-placeholder,
.form-input-word .form-input-word-inner input[type="text"]::placeholder{
font-size:15px;
}
.form-input-word .form-input-word-inner .form-input-word-btn-del{
color:transparent;
border:none;
position:absolute;
top:0;
right:0;
width:30px;
height:100%;
overflow:hidden;
-webkit-user-select:none;
user-select:none;
background:url(/element_sp/shared/images/icon/icon-del.svg) 6px 50% no-repeat;
background-size:14px;
}

/* .form-input-word-suggest
----------------------------------------------- */
.form-input-word .form-input-word-suggest{
margin-top:-1px;
border:1px solid #bbb;
position:absolute;
top:100%;
left:1%;
z-index:2;
width:98%;
box-sizing:border-box;
display:none;
background-color:#fff;
}
.form-input-word .form-input-word-suggest.is-active{
display:block;
}

/* .form-input-word-suggest-hdg
----------------------------------------------- */
.form-input-word .form-input-word-suggest-hdg{
padding:5px 10px;
background-color:#e5e5e5;
font-size:13px;
}

/* .form-input-word-suggest-sup
----------------------------------------------- */
.form-input-word .form-input-word-suggest-sup{
margin:0;
padding:10px;
font-size:13px;
}

/* .form-input-word-suggest-list
----------------------------------------------- */
.form-input-word .form-input-word-suggest-list{
margin:0;
font-size:14px;
line-height:1.25;
}
.form-input-word .form-input-word-suggest-list > li:not(:last-child){
border-bottom:1px solid #e5e5e5;
}
.form-input-word .form-input-word-suggest-list > li a{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-flex:1;
flex:1;
padding:0 10px;
color:var(--cmn-font-color-base);
min-height:45px;
}
.form-input-word .form-input-word-suggest-list > li[class] a{
padding-left:35px;
position:relative;
}
.form-input-word .form-input-word-suggest-list > li[class] a:before{
position:absolute;
left:0;
bottom:50%;
-webkit-transform:translateY(50%);
transform:translateY(50%);
display:block;
width:35px;
height:100%;
content:"";
background-position:50% 50%;
background-repeat:no-repeat;
}
.form-input-word .form-input-word-suggest-list > li.area a:before{
background-image:url(/element/shared/images/icon/icon-pin.svg);
background-size:15px 16px;
}
.form-input-word .form-input-word-suggest-list > li.spot a:before{
background-image:url(/element/shared/images/icon/icon-flag.svg);
background-size:13px 16px;
}
.form-input-word .form-input-word-suggest-list > li.airport a:before{
background-image:url(/element/shared/images/icon/icon-plane.svg);
background-size:18px 18px;
}
.form-input-word .form-input-word-suggest-list > li.station a:before{
background-image:url(/element/shared/images/icon/icon-train.svg);
background-size:13px 16px;
}
.form-input-word .form-input-word-suggest-list > li.hotel a:before{
background-image:url(/element/shared/images/icon/icon-hotel.svg);
background-size:17px 12px;
}
.form-input-word .form-input-word-suggest-list > li.restaurant a:before{
background-image:url(/element/shared/images/icon/icon-restaurant.svg);
background-size:12px 15px;
}
.form-input-word .form-input-word-suggest-list > li.shopping a:before{
background-image:url(/element/w_review_v2/shared/images/icon/icon-shopping.svg);
background-size:16px 16px;
}

/* .form-input-word-suggest-list-keyword
----------------------------------------------- */
.form-input-word .form-input-word-suggest-list-keyword{
margin:0;
font-size:14px;
line-height:1.25;
}
.form-input-word .form-input-word-suggest-list-keyword > li{
position:relative;
}
.form-input-word .form-input-word-suggest-list-keyword > li:not(:last-child){
border-bottom:1px solid #e5e5e5;
}
.form-input-word .form-input-word-suggest-list-keyword > li a{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-flex:1;
flex:1;
padding:0 40px 0 10px;
color:var(--cmn-font-color-base);
min-height:45px;
position:relative;
}
.form-input-word .form-input-word-suggest-list-keyword > li button{
margin:0;
padding:0;
border:none;
color:transparent;
position:absolute;
top:0;
right:0;
width:40px;
height:100%;
overflow:hidden;
background:none;
}
.form-input-word .form-input-word-suggest-list-keyword > li button:before{
content:"";
display:block;
width:11px;
height:100%;
position:absolute;
right:7px;
opacity:.9;
background:url(/element/shared/images/icon/icon-plus.svg) 50% 50% no-repeat;
}

/* .form-input-word-suggest-category
----------------------------------------------- */
.form-input-word .form-input-word-suggest-category{
padding:5px 10px;
background-color:#f5f5f5;
border-top:1px solid #e5e5e5;
}

/* .form-input-word-suggest-category-hdg
----------------------------------------------- */
.form-input-word .form-input-word-suggest-category-hdg{
font-size:11px;
font-weight:normal;
}

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

/* .form-search-word
----------------------------------------------- */
.form-search-word{
margin:15px 0;
}

/* .form-search-word-btn
----------------------------------------------- */
.form-search-word-inner{
position:relative;
}
.form-search-word-inner .form-search-word-btn{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-size:14px;
width:100%;
height:100%;
min-height:38px;
color:var(--cmn-font-color-base);
padding:3px 20px 3px 8px;
border:none;
text-align:left;
line-height:1.25;
border:1px solid #bbb;
border-radius:4px;
box-sizing:border-box;
position:relative;
background:#fff;
}
.form-search-word-inner .form-search-word-btn:before{
position:absolute;
display:block;
content:"";
border-right:2px solid #888;
border-bottom:2px solid #888;
top:50%;
right:9px;
width:6px;
height:6px;
-webkit-transform:rotate(-45deg) translateY(-50%);
transform:rotate(-45deg) translateY(-50%);
}
.form-search-index .form-search-word-inner{
padding-top:138px;
}
.form-search-index .form-search-word-inner .form-search-word-btn{
min-height:51px;
font-size:14px;
color:#9E9E9E;
border:none;
padding-left:40px;
line-height:1;
width:340px;
margin:0 auto;
-webkit-box-shadow:0 1px 3px rgb(0 0 0 / 50%);
box-shadow:0 1px 3px rgb(0 0 0 / 50%);
}
.form-search-index .form-search-word-inner .form-search-word-btn::before{
position: absolute;
top: 18px;
left: 15px;
content: "";
display: block;
width: 14px;
height: 14px;
background: url(/element_sp/w_review/shared/images/icon-search-placeholder.svg) top left no-repeat;
border:none;
transform:none
}

/* .form-search-word-btn-del
----------------------------------------------- */
.form-search-word-btn-del{
position:absolute;
top:50%;
left:7px;
font-size:12px;
min-height:24px;
width:42px;
padding:2px 8px;
border:1px solid #bbb;
border-radius:3px;
background-color:#fff;
display:none;
color:#555;
line-height:1.2;
box-sizing:border-box;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
[class^="form-search-word-btn"].is-selected + .form-search-word-btn-del{
display:block;
}

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

Map View

-------------------------------------------------------------------
.map-view-hdg
----------------------------------------------------------------- */
/* .map-view-hdg
----------------------------------------------- */
.map-view-hdg{
margin: 0 -10px 0;
padding: 0 50px;
color: #fff;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
min-height: 45px;
box-sizing: border-box;
position: relative;
background-color: #111;
z-index:10;
}
.map-view-hdg > div{
box-sizing: border-box;
-webkit-box-flex: 1;
flex: 1;
font-size: 16px;
font-weight: bold;
text-align: center;
}

/* .map-view-hdg-btn-prev
----------------------------------------------- */
.map-view-hdg-btn-prev{
margin: 0;
padding: 0;
border: none;
color: rgba(0,0,0,0);
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 100%;
background: url(/element_sp/w_hotel/shared/images/icon-close.svg) no-repeat 50% 50%;
background-size: 16px auto;
filter: brightness(0) invert(1);
}

/* ----------------------------------------------------------------
.map-view-sort
----------------------------------------------------------------- */
.map-view-sort{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
margin:0 -10px;
padding:12px 10px;
border-bottom:1px solid #ccc;
}
.map-view-sort > *:first-child:not(button){
-webkit-box-flex:1;
flex:1;
margin:0;
}
.map-view-sort .map-view-sort-hdg{
font-size:13px;
font-weight:bold;
}
.map-view-sort .map-view-sort-btn{
margin-left:7px;
padding:0;
border:1px solid #bbb;
border-radius:4px;
width:70px;
height:38px;
background-color:#fff;
font-size:14px;
}
.map-view-sort .map-view-sort-btn:first-child{
margin-left:auto;
}

/* ----------------------------------------------------------------
.map-view-carousel
----------------------------------------------------------------- */
/* .map-view-carousel
----------------------------------------------- */
.map-view-carousel{
margin:0 -10px;
padding:0;
position:relative;
line-height:1.35;
box-shadow:0 2px 0 rgba(0, 0, 0, .2);
background-color:#fff;
font-size:11px;
z-index:1;
box-sizing:border-box;
}
.map-view-carousel#navi-slider{
padding:0 0 27px;
box-shadow:none;
overflow:hidden;
background-color:transparent;
}

/* .map-view-carousel-nav
----------------------------------------------- */
.map-view-carousel-nav{
margin:0;
}
.map-view-carousel-nav button{
margin:0;
padding:0;
color:rgba(51, 51, 51, 0);
border:none;
position:absolute;
top:30px;
left:0;
z-index:1;
width:20px;
height:55px;
-webkit-user-select:none;
user-select:none;
background-color:#888;
}
.map-view-carousel-nav button:before{
margin-top:-6px;
border-width:2px 2px 0 0;
border-style:solid;
border-color:#fff;
content:"";
display:block;
width:8px;
height:8px;
position:absolute;
top:50%;
left:7px;
-webkit-transform:rotate(-135deg);
transform:rotate(-135deg);
}
.map-view-carousel-nav button:disabled{
background-color:#dedede;
}
.map-view-carousel-nav .next button{
left:auto;
right:0;
}
.map-view-carousel-nav .next button:before{
left:3px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/* ----------------------------------------------------------------
.map-view-carousel-list
----------------------------------------------------------------- */
/* .map-view-carousel-list
----------------------------------------------- */
.map-view-carousel-list .map-view-carousel-list-item{
margin:0;
display:none;
min-height:60px;
padding:10px 30px 15px;
}
.map-view-carousel-list.slider-box .map-view-carousel-list-item{
padding:0;
}
.map-view-carousel-list .map-view-carousel-list-item.is-active{
display:block;
}
.map-view-carousel-list .map-view-carousel-list-item > ul{/*delete after*/
display:-webkit-box;
display:flex;
margin:0;
}
.map-view-carousel-list .map-view-carousel-list-item > ul >li{
width:100vw;
position:relative;
padding:10px 30px 15px;
box-sizing:border-box;
min-height:100px;
}
.map-view-carousel-list .map-view-carousel-list-item > ul.list-slider{
box-shadow:0 2px 0 rgba(0, 0, 0, .2);
}

/* .map-view-carousel-list-hdg
----------------------------------------------- */
.map-view-carousel-list-hdg{
overflow:hidden;
font-size:16px;
font-weight:bold;
}
.map-view-carousel-list-hdg .sup{
display:block;
color:#4c4c4c;
font-size:10px;
font-weight:normal;
}
.map-view-carousel-list-hdg .ruby{
font-size:14px;
}
.map-view-carousel-list-hdg .ruby:before{
content:" / ";
}
.map-view-carousel-list-hdg a{
display:block;
overflow:hidden;
}

/* .map-view-carousel-list-tag
----------------------------------------------- */
.map-view-carousel-list-tag{
margin-top:2px;
color:var(--cmn-font-color-gray);
}

/* ----------------------------------------------------------------
.map-view-review-list
----------------------------------------------------------------- */
/* .map-view-review-list
----------------------------------------------- */
.map-view-review-list{
margin:5px 0 0;
}
.map-view-review-list > li{
display:-webkit-box;
display:flex;
}
.map-view-review-list > li > div:first-child{
padding-right:10px;
width:4.5em;
position:relative;
box-sizing:border-box;
}
.map-view-review-list > li > div:first-child:after{
content:"\ff1a";
display:block;
position:absolute;
top:0;
right:0;
}
.map-view-review-list > li > div:last-child{
-webkit-box-flex:1;
flex:1;
}
.map-view-review-list > li.wide > div:first-child{
width:10em;
}
.map-view-review-list .review-rate{
margin-top:-2px;
display:inline-block;
vertical-align:top;
}
.map-view-review-list .map-view-review-list-score{
line-height:1;
font-size:12px;
}
.map-view-review-list .map-view-review-list-price{
color:#e30707;
}
.map-view-review-list .map-view-review-list-price b{
line-height:1;
font-size:15px;
font-family:Arial;
}

/* ----------------------------------------------------------------
.map-view-toggle
----------------------------------------------------------------- */
/* .map-view-toggle-item
----------------------------------------------- */
.map-view-toggle .map-view-toggle-item{
margin:8px -10px 0;
padding:10px 10px 0;
display:none;
}
.map-view-toggle.is-active .map-view-toggle-item{
display:block;
}

/* .map-view-toggle-hook
----------------------------------------------- */
.map-view-toggle .map-view-toggle-hook{
margin:0;
padding:0;
color:rgba(51, 51, 51, 0);
border:none;
border-radius:0 0 3px 3px;
width:100px;
height:25px;
position:absolute;
top:100%;
right:50%;
-webkit-transform:translateX(50%);
transform:translateX(50%);
box-shadow:0 2px 0 rgba(0, 0, 0, .2);
background-color:#fff;
-webkit-user-select:none;
user-select:none;
z-index:1;
}
.map-view-toggle .map-view-toggle-hook:before{
content:"";
margin-left:-5px;
border-top:2px solid #444;
border-right:2px solid #444;
position:absolute;
width:9px;
height:8px;
top:2px;
left:50%;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}
.map-view-toggle.is-active .map-view-toggle-hook:before{
top:8px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* ----------------------------------------------------------------
.map-view-detail
----------------------------------------------------------------- */
/* .map-view-detail
----------------------------------------------- */
.map-view-detail{
overflow:hidden;
}

/* .map-view-detail-thumb
----------------------------------------------- */
.map-view-detail-thumb{
float:right;
margin-left:5px;
width:76px;
}
.map-view-detail-thumb .map-view-detail-thumb-img{
display:block;
height:60px;
position:relative;
overflow:hidden;
background-color:#f1f1f1;
}
.map-view-detail-thumb .map-view-detail-thumb-img img{
position:absolute;
bottom:50%;
right:50%;
-webkit-transform:translate(50%, 50%);
transform:translate(50%, 50%);
max-height:100%;
}
.map-view-detail-thumb .map-view-detail-thumb-caption{
margin-top:2px;
color:var(--cmn-font-color-gray);
display:block;
line-height:1.2;
font-size:9px;
}

/* .map-view-detail-item-btn
----------------------------------------------- */
.map-view-detail-item-btn > a{
display:block;
margin-top:5px;
padding:2px 6px 4px;
text-align:center;
color:#555;
font-size:10px;
font-weight:bold;
border:1px solid #bbb;
border-radius:4px;
box-shadow:0 -2px 0 #ccc inset;
box-sizing:border-box;
}

/* .map-view-detail-list
----------------------------------------------- */
.map-view-detail-list{
margin:0;
}
.map-view-detail-list > li{
display:-webkit-box;
display:flex;
}
.map-view-detail-list > li:not(:first-child){
margin-top:5px;
}
.map-view-detail-list > li > div:first-child{
padding-right:10px;
width:6.5em;
position:relative;
box-sizing:border-box;
}
.map-view-detail-list > li > div:first-child:after{
content:"\ff1a";
display:block;
position:absolute;
top:0;
right:0;
}
.map-view-detail-list > li > div:last-child{
-webkit-box-flex:1;
flex:1;
word-break:break-all;
}
.map-view-detail-list > li > div a{
color:var(--cmn-font-color-base);
}
.map-view-detail-list > li > div a.icon-map:after{
content:"";
margin-left:5px;
display:inline-block;
width:9px;
height:13px;
vertical-align:middle;
opacity:.5;
background:url(/element/shared/images/icon/icon-pin-gray.svg) left center no-repeat;
background-size:9px auto;
}
.map-view-detail-list > li > div a.icon-blank:after{
content:"";
margin-left:5px;
display:inline-block;
width:12px;
height:11px;
vertical-align:middle;
opacity:.5;
background:url(/element_sp/shared/images/icon/ico-external.svg) 0 0 no-repeat;
background-size:12px 11px;
}

/* ----------------------------------------------------------------
.map-view-route
----------------------------------------------------------------- */
/* .map-view-route
----------------------------------------------- */
.map-view-route{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
margin:10px -10px 0;
padding:5px 10px;
background-color:#f7f7f7;
}
.map-view-route .map-view-route-distance{
-webkit-box-flex:1;
flex:1;
font-size:13px;
}
.map-view-route .map-view-route-btn{
margin-left:7px;
padding:0;
border:1px solid #ccc;
border-radius:4px;
width:85px;
height:30px;
background-color:#fff;
font-size:12px;
}

/* ----------------------------------------------------------------
.map-view-related-btn
----------------------------------------------------------------- */
.map-view-related-btn{
margin:10px -10px 0;
}
.map-view-related-btn > a{
display:block;
padding:13px 0 17px;
width:100%;
font-size:15px;
font-weight:bold;
text-shadow:0 1px 0 rgba(4, 0, 0, .1);
color:#fff;
border:none;
border-radius:6px;
background-color:#444;
box-shadow:inset 0 -4px 0 0 #333;
text-align:center;
}

/* ----------------------------------------------------------------
.map-view-google
----------------------------------------------------------------- */
/* .map-view-google
----------------------------------------------- */
.map-view-google{
margin:0 -10px -10px;
min-height:400px;
position:relative;
}
.map-view-google.box-map{
margin-top:-27px;
}

/* .map-view-google-error
----------------------------------------------- */
.map-view-google .map-view-google-error{
padding:15px;
color:#fff;
position:absolute;
top:80px;
right:50%;
width:70%;
max-width:300px;
-webkit-transform:translateX(50%);
transform:translateX(50%);
background-color:rgba(0, 0, 0, .7);
font-size:12px;
font-weight:bold;
}

/* .map-view-google-btn-here
----------------------------------------------- */
.map-view-google .map-view-google-btn-here{
position:absolute;
bottom:26px;
right:10px;
display:block;
width:31px;
height:31px;
padding:5px;
border:1px solid #b5b5b5;
background:#fff;
overflow:hidden;
}
.map-view-google .map-view-google-btn-here:before{
content:"";
display:block;
position:absolute;
left:50%;
top:50%;
width:19px;
height:19px;
background:url(/element_sp/shared/images/sprite/sprite-icon-symbol.png) no-repeat no-repeat -265px -5px;
background-size:366px auto;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
.map-view-google .map-view-google-btn-here > span{
position:absolute;
opacity:0;
}

/* link-filter-list
------------------------------------------------ */
.link-filter-list{
margin:0 -10px
}
.link-filter-list li{
border-bottom:1px solid #e5e5e5
}
.link-filter-list li a{
position:relative;
display:block;
padding:10px 25px 10px 10px;
background-color:#fff;
font-size:14px;
color:var(--cmn-font-color-base);
line-height:1.4;
min-height:40px;
box-sizing:border-box
}
.link-filter-list li a::after{
content:"";
position:absolute;
top:50%;
right:10px;
margin-top:-5px;
height:8px;
width:8px;
display:block;
border:1px solid #bfbfbf;
border-left-width:0;
border-bottom-width:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/* ----------------------------------------------------------------
Common
----------------------------------------------------------------- */
/* マージン・パディング制御用クラス
----------------------------------------------- */
.m-top-0{
margin-top:0 !important;
}
.m-right-0{
margin-right:0 !important;
}
.m-bottom-0{
margin-bottom:0 !important;
}
.m-left-0{
margin-left:0 !important;
}
.p-top-0{
padding-top:0 !important;
}
.p-right-0{
padding-right:0 !important;
}
.p-bottom-0{
padding-bottom:0 !important;
}
.p-left-0{
padding-left:0 !important;
}
.m-top-5{
margin-top:5px !important;
}
.m-right-5{
margin-right:5px !important;
}
.m-bottom-5{
margin-bottom:5px !important;
}
.m-left-5{
margin-left:5px !important;
}
.p-top-5{
padding-top:5px !important;
}
.p-right-5{
padding-right:5px !important;
}
.p-bottom-5{
padding-bottom:5px !important;
}
.p-left-5{
padding-left:5px !important;
}
.m-top-10{
margin-top:10px !important;
}
.m-right-10{
margin-right:10px !important;
}
.m-bottom-10{
margin-bottom:10px !important;
}
.m-left-10{
margin-left:10px !important;
}
.p-top-10{
padding-top:10px !important;
}
.p-right-10{
padding-right:10px !important;
}
.p-bottom-10{
padding-bottom:10px !important;
}
.p-left-10{
padding-left:10px !important;
}
.m-top-15{
margin-top:15px !important;
}
.m-right-15{
margin-right:15px !important;
}
.m-bottom-15{
margin-bottom:15px !important;
}
.m-left-15{
margin-left:15px !important;
}
.p-top-15{
padding-top:15px !important;
}
.p-right-15{
padding-right:15px !important;
}
.p-bottom-15{
padding-bottom:15px !important;
}
.p-left-15{
padding-left:15px !important;
}
.m-top-20{
margin-top:20px !important;
}
.m-right-20{
margin-right:20px !important;
}
.m-bottom-20{
margin-bottom:20px !important;
}
.m-left-20{
margin-left:20px !important;
}
.p-top-20{
padding-top:20px !important;
}
.p-right-20{
padding-right:20px !important;
}
.p-bottom-20{
padding-bottom:20px !important;
}
.p-left-20{
padding-left:20px !important;
}
.m-top-25{
margin-top:25px !important;
}
.m-right-25{
margin-right:25px !important;
}
.m-bottom-25{
margin-bottom:25px !important;
}
.m-left-25{
margin-left:25px !important;
}
.p-top-25{
padding-top:25px !important;
}
.p-right-25{
padding-right:25px !important;
}
.p-bottom-25{
padding-bottom:25px !important;
}
.p-left-25{
padding-left:25px !important;
}
.m-top-30{
margin-top:30px !important;
}
.m-right-30{
margin-right:30px !important;
}
.m-bottom-30{
margin-bottom:30px !important;
}
.m-left-30{
margin-left:30px !important;
}
.p-top-30{
padding-top:30px !important;
}
.p-right-30{
padding-right:30px !important;
}
.p-bottom-30{
padding-bottom:30px !important;
}
.p-left-30{
padding-left:30px !important;
}

/* Width制御
----------------------------------------------- */
.w-5{
width:5% !important;
}
.w-10{
width:10% !important;
}
.w-15{
width:15% !important;
}
.w-20{
width:20% !important;
}
.w-25{
width:25% !important;
}
.w-30{
width:30% !important;
}
.w-35{
width:35% !important;
}
.w-40{
width:40% !important;
}
.w-45{
width:45% !important;
}
.w-50{
width:50% !important;
}
.w-55{
width:55% !important;
}
.w-60{
width:60% !important;
}
.w-65{
width:65% !important;
}
.w-70{
width:70% !important;
}
.w-75{
width:75% !important;
}
.w-80{
width:80% !important;
}
.w-85{
width:85% !important;
}
.w-90{
width:90% !important;
}
.w-95{
width:95% !important;
}
.w-100{
width:100% !important;
}

/* Display制御
----------------------------------------------- */
.block{
display:block !important;
}
.inline-block{
display:inline-block !important;
}
.inline{
display:inline !important;
}

/* Align Control
----------------------------------------------- */
.left,
table.left th,
table.left td,
thead.left > tr > *,
tbody.left > tr > *{
text-align:left !important;
}
.center,
table.center th,
table.center td,
thead.center > tr > *,
tbody.center > tr > *{
text-align:center !important;
}
.right,
table.right th,
table.right td,
thead.right > tr > *,
tbody.right > tr > *{
text-align:right !important;
}
.middle,
table.middle th,
table.middle td,
thead.middle > tr > *,
tbody.middle > tr > *{
vertical-align:middle !important;
}

/* for ios
---------------------------------- */
.is-ios{
min-height:100dvh;
}