@charset 'utf-8';

body.bestrateModal-on { overflow-y: hidden; }
.bestrateModal { display: none; position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); overflow-y: scroll; padding: 220px 0 180px 0; box-sizing: border-box;}

.page_bestrate .bestrateModal-show { text-decoration: underline; text-decoration-color: #ffffff; cursor: pointer;}

.bestrateModal-outer { margin-bottom: 30px; }
.bestrateModal-inner { box-sizing: border-box; max-width: 991px; padding: 70px; background-color: #fff; margin: 0 auto;}
.bestrateModal-inner2 { margin-bottom: 8px; padding: 50px 55px; background-color: #f8f8f8; }

.bestrateModal-ttl1 { font-family: 'NotoSerif', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', '游明朝', YuMincho, '小塚明朝 Pro R', 'Kozuka Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif; font-size: 30px; line-height: 1; padding-bottom: 70px; text-align: center; letter-spacing: 2px; color: #222; }

.bestrateModal-ttl2 { font-family: 'NotoSerif', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', '游明朝', YuMincho, '小塚明朝 Pro R', 'Kozuka Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif; font-size: 19px; line-height: 1; position: relative; margin-bottom: 35px; text-align: center; }
.bestrateModal-ttl2-cam { color: #7e002f; }
.bestrateModal-ttl2-cam:before { display: block; width: calc(224px/5); height: calc(256px/5); margin: 0 auto 6px; content: ''; background: url('../img/bestratemodal/campana.png'); -webkit-background-size: contain;
background-size: contain;}
.bestrateModal-ttl2-inn { color: #00894e; }
.bestrateModal-ttl2-inn:before { display: block; width: calc(223px/5); height: calc(256px/5); margin: 0 auto 6px; content: ''; background: url('../img/bestratemodal/inn.png'); -webkit-background-size: contain;
background-size: contain;}
.bestrateModal-ttl2-hotel { color: #14017e; }
.bestrateModal-ttl2-hotel:before { display: block; width: calc(223px/5); height: calc(256px/5); margin: 0 auto 6px; content: ''; background: url('../img/bestratemodal/hotel.png'); -webkit-background-size: contain;
background-size: contain;}

.bestrateModal-ttl2-ref { color: #231815; }
.bestrateModal-ttl2-ref:before { display: block; width: calc(223px/3); height: calc(256px/4); margin: 0 auto 6px; content: ''; background: url('../img/bestratemodal/ref.png') no-repeat; -webkit-background-size: contain;
background-size: contain;}

.bestrateModal-ttl2-lequ { color: #231815; }
.bestrateModal-ttl2-lequ:before { display: block; width: calc(223px/3); height: calc(256px/4); margin: 0 auto 6px; content: ''; background: url('../img/bestratemodal/lequ.png') no-repeat; -webkit-background-size: contain;
background-size: contain;}

.bestrateModal-ttl3 { font-size: 17px; line-height: 1; box-sizing: border-box; padding: 13px; text-align: center; color: #fff; background-color: #888; }
.bestrateModal-ttl3.typeA { background-color: #000; }

.bestrateModal-links { width: 100%; display: table; table-layout: fixed; position: relative; border-bottom: solid 1px #ddd; transition: .5s all ease-out; }
.bestrateModal-links:hover { opacity: .3; }
.bestrateModal-linkWrap .bestrateModal-links:last-of-type { border-bottom: none; }
.bestrateModal-links:after { content: ''; position: absolute; top: 50%; right: 12px; width: 5px; height: 9px; background: url('../img/bestratemodal/arrow.svg'); transform: translate(-50%,-50%);}


.bestrateModal-links-txts {line-height: 1; display: table-cell; box-sizing: border-box; padding: 25px 0; vertical-align: middle; }
.bestrateModal-links-ttl { width: 40%; font-size: 14px; padding: 0 30px 0 3px; white-space: nowrap; color: #000; }
.bestrateModal-links-txt { width: 60%; font-size: 12px;  line-height: 1.5; padding-right: 45px; }

.bestrateModal-closeBtn { position: absolute; top: 23px; right: 25px; width: 23px; height: 23px; cursor: pointer; }
.bestrateModal-closeBtn:before ,.bestrateModal-closeBtn:after { position: absolute; top: 11px; left: 0; width: 100%; height: 1px; content: ''; background-color: #999; }

.bestrateModal-closeBtn:before { transform: rotate(45deg); }
.bestrateModal-closeBtn:after { transform: rotate(-45deg); }

.bestrateModal-comments { color: #888; font-size: 12px; line-height: 1.9; }
.bestrateModal-comments p { padding-left: 1em; text-indent: -1em;}

/* ipad */
@media screen and ( max-width: 768px) {
.bestrateModal-links-ttl { width: 50%; }
.bestrateModal-links-txt { width: 50%; }
}

/* sumaho */
@media screen and ( max-width: 600px) {
	.bestrateModal { padding: 60px 13px 120px 13px; }
	.bestrateModal-inner { padding: 40px 13px; }
	.bestrateModal-ttl1 { font-size: 21px; line-height: 1.5; padding-bottom: 45px; }
	.bestrateModal-ttl3 { font-size: 14px; }
	.bestrateModal-inner2 { padding: 25px 0 0 0; }
	.bestrateModal-ttl2 { font-size: 14px; margin-bottom: 25px;}
	.bestrateModal-links-txts { display: block; width: 100%; padding: 0; white-space: normal; line-height: 1.5; font-size: 14px;}
	.bestrateModal-links-ttl { margin-bottom: 5px; }
	.bestrateModal-links { padding: 20px 42px 20px 26px; display: block; box-sizing: border-box;}
	.bestrateModal-closeBtn { right: 16px; }
	.bestrateModal-outer { margin-bottom: 10px; }
}