.tourism{background:#f0f0e9 no-repeat bottom}
.tourism-mv{position:relative;z-index:1}
.tourism-mv-photo>picture{display:block}
.tourism-mv-photo>picture>img{vertical-align:top;width:100%}
.tourism-mv-text{color:#fff;position:relative}
.tourism-mv-text:before{background:no-repeat top;bottom:0;content:"";display:block;pointer-events:none;position:absolute;z-index:-1}
.tourism-mv-scroll:after{background:url(/club-me/knowledge/tourism/img/scroll_wht.svg) no-repeat 50%;background-size:auto 100%;content:"";display:block;font-size:.875em;height:130px;left:100%;position:absolute;top:-130px;width:min(6.25vw,100px)}
.tourism-mv-heading{font-family:Zen Old Mincho,serif;letter-spacing:.1em;line-height:1.37037;position:absolute;transition-delay:.5s}
.tourism-mv-heading>span{font-size:.87273em}
.tourism-mv-heading>small{font-size:.96364em}
.tourism-mv-no{line-height:0;transition-delay:1s}
.tourism-mv-no>svg{height:auto;fill:#fff}
.tourism-mv-name{font-family:Zen Old Mincho,serif;font-weight:400;letter-spacing:.2em;transition-delay:1s}
.tourism-mv-name>.half:not(.half--l){margin:0 .2em 0 -.2em}
.tourism-mv-description{letter-spacing:.04em;transition-delay:1.5s}
.mv-credit-name{color:#fff;position: relative;}
.detail-title{font-family:Zen Old Mincho,serif}
.detail-text{letter-spacing:.06em}
.detail-img>img{vertical-align:top;width:100%}
.detail-caption{color:#898989;letter-spacing:.06em;margin-top:20px}
.detail-caption.mt10{margin-top: 10px;}
.detail-caption+.detail-text{margin-top: 70px;}
.detail-panel>.detail-img{-webkit-mask-image:url(/club-me/knowledge/tourism/img/mask_s.png);mask-image:url(/club-me/knowledge/tourism/img/mask_s.png);-webkit-mask-position:right bottom;mask-position:right bottom}
.detail-panel>.detail-img.is-visibled,.is-visibled .detail-panel>.detail-img{-webkit-mask-position:left top;mask-position:left top}
.detail-date{text-align:right}
.detail-info{background-color:#fff}
.detail-info-name{color:#225ca3;font-weight:700}
.detail-info-address>a{display:block;word-break:break-all}
.detail-info-address>a:link,.detail-info-address>a:visited{color:#225ca3}
.detail-info-address>a>img{height:auto;margin-left:3px}
.banner-item>a{display:block}
.banner-item>a:link,.banner-item>a:visited{color:#fff}
.banner-item>a:hover{text-decoration:none}
.banner-item-img>img{vertical-align:top;width:100%}
.page-back{text-align:center}
.page-back>a{background-color:#fff;border:1px solid #dbdbdb;border-radius:3px;font-family:Noto Sans JP,sans-serif;padding:15px 20px}
.page-back>a:link,.page-back>a:visited{color:inherit}
.page-back>a:hover{text-decoration:none}
.page-back>a>span{display:block;padding:0 20px;position:relative}
.page-back>a>span:after{border-right:2px solid #c00;border-top:2px solid #c00;content:"";display:block;position:absolute;right:0;transform:rotate(45deg)}
@media only screen and (min-width:768px){
.tourism{background-image:url(/club-me/knowledge/tourism/img/bg_bottom.png);background-size:100% 566px;padding-bottom:80px}
.tourism-inner{margin:0 auto;max-width:1600px;padding:0 min(6.25vw,100px)}
.tourism-mv-photo{margin-left:max(-100px,-6.25vw)}
.tourism-mv-text{margin:0 auto;max-width:1200px;padding:60px 0 100px}
.tourism-mv-text:before{background-image:url(/club-me/knowledge/tourism/img/bg_top.png);background-size:cover;left:50%;top:max(-390px,-24.375vw);transform:translateX(-50%);width:100vw}
.tourism-mv-scroll{color:transparent;height:0;position:relative;transition-delay:2s}
.tourism-mv-heading{font-size:clamp(44px,3.4375vw,55px);right:min(2.1875vw,35px);top:-2.09091em}
.tourism-mv-no{font-size:3.75em}
.tourism-mv-name{font-size:2.25em;margin-top:25px}
.tourism-mv-description{font-size:1.125em;margin-top:20px}
.mv-credit-name{font-size:.75em;left: 44%;top: -1.25em;transform: translate(-50%, -50%);}
.detail{margin:90px auto 0;max-width:1000px}
.detail+.detail{margin-top:120px}
.detail-title{font-size:1.875em;font-weight:400;letter-spacing:.24em;margin-bottom:60px}
.detail-text{font-size:1em;line-height:2.125}
.detail-text+.detail-text{margin-top:35px}
.detail-img+.detail-text,.detail-text+.detail-img{margin-top:70px}
.detail-caption{font-size:.75em}
.detail-column{display:flex;justify-content:space-between;margin-top:70px}
.detail-column+.detail-text{margin-top:70px}
.detail-panel{width:50%}
.detail-panel>.detail-text{padding-right:12%}
.detail-date{font-size:1em;margin-top:30px}
.detail-info{margin-top:55px;padding:45px 6%}
.detail-info-name{font-size:1.125em}
.detail-info-address{font-size:.875em;line-height:1.71429;margin-top:20px}
.detail-info-address>a>img{width:11px}
.detail-references{font-size:1em;margin-top:25px}
.banner{display:flex;justify-content:space-between;margin:215px auto 0;max-width:1000px}
.banner-item{width:48.5%}
.banner-item>a:hover .banner-item-img:after{opacity:.3}
.banner-item-img{position:relative}
.banner-item-img:after{background-color:#181818;content:"";display:block;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .5s ease;width:100%}
.banner-item-text{font-size:1em;line-height:1.5;margin-top:20px;padding:0 6.18557%}
.page-back{margin:80px auto 0;max-width:1600px;padding:0 min(6.25vw,100px)}
.page-back>a{display:inline-block;font-size:133.33333%;line-height:1.625;transition:background-color .3s ease,color .3s ease}
.page-back>a:hover{background-color:#f5f5f5;color:#c00}
.page-back>a>span:after{height:7px;top:calc(50% - 4px);width:7px}
}
@media only screen and (max-width:767px){
.tourism{background-image:url(/club-me/knowledge/tourism/img/bg_bottom_sp.png);background-size:100% 584px;padding-bottom:55px}
.tourism-inner{padding:0 25px}
.tourism-mv-photo{margin:0 -5px 0 -25px}
.tourism-mv-text{padding:75px 0 55px}
.tourism-mv-text:before{background-image:url(/club-me/knowledge/tourism/img/bg_top_sp.png);background-size:cover;left:-25px;right:-25px;top:-185px}
.tourism-mv-scroll{display:none}
.tourism-mv-heading{font-size:1.6875em;right:-20px;top:-55px}
.tourism-mv-no>svg{width:40px}
.tourism-mv-name{font-size:1.3125em;margin-top:15px}
.tourism-mv-description{font-size:.8125em;margin-top:12px}
.mv-credit-name{font-size: 0.75em;left: -15px;top: -20px;}
.detail{margin-top:65px}
.detail+.detail{margin-top:60px}
.detail-title{font-size:1.1875em;font-weight:600;letter-spacing:.16em;line-height:1.47368;margin-bottom:30px}
.detail-text{font-size:.8125em;line-height:1.69231}
.detail-text+.detail-text{margin-top:20px}
.detail-img+.detail-text,.detail-text+.detail-img{margin-top:35px}
.detail-caption{font-size:.84375em}
.detail-caption+.detail-text{margin-top: 35px;}
.detail-column,.detail-panel+.detail-panel{margin-top:35px}
.detail-column+.detail-text{margin-top:35px}
.detail-panel.img-inside{margin-left:37px;margin-right:38px}
.detail-panel.img-inside .detail-img{max-width:500px;margin:0 auto}
.detail-date{font-size:.75em;margin-top:20px}
.detail-info{margin-top:35px;padding:30px 20px}
.detail-info-name{font-size:.875em}
.detail-info-address{font-size:.75em;line-height:1.58333;margin-top:15px}
.detail-info-address>a{line-height:1.33333}
.detail-info-address>a>img{width:8.5px}
.detail-references{font-size:.75em;margin-top:20px}
.banner{margin-top:175px}
.banner-item:not(:first-child){margin-top:25px}
.banner-item-text{font-size:.8125em;line-height:1.53846;margin-top:10px;padding:0 4.61538%}
.page-back{margin-top:40px;padding:0 25px}
.page-back>a{display:block;font-size:123.80952%;line-height:1.69231}
.page-back>a>span:after{height:5px;top:calc(50% - 3px);width:5px}
}
@media only screen and (max-width:320px){
.mv-credit-name{font-size: 3.125vw;top:-16px;}
}