section{margin: 60px auto;width: auto;} ul{margin:0;padding:0;} ul li{margin:0;list-style:none;} a{text-decoration: none;color:#666;} a:hover{opacity:0.70;color:#666;text-decoration: none;cursor: pointer;} em{font-style: normal;} .text-gray{color:#9a9a9a;} .text-purple{color:#b20b66 !important;} .text-brown{color:#b26e40;} .text-navy{color:#000080;} .text-right{text-align: right;} .text-center{text-align: center;} .text-bold{font-weight: bold;} .text-normal{font-weight: normal;} .text-large{font-size:1.2em;} .text-underline{text-decoration: underline;} span.spNone{display: inline;} .w1120{width: 1120px;max-width: 1120px; margin-left: auto;margin-right: auto;} .w1400{max-width: 1400px;margin-left: auto;margin-right: auto;} body.single .main-content h1{font-size: 16px;color:#b20b66;border-bottom:2px solid #b20b66;background-color: transparent;line-height: 1.5em;border-radius:0;; font-weight:bold;padding: 5px 0;} h1 {color:#cc1674 } h2 a{color:#cc1674 !important;} h2{color:#cc1674 !important;font-size:24px;margin-bottom: 15px;letter-spacing: 11px;text-align: center;} h2 a{color:#cc1674 } h3{color: #333;font-size: 20px;text-align: center;letter-spacing: 8px;} .pcNone{display: none;} /* front page */ body.home header .div-form{display: none;} #head{position: relative;padding-bottom: 20px;} #head{animation-name: fadeInAnimation;animation-duration: 2s;animation-timing-function: ease-out;opacity: 0;animation-fill-mode: forwards;} #head .bg-head{display: flex;} #head .bg-head .border-head{position: relative;border: 6px solid #f3f3f3;border-radius: 20px;text-align: center;margin: 110px auto 40px auto;padding-top: 1px;} #head .bg-head .border-head h1{position: relative;z-index: 1;} #head .bg-head .border-head h1 img{position: relative;z-index: 3;} #head .bg-head:before{content:"";position: absolute;width: auto;height:auto;width:60%;height:50%;top:0;right:0;background-image: url(/hourly/wp-content/themes/zerif-lite/images/front/bg_head_right.png);background-size: contain;background-repeat: no-repeat;z-index: 1;/*aspect-/*ratio: 598/285;*/background-position: top right;} #head .bg-head:after{content:"";position: absolute;width: auto;height:auto;width:60%;height:50%;bottom:110px;left:0;background-image: url(/hourly/wp-content/themes/zerif-lite/images/front/bg_head_left.png);background-size: contain;background-repeat: no-repeat;z-index: 0;/*aspect-ratio: 707/323;*/background-position: bottom left;} #head .div-form{position: relative;display:flex;background-image: linear-gradient(to right, #fbeeee, #F7CEDC);z-index: 4;justify-content: space-between;padding: 12px 0;} #head .div-form .search {display: flex;justify-content: space-between;} #head .div-form .search .btn {position: relative;line-height: 51px;font-size: 16px;color: #fff !important;letter-spacing: 2px;font-weight: bold;width: auto;padding:9px 0;} #head .div-form .search form {display: flex;justify-content: space-between;flex-basis: 820px;} #head .div-form .search form input {position: relative;border: none;border-radius: 6px 0 0 6px;font-size: 16px;line-height: 42px;flex-basis: 640px;padding: 9px 15px 9px 40px;background-color: #fff;background-repeat: no-repeat;background-position: 20px center;} #head .div-form .search form input::placeholder{color:#e782b7;} #head .div-form .search form .btn.keyword{border-radius: 0 6px 6px 0;flex-basis: 180px;background-color: #cc1674;} #head .div-form .search form span{line-height: 50px;} #head .div-form .btn.location{flex-basis: 270px;background-image: linear-gradient(to right, #666666, #434343);} div.page-front section{margin:40px auto ;padding: 40px 0 ;} div.page-front #menu{} div.page-front #menu h2{} div.page-front #menu h2 em{position: relative;display: inline;color:#f4a10f;font-size: 20px;letter-spacing: 14px;} div.page-front #menu h2 span{display: block;font-size: 30px;letter-spacing: 16px;line-height: 2.0em;} div.page-front #menu h2 em:before {content: "";position: relative;display: inline-block;width: 14px;height: 22px;margin: auto;top: 0;bottom: 0;background-image: url(/hourly/wp-content/themes/zerif-lite/images/front/h2_mark.png);background-repeat: no-repeat;margin: 0 25px -5px 0;} div.page-front #menu h2 em:after {content: "";position: relative;display: inline-block;width: 14px;height: 22px;margin: auto;top: 0;bottom: 0;background-image: url(/hourly/wp-content/themes/zerif-lite/images/front/h2_mark.png);background-repeat: no-repeat;margin: 0 0px -5px 12px; transform: scale(-1, 1);} div.page-front #menu ul{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 40px;} div.page-front #menu ul li{display: block;flex-basis: 540px;} div.page-front #menu ul li div{background-color: #f7f7f7;padding: 24px 30px 28px 30px;border-radius: 10px;} div.page-front #menu ul li div h3{position: relative;color:#cc1674;font-size: 18px;line-height: 1.6em;margin-top: 0;text-align: left;margin-bottom: 0.5em;letter-spacing: 4px;padding-left: 85px;} div.page-front #menu ul li div p{font-size: 14px;letter-spacing: 2px;color: #666;line-height: 1.8;padding-left: 85px;margin-bottom: 0;} div.page-front #menu ul li div h3:before{content:"";display: block;position: absolute;width: 50px;height: 50px;background-repeat: no-repeat;background-size: contain;background-position: center; left: 7px;top:20px;} div.page-front #menu ul li:nth-of-type(1) div h3:before{background-image: url(/hourly/wp-content/themes/zerif-lite/images/icons/icon_front_loupe.svg);} div.page-front #menu ul li:nth-of-type(2) div h3:before{background-image: url(/hourly/wp-content/themes/zerif-lite/images/icons/icon_front_flag.svg);} div.page-front #menu ul li:nth-of-type(3) div h3:before{background-image: url(/hourly/wp-content/themes/zerif-lite/images/icons/icon_front_person.svg);} div.page-front #menu ul li:nth-of-type(4) div h3:before{background-image: url(/hourly/wp-content/themes/zerif-lite/images/icons/icon_front_calendar.svg);} div.page-front #menu ul li a{float: right;color: #66cccc !important;text-decoration: underline;line-height: 2;letter-spacing: 2px;font-weight: bolx;} section.map .div-map{position: relative;} section.map .div-map h2{position: absolute;top: 53px;left:0;right:0;margin: 0 auto;} section.map .div-map img{margin:80px -4px 0px -4px;} section.map .div-map p{display: block;position: absolute;margin: 0;background-color: #fff;border-radius:4px;opacity: ;} section.map .div-map p.disabled {opacity: 0.6;} section.map .div-map p.disabled a{cursor: default;pointer-events: none;} section.map .div-map p a{color:#fff !important;display:block;min-width:85px;line-height: 40px;text-align: center;border-radius:4px;font-size: 16px;font-weight: bold;letter-spacing: 1px;} section.map .div-map p a:hover{text-decoration: none;} section.map .div-map p.hokkaido a{background-color: #5BC246;} section.map .div-map p.tohoku a{background-color: #4F90D7;} section.map .div-map p.kanto a{background-color: #CF357C;} section.map .div-map p.tokai a{background-color: #DE7A3E;} section.map .div-map p.koushinetsu a{background-color: #5ACABB;} section.map .div-map p.kansai a{background-color: #E5B733;} section.map .div-map p.chugoku a{background-color: #F96488;} section.map .div-map p.shikoku a{background-color: #7AA014;} section.map .div-map p.kyusyu a{background-color: #CC2F20;} section.map .div-map .div-baloon{position: absolute;padding: 16px 20px 12px 20px;background-color: #fbeded;border-radius:6px;margin: 0;max-width:400px; box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);} section.map .div-map .div-baloon:before{content: '';width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 20px solid #fbeded;position: absolute;top: -20px;margin: 0 auto;left: 0;right: 0;} section.map .div-map .div-baloon div.indexed-term{padding-bottom: 0;} section.map .div-map .div-baloon p{position: relative;background-color: transparent;display: block;line-height: 1.2;font-weight: bold;color:#6a6a6a;letter-spacing: 0.4em;white-space: nowrap;} section.map .div-map .div-baloon .spot p{color:#e92289;} section.map .div-map .div-baloon .spot+.article {margin-top: 0.9em;} section.map .div-map .div-baloon ul.portal-term li{margin-top: 6px !important;margin-bottom: 6px !important;} section.map .div-map .div-baloon ul.portal-term li a{padding: 5px 12px;letter-spacing: 1px;line-height: 1.8em;} section.map .div-map .div-baloon ul.portal-term li:last-child {margin-right:0} section.map .div-map .div-baloon:not(.hide) {z-index:10} section.map .div-map .div-baloon h3{display: none;} section.map .div-map #baloon-hiroshima.div-baloon:before{left: -44%;} section#genre{} section#genre ul.menu{display: flex;justify-content: space-between;width: 940px;margin: 40px auto 15px auto;} section#genre ul.menu li{flex-basis: 300px;} section#genre ul.menu li a{position: relative;display: block;border-radius: 10px;border: 2px solid #cdcdcd;text-align: center;padding: 80px 0 24px 0;line-height:1.0em;} section#genre ul.menu li a img{position:absolute;display: block;top:25px;left:0;right:0;margin: auto;} section#genre ul.menu li a svg{position:absolute;display: block;top:25px;left:0;right:0;margin: auto;} section#genre ul.menu li a span{font-size: 18px;font-weight: bold;letter-spacing: 3px;} section#genre .list{padding-top: 100px;} section#genre .list h3{position: relative;margin-top:0;} section#genre .list h3:before{position: relative;content:"";display: block;width:68px;height: 68px;margin: 0 auto 10px auto;background-repeat: no-repeat;background-position: center;background-size: contain;} section#genre .list#genreLeisure h3:before{background-image: url(/hourly/wp-content/themes/zerif-lite/images/front/icon_baloon_red.svg);} section#genre .list#genreEvent h3:before{background-image: url(/hourly/wp-content/themes/zerif-lite/images/front/icon_stadium_red.svg);} section#genre .list#genreAirport h3:before{background-image: url(/hourly/wp-content/themes/zerif-lite/images/front/icon_plane_red.svg);} section#genre .list ul{display: flex;justify-content: flex-start;flex-wrap: wrap;padding: 50px 60px 50px 60px;background-image: linear-gradient(to right, #FBECED, #F8D2DE);border-radius: 20px;} section#genre .list ul li{flex-basis: 310px;margin-right: 30px;margin-bottom: 20px;} section#genre .list ul li:nth-of-type(3n){margin-right: 0;} section#genre .list ul li a{display: block;} section#genre .list ul li a p{position: relative;padding-left: 25px;font-size: 16px;letter-spacing: 1px;} section#genre .list ul li a p:before{content:"";position:absolute;display: block;width: 18px;height: 18px;background-image: url(/hourly/wp-content/themes/zerif-lite/images/icons/icon_loupe_red.svg);background-size: contain;background-position: center;background-repeat: no-repeat;left:0;top:0;bottom: 0;;} section#genre .list ul li a img{width: 310px;height: 130px;object-fit: cover;} section#genre .list .div-btn{margin: -32px auto 0 auto;width: 450px;} section#provider{} section#provider ul{display: flex;justify-content: space-between;flex-wrap: wrap;} section#provider ul li{display: block;flex-basis: 360px;} section#provider ul li a{display: flex;justify-content: space-between;background-color: #fbeded;padding: 14px 20px;min-height: 132px;margin-bottom: 20px;} section#provider ul li a .div-image{flex-basis: 74px;display: flex;flex-direction: column;justify-content: center;} section#provider ul li a .div-image img{margin: 0 auto;} section#provider ul li a .div-text{flex-basis: 230px;} section#provider ul li a .div-text h3{text-align: left;font-size: 16px;margin-top: 0.8em;;letter-spacing: 3px;margin-bottom: 0.6em;} section#provider ul li a .div-text p{line-height: 1.5;margin: 0.8em 0;} section#article{letter-spacing: 1px;} section#article ul{display: flex;justify-content: space-between;} section#article ul li{display: block;} section#article ul li a{display: flex;flex-direction: column;justify-content: center;width: 100%;text-align: center;font-size: 18px;letter-spacing: 6px;} section#article ul.main li{flex-basis: 170px;height: 100px;margin-bottom: 20px;} section#article ul.main li a{position: relative;background-color: #000;} section#article ul.main li a img{display: block;height: 100px;width: auto;} section#article ul.main li a p{position: absolute;top:0;bottom: 0;left: 0;right: 0;margin: auto;line-height: 100px;color: #fff;font-weight: bold;} section#article ul.sub li{flex-basis: 110px;} section#article ul.sub li a{border: 2px solid #e81b85; border-radius: 10px;color: #e81b85 !important;line-height: 46px;font-weight: 500;} section#topics{} section#topics{} .div-list{display: flex;flex-wrap: wrap;justify-content: space-between;letter-spacing: 1px;} section#topics{} .div-list>div{flex-basis: 262px;position: relative;} section#topics{} .div-list>div figure{margin: 0;padding: 0;} section#topics{} .div-list>div figure img{aspect-ratio: 260/150; object-fit: cover;max-width: 260px;} section#topics{} .div-list p.text{margin-top:5px;} /* TOPページ */ body.home section.map .div-map{position: relative;margin-top: 0px;border: 4px solid #f3f3f3;border-radius: 10px;} body.home h2{margin-bottom: 30px;} body.home h2+p{text-align: center;font-size: 14px;margin:35px auto 35px auto;letter-spacing: 1px;font-weight: bold;line-height: 1.8;} body.home section.map{overflow:visible;line-height: 1.8em;} /************* portal *********************/ div.page-portal{} div.page-portal article section:lact-child{margin-bottom: 0;} div.page-portal em.top{display:none;} /*div.page-portal .container{width:1120px;max-width: 1120px;}*/ ul.portal-term{display: flex;justify-content: start;padding-top: 0px;flex-wrap : wrap;margin-bottom: 0;} div.page-portal main section {margin-top: 60px;min-width:760px;margin-bottom: 30px;overflow: visible;} div.page-portal main section.title-image{ margin: 0 auto;max-height: 320px;overflow: hidden;object-fit: cover;display: flex;flex-direction: column;justify-content: center;} div.page-portal main section h1{font-size:24px;} div.page-portal main section h2{border: none;padding: 5px 0;font-size: 24px;} div.page-portal main section.term{padding: 40px 20px;} div.page-portal main section.term h2{margin-bottom: 20px;} div.page-portal main section.term h3{padding-top: 0px;} div.page-portal main section.term .termsrow{clear: both;} div.page-portal main section.content{padding-top: 0;margin-bottom: 30px;line-height: 1.7em;} div.page-portal main section.title + section.content {margin-top: 50px;} div.page-portal main section.section-title {margin-top: 0px !important;padding-top: 0;margin-bottom: 30px;line-height: 1.7em;} div.page-portal section.map .div-map{position: relative;width:888px;margin: 0 auto;border: 1px solid #e61980;;} /* 地図基本 */ div.page-portal section.map .div-map img{display: block;width:100%;height: auto; margin: 80px 0px 0px 0px;} /* 地図基本 */ div.page-portal section.map{position: relative;margin-top: 45px;} div.page-portal section.map.post-id-8549 h2 {position: absolute;top: 53px;left: 0;right: 0;margin: 0 auto;z-index: 1;} /* 観光・レジャー */ div.page-portal section.map.post-id-8549 .div-map {position: relative;margin-top: 0px;border: 4px solid #f3f3f3;border-radius: 10px;} div.page-portal section.map.post-id-8755 h2 {position: absolute;top: 53px;left: 0;right: 0;margin: 0 auto;z-index: 1;} /* イベント・スタジアム */ div.page-portal section.map.post-id-8755 .div-map {position: relative;margin-top: 0px;border: 4px solid #f3f3f3;border-radius: 10px;} div.page-portal section.map.post-id-8756 h2 {margin-bottom: 25px;} /* 空港 */ div.page-portal section.map.post-id-8756 .div-map {margin-bottom: 100px;} div.page-portal section.map .area.div-map img{margin:0 !important} div.page-portal section.map .div-map p a{font-size: 15px;/*line-height: 36px;*/width: 80px;min-width:80px} div section.map .div-map .mask{display:none;position:absolute;top:0;right:0;bottom:0;left:0;margin: 0;align-items:center;justify-content:center;} div section.map .div-map .mask .div-baloon {padding:20px;} div section.map .div-map .mask .div-baloon h4{border:none;font-size: 18px;margin:8px 0 10px 0;} div section.map .div-map .mask .div-baloon{width:666px;margin: 0 auto;max-width: 666px;} div section.map .div-map .mask .div-baloon:before{display: none;} div section.map .div-map .mask .div-baloon .btn.close{margin: 0 auto;left:0;right:0;margin-top:40px;max-width:110px;padding: 0;} div section.map .div-map .mask .div-baloon .btn.close a{text-align: center;color:#000 !important;line-height:2.6em;background-color: #fff;border-radius:6px;display: inline-block;width:100%;padding: 0;} .cover-map{display:none;background-color: rgba(60,60,60,0.8);position:absolute;top:0;right:0;bottom:0;left:0;margin: 0;z-index:5;} div section.map .div-map .mask #baloon-tokyo_business.div-baloon {margin-top:-40px;} div section.map .div-map .mask #baloon-tokyo_business.div-baloon .btn.close{margin-top:30px;} div.page-portal section.map #baloon-hyogo:before{left: 126px;right:unset;} div.page-portal section.map #baloon-kyoto:before{left: 126px;right:unset;} div.page-portal section.map #baloon-fukuoka:before{left: 51px;right:unset;} div.page-portal section.map .div-map.event{width: 1120px;}/* イベント地図 */ div.page-portal section.map .div-map.enjoy{width: 1120px;}/* 観光レジャー地図 */ div.page-portal section.map .div-map.enjoy p#kanagawa{left: 782px;top: 485px;} div.page-portal section.map .div-map.enjoy p#tokyo {left: 873px;top: 485px;} div.page-portal section.map .div-map.enjoy p#chibasaitama {left: 964px;top: 485px;} div.page-portal section.map .div-map.enjoy p#chibasaitama a{/*:width: 163px;*/font-size:13px;letter-spacing: 0px;} div.page-portal section.map .div-map.shopping {}/* ショッピング・遊び地図 */ div.page-portal section.map .div-map.shopping p#kyoto{left: 97px;top: 162px;} div.page-portal section.map .div-map.shopping p#osaka{left: 182px;top: 162px;} div.page-portal section.map .div-map.shopping p#hyogo{left: 97px;top: 203px;} div.page-portal section.map .div-map.shopping p#ishikawa{left: 316px;top: 162px;} div.page-portal section.map .div-map.shopping p#niigata{left: 316px;top: 205px;} div.page-portal section.map .div-map.shopping p#hiroshima{left: 72px;top: 298px;} div.page-portal section.map .div-map p.kanto.sub a{background-color:#fbeded ;font-size:15px;width:auto;color:#cc1674 !important;padding: 0 20px;min-width:100px;line-height: 40px;} div.page-portal section.map .div-map.tokyo{} /* 東京都 */ div.page-portal section.map .div-map.tokyo p.kanto.sub a{font-size:12px;line-height: 32px;padding: 0 20px;min-width: 100px;letter-spacing:2px;} div.page-portal section.map .div-map.tokyo p#ryougoku {left: 680px;top: 240px;} div.page-portal section.map .div-map.tokyo p#ueno {left: 511px;top: 85px;} div.page-portal section.map .div-map.tokyo p#odaiba {left: 523px;top: 455px;} div.page-portal section.map .div-map.tokyo p#akihabara {left: 458px;top: 165px;} div.page-portal section.map .div-map.tokyo p#iidabashi {left: 344px;top: 123px;} div.page-portal section.map .div-map.tokyo p#kudanshita {left: 228px;top: 186px;} div.page-portal section.map .div-map.tokyo p#tokyo {left: 440px;top: 204px;} div.page-portal section.map .div-map.tokyo p#ginza {left: 434px;top: 243px;} div.page-portal section.map .div-map.tokyo p#tukiji {left: 557px;top: 325px;} div.page-portal section.map .div-map.tokyo p#odaiba {left: 488px;top: 482px;} div.page-portal section.map .div-map.tokyo p#shinkiba {left: 437px;top: 378px;} div.page-portal section.map .div-map.tokyo p#akasaka {left: 346px;top: 313px;} div.page-portal section.map .div-map.tokyo p#shiodome {left: 510px;top: 283px;} div.page-portal section.map .div-map.tokyo p#shinagawa {left: 350px;top: 455px;} div.page-portal section.map .div-map.tokyo p#kamata {left: 422px;top: 573px;} div.page-portal section.map .div-map.tokyo p#osaki {left: 250px;top: 410px;} div.page-portal section.map .div-map.tokyo p#ebisu {left: 190px;top: 361px;} div.page-portal section.map .div-map.tokyo p#shibuya {left: 165px;top: 313px;} div.page-portal section.map .div-map.tokyo p#harajuku {left: 255px;top: 265px;} div.page-portal section.map .div-map.tokyo p#jingugaien {left: 239px;top: 230px;} div.page-portal section.map .div-map.tokyo p#shinjuku {left: 186px;top: 153px;} div.page-portal section.map .div-map.tokyo p#ikebukuro {left: 202px;top: 86px;} div.page-portal section.map .div-map.tokyo p#nakano {left: 19px;top: 120px;} div.page-portal section.map .div-map.tokyo p#jiyugaoka {left: 74px;top: 485px;} div.page-portal section.map .div-map.tokyo p#tachikawa {left: 21px;top: 190px;} div.page-portal section.map .div-map.tokyo p#fuchu {left: 31px;top: 323px;} div.page-portal section.map .div-map.tokyo p#akabane {left: 310px;top: 10px;} div.page-portal section.map .div-map.kanagawa{}/* 関東 神奈川県 */ div.page-portal section.map .div-map.kanagawa p#kouhoku{left: 444px;top: 41px;} div.page-portal section.map .div-map.kanagawa p#shinyokohama{left: 252px;top: 109px;} div.page-portal section.map .div-map.kanagawa p#yokohama{left: 551px;top: 160px;} div.page-portal section.map .div-map.kanagawa p#yokohamachukagai{left: 569px;top: 209px;} div.page-portal section.map .div-map.kanagawa p#kawasaki{left: 669px;top: 87px;} div.page-portal section.map .div-map.kanagawa p#odawara{left: 28px;top: 279px;} div.page-portal section.map .div-map.kanagawa p#kamakura{left: 224px;top: 457px;} div.page-portal section.map .div-map.osaka{}/* 大阪府 */ div.page-portal section.map .div-map.osaka p.kansai a{background-color:#fbeded;color:#cc1674 !important;width: auto;padding: 0 20px;} div.page-portal section.map .div-map.osaka p#shinosaka{left: 380px;top: 80px;} div.page-portal section.map .div-map.osaka p#osaka{left: 324px;top: 152px;} div.page-portal section.map .div-map.osaka p#yodoyabashi{left: 412px;top: 199px;} div.page-portal section.map .div-map.osaka p#oosakajou{left: 515px;top: 150px;} div.page-portal section.map .div-map.osaka p#shinsaibashi{left: 395px;top: 278px;} div.page-portal section.map .div-map.osaka p#tennouji{left: 416px;top: 350px;} div.page-portal section.map .div-map.osaka p#usj{left: 26px;top: 400px;} div.page-portal section.map .div-map.airport{}/* 空港 */ div.page-portal section.map .div-map.airport img{margin:0 !important;} div.page-portal section.map .div-map.airport p a{background-color:#fbeded;color:#cc1674 !important;width: auto;padding: 0 16px;white-space: nowrap} div.page-portal section.map .div-map.airport p#shinchitose{left: 731px;top: 95px;} div.page-portal section.map .div-map.airport p#sendai{left: 727px;top: 309px;} div.page-portal section.map .div-map.airport p#narita{left: 708px;top: 424px;} div.page-portal section.map .div-map.airport p#haneda{left: 591px;top: 516px;} div.page-portal section.map .div-map.airport p#centrea{left: 334px;top: 570px;} div.page-portal section.map .div-map.airport p#itami{left: 310px;top: 227px;} div.page-portal section.map .div-map.airport p#kansai{left: 310px;top: 275px;} div.page-portal section.map .div-map.airport p#kobe{left: 242px;top: 330px;} div.page-portal section.map .div-map.airport p#fukuoka{left: 30px;top: 411px;} div.page-portal section.map .div-map.enjoytokyo {}/* お買い物・遊び 東京都 */ div.page-portal section.map .div-map.enjoytokyo p.kanto.sub a{font-size:11px;line-height: 28px;padding: 0 10px;min-width: 100px;letter-spacing:1px;} div.page-portal section.map .div-map.enjoytokyo p#tokyo {left: 379px;top: 206px;} div.page-portal section.map .div-map.enjoytokyo p#ginza {left: 374px;top: 239px;} div.page-portal section.map .div-map.enjoytokyo p#jiyugaoka {left: 64px;top: 449px;} div.page-portal section.map .div-map.enjoytokyo p#odaiba {left: 420px;top: 454px;} div.page-portal section.map .div-map.enjoytokyo p#harajuku {left: 220px;top: 258px;} div.page-portal section.map .div-map.enjoytokyo p#roppongi {left: 301px;top: 300px;} div.page-portal section.map .div-map.enjoytokyo p#shibuya {left: 142px;top: 300px;} div.page-portal section.map .div-map.enjoytokyo p#shinjuku {left: 160px;top: 164px;} div.page-portal section.map .div-map.enjoytokyo p#ikebukuro {left: 174px;top: 104px;} ul.portal-term li {margin:8px 12px 10px 0 !important;display: block;min-height: 38px;} ul.portal-term li a{display: block;border: 1px solid #999;border-radius: 4px;background-color: #fff;color: #666 !important;text-align: center;padding: 11px 15px;color:#b20b66;white-space: nowrap;font-size: 13px;letter-spacing: 2px;} ul.portal-term li:nth-last-child(1) {margin-right: 0 !important;} div.page-portal main section.term {width: 100%;position: relative;margin-bottom: 0px;padding: 0;} div.page-portal main section.term .div-content{padding: 0 40px;} div.page-portal main section.term0.bg-gray .div-content{min-height: 16em;} div.page-portal main section.term h2{margin:45px auto 25px auto ;} section div.indexed-term{padding-bottom: 40px;} section.bg-gray div.indexed-term{padding-bottom: 0px;} article p.indexed-term-parent{margin-bottom: 50px;} article p.indexed-term-parent a{font-size:12px;} div.page-portal section.term.post-id-8549{display: none;}/*/leisure/tokyo/ 観光・レジャー は非表示 */ div.page-portal main section.term.post-id-8758{background-color: transparent;padding: 20px 0 0 0;margin-bottom: 0;width:860px} /*/leisure/tokyo/ 観光・レジャーの東京（id:8758）は画像ボタン */ div.page-portal main section.term.post-id-8758 ul.portal-term {justify-content: space-between;} div.page-portal main section.term.post-id-8758 ul.portal-term li:nth-child(even){margin-right: 0 !important;} div.page-portal main section.term.post-id-8758 ul.portal-term li a em {display:none;} div.page-portal main section.term.post-id-8758 ul.portal-term li a {display: block;width:374px;height: 105px;background-repeat: no-repeat;border: none;background-size:cover; } div.page-portal main section.term.post-id-8758 ul.portal-term li a:after{color:#fff;position: relative;font-size:16px;line-height: 94px;font-weight: 700;} div.page-portal main section.term.post-id-8758 ul.portal-term li#el-8888 a{background-image: url('/assets/img/leisure/leisure_tokyo_park.png');} div.page-portal main section.term.post-id-8758 ul.portal-term li#el-8888 a:after{content:'公園';} div.page-portal main section.term.post-id-8758 ul.portal-term li#el-8514 a{background-image: url('/assets/img/leisure/leisure_tokyo_shrine.png');} div.page-portal main section.term.post-id-8758 ul.portal-term li#el-8514 a:after{content:'神社・お寺';} div.page-portal main section.term.post-id-8758 ul.portal-term li#el-8520 a{background-image: url('/assets/img/leisure/leisure_tokyo_date.png');} div.page-portal main section.term.post-id-8758 ul.portal-term li#el-8520 a:after{content:'デート・夜景';} div.page-portal main section.term.post-id-8758 ul.portal-term li#el-8517 a{background-image: url('/assets/img/leisure/leisure_tokyo_lunch.png');} div.page-portal main section.term.post-id-8758 ul.portal-term li#el-8517 a:after{content:'ランチ・グルメ';} div.page-portal main section.term.post-id-8758 ul.portal-term li#el-8518 a{background-image: url('/assets/img/leisure/leisure_tokyo_nightlife.png');} div.page-portal main section.term.post-id-8758 ul.portal-term li#el-8518 a:after{content:'遊び場・ナイトライフ';} div.page-portal main section.term.post-id-8758 ul.portal-term li#el-8516 a{background-image: url('/assets/img/leisure/leisure_tokyo_shopping.png');} div.page-portal main section.term.post-id-8758 ul.portal-term li#el-8516 a:after{content:'お買い物・ファッション';} div.page-portal main section.term.post-id-8758 ul.portal-term li#el-8519 a{background-image: url('/assets/img/leisure/leisure_tokyo_edo.png');} div.page-portal main section.term.post-id-8758 ul.portal-term li#el-8519 a:after{content:'江戸文化・食べ歩き';} div.page-portal main section.term.post-id-8758 ul.portal-term li#el-8515 a{background-image: url('/assets/img/leisure/leisure_tokyo_zoo.png');} div.page-portal main section.term.post-id-8758 ul.portal-term li#el-8515 a:after{content:'動物園・水族館・美術館';} div.page-portal main section.term.post-id-8811{margin-bottom: 0;width:860px}/* leisure/kanagawa 向け特殊処理 神奈川県の観光・レジャー */ div.page-portal main section.term.post-id-8811{background-color: transparent;padding: 20px 0 0 0;margin-bottom: 0;} /*/leisure/tokyo/ 観光・レジャーの東京（id:8758）は画像ボタン */ div.page-portal main section.term.post-id-8811 ul.portal-term {justify-content: space-between;} div.page-portal main section.term.post-id-8811 ul.portal-term li:nth-child(even){margin-right: 0;} div.page-portal main section.term.post-id-8811 ul.portal-term li a em {display:none;} div.page-portal main section.term.post-id-8811 ul.portal-term li a {display: block;width:374px;height: 105px;background-repeat: no-repeat;border: none;} div.page-portal main section.term.post-id-8811 ul.portal-term li a:after{color:#fff;position: relative;font-size:16px;line-height: 94px;font-weight: bold;} div.page-portal main section.term.post-id-8811 ul.portal-term li#el-8521 a{background-image: url('/assets/img/leisure/leisure_kanagawa_minatomirai.png');} div.page-portal main section.term.post-id-8811 ul.portal-term li#el-8521 a:after{content:'みなとみらい・横浜中華街・⼭下公園';} div.page-portal main section.term.post-id-8811 ul.portal-term li#el-8522 a{background-image: url('/assets/img/leisure/leisure_kanagawa_kamakura.png');} div.page-portal main section.term.post-id-8811 ul.portal-term li#el-8522 a:after{content:'鎌倉・江ノ島・⼩⽥原・箱根';} div.page-portal main section.term.post-id-8758 ul li {background-size:cover; }/* 8888:イベントデート・ピクニック*/ div.page-portal main section.term.post-id-8758 ul li#el-8888 {background-image:url(leisure_tokyo_park.png);width:370px;height: 105px; } div.page-portal main section.term.post-id-8758 ul li#el-8888 a{}/* 8888:イベントデート・ピクニック*/ div.page-portal main section.term p.upper{position: absolute;bottom:-40px;right:0} section.title + section.map .div-map div.map-list p:not(.btn-prefecture) a:after{background-color:#cc1674;} section div.indexed-term .termsrow h3{float:left;color:#fff;background-color:#cc1674;font-size: 18px;margin: 12px 1.0em 8px 0;padding:8px 10px !important;font-size:smaller;font-size: 16px;letter-spacing: 2px;} div.page-portal main section.list {padding-bottom: 0;margin-top: 120px;} div.page-portal main section.list h2{border: unset !important;padding-bottom: 0;} div.page-portal main section.list .description{margin-top : 15px;width: 80%;margin: 20px auto;text-align: center;} div.page-portal main section.list .list-h{flex-wrap : wrap;width: 100%;} div.page-portal main section.list .list-h li{width:260px;max-width: 260px;margin-right: 25px;margin-bottom:20px; } div.page-portal main section.list .list-h li:nth-child(4n){margin-right: 0;} div.page-portal main section.list .list-h li:last-child{border: unset;} div.page-portal main section.list .list-h a figure{width:100%;max-width: 100%;height: 150px;margin:0 0 5px 0;} div.page-portal main section.list .list-h li p.category{display: none;} div.page-portal main section.list .list-h li p{font-size: 14px;margin-top: 5px;line-height: 1.6em;} div.page-portal main section.list .list-h li p a{color:#666 !important;} div.page-portal main section.list .list>p{color:#000} div.page-portal main section.topics {padding:27px 0px;margin-bottom: 30px;} div.page-portal main section.topics h3{background-color: transparent;border: none;font-size: 18px;padding: 0 40px;line-height: 1.1em;} div.page-portal main section.topics .description{padding: 0 40px;} div.page-portal main section.topics .slide>ul{margin: 25px auto 0 auto;height: 100%;width: 1040px ;max-height: unset;} div.page-portal main section.topics .slide>ul li{display: block;margin: 0 auto;position: relative;} div.page-portal main section.topics .slide>ul li a{display: block;margin: 0 10px;width:336px;height: auto;} div.page-portal main section.topics .slide>ul li a figure{margin: 0;} div.page-portal main section.topics .slide>ul li a figure img{aspect-ratio: 162/92;object-fit: cover;width: 100%;height: auto;} div.page-portal main section.topics .slide>ul li a figure figcaption{background-color: #fff;text-align: left;padding: 7px;margin: 0;font-weight: bold;font-size:14px;line-height: 1.8em;} div.page-portal main section.topics .slide>ul .slick-list{width:100% ;overflow: hidden;} div.page-portal main section .slide>ul{margin: 20px auto 0 auto;height: 200px;width:634px;overflow: visible !important;} div.page-portal main section.slider div.description>p{color:#000;} div.page-portal main section.slider .slide h2{text-align: center;background-color: transparent !important;border:none !important; } div.page-portal main section.slider.bg-white {margin-bottom: 0px;} div.page-portal main section.slider.bg-white .slide h2{text-align: left;} div.page-portal main section.topics.bg-white .slide ul li div p{background-color: #f3e9ee;} div.page-portal .content-wrapper {position: relative;padding-bottom: 0px;} div.page-portal .btn-more { z-index: 2;position: absolute;right: 0;bottom: 0;left: 0;width: 148px;margin: auto;font-size:14px;color: #cc1674 ;text-align: center;cursor: pointer;transition: .2s ease;margin-bottom: 20px;} div.page-portal .btn-more:before{content:'';position: absolute;width: 30px;height: 30px;display:block;background-color:#cc1674;border-radius:50%;bottom: -30px;left: 0;right: 0;margin: auto;} div.page-portal .btn-more:after{content:'';position: absolute;width: 8px;height: 8px;border: 2px solid;bottom: -21px;left: 0;right: 0;margin: auto;border-color: transparent transparent #fff #fff;transform: rotate(-45deg);} div.page-portal .btn-more.is-show {/*margin-bottom: 12px;*/bottom:-3px;} div.page-portal .btn-more.is-show::after {border-color:#fff #afff transparent transparent ;bottom: -22px;} div.page-portal .btn-more .open{display: inline;} div.page-portal .btn-more .close{display: none;} div.page-portal .btn-more.is-show .open{display: none;} div.page-portal .btn-more.is-show .close{display: inline;} div.page-portal .btn-more:hover{opacity:0.6;} div.page-portal .div-content {position: relative;overflow: hidden;margin-bottom: 30px;} div.page-portal .div-content.is-hide {height: 18.0em; /*隠した後の高さ*/margin-bottom: 0px;} div.page-portal .div-content.is-hide::before {content: "";display: block;position: absolute;bottom: 0;left: 0;width: 100%; height: 90px; /*グラデーションで隠す高さ*/ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%); background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);} div.page-portal .bg-gray .div-content.is-hide {height: 23.0em; /*隠した後の高さ*/} .btn-more.is-show + .div-content::before {display: none;} div.page-portal main section.content.bottom{margin-top:60px;} div.page-portal .div-content>p:nth-of-type(1){margin-top: 0;} div.page-portal .container aside{width:300px;} div.page-portal section.map .div-map p.kanto.sub a{border-color: #cc1674 ;} div.page-portal section.map .div-map p.kanto.sub a:after{border-color: #cc1674 #cc1674 transparent transparent;} div.page-portal section.map .div-map.airport p a{font-weight: bold;} div.page-portal section.map .div-map.airport p>a:after{background-image: url(/assets/img/icon_btn_open.png);} div.page-portal section.map .div-map.airport div.map-list p:not(.btn-prefecture) a:after{ border-color: #ad005e #ad005e transparent transparent;background-image: none;} .single-portal section#monthly{ /* display: none;*/ } /************************** スマホ向け **************************/ @media screen and (max-width: 768px){ body{font-size: 12px;min-width: initial;} .spNone{display: none !important;;} .w1120{width:100%;} .sec_sp_pickup {display: none;} section{width:auto !important;padding: 0;margin: 60px 0 30px;font-size:14px;padding: 0 5.0vw;position: relative;} .contents {width:100%;padding-top: 55px;} .arrow-r{padding-right: 2.0em;} .arrow-r:after{width: 24px;} .div-btn .btn.btn-pink span{letter-spacing: 1px;} div.page-portal .btn-more{margin-bottom: 31px;} div.page-portal .div-content.is-hide{height: 16em;} section{width:auto !important;padding: 0;margin-top: 30px;font-size:14px;padding: 0 5.0vw;} section h2{font-size: 18px;letter-spacing: 6px;margin-bottom: 25px;} section h3{font-size: 14px;} body.home h2{margin-bottom: 25px;} #head{padding: 0 !important; margin: 0;aspect-ratio: unset;} #head .bg-head{margin: 0;padding: 0;border: unset;} #head .bg-head h1{margin: 0;} #head .bg-head h1 img{width: 100%;height: auto;} #head:before{display: none;} #head:after{display: none;} #head .div-form {padding-left: 5.0vw;padding-right: 5.0vw;margin-bottom: 15px;height: unset;} #head .div-form .search{display: block; width: 100% !important;} #head .div-form .search .btn{padding: 3px 0;line-height: 30px;font-size: 12px;} #head .div-form .search form{margin-bottom: 15px;} #head .div-form .search form input{flex-basis:67%; padding: 4px 7px 4px 20px;line-height: unset;border-radius:4px 0 0 4px} #head .div-form .search form input::placeholder{font-size: 12px;} #head .div-form .search form .btn.keyword{flex-basis:33%;line-height: unset;border-radius: 0 4px 4px 0;} #head .div-form .search form span{line-height: 30px;font-size: 12px;letter-spacing: 0; padding-left: 5px;padding-right: 5px;} .container .aside{display: none;} div.page-front #menu{} div.page-front #menu h2{} div.page-front #menu h2 em{font-size: 14px;letter-spacing: 5px;} div.page-front #menu h2 span{font-size: 20px;letter-spacing: 6px;} div.page-front #menu h2 em:before {position: absolute;width: 30px;height: 30px;margin: auto;top: 0;bottom: 0;left: -66px;opacity: 0.7;background-size: contain;} div.page-front #menu h2 em:after {position: absolute;width: 30px;height: 30px;margin: auto;top: 0;bottom: 0;right: -41px;opacity: 0.7;background-size: contain;} div.page-front #menu ul{display: block;} div.page-front #menu ul li{width: auto;margin-bottom: 45px;clear: both;display: block;} div.page-front #menu ul li div{padding: 12px 14px 14px 14px;border-radius: 6px;} div.page-front #menu ul li div h3{font-size: 16px;letter-spacing: 2px;padding-left: 65px;} div.page-front #menu ul li div p{font-size: 12px;letter-spacing: 1px;line-height: 1.6;padding-left: 65px;margin: 0;} div.page-front #menu ul li div h3:before{width: 40px;height: 40px; left: 5px;top:12px;} section#provider ul{display: block;} section#provider ul li a{padding: 10px 15px;margin-bottom: 10px;min-height: unset;} section#provider ul li a .div-text{flex-basis: calc( 100% - 88px);} section#provider ul li a .div-text h3{margin-bottom: 0.5em;} section#article ul.main li {flex-basis: calc( 50% - 1.2vw );height: unset;margin-bottom: 5.0vw;} section#article ul.main li a img{aspect-ratio: 162/50;object-fit: cover;width: 100%;height: auto;} section#article ul.main li a p{line-height: 1.0em;height: 1.0em;font-size: 14px;} section#article ul.sub li{flex-basis: calc( 33% - 1.8vw);margin-bottom: 2.5vw;} section#article ul.sub li a{border-width: 1px ; font-size: 12px; letter-spacing: 2px;line-height: 33px;border-radius: 5px;} div.page-front section.map .div-map {margin-top: 20px;} section a.list-arrow{display:block;width:100% !important;font-size: 13px !important;border-bottom:1px solid #333;background-color: #fff !important;font-weight:normal;color:#333;text-align: left;padding: 0.9em 1.0em 0.9em 2.0em !important;border-radius:0;position: relative;line-height: 1.6em !important;} section a.list-arrow:after{content:'';width: 6px;height: 6px;border: 1px solid;border-color: #333 #333 transparent transparent;transform: rotate(45deg);line-height: 15px;position: absolute;right: 1.4em;top: 40%;} section#article ul{flex-wrap: wrap;margin-bottom: 10px;} div.page-portal section.map>h2{display: none;} div.page-portal section.map .div-map {position:relative;margin-top: 0px;} div.page-portal section.map .div-map img{display: none;} section.map .div-map h3.opened:after{background-image: url('/assets/img/icon_btn_close.png');} section.map .div-map h3.line2 a{line-height: 21px;padding: 1px 40px 1px 10px;} section.map .div-map h4 {margin: 0;padding: 0;border: none;} section.map .div-map h4 a{border-bottom:1px solid #cc1674;color:#cc1674 !important;font-size:15px;line-height: 45px;padding: 0 40px 0 10px;position: relative;margin: 0;display: block;text-decoration: none;letter-spacing: 1px;font-weight: normal;font-weight: bold;} section.map .div-map h4 a:after{content:'';width:12px;height:20px;display: block;position:absolute;background-image: url('/assets/img/icon_btn_open.png');background-size:cover; top:-7px;right:12px;} section.map .div-map h4 a.opened:after{background-image: url('/assets/img/icon_btn_close.png');} section.map .div-map h4.line2 a{line-height: 21px;padding: 3px 40px 3px 10px;} section.map .div-map div.map-list p.btn-prefecture a{/*color:#ad005e !important;*/} section.map .div-map div.map-list p a span.pcNone{display: inline !important;} section.map .div-map div.map-list p a br{display:none;} section.map .div-map div.map-list p.link-unset a{pointer-events: none;} section.map .div-map div.map-list p.link-unset a:after{display: none;} .cover-map{position:fixed !important;widt:100% !important;overflow: hidden;overflow-y: auto; -webkit-overflow-scrolling: touch;} section.map .div-map .mask .div-baloon{width:calc( 100% - 5.0vw ) !important;position:fixed;position: fixed;top: 50%;transform: translate(0, -50%);} section.map .div-map ul.portal-term{justify-content:center !important;} section#foot-menu-sp{} section#foot-menu-sp h3 a{color: #ad005e ;} section#foot-menu-sp nav{display: block;padding: 0!important;width:100%;margin-top: 30px;} section#foot-menu-sp nav ul li{width:50%;} section#foot-menu-sp nav ul li a{margin-right: 10px;width: auto;position: relative;padding: 0;text-align: left;} section#foot-menu-sp nav ul li a img{width:36px;height: auto;margin-left: 9px;float:left;margin-top: 9px;margin-right: 8px;} section#foot-menu-sp nav ul li a span{line-height: 52px;text-align: left;display: block} section#foot-menu-sp nav ul li:nth-child(even) a{margin-right: 0px;} section#foot-menu-sp nav ul li a:before{content:'';width: 14px;height: 14px;-webkit-border-radius: 50%;border-radius: 50%;background: #ad005e;display: block;position: absolute;right:10px;top:20px;} section#foot-menu-sp nav ul li a:after{content:'';box-sizing: border-box;width: 4px;height: 4px;border: 4px solid transparent;border-left: 4px solid #fff;display: block;position: absolute;right:10px;top:23px;} /* スマホ TOPページ */ body.home header nav a.menu.search{display: none !important;} div.page-front #head .bg-head .border-head{margin: 0;border: none;} div.page-front section {margin: 10px auto;padding: 10px 5.0vw 20px 5.0vw;} div.page-front.contents {padding-top: 10px;} div.page-front section.map {margin-top: 0;} div.page-front section.map .div-map{border: 0;margin-top: 0;} div.page-front section.search .div-keyword{height:auto;} div.page-front section.search .div-map{height:auto;} div.page-front section.map .div-map img{display: none;} section#genre{padding: 0;margin-top: 20px;} section#genre ul.menu{width: 100%;padding: 0 5.0vw;margin: 20px 0 30px 0;} section#genre ul.menu li{flex-basis: 31%;} section#genre ul.menu li a{border-color: #999;padding: 60px 0 14px 0;} section#genre ul.menu li a svg{top:12px} section#genre ul.menu li a svg path{fill:#999 !important;} section#genre ul.menu li a span{font-size: 13px;color:#777;letter-spacing: 1px;} section#genre .list {background-image: linear-gradient(to right, #FBECED, #F8D2DE);padding:20px 0 25px 0;margin-bottom: 35px;} section#genre .list h3{color:#cc1674;letter-spacing: 2px;font-size: 16px;margin-top: 15px;} section#genre .list h3:before{width: 45px;height: 45px;margin-bottom: 3px;} section#genre .list ul{background-image: none;padding: 5px 5.0vw 0 5.0vw;justify-content: space-between;} section#genre .list ul li{flex-basis: calc( 50% - 1.2vw );margin: 0;margin-bottom: 10px;} section#genre .list ul li a{display: flex;flex-direction: column-reverse;} section#genre .list ul li a img{max-width: 100%;height: auto;aspect-ratio: 164/84;} section#genre .list ul li a p{font-size: 11px;margin-top: 5px;margin-bottom: 5px;} section#genre .list .div-btn{width: calc( 100% - 10vw );margin: 18px auto 15px auto;} section#genre .list .div-btn a{line-height: 48px;border-radius: 10px;padding: 0 10px;} section#provider ul li a .div-image img {margin: 0 auto;max-width: 100%;max-height: 100%;width: auto;height: auto; } section#article>div>p{text-align: left;margin-top: 0;} body.home h2+p {text-align: left;margin: 25px auto 15px auto;padding: 0 5.0vw;} body.home h2+p br{display: none;} body.home section#topics {padding-left: 0 !important;padding-right: 0 !important;} .div-list{margin: 0 auto;display: block;} .div-list>div figure{padding: 0 10px;} .div-list>div figure img{width: 100%;max-width: unset;height: auto;aspect-ratio: 1.4/1;object-fit: cover;} .div-list>div p{margin: 0.6em 10px !important;font-size: 12px;line-height: 1.6;} div.page-front section.list+section.list{margin-top:30px;} div.page-front section.news h2{float: none;margin-bottom: 10px;} div.page-front section.news ul {width:auto;margin: 0;} div.page-front section.news ul li div{display: flex;width:auto;justify-content:space-between;width: 100%;} div.page-front section.news ul li span.link{display: block;text-align: right;width: 100%;} div.page-front section.news ul li span.title{width:calc( 100% - 70px );} /* ポータルTOP */ div.page-portal main section {margin-top: 30px !important;margin-bottom: 0px !important;min-width: unset;overflow: hidden;width: 100%;} div.page-portal main section.title + section.content{padding-top: 0px;} div.page-portal main section:nth-of-type(1) {margin-top: 0px !important;} div.page-portal main section.title-image{display: block;margin-top: 0 !important;padding: 0;} div.page-portal main section.title-image img{width: 100%;aspect-ratio: 755/254;object-fit: cover;} div.page-portal main section.map .div-map{border: none;} div.page-portal main section h2{line-height: 1.5;font-size: 18px;} div.page-portal main section.list .description{width:unset;text-align: left;} div.page-portal main section.list .list-h{width:unset;/*padding: 0 5.0vw;*/} div.page-portal main section.term .div-content{padding:20px 5.0vw;margin-bottom: 0;} div.page-portal main section.term.bg-gray .div-content{padding:30px 0 20px 0;margin-bottom: 0;} div.page-portal main section.term .div-content h2{margin:0px 0 15px 0;} section div.indexed-term {/*padding: 0 5.0vw 0 5.0vw;*/} section div.indexed-term .termsrow h3{font-size: 14px;padding: 8px 6px !important;margin: 1px 1.0em 0 5.0vw;} section ul.portal-term li {margin: 0px 12px 10px 0 !important; } div.page-portal ul.portal-term{padding-top: 0;} div.page-portal ul.portal-term li a{padding:8px 8px;font-size:14px;display: inline-block;white-space: normal;text-align: left;letter-spacing: 0;} div.page-portal main section.search {margin-top: 10px !important;} div.page-portal main section.term {padding: 0;overflow: visible;margin-bottom: 10px;} div.page-portal main section.slider{max-width: unset;min-width: unset;padding-left: 0;padding-right: 0;} div.page-portal main section.topics{} div.page-portal main section.topics h2{ /* text-align: left !important; */} div.page-portal main section.topics h2 span{display: none;} div.page-portal main section.topics .description{padding: 0 5.0vw;} div.page-portal main section.topics .slide>ul li div p{height: auto;} div.page-portal main section.topics h3{text-align: left;margin-top: 0;line-height: 1.5em;} div.page-portal main section.topics>div{padding: 0;} div.page-portal main section.topics .slide>ul{width:100%;padding-left: 0;padding-right: 0;} div.page-portal main section.topics .slide>ul .slick-list{width:100%;overflow: visible; !important;} div.page-portal main section.topics .slide>ul li{max-width: unset;} div.page-portal main section.topics .slide>ul li a{width: unset;} div.page-portal main section.topics .slide>ul li div p{font-size:14px;} div.page-portal main section.list .list-h a figure{aspect-ratio: 150/150;width: unset;height: unset;} div.page-portal main section.list .list-h li{width:100%;max-width:unset;margin: 0;margin-bottom: 15px;} div.page-portal main section.term.post-id-8758 {padding: 0 5.0vw;}/* leisure/tokyo 向け特殊処理 東京都の観光・レジャー */ div.page-portal main section.term.post-id-8758 ul{}/* leisure/tokyo 向け特殊処理 東京都の観光・レジャー */ div.page-portal main section.term.post-id-8758 ul li{flex-basis: calc(50% - 1.2vw);aspect-ratio: 162 / 50;height: unset !important;margin:0 0 5.0vw 0 !important; } div.page-portal main section.term.post-id-8758 ul li:nth-child(even){margin-right:0px;} div.page-portal main section.term.post-id-8758 ul li a{position: relative;aspect-ratio: 162 / 50;width: 100% !important;height: auto !important;text-align: center;padding: 0 !important;border-radius: 0 !important;background-size: 110%;background-position: center center; } div.page-portal main section.term.post-id-8758 ul.portal-term li a:after {font-size: 12px;line-height: 12px;position: absolute;display: flex;flex-direction: column;justify-content: center;margin: unset;left:0;right: 0;top:0;bottom:0} div.page-portal main section.term.post-id-8811 {margin-bottom: 0;padding: 0 5.0vw;}/* leisure/kanagawa 向け特殊処理 神奈川県の観光・レジャー */ div.page-portal main section.term.post-id-8811 ul{margin-bottom: 0;} div.page-portal main section.term.post-id-8811 ul li{width:calc( 50% - 6px ) !important;margin-right:6px;} div.page-portal main section.term.post-id-8811 ul li:nth-child(even){margin-right:0px;} div.page-portal main section.term.post-id-8811 ul li a{text-align: center !important;width: 100% !important;height: 60px !important; margin-bottom: 6px;background-size:contain; background-size: cover;background-position: center;padding-top: 39%;} div.page-portal main section.term.post-id-8811 ul.portal-term li a:after {font-size: 12px;line-height: 20px;padding-top: 8px;display: inline-block;} div.page-portal main section.term.post-id-8811 ul.portal-term li#el-8521 a {background-image: url(/assets/img/leisure/leisure_kanagawa_minatomirai_sp.png);} div.page-portal main section.term.post-id-8811 ul.portal-term li#el-8521 a:after{display: none;} div.page-portal main section.term.post-id-8811 ul.portal-term li#el-8522 a {background-image: url(/assets/img/leisure/leisure_kanagawa_kamakura_sp.png);} div.page-portal main section.term.post-id-8811 ul.portal-term li#el-8522 a:after{display: none;} div.page-portal main section.term p.upper{font-size: 12px;} div.page-portal main section.term.post-id-8758 p.upper{bottom:-20px;} div.page-portal main section.term.post-id-8811 p.upper{bottom:-20px;} div.page-portal section.map.post-id-8756 .div-map {margin-bottom: 20px;} /* div.page-portal main section.map.post-id-8549 .div-map div.map-list a.list-arrow{font-weight:bold;} */ article p.indexed-term-parent{margin-bottom: 0px;} } ul.list-h{display: flex;justify-content:flex-start;overflow: auto;} ul.list-h li{width:256px;margin-right: 30px;max-width: 260px;} ul.list-h li:last-child{margin-right: 0px;} ul.list-h{display: flex;justify-content:flex-start;overflow: auto;} ul.list-h a figure{width:260px;height: 160px;overflow: hidden;background-size:cover;background-position: center center;display: block;margin-bottom: 0;} ul.list-h a figure img{width:100%;height:auto; } ul.list-h li .text{display: block;margin-bottom: 0.5em;font-weight: bold;;line-height: 1.8em;font-size:16px;} ul.list-v li{margin-bottom: 17px;display: flex;justify-content:flex-start;padding-right: 10px;} ul.list-v li:last-child{margin-bottom: 0px;} ul.list-v a figure{width:170px;overflow: hidden;margin-right: 16px;height: 100px;justify-content:center;align-items:center;margin-bottom: 0;background-position: center center;background-size:cover; background-color: #fff;} ul.list-v li .text{display: block;margin-bottom: 0.5em;font-weight: bold;;line-height: 1.8em;font-size:16px;} .list .category{margin:9px 0 7px 0;display: none;} .list .category>a{border: 1px solid #b20b66;border-radius:4px;background-color: #fff;color:#b20b66;text-align: center;padding: 2px 9px; font-size: 12px;} .list .category>a:hover{background-color: #b20b66;color:#fff;} .btn{border-radius:5px;padding:0px 30px;color:white;text-align: center;display: block;/*width:46%*/;position: relative;margin: 0 auto;line-height: 40px;} .btn:hover{color:#fff;} section.slider{/*max-width:1400px;*/min-width:1120px;width:100%;margin-top: 0;padding:0;;} section.slider ul.slick{position:relative;overflow: visible;margin: 0 auto;} section.slider ul.slick .slick-list{overflow:visible;} section.slider ul.slick li{text-align: center;/*max-width:412px;*/margin:0 28px;/*width:412px;*/ } section.slider ul.slick li div {height: 310px;width:859px} section.slider.jumbo ul.slick li div a {width:100%;max-width: 100%;height: auto;max-height: 100%;min-height:100%;background-size:contain; display: block;height: 100%;background-repeat: no-repeat;} section.slider ul.slick li div a img{width:100%;max-width: 100%;height: auto;max-height: 100%;} section.slider ul.slick li .slick-slide{margin: 0 39px;} section.search{width:100%;padding:50px 0;} section.search .div-keyword h3{width:350px;height: 50px;background-image: url('/assets/img/title_search_keyword.png');background-repeat: no-repeat;margin: 0;} section.search .div-keyword h3 em{display: none;} section.search .div-search{background-color: #fff;border:3px solid #b20b66;padding:18px 20px; } section.search .form{width:474px;float: left;} section.search .form input{border:none;border-radius:5px 0 0 5px;font-size:16px;line-height: 32px;width:474px;padding:9px 15px;background-color: #f3e9ee} section.search .form input::placeholder {color: #b20b66;font-size: 14px;} section.search .form input:-ms-input-placeholder {color: #b20b66;font-size: 14px;} section.search .form input::-ms-input-placeholder {color: #b20b66;font-size: 14px;} section.search .button {display:flex;justify-content:space-between;margin: 0} section.search .button .btn{border-radius:5px;color:white !important;text-align: center;display: block;width:46%;position: relative;margin:0;padding: 0;line-height: 50px;} section.search .button .keyword{background-color:#b20b66;width:150px; border-radius:0 5px 5px 0;font-size: 14px;} section.search .button .location{background-color:#000; width:380px} section.search .button .location:before{content:' ';border-left:1px solid #333;left:-35px;position: absolute;height: 50px;} section.search .populer {margin-top: 10px;} section.search .populer ul li{display: none;float: left;} section.search .populer ul li:nth-child(1){display: inline;} section.search .populer ul li:nth-child(2){display: inline;} section.search .populer ul li:nth-child(3){display: inline;} section.search .populer ul li:nth-child(4){display: inline;} section.search .populer ul li:nth-child(5){display: inline;} section.search .populer ul li:nth-child(6){display: inline;} section.search .populer ul li:nth-child(7){display: inline;} section.search .populer ul li:nth-child(8){display: inline;} section.search .populer ul li:nth-child(9){display: inline;} section.search .populer ul li:nth-child(10){display: inline;} section.search .populer span{font-weight: bold;padding-right: 30px;} section.search .populer a{padding-right: 10px;color:#b20b66 !important;text-decoration:underline;} .div-banner.olympic{padding-top: 40px;} .div-banner.olympic img{width: 100%;} section.list{margin-top: 70px;} section.list>p{color:#9a9a9a;} section.list div.description {font-size: 13px;} section.list ul{margin-top: 12px;} section.topics{width:100%;padding:50px 0;} section.topics h3{color:#b20b66;border-bottom:2px solid #b20b66;text-align: center;font-size: 18px;line-height: 2.4em;margin-bottom: 15px;} section.topics div>p{} section.topics .flex>div{margin-right:40px} section.topics .flex>div:last-child{margin-right:0px;} section.topics .button{text-align: center;margin-top: 40px;} section.topics .button .btn{background-color: #000;color:#fff !important;} section.section-about{border-bottom: 1px solid #eff3f5;width: 100% !important;} section.section-about .flex{margin-bottom: 20px;padding-top: 10px;padding-bottom: 50px;width: 1120px;margin: 0 auto;} section.section-about h2{color: #2f3355 !important;} section.section-about .div-image{flex-basis: 270px;text-align: center;} section.section-about .div-image p{margin-bottom: 18px;} section.section-about .div-image p img{display: block;margin: 20px auto 4px auto;width: 147px;height: auto;} section.section-about .div-image p:nth-of-type(2) img{padding: 1px 0;} section.section-about .div-image p span{display: block;font-weight: bold;font-size: 12px;} section.section-about .div-text{flex-basis: 830px;line-height: 1.8em;letter-spacing: 1px;text-align: left;} section.section-about .div-text h2{text-align: left;margin: 30px 0 20px 0;} section.section-about .div-text h2 span{font-size: 18px;letter-spacing: 3px;} section.section-about .div-text p{font-size: 14px;line-height: 1.71;color:#666;} section.section-about p .text-red{color:#b51c6c;} section.section-about p .text-blue{color:#4b5896;} section.news{} section.news ul{} section.news ul li{display: flex;justify-content:flex-start;line-height: 20px;} section.news ul li div{display: flex; justify-content: space-between;width: 100%;} section.news ul li p.type{color:#b20b66;font-size: 18px;margin-right: 40px;font-weight: bold;} section.news ul li p.date{margin-right: 40px;} section.news ul li p.tile{} section.topics .description{font-size: 13px;} section.topics .div-link-contents>div{min-height: 4.0em;margin-bottom: 1.0em;} section.topics .flex div.div-link-contents{width:50%;} section.topics .btn{width:363px;line-height: 40px;} section.news ul li{display: block;} section.news ul li {display: flex;justify-content:space-between;} section.news ul li span{display: block;font-size: 13px;line-height: 2.0em;} section.news ul li span.date{width:120px;font-weight: bold;float: left;} section.news ul li span.title{} section.relation{padding: 30px;color:#ad005e;} section.relation h2{text-align: center;} section.relation ul li{display: inline;} section.relation ul li::after{content:' / ';margin:0 3px; text-decoration: none;} section.relation ul li a{text-decoration: underline;color:#ad005e;} section.relation ul li:last-child::after{content:'';} /************* front *********************/ div.page-front{} div.page-front em.portal{display:none;} div.page-front section.slider ul li p{display: none;} div.page-front section.slider{padding-top: 0px;} div.page-front section.slider ul.slick li{width:auto;max-width:auto;min-width:auto; } div.page-front section.slider ul.slick li div{width:860px; min-width:860px;} div.page-front section.search{width:100%;padding:40px 0;margin-top: 20px;height:1035px;} div.page-front section.search .div-keyword{min-height:189px;} div.page-front section.search .button.pcNone{display: none;} div section.map .div-map p#hokkaido {left:871px;top:135px;} div section.map .div-map p#aomori {left:858px; top:268px;} div section.map .div-map p#iwate {left:949px; top:268px;} div section.map .div-map p#akita {left:858px; top:314px;} div section.map .div-map p#miyagi {left:949px; top:314px;} div section.map .div-map p#yamagata {left:858px; top:360px;} div section.map .div-map p#fukushima {left:949px; top:360px;} div section.map .div-map p#gunma{left: 782px;top: 440px;} div section.map .div-map p#tochigi{left: 873px;top: 440px;} div section.map .div-map p#ibaraki{left: 964px;top: 440px;} div section.map .div-map p#saitama{left: 782px;top: 485px;} div section.map .div-map p#tokyo{left: 873px;top: 485px;} div section.map .div-map p#chiba{left: 964px;top: 485px;} div section.map .div-map p#kanagawa{left: 782px;top: 531px;} div section.map .div-map p#toyama {left: 441px;top: 158px;} div section.map .div-map p#niigata {left: 532px;top: 158px;} div section.map .div-map p#ishikawa {left: 441px;top: 205px;} div section.map .div-map p#nagano {left: 532px;top: 205px;} div section.map .div-map p#fukui {left: 441px;top: 252px;} div section.map .div-map p#yamanashi {left: 532px;top: 252px;} div section.map .div-map p#mie{left: 683px;top: 625px;} div section.map .div-map p#gifu{left: 774px;top: 625px;} div section.map .div-map p#aichi{left: 865px;top: 625px;} div section.map .div-map p#shizuoka{left: 956px;top: 625px;} div section.map .div-map p#hyogo{left: 97px;top: 202px;} div section.map .div-map p#kyoto{left: 188px;top: 202px;} div section.map .div-map p#shiga{left: 280px;top: 202px;} div section.map .div-map p#wakayama{left: 97px;top: 248px;} div section.map .div-map p#osaka{left: 188px;top: 248px;} div section.map .div-map p#nara{left: 280px;top: 248px;} div section.map .div-map p#yamaguchi{left: 62px;top: 354px;} div section.map .div-map p#shimane{left: 153px;top: 354px;} div section.map .div-map p#tottori{left: 244px;top: 354px;} div section.map .div-map p#hiroshima{left: 62px;top: 400px;} div section.map .div-map p#okayama{left: 153px;top: 400px;} div section.map .div-map p#ehime{left: 456px;top: 606px;} div section.map .div-map p#kagawa{left: 548px;top: 606px;} div section.map .div-map p#kouchi{left: 456px;top: 652px;} div section.map .div-map p#tokushima{left: 548px;top: 652px;} div section.map .div-map p#nagasaki{left: 67px;top: 659px;} div section.map .div-map p#saga{left: 158px;top: 659px;} div section.map .div-map p#fukuoka{left: 249px;top: 659px;} div section.map .div-map p#oita{left: 340px;top: 659px;} div section.map .div-map p#okinawa{left: 67px;top: 704px;} div section.map .div-map p#kagoshima{left: 158px;top: 704px;} div section.map .div-map p#kumamoto{left: 249px;top: 704px;} div section.map .div-map p#miyazaki{left: 340px;top: 704px;} div.page-front section.map .div-map .baloon-nagano li{margin-bottom: 0;} div.page-front section.topics {width:100% ;} div.page-front section.topics .carlife{margin-top:20px;max-width:50%;} div.page-front section.topics .carlife .div-link-contents{margin-right:20px;} div.page-front section.topics .carlife #link_3>div{min-height: unset;margin-bottom: 1.6em;} /* div.page-front section.topics .carlife #link_3 ul{display: flex;justify-content: space-between;} div.page-front section.topics .carlife #link_3 ul li{flex-basis:48%; } */ div.page-front section.news h2{width:115px;float: left;margin:0 ;} div.page-front section.news ul{margin: 0 0 0 115px;} div.page-front section.news ul li span.title{width:790px;} div.page-front section.news ul li span.link{width:7em;float:right;} div.page-front section.news ul li span.link a{color:#b20b66 !important;text-decoration: none;white-space: nowrap;} div.page-front section.news ul li span.link a:hover{text-decoration: underline;} /************* news *********************/ .list-news section.news ul li{border-bottom: 1px solid #9a9a9a;padding: 15px 0;} .list-news section.news ul li div{display: block} .list-news section.news ul li div span.title{margin-left: 140px;} .page-news section.content .div-content{border-bottom: 1px solid #9a9a9a;padding: 0px 0 30px 0; } .page-news section.content .div-date{margin: 20px 0 10px 0;} .page-news section.content icon-calendar_s{margin-bottom: -2px;} /************* toranomaki ****************/ .page-toranomaki h1{background-color:#f3e9ee !important;text-align: center;color:#ad005e;font-size: 21px; border-radius:6px;margin-bottom: 30px !important;line-height: 54px;border: none !important;padding: 10px 0 !important;} .page-toranomaki article .div-content{} .page-toranomaki article>ul:not(.breadcrumb){display: flex;margin: 20px 0;justify-content: space-between;} .page-toranomaki article>ul:not(.breadcrumb) li{width:100%;margin-bottom:10px;flex-basis: 31%} .page-toranomaki article>ul:not(.breadcrumb) li a{position:relative;display: block;background-color: #B4045F;color:#fff !important;font-size: 15px;text-align: center;border-radius:6px;padding: 10px 0 28px;font-weight: bold;line-height: 1.4em;} .page-toranomaki article>ul:not(.breadcrumb) li a:after {content: '';position: absolute;width: 18px;height: 18px;border: 2px solid;bottom: 13px;left: 0;right: 0;margin: auto;border-color: transparent transparent #fff #fff;transform: rotate(-45deg);} .page-toranomaki article>section h2 {letter-spacing: 2px;} .page-toranomaki article>section h2 span{background-color: #B4045F ;color:#fff !important;padding:0px 15px;border-radius:4px;margin-right: 1.0em;line-height: 21px;} .page-toranomaki article>section>img{margin:10px 0 30px 0;} .page-toranomaki article>section>ul{;margin-top:10px;} .page-toranomaki article>section>ul li{border-bottom:1px solid #ccc;padding-bottom:18px;margin-top:27px;} .page-toranomaki article>section>ul li:last-child{border-bottom:none;;} .page-toranomaki article>section .btn{width:50%;margin: 30px auto;} .page-toranomaki article>section .btn a{width:100%;background-color: #000;border-radius:6px;text-align: center; font-size: 14px;line-height: 56px;display: block;color:#fff !important;} /**** ニュース ****/ html .post-type-archive-news h1{margin-bottom: 10px;border-bottom: solid 2px #B4045F !important;margin-bottom: 20px;padding: 7px 0;font-size: 22px !important;} html .single-news h1{font-size: 20px !important;color:#b20b66;border-bottom:2px solid #b20b66;background-color: transparent;line-height: 1.6em;border-radius:0;; font-weight:bold;padding: 5px 0;} html .single-news article h2{margin-bottom: 10px;border-bottom: solid 2px #B4045F !important;margin-bottom: 20px;padding: 7px 0;font-size: 18px;} html .single-news article h2 * {font-size: 18px !important;} html .single-news article h3{line-height: 24px;color:#b28640;background-color: transparent;border-left:4px solid #b28640;padding: 0 0 0 7px;margin-top: 20px;position:relative;} html .single-news article h3:after{content: '';border-left: 1px solid #b28640;line-height: 24px;position: absolute;height: 100%;left: 3px;top: 0;} html .single-news article h3 span{line-height: 24px;font-size:16px !important;padding: 0 0 0 10px;min-height: 24px;height: 100%;} html .single-news article h4 {background-color: #f3e9ee;border: none;} html .single-news article h4 span{color:#ad005e;fons-size:14px;line-height:30px;padding: 5px;} html .page-common{} html .page-common section h1{margin-top:15px;margin-bottom: 40px;} html .page-news section h1{margin-top:15px;margin-bottom: 40px;} html .list-news section h1{margin-top:15px;margin-bottom: 40px;} html .single-news section h1{margin-top:15px;margin-bottom: 40px;} /*** サイママップ ****/ #page-sitemap{} #page-sitemap main div.flex{margin-bottom:40px;justify-content:space-between;} #page-sitemap main div.flex>div{width:50%;} #page-sitemap main h4{font-size: 16px;} #page-sitemap main .flex ul li{color:#b20b66;line-height: 2.6em} #page-sitemap main .flex ul li a{color:#b20b66;line-height: 2.6em} #page-sitemap main .region ul li{display: flex;} #page-sitemap main .region ul li span.area{display: block;width:8.0em;color:#000;} /*** 駐車場の神様とは ***/ #page-about{} #page-about h1{position: relative;} #page-about h1+div{} #page-about h1+div:before{content:"";width:300px;height:140px;display:block;background-image: url(/test/wp-content/themes/zerif-lite/images/blog_logo.png);background-repeat: no-repeat;background-size:contain;margin:0 auto 30px auto;} #page-about article p{margin-bottom: 1.0em;line-height: 1.8em;} /*** 広告掲載ついて ***/ #page-advertisement{} #page-advertisement h1{display: none;} #page-advertisement p{line-height: 2.0em;} #page-advertisement .title-h2:first-of-type {font-size: 22px;margin-top: 15px;margin-bottom: 40px;} #page-advertisement .title-h2{font-size: 18px;border-bottom: 2px solid #b20b66 !important;padding: 5px 0;color: #b20b66 !important;margin-bottom:20px;margin-top: 0;font-weight: bold;} /*#page-advertisement .title-h3{color: #000080;line-height:1.6em;padding:0 0 0 0.2em;margin: 2.5em 0 1.2em 0;position: relative;background-image: url("/assets/img/border-h3.gif");background-repeat: repeat-y;background-position: left center;padding-left: 14px;}*/ #page-advertisement .title-h3{color: #000080 !important;border-left: 3px solid #000080;line-height: 1.6em;padding: 0 0 0 0.2em !important;margin: 2.5em 0 1.2em 0 !important;position: relative;border-bottom: none !important;font-weight: normal;font-weight: bold;font-size: 16px;} #page-advertisement .title-h3:before {content: '';border-left: 1px solid #000080;margin-right: 10px;padding: 0;height: 1.6em;display: block;margin: 0 0.5em 0 0;float: left;} #page-advertisement .title-h4{color: #000080;line-height:1.6em;font-weight: bold;margin-bottom: 0.0em;} #page-advertisement .bg-pink{line-height: 1.4em;padding: 0.5em 1.0em;font-weight: bold;} #page-advertisement .bg-cream{line-height: 1.4em;padding: 0.5em 1.0em;font-weight: bold;} #page-advertisement p.areas{line-height: 1.6em;} #page-advertisement p img{margin-top: 20px;margin-bottom: 20px;} /*** 利用規約 免責 ***/ body.page-id-4830{} body.page-id-4830 main article>h1{display: none;} html body.page-id-4830 main h2{color: #000080 !important;border-left: 3px solid #000080;line-height: 1.6em;padding: 0 0 0 0.2em !important;margin: 2.5em 0 1.2em 0 !important;position: relative;border-bottom: none !important;font-weight: normal;} html body.page-id-4830 main h2:before {content: '';border-left: 1px solid #000080;margin-right: 10px;padding: 0;height: 1.6em;display: block;margin: 0 0.5em 0 0;float: left;} /*** 現在位置 ***/ section.location p.notfound{margin: 80px auto;} .page-common .su-button-center strong a.su-button-style-default {padding: 0 40px;display: block;border:none;margin-top: 40px;} .page-common .su-button-center strong a.su-button-style-default span{font-size:14px;line-height: 50px !important;font-weight:normal;padding: 0 40px;} .loader{width: 40px;height: 40px;border-radius: 50%;border: solid 4px;border-color: #000000 #00000010 #00000010;position: relative;animation-name: spin;animation-duration: 1s;animation-iteration-count: infinite;animation-timing-function: linear;margin:40px auto 100px auto;} /*** 特殊 *****/ /*** オリンピック **/ body.postid-13895{} body.postid-13895 .content .btn-more{display:none;} body.postid-13895 .content .div-content.is-hide{height:auto;} body.postid-13895 .content .div-content.is-hide:before{display:none;} body .table-wrapper{overflow: auto;} body .table-wrapper .table{border-collapse: separate;} body .table-wrapper .table th{background-color: #f6c8d2;} body .table-wrapper .table th{white-space: nowrap;padding: 0 0.2em;} body .table-wrapper .table td{white-space: nowrap;padding: 0 0.2em;} body .table-wrapper tr:nth-child(even) td{background-color:#f0f0f0 !important;} body .table-wrapper #olympic1 td:nth-of-type(5) {font-size: smaller;} body .table-wrapper #olympic1 td:nth-of-type(6) {font-size: smaller;} body .table-wrapper #olympic1 td a{padding: 0px 16px;font-size: 13px;line-height:2.0em;margin: 0.2em 0;display: inline-block;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;} body .table-wrapper #olympic1 td:nth-of-type(4) {text-align: center;} body .table-wrapper #olympic1 td:nth-of-type(4) a{color: #fff;background-color: #b20b66;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;font-weight: bold;} body .table-wrapper #olympic1 td:nth-of-type(7) a{color: #080000;background-color: #f6c8d2;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;} body .table-wrapper #olympic2 td a{padding: 0px 16px;font-size: 13px;line-height:2.0em;margin: 0.2em 0;display: inline-block;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;} body .table-wrapper #olympic2 td:nth-of-type(2) {text-align: center;} body .table-wrapper #olympic2 td:nth-of-type(2) a{color: #fff;background-color: #b20b66;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;font-weight: bold;} body .table-wrapper #olympic2 td:nth-of-type(3) {font-size: smaller;} body .table-wrapper #olympic2 td:nth-of-type(4) {font-size: smaller;} .sticky_table_wrapper {overflow: scroll;/*width: calc(100vw - 1rem);*/height: 50vh;} .sticky_table thead th {position: -webkit-sticky;position: sticky;top: 0;/* tbody内のセルより手前に表示する */ z-index: 1;text-align: center;} /* 縦スクロール時に固定する */ .sticky_table thead th:first-child {z-index: 2;} /* 行内の他のセルより手前に表示する */ .sticky_table thead th:nth-of-type(2) {z-index: 2;} /* .sticky_table td:first-child {position: -webkit-sticky;position: sticky;left: 0;background-color: #fff;border-right: 1px solid #ccc;} .sticky_table td:nth-of-type(2) {position: -webkit-sticky;position: sticky;left: 63px;background-color: #fff;border-right: 1px solid #ccc;} .sticky_table th:first-child {position: -webkit-sticky;position: sticky;left: 0;background-color: #fff;} .sticky_table th:nth-of-type(2) {position: -webkit-sticky;position: sticky;left: 63px;background-color: #fff;} */ .scroll::-webkit-scrollbar{ height: 5px;width: 5px;} .scroll::-webkit-scrollbar-track{background: #F1F1F1;} .scroll::-webkit-scrollbar-thumb {background: #BCBCBC;} #page-sitemap .container .main-content .flex{justify-content: space-around;margin-bottom: 40px;} #page-sitemap .container .main-content .flex>*{flex-basis: 46%;} #page-sitemap .container .main-content .flex p{display: none;} #page-sitemap .container .main-content .flex h3{font-size: 16px;text-align: left;} #page-sitemap .container .main-content ul{margin-left: 1.0em;} #page-sitemap .container .main-content ul li a{color:#cc1674 !important;} #page-sitemap .container .main-content .area{min-width: 6.0em;display: inline-block;} #page-sitemap .container .main-content .prefectuire{margin-left: 1.0em;} /************************* スマホ向け *************************/ @media screen and (max-width: 768px){ section ul.list-v li .text{line-height: 1.6em;font-size: 14px;} .icon-memo:before{width:22px;height:22px;margin-bottom:-5px;margin-right: 5px;} .icon-calendar:before{width:22px;height:22px;margin-bottom:-5px;margin-right: 5px;} .icon-pen:before{width:22px;height:22px;margin-bottom:-5px;margin-right: 5px;} section h1{padding-left:0 !important;padding-right:0 !important;line-height:1.4em; } section.menu{margin-top:70px;} section.slider{width:100% !important;min-width: unset;max-width:728px;padding-top: 20px !important;margin:20px 0 0 0 !important;} section.slider ul.slick{max-height: unset !important;} section.slider ul.slick .slick-list{padding:0 5% !important;} section.slider ul.slick li{margin: 0;} section.slider ul.slick li div{height: auto;width: 100% ; margin: 0 5px !important;} section.slider.jumbo ul.slick li div a{height: auto;width:100%;} section.slider.jumbo ul.slick li div a:before {content: "";display: block;padding-top: 36%;/*padding-top: 57%;*/} .single-portal section.slider.jumbo ul li{max-height: 310px;} section.search {background-color: transparent;padding: 0 5.0vw;} section.search h2.icon-clock{margin-bottom: 0.5rem;} section.search h2.icon-clock+p{margin-bottom: 0.5rem;color:#000;} section.search .div-keyword h3{width:100%;height: 35px;background-color:#ad005e;background-position: center center; background-size:315px 45px;;} section.search .div-search{padding:15px 10px; width:calc ( 100% - 20px )} section.search .div-search button.pcNone{display: none;} section.search .form{width:80%;} section.search .form input{width:100%;font-size: 10px;padding: 0px 10px;line-height: 35px;font-size: 12px;} section.search .button .btn{line-height: 35px;} section.search .button {line-height: 35px;} section.search form .button .location{display: none;} section.search .button em.top{display: none;} section.search .populer {display: block !important;} section.search .populer p{white-space: nowrap;padding: 0;float: left;margin: 0;} section.search .populer span{padding: 0;} section.search .button.pcNone{clear:both;padding-top:15px;display: flex !important;} div.page-front em.portal{display: inline;} .div-banner.olympic{padding-top: 20px;} section.map .div-map.work>h3{display: none !important;} section.map .div-map.work h3{background-color: #ad005e; margin-top: 20px;border: none;min-height: 52px;} section.map .div-map.work h3 a{display: block;color:#fff !important;line-height: 21px;padding: 5px 0;letter-spacing: 0;} section.map .div-map.work h3:first-child a{line-height: 42px;} section.map .div-map.work h3:before{background-image: url('/assets/img/icon_compass_nega.png');background-size:cover; top:12px;left:12px; background-size: contain;top: 0;left: 12px;bottom: 0;display: block;height: auto;background-repeat: no-repeat;background-position: center center;} section.map .div-map.work h3 a:after{content: '';width: 22px;display: block;position: absolute;background-image: url(/assets/img/icon_btn_open_nega.png);background-size: cover;top: 0;right: 12px;border: 0;height: 100%;background-size: contain;background-repeat: no-repeat;background-position: center center;} section.map .div-map.work h3 a.opened:after{background-image: url('/assets/img/icon_btn_close_nega.png');} section.map .div-map.work h3.line2 {background-color: #ef832c;margin-top: 40px;} section.map .div-map.work div.map-list p a{border-color:#ad005e;color:#ad005e !important;font-weight:bold;} section.map .div-map.work div.map-list p a:after{background-image: url(/assets/img/icon_btn_open.png);} section.map .div-map.work div.map-list .park>p>a{border-color:#d87321 !important;color:#d87321 !important;} section.map .div-map.work div.map-list .park>p>a:after{background-image: url(/assets/img/icon_btn_open_orange.png)} section.map .div-map.work div.map-list .park>p>a.opened:after{background-image: url('/assets/img/icon_btn_close_orange.png');} section.map .div-map.shopping div.map-list ul li#el-115 a{padding-left: 1.5em !important;font-weight: bold;} /*section.map .div-map.leisure div.map-list a.list-arrow{padding-left: 1.5em !important;}*/ /*div.page-front section.slider.jumbo ul.slick li {width:100vw !important;}*/ div.page-front section.slider.jumbo {height:auto !important;} div.page-front section.slider.jumbo ul.slick {margin-bottom: 0;} div.page-front section.slider.jumbo ul.slick .slick-list{padding: 0 !important;} div.page-front section.slider.jumbo ul.slick li div{height: auto;margin: 0 !important;min-width:100vw !important;width: 100vw !important;} div.page-front section.slider.jumbo ul.slick li div a{height: auto;width:100%;} div.page-front section.slider.jumbo ul.slick li div a:before {content: "";display: block;padding-top: 42.1%; } div.page-front section.slider.jumbo .slick-dots{position: relative;line-height: 1.0em;bottom: unset;top:0;} div.page-front section.slider.jumbo .slick-dots li{line-height: 1.0em;} div.page-front section.slider.jumbo .slick-dots li button{width:18px;height:14px;} div.page-front section.slider.jumbo .slick-dots li button:before {font-size: 6px;line-height: 20px;position: absolute; top: 0;left: 4px;width: 10px;height: 10px;border:2px solid #b20b66;content: '';text-align: center;border-radius:5px;} div.page-front section.slider.jumbo .slick-dots li.slick-active button:before {background-color: #b20b66;} .page-portal section.map .div-map div.map-list {display:block;} div.page-portal section.slider.jumbo {/*max-height: 310px;*/} section.list ul.list-h {display: block} section.list ul.list-h > li{display: flex;max-width: unset;width: 100%;min-width:unset;margin: 0 0 15px 0;padding:0;} section.list ul.list-h > li{min-height:80px;height: auto;,/** border: none; **/} section.list ul.list-h > li a{height: auto;display: block;width: 100%;max-width:28vw;margin-right: 10px;} section.list ul.list-h > li a figure{margin-right: 10px;height: auto !important;width: 100%;margin-right: 10px;} section.list ul.list-h > li a figure:before {content: "";display: block;padding-top: 60%;} section.list ul.list-h > li .category>a{padding: 1px 4px;font-size:12px;} section.list ul.list-h > li:last-child{ border: none;min-height: unset;} section.list ul.list-h > li>div{flex-basis: 120%;display: flex;flex-direction: column;justify-content: center;} section.list ul.list-h > li .headimg{width:130px;height: 80px;} section.list ul.list-h > li .headimg .imgwrap{width:130px;height: 80px;} section.list ul.list-h > li .headimg .imgwrap img{} section.list ul.list-h > li .title{line-height: 1.6em;font-weight: bold;} section.list ul.list-h > li p{margin-top:1px;line-height: 1.4em;margin-bottom: 18px;} section.list ul.list-h > li p a{/*font-size: 3.8vw;*/font-size: 14px;display: inline;} section.list ul.list-h > li:first-child{padding:0;} section.list ul.list-h > li:first-child .headimg{width:100%;height: auto;position: relative;;} section.list ul.list-h > li:first-child .headimg .imgwrap{width:100%;height: auto;} section.list ul.list-h > li:first-child .headimg .imgwrap img{position:relative;right:auto;left:auto;top:auto;bottom:auto;width:100%;height: auto;transform:unset;} section.list ul.list-h > li:first-child .title{display: bloxk;margin-bottom: 10px;} section.topics {padding:30px 0;} section.topics .flex{display: block !important;} /*section.topics .w1120 {padding: 0 5.0vw;}*/ div.page-front section.topics .flex div.div-link-contents{width:100%;} section.topics h3{text-align: left;line-height: 1.6em;font-size: 1.16em;margin-top: 30px;} section.topics ul{padding:0 5px;} section.topics ul.list-v {display: flex;justify-content:space-between;} section.topics ul.list-v li{display: block;padding: 0;margin: 0;margin-right: 14px;width:100%;} section.topics ul.list-v li .text{line-height: 1.6em;font-size: 14px;} section.topics ul.list-v li:nth-child(even){margin-right: 0px;} div.page-front section.topics .carlife{max-width: unset;} div.page-front section.topics .carlife #link_3>div{min-height: 4.0em;margin-bottom: 1.0em;} div.page-front section.topics .carlife #link_3>div ul li{} section.topics ul.list-v a figure{margin-right: 0;width: 100%;} div.page-front section.topics .btn{width:85%;padding:0px 5.1vw;color:#fff !important;} section.section-about{border: none;padding-top: 40px;padding-bottom: 0px;} section.section-about .flex{width: 100%;display: block !important;} section.section-about h2.sectionTitle{text-align: center;border: none;} section.section-about .flex{display: block;} section.section-about .div-image{display: flex;justify-content: space-between;} section.section-about .div-image p{flex-basis: 46%;font-size: 11px;letter-spacing: 2px;;} section.news{margin-top:30px;} div.page-portal .container{} div.page-portal section.search .form{width:80%;} div.page-portal section.search .form input{width:100%;} div.page-portal main section.slider.jumbo ul li{min-width:unset;max-width: 100vw;max-height:unset;} div.page-portal main section.slider.jumbo ul li a{max-height: 350px;} div.page-portal main section h1{font-size: 20px;} div.page-portal section.slider.jumbo {padding-top:0px !important;margin-top: 0!important;} div.page-portal section.slider.jumbo ul{margin-top:10px;margin-bottom:10px;} div.page-portal section.slider.jumbo ul.slick li div{height: auto; /*max-height:66.7vw;; min-height:66.7vw;*/width:calc(100% - 10px);min-width:unset;max-width:unset;margin: 0 5px;} div.page-portal section.slider.jumbo ul.slick li div a{width: 100%;} div.page-portal section.slider.jumbo ul.slick li div a:before{content:"";padding-top: 57vw;} div.page-portal section.slider.jumbo ul.slick li div a span{font-size: 14px !important;} div.page-portal main section.slider.jumbo ul li div a p{margin: 0;} div.page-portal main section.search{/*margin: 0px;*/margin:0 0 20px 0;padding-left:5.0vw;padding-right:5.0vw;} div.page-portal main section.search div.div-search>div{position: relative;min-height:7.0em;} div.page-portal main section.search .button .btn.keyword{width: 100%} div.page-portal main section.search .button .btn.location {width: 100%;position: absolute;bottom: 0;width: 100%;left: 0;right: 0;display: block;} div.page-portal #foot-menu-sp .div-map{margin-top: 0;} .postid-8756 div.page-portal main .div-content img{width:100%;} #foot-menu-sp section.map .div-map div.map-list p a{font-size:16px;} footer .category{display: none;} footer .topics{display: none;} footer .region{display: none;} .list-news section.news ul li{} .list-news section.news ul li div{display: block} .list-news section.news ul li div span{margin-left: 0 !important;float: none ;} .page-toranomaki article .div-content{padding:0 5.0vw;} .page-toranomaki article>ul{padding:0 5.0vw;display: block;} .page-toranomaki article>ul li{margin-bottom: 10px;} .page-toranomaki article>ul li:last-child{margin-right: 0px;} .page-toranomaki article>section h2 span{display: block;text-align: center;margin: 0 0 10px 0;padding-top: 0.5em;padding-bottom: 0.5em} .page-toranomaki article>section>img{width:100%;} .page-toranomaki article>section>ul.list-v a figure{width:110px;height: 90%;} .page-toranomaki article>section .btn{padding: 0;} html .single-parkinggod .container{max-width: 1140px;} html .single-parkinggod article .sns{width:100%;} html .single-parkinggod article .sns div{width:auto;margin: 0 5px;} aside #text-4{display: none;} /*** 固定ページ共通 ***/ .page-common h1{margin-top:20px;margin-bottom: 20px;} body.page-template-page-common p img{max-width: 100% !important;height: auto !important;} body.page-template-page-common h4{border-left: none !important;padding-left: 0 !important;} .page-common .su-button-center strong a.su-button-style-default span{font-size:12px !important;line-height: 40px !important;padding: 0 !important;} /*** サイトマップ ****/ #page-sitemap{} #page-sitemap section .flex{display: block !important;margin-bottom:20px;} #page-sitemap div.flex{display: block !important;margin-bottom:0px !important;} #page-sitemap div.flex div{width:100% !important;margin-bottom: 30px;} #page-sitemap div.flex div h4{margin-top:10px;} #page-sitemap ul li{line-height: 2.0em;} #page-sitemap ul li a{line-height: 2.0em;} #page-sitemap .region ul li span.area{width:auto;margin-right: 0.0em;line-height: } #page-sitemap section section{padding: 0 !important;} /*** 広告掲載ついて ***/ #page-advertisement{} #page-advertisement p{line-height: 1.6em;} /*** 駐車場の神様とは ***/ #page-about h1+div:before{width:150px;height:70px;margin-bottom: 10px;} /*** 利用規約 免責 ***/ body.page-id-4830{} }/** スマホ向けここまで **//