@charset "UTF-8";
/*240725*/
.wp-block-columns {
/*	display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));*/
  gap: 1em;
}
/*0415*/
/*body > section.top_under_area > div.top_ranking > div.top_ranking_head > ul{display:none}*/
@media only screen and (max-width: 750px){
.top_ranking_head > h2{padding-bottom:10px;}
	figure > img{height:auto !important}
}
.stt-lang-select.br {display:none!important}
/*0415*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-size: 100%;font-family: inherit;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}
strong {font-weight:bold;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
img{border: 0; margin:0; padding:0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, picture {display: block;}
img {padding:0; margin:0; vertical-align:bottom; max-width: 100%; image-rendering: -webkit-optimize-contrast;}
.clearfix:after {content: ".";  display: block; clear: both;height: 0;visibility: hidden;}
.clearfix {min-height: 1px;}
.clear {clear: both;}
a { text-decoration:none; color:#6a6961;}
a:hover { opacity:0.8;}
.object-fit {object-fit: cover;font-family: 'object-fit:cover;'}
/*
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Noto Serif JP', serif;
font-family: 'Open Sans', sans-serif;
*/
body{color:#6a6961; font-size: 16px; font-feature-settings : "pkna";font-family: 'Noto Sans JP', sans-serif; -webkit-text-size-adjust: 100%;font-weight: 400;}

.overlay {display: none;}
.site_read {text-align: center; font-size: 14px; font-weight: 300; color: #FFF; background-color: #58b5af; width: 100%; letter-spacing: 0.1em; padding: 8px 0px; line-height: 100%;}

.top_header {background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,0.004639355742296902) 20%, rgba(232,245,244,1) 100%); position: relative; margin-bottom: 80px;}

.top_header > div h1 {text-align: center; margin-top: 35px;}
.top_header > div > nav {margin: 30px 0px 50px; text-align: center;}
.top_header > div > nav li {display: inline-block; margin-right: 48px; position: relative;}
.top_header > div > nav li:after {content: ""; height: 18px; width: 1px; background-color: #6a6961; position: absolute; right: -24px; top: calc(50% - 9px);}
.top_header > div > nav li a {font-size: 16px; font-weight: 500; letter-spacing: 0.1em; position: relative;transition: .3s;}
.top_header > div > nav li a:after {position: absolute; content: ""; width: 0px; height: 3px; bottom: -10px; left: 50%;transition: .3s;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.top_header > div > nav li a:hover:after {content: ""; width: 60px;left: 50%;}
.top_header > div > nav li a.taste_i:before {content:url("../images/navi_taste_icon.svg"); display: inline-block; vertical-align: middle;margin-right: 3px;}
.top_header > div > nav li a.taste_i:after {background-color: #aa665d;}
.top_header > div > nav li a.buy_i:before {content:url("../images/navi_buy_icon.svg"); display: inline-block; vertical-align: middle;margin-right: 3px;}
.top_header > div > nav li a.buy_i:after {background-color: #884c6c;}
.top_header > div > nav li a.experience_i:before {content:url("../images/navi_experience_icon.svg"); display: inline-block; vertical-align: middle;margin-right: 3px;}
.top_header > div > nav li a.experience_i:after {background-color: #1b4364;}
.top_header > div > nav li a.landscape_i:before {content:url("../images/navi_landscape_icon.svg"); display: inline-block; vertical-align: middle;margin-right: 3px;}
.top_header > div > nav li a.landscape_i:after {background-color: #705a52;}
.top_header > div > nav li a.event_i:before {content:url("../images/navi_event_icon.svg"); display: inline-block; vertical-align: middle;margin-right: 3px;}
.top_header > div > nav li a.event_i:after {background-color: #7997b3;}
.top_header > div > nav li a.others_i:before {content:url("../images/navi_others_icon.svg"); display: inline-block; vertical-align: middle; margin-right: 3px;}
.top_header > div > nav li a.others_i:after {background-color: #ab9643;}
.top_header > div > nav li a.area_i:before {content:url("../images/navi_area_icon.svg"); display: inline-block; vertical-align: middle;margin-right: 3px;}

.top_header > div nav li a.area_i:after {background-color: #99b2a2;}
.top_header > div nav li:last-child {margin-right: 0px}
.top_header > div nav li:last-child:after {content: "";width: 0px; height: 0px;}

.top_header .language {position: absolute; left: calc(50% - 450px); top: 10px; display: flex;}
.top_header .language dt {width: 30px; }
.top_header .language dd { margin: 4px 0px 0px 10px;}
.top_header .language dd p {cursor: pointer;font-weight: 700; font-size: 13px;}
.top_header .language dd ul {margin-top: 3px; display: none; background-color: #FFF; position: relative; z-index: 2; border: 1px solid #ccc;}
.top_header .language dd ul li a {display: block; padding: 5px 25px 5px 5px; font-size: 14px; position: relative;}

.top_header .language dd ul li a:after {  content: '●';display: none;position: absolute;font-size: 10px;top: 8px;right: 9px;color: #999}
.top_header .language dd ul li a[data-stt-active]:after {display: block;}
.top_header .language dd ul li a:hover:after {content: '●';display: block; position: absolute; font-size: 10px;top: 8px;right: 9px;color: #333;}

.sp_read {display: none;}

.top_search-form {position: absolute; top: 0px; left: calc(50% + 300px);}
.top_search-form input[type="search"] {-webkit-appearance: none; width: 262px; box-sizing: border-box; border-radius: 20px;font-size: 12px;padding: 10px 20px; background-color: #f1f1f1; border:1px solid rgba(106,105,97,.3);}
.top_search-form input[type="submit"] {-webkit-appearance: none; width: 15px; height: 18px; border: none; background: url("../images/search_bt.svg") no-repeat; position: absolute; right: 13px; top:calc(50% - 9px ); cursor: pointer;}

.top_slider > div:not([class]) {display: none; height: 0px;}
.thumbnail > div:not([class]) {display: none; height: 0px;}

.top_slider {opacity: 0;transition: opacity .3s linear; height: 500px;}
.top_slider.slick-initialized {opacity: 1; height: inherit; max-height: auto; overflow: hidden;}
.thumbnail {opacity: 0;transition: opacity .3s linear; }
.thumbnail.slick-initialized{opacity: 1; }

.top_slider .slick-slide {margin: 0px 15px; width: 750px; height: 500px; position: relative; z-index: 0; overflow: hidden;}
.top_slider .slick-slide img {width: 100%;}
.top_slider .slick-slide:after {content: ""; background-color: rgba(0,0,0,.35); width:100%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0;}
.top_slider .slick-slide.slick-current:after {content: ""; width: 0; height: 0;}

/*--20230329--*/
.thumbnail.slick-slider{display: none;}
.thumbnail .slick-slide {margin: 0px 5px; width: 200px; height: 80px; position: relative; z-index: 0; overflow: hidden;}
.thumbnail .slick-slide img {width: 100%; height: 100%; object-fit: cover;}
.thumbnail .slick-slide:after {content: ""; background-color: rgba(0,0,0,.35); width:100%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0;}
.thumbnail .slick-slide.slick-current:after {content: ""; width: 0; height: 0;}
/*-20230329-*/

.loader { position: absolute;top: calc(50% - 32px); left: calc(50% - 32px); width: 64px; height: 64px;}
.top_slider.slick-initialized ~ .loader {display: none;}
.loader div {position: absolute;top: 0;left: 0; width: 100%; height: 100%; border-radius: 50%; box-sizing: border-box;  opacity: .8;}
.one { border-top: 1px solid #58b5af; animation: rotate-left 1s linear infinite;}
.two { border-right: 1px solid #FFF;animation: rotate-right 1s linear infinite;}
.three { border-bottom: 1px solid #58b5af;animation: rotate-right 1s linear infinite;}
.four {border-left: 1px solid #FFF; animation: rotate-right 1s linear infinite;}
@keyframes rotate-left {
0% { transform: rotate(360deg);}
100% {transform: rotate(0deg);}
}

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

.top_slider_area {position: relative; margin-bottom: 45px;}
.slick-track:after {content: ""; clear: both; display: block;}

.slick-prev {-webkit-appearance: none; width: 44px; height: 100px; background-color: rgba(88,181,175,.8); border-radius: 5px; border: none;font-size: 0; position: absolute; cursor: pointer; top:230px; left: 50px;}
.slick-prev:before {content: ""; width: 32px; height: 32px;border-top: 1px solid #fff;border-right: 1px solid #fff;-webkit-transform: rotate(-135deg);transform: rotate(-135deg); position: absolute; top: 33px; left: 15px;}
.slick-next {-webkit-appearance: none; width: 44px; height: 100px; background-color: rgba(88,181,175,.8); border-radius: 5px; border: none;font-size: 0;position: absolute;cursor: pointer;top:230px; right: 50px;}
.slick-next:before {content: ""; width: 32px; height: 32px;border-top: 1px solid #fff;border-right: 1px solid #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg); position: absolute; top: 33px; right: 15px;}
.slick-prev:hover,.slick-next:hover {opacity: .8;}

.slick-dots { position: absolute; bottom: -30px; right: 50%; transform: translate(50%);}
.slick-dots li{ position: relative;display: inline-block;width: 16px;height: 16px;margin: 0 5px;padding: 0;cursor: pointer;}
.slick-dots li button{font-size: 0;line-height: 0;display: block;width: 16px;height: 16px;padding: 5px;cursor: pointer;color: transparent; border: 1px solid #6a6961; box-sizing: border-box; outline: none; background: transparent;border-radius: 50%;}
.slick-dots li button:hover,
.slick-dots li button:focus{outline: none;}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{opacity: 1;}
.slick-dots li button:before{font-size: 6px;line-height: 20px;position: absolute;top: 0;left: 0; width: 15px;height: 16px;content: ''; background-color: black;text-align: center;opacity: 0; border-radius: 50%; }
.slick-dots li.slick-active button:before{ opacity: .75;color: black;}

.top_info {max-width: 1100px; margin: 0px auto 80px; }
.top_info > h2 {font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 32px; text-align: center; letter-spacing: 0.1em;padding-bottom:0px;}
.top_info > dl {text-align: center;}
.top_info > dl dt {font-size: 18px; display: inline-block;vertical-align: middle; margin: 40px 0px 30px; line-height: 100%;}
.top_info > dl dt:before {content: ""; background: url("../images/time_icon.svg"); width: 26px; height: 26px; background-size: cover; display: inline-block; vertical-align: middle; margin-right:10px; margin-top: -5px;}
.top_info > dl dd {font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 20px; letter-spacing: 0.05em; line-height: 180%;}

.top_main_content {max-width: 1200px; margin: 0px auto 80px; display: flex; justify-content: space-between;align-items: stretch;}
.top_main_content > .top_topics_area {max-width: 828px;}
.top_main_content > .top_topics_area > p.topics_title { background-color: #58b5af; color: #FFF; font-size: 18px; height: 40px; line-height: 40px; vertical-align: middle;}
.top_main_content > .top_topics_area > p.topics_title span {font-family: 'Open Sans', sans-serif; font-size: 22px; font-weight: 600; margin-right: 12px;}
.top_main_content > .top_topics_area > p.topics_title:before {content: url("../images/topics_icon.svg") ; margin: 0px 10px 0px; vertical-align: middle;}

.top_topics {display:flex; justify-content: space-between; flex-wrap: wrap; padding-top: 20px;}
.top_topics > a {width: 256px; margin-bottom: 34px;}
.top_topics > a figure {position: relative;}
.top_topics > a figure picture img {width: 256px; height: 170px; object-fit: cover;}
.top_topics > a figure figcaption .parent_cate {position: absolute; left: 0; top: 0; font-size: 12px; color: #FFF;height: 26px; padding: 0px 10px 0px 30px; line-height: 26px; vertical-align: middle;}

.top_topics > a figure figcaption .parent_cate:before {content: ""; width: 18px; height: 18px; background-size:contain; background-repeat: no-repeat; background-position: center center; position: absolute; left: 5px; top: 4px;}
.top_topics > a figure figcaption .parent_cate.landscape {background-color:#705a52;}
.top_topics > a figure figcaption .parent_cate.landscape:before {background-image: url("../images/landscape_icon.svg");}
.top_topics > a figure figcaption .parent_cate.taste {background-color:#aa665d;}
.top_topics > a figure figcaption .parent_cate.taste:before {background-image: url("../images/taste_icon.svg");}
.top_topics > a figure figcaption .parent_cate.buy {background-color:#884c6c;}
.top_topics > a figure figcaption .parent_cate.buy:before {background-image: url("../images/buy_icon.svg");}
.top_topics > a figure figcaption .parent_cate.experience {background-color:#1b4364;}
.top_topics > a figure figcaption .parent_cate.experience:before {background-image: url("../images/experience_icon.svg");}
.top_topics > a figure figcaption .parent_cate.event {background-color:#7997b3;}
.top_topics > a figure figcaption .parent_cate.event:before {background-image: url("../images/event_icon.svg");}
.top_topics > a figure figcaption .parent_cate.others {background-color:#ab9643;}
.top_topics > a figure figcaption .parent_cate.others:before {background-image: url("../images/others_icon.svg");}
.top_topics > a figure figcaption .parent_cate.pr {padding: 0px 10px 0px 10px; background-color: #e8be4a;font-family: 'Open Sans', sans-serif;font-weight: 600;}
.top_topics > a figure figcaption .parent_cate.pr:before {content: ""; width: 0; height: 0; }

.top_topics > a figure figcaption .page_cate {margin: 10px 0px;}
.top_topics > a figure figcaption .page_cate ul:first-child {float: left;font-size: 0px;}
.top_topics > a figure figcaption .page_cate ul:first-child li {display: inline-block; margin-right:5px;background-color: #929fa4; color: #FFF; font-size: 11px; padding: 5px;margin-bottom:5px;}
.top_topics > a figure figcaption .page_cate ul:nth-child(2) {float: left;font-size: 0px;}
.top_topics > a figure figcaption .page_cate ul:nth-child(2) li {display: inline-block;margin-right: 5px; background-color: #a38377; color: #FFF; font-size: 11px;padding: 5px 10px;}
.top_topics > a figure figcaption .page_cate:after {content: ""; clear: both; display: block;}
.top_topics > a figure figcaption > h2 {font-size: 14px;line-height: 160%;height: 3em; overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.top_topics > a figure figcaption .page_data {margin-top: 5px;}
.top_topics > a figure figcaption .page_data .item_time {font-size: 10px; display: inline-block; font-weight: 500;vertical-align: middle; margin-right: 0px;}
/*.top_topics > a figure figcaption .page_data .item_time:before {content: url("../images/time_icon.svg");display: inline-block; vertical-align: middle; margin-right: 5px;}*/
.top_topics > a figure figcaption .page_data > dl dt img { object-fit: cover; width: 18px; height: 18px; border-radius: 50%;}
.top_topics > a figure figcaption .page_data > dl {display: inline-block; width: 50%;}
.top_topics > a figure figcaption .page_data > dl dt {margin-right: 5px;display: inline-block;}
.top_topics > a figure figcaption .page_data > dl dd {font-size: 11px;display: inline-block;}
/*.top_topics > a ul.sp_cat {font-size: 12px; color: #FFF; text-align: center; background-color:#00539e;margin-top: 10px; padding: 5px ; }*/
.top_topics > a ul.sp_cat {display: inline-block;font-size: 12px; color: #000; text-align: center;margin-top: 0px; margin-left: 5px; padding:0px; }
/*.top_topics > a ul.sp_cat li {display: inline-block;}*/
.top_topics > a ul.sp_cat li {display: block;line-height:180%; padding: 0px 5px;}
.top_topics > a ul.sp_cat li.pr {background-color:#58b5af;color:#fff;}
.top_topics > a ul.sp_cat li.sp {background-color:#58b5af;color:#fff;}
.top_topics:after {content: ""; width: 256px;display: block}

.list_link {padding-top: 30px;}
.list_link li { width: 400px; margin: 0px auto;}
.list_link li a {display: block; border: 2px solid #6a6961;text-align: center; font-size: 14px; padding: 10px 0px; position: relative; }
.list_link li a:before {content:"";display:block;width:6px;height:6px;position:absolute;right:15px;top:48%;border-bottom:#6a6961 2px solid;border-right:#6a6961 2px solid;transform:rotate(-45deg)translateY(-30%); z-index: 1;}

.list_link.spci li a img {width: 90px; height: auto; vertical-align: middle; display: inline-block;}
.list_link.spci li a span {display: inline-block; vertical-align: middle; margin-left: 5px;}

.top_main_content > .top_side {width: 340px; background-color: #f1f1f1; padding: 20px 0px; position: relative;}
.top_main_content > .top_side .follow { padding: 0px 20px;}
.top_main_content > .top_side .follow div {width: 300px; margin: 0px auto 20px;}

.top_sp_area {max-width: 1366px; /*min-width: 1200px*/; margin: 0px auto 60px;position: relative;}
.top_sp_area > .sp_title { background-color: #58b5af; text-align: center; padding: 20px 0px;}
.top_sp_area div.top_sp_cont {margin: 80px 0px 30px;}

.top_sp_main {position: relative;}

.top_sp_cont a {width: 320px; display: block; margin: 0px 15px; position: relative;}
.top_sp_cont a figure {position: relative;}
.top_sp_cont a figure picture img {width: 320px; height: 212px; object-fit: cover;}
.top_sp_cont a figure figcaption .parent_cate {position: absolute; left: 0; top: 0; font-size: 12px; color: #FFF;height: 26px; padding: 0px 10px 0px 30px; line-height: 26px; vertical-align: middle;}

.top_sp_cont a figure figcaption .parent_cate:before {content: ""; width: 18px; height: 18px; background-size:contain; background-repeat: no-repeat; background-position: center center; position: absolute; left: 5px; top: 4px;}
.top_sp_cont a figure figcaption .parent_cate.landscape {background-color:#705a52;}
.top_sp_cont a figure figcaption .parent_cate.landscape:before {background-image: url("../images/landscape_icon.svg");}
.top_sp_cont a figure figcaption .parent_cate.taste {background-color:#aa665d;}
.top_sp_cont a figure figcaption .parent_cate.taste:before {background-image: url("../images/taste_icon.svg");}
.top_sp_cont a figure figcaption .parent_cate.buy {background-color:#884c6c;}
.top_sp_cont a figure figcaption .parent_cate.buy:before {background-image: url("../images/buy_icon.svg");}
.top_sp_cont a figure figcaption .parent_cate.experience {background-color:#1b4364;}
.top_sp_cont a figure figcaption .parent_cate.experience:before {background-image: url("../images/experience_icon.svg");}
.top_sp_cont a figure figcaption .parent_cate.event {background-color:#7997b3;}
.top_sp_cont a figure figcaption .parent_cate.event:before {background-image: url("../images/event_icon.svg");}
.top_sp_cont a figure figcaption .parent_cate.others {background-color:#ab9643;}
.top_sp_cont a figure figcaption .parent_cate.others:before {background-image: url("../images/others_icon.svg");}
.top_sp_cont a figure figcaption .parent_cate.pr {padding: 0px 10px 0px 10px; background-color: #e8be4a;font-family: 'Open Sans', sans-serif;font-weight: 600;}
.top_sp_cont a figure figcaption .parent_cate.pr:before {content: ""; width: 0; height: 0; }

.top_sp_cont a figure figcaption .page_cate {margin: 10px 0px;}
.top_sp_cont a figure figcaption .page_cate ul:first-child {float: left;font-size: 0px;}
.top_sp_cont a figure figcaption .page_cate ul:first-child li {display: inline-block; margin-right:5px;background-color: #929fa4; color: #FFF; font-size: 11px; padding: 5px 10px;}
.top_sp_cont a figure figcaption .page_cate ul:nth-child(2) {float: left;font-size: 0px;}
.top_sp_cont a figure figcaption .page_cate ul:nth-child(2) li {display: inline-block;margin-right: 5px; background-color: #a38377; color: #FFF; font-size: 11px;padding: 5px 10px;}
.top_sp_cont a figure figcaption .page_cate:after {content: ""; clear: both; display: block;}
.top_sp_cont a figure figcaption > h2 {font-size: 14px;line-height: 160%;height: 3em; overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.top_sp_cont a figure figcaption .page_data {margin-top: 10px;}
.top_sp_cont a figure figcaption .page_data .item_time {font-size: 10px; display: inline-block; font-weight: 500;vertical-align: middle; margin-right: 0px;}
.top_sp_cont a figure figcaption .page_data .item_time:before {content: "";display: inline-block; vertical-align: middle; margin-right: 0px;}
.top_sp_cont a figure figcaption .page_data > dl dt img {object-fit: cover; width: 18px; height: 18px; border-radius: 50%;}
.top_sp_cont a figure figcaption .page_data > dl {display: inline-block; width: 50%;}
.top_sp_cont a figure figcaption .page_data > dl dt {margin-right: 5px;display: inline-block; vertical-align: middle;}
.top_sp_cont a figure figcaption .page_data > dl dd {font-size: 11px;display: inline-block; vertical-align: middle;}
.top_sp_cont a ul.sp_cat {font-size: 12px; color: #FFF; text-align: center; background-color:#00539e;margin-top: 10px; padding: 0px 5px ; }
.top_sp_cont a ul.sp_cat li {display: inline-block;}

.top_sp_cont .slick-track {float: none;display: flex; left: -175px;}
.top_sp_cont .slick-slide,
.top_sp_cont .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {opacity: .3;}
.top_sp_cont .slick-slide.slick-active {opacity: 1;}

.top_sp_cont > a:not([class]) {display: none; height: 0px;}
.top_sp_cont {opacity: 0;transition: opacity .3s linear;}
.top_sp_cont.slick-initialized{opacity: 1;}

.slider_sp_nav .slick-prev {-webkit-appearance: none; width: 30px; height: 68px; background-color: rgba(88,181,175,.8); border-radius: 5px; border: none;font-size: 0; position: absolute; cursor: pointer; top:70px; left: 280px;}
.slider_sp_nav .slick-prev:before {content: ""; width: 16px; height: 16px;border-top: 1px solid #fff;border-right: 1px solid #fff;-webkit-transform: rotate(-135deg);transform: rotate(-135deg); position: absolute; top: 25px; left: 12px;}
.slider_sp_nav .slick-next {-webkit-appearance: none; width:30px; height: 68px; background-color: rgba(88,181,175,.8); border-radius: 5px; border: none;font-size: 0;position: absolute;cursor: pointer;top:70px; right: 280px;}
.slider_sp_nav .slick-next:before {content: ""; width: 16px; height: 16px;border-top: 1px solid #fff;border-right: 1px solid #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg); position: absolute; top: 25px; right: 12px;}

.top_under_area {max-width: 1200px; margin: 0px auto; display: flex; justify-content: space-between;}
.top_ranking {width: 585px; background-color: #f1f1f1; padding: 30px; box-sizing: border-box;}
.top_ranking_head {display: flex; justify-content: space-between;}
.top_ranking_head > h2 {font-weight: 500;font-size: 16px; color: #333333;}
.top_ranking_head > h2 em {font-family: 'Open Sans', sans-serif; font-weight: 600; margin-right: 0.5em;letter-spacing: 0.1em;}
.top_ranking_head > h2 span {border-bottom: 2px solid #333333; padding: 0px 5px 5px;}

.top_ranking_head > ul li.list_bt {display: inline-block; font-size: 14px; background-color: #FFF; border: 1px solid #6a6961; padding: 5px 20px; border-radius: 15px; cursor: pointer;}
.top_ranking_head > ul li.list_bt:hover {opacity: .8;}
.top_ranking_head > ul li + li {margin-left: 10px;}

.top_ranking_head > ul li.list_bt.active { background-color: #58b5af; color: #FFF;}
.top_ranking_list {margin-top: 24px;}
.ranking_list {display: none;}
.ranking_list.show {display: block;animation-name: displayAnime;animation-duration: 2s;animation-fill-mode: forwards;}
@keyframes displayAnime{
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.ranking_list > a {display: block; margin-bottom: 20px;}
.ranking_list > a:last-child {margin-bottom: 0px;}
.ranking_list > a figure picture {float: left; width: 140px; position: relative;}
.ranking_list > a figure .rank_no {position: absolute; bottom: 0; right:0; background-color: #FFF; font-size: 14px; padding: 3px 5px;}
.ranking_list > a figure picture img {width: 100%; height: 94px; object-fit: cover;}
.ranking_list > a figure figcaption {float: right; width: calc(100% - 150px);}
.ranking_list > a figure figcaption h2 {font-size: 14px; overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.ranking_list > a figure figcaption .page_cate {margin: 0px 0px 0px;}
.ranking_list > a figure figcaption .page_cate ul:first-child {float: left;font-size: 0px;}
.ranking_list > a figure figcaption .page_cate ul li {margin-bottom: 10px;}
.ranking_list > a figure figcaption .page_cate ul:first-child li {display: inline-block; margin-right:5px;background-color: #929fa4; color: #FFF; font-size: 11px; padding: 3px 10px;}
.ranking_list > a figure figcaption .page_cate ul:nth-child(2) {float: left;font-size: 0px;}
.ranking_list > a figure figcaption .page_cate ul:nth-child(2) li {display: inline-block;margin-right: 5px; background-color: #a38377; color: #FFF; font-size: 11px;padding: 3px 10px;}
.ranking_list > a figure figcaption .page_cate:after {content: ""; clear: both; display: block;}
.ranking_list > a figure:after {content: ""; clear: both; display: block;}

.ranking_list > a figure .rank_no span:before {content: url("../images/rankin_icon.svg");display: inline-block; vertical-align: middle; margin-right: 5px;}
.ranking_list > a figure figcaption .page_data {margin-top: 10px;}
.ranking_list > a figure figcaption .page_data .item_time {font-size: 10px; display: inline-block; font-weight: 500;vertical-align: middle; margin-right: 25px;}
.ranking_list > a figure figcaption .page_data .item_time:before {content: url("../images/time_icon.svg");display: inline-block; vertical-align: middle; margin-right: 5px;}
.ranking_list > a figure figcaption .page_data > dl dt img { object-fit: cover; width: 18px; height: 18px; border-radius: 50%;}
.ranking_list > a figure figcaption .page_data > dl {display: inline-block;}
.ranking_list > a figure figcaption .page_data > dl dt {margin-right: 5px;display: inline-block;}
.ranking_list > a figure figcaption .page_data > dl dd {font-size: 11px;display: inline-block;}

.ranking_list > a:first-child {width: 315px; float: left;}
.ranking_list > a:first-child figure picture {float:none; width: 100%;}
.ranking_list > a:first-child figure picture:before {content: url("../images/no1.png"); position: absolute; left: 0; top: 0;}
.ranking_list > a:first-child figure picture img {width: 100%; height: 210px; object-fit: cover;}
.ranking_list > a:first-child figure figcaption {float: none; width: calc(100% - 0px);}
.ranking_list > a:first-child figure figcaption .page_cate {margin: 10px 0px 10px;}

.ranking_list > a:nth-child(2) {width: 190px; float: right;}
.ranking_list > a:nth-child(2) figure picture {float:none; width: 100%;}
.ranking_list > a:nth-child(2) figure picture:before {content: url("../images/no2.png"); position: absolute; left: 0; top: 0;}
.ranking_list > a:nth-child(2) figure picture img {width: 100%; height: 128px; object-fit: cover;}
.ranking_list > a:nth-child(2) figure figcaption {float: none; width: calc(100% - 0px);margin-top: 5px;}
.ranking_list > a:nth-child(2) figure figcaption .page_cate {display: none;}
.ranking_list > a:nth-child(2) figure figcaption .page_data {display: none;}

.ranking_list > a:nth-child(3) {width: 190px; float: right;}
.ranking_list > a:nth-child(3) figure picture {float:none; width: 100%;}
.ranking_list > a:nth-child(3) figure picture:before {content: url("../images/no3.png"); position: absolute; left: 0; top: 0;}
.ranking_list > a:nth-child(3) figure picture img {width: 100%; height: 128px; object-fit: cover;}
.ranking_list > a:nth-child(3) figure figcaption {float: none; width: calc(100% - 0px); margin-top: 5px;}
.ranking_list > a:nth-child(3) figure figcaption .page_cate {display: none;}
.ranking_list > a:nth-child(3) figure figcaption .page_data {display: none;}

.ranking_list > a:nth-child(4) {clear: both;}
.ranking_list > a:nth-child(4) figure figcaption .page_data {display: none;}
.ranking_list > a:nth-child(4) figure .rank_no {display: none;}

.ranking_list > a:nth-child(5) figure figcaption .page_data {display: none;}
.ranking_list > a:nth-child(5) figure .rank_no {display: none;}


.top_recommend {width: 585px;background-color: #f1f1f1; padding: 30px; box-sizing: border-box;}
.top_recommend > h2 {font-weight: 500;font-size: 16px; color: #333333;}
.top_recommend > h2 em {font-family: 'Open Sans', sans-serif; font-weight: 600; margin-right: 0.5em;letter-spacing: 0.1em;}
.top_recommend > h2 span {border-bottom: 2px solid #333333; padding: 0px 5px 5px;}

.top_recommend > div {margin-top: 33px;}
.top_recommend > div a {display: block; margin-bottom: 20px;position: relative;}
.top_recommend > div a:last-child {margin-bottom: 0px;}
.top_recommend > div a figure picture {float: left; width: 140px;}
.top_recommend > div a figure picture img {width: 100%; height: 94px; object-fit: cover;}
.top_recommend > div a figure figcaption {float: right; width: calc(100% - 150px);}
.top_recommend > div a figure figcaption h2 {font-size: 14px; overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.top_recommend > div a figure figcaption .parent_cate{position: absolute; transform: rotate(-45deg); top:28px; left: -32px; font-size: 12px; color: #FFF; text-align: center; width: 127px; z-index: 2;}
.top_recommend > div a:before {	content: ""; width: 0;height: 0;border-right: 90px solid transparent;border-top: 90px solid #81C7D4; position: absolute; top: 0; left: 0; z-index: 1;}
	
.top_recommend > div a figure figcaption .page_cate {margin: 10px 0px 0px;}
.top_recommend > div a figure figcaption .page_cate ul li {margin-bottom: 10px;}
.top_recommend > div a figure figcaption .page_cate ul:first-child {float: left;font-size: 0px;}
.top_recommend > div a figure figcaption .page_cate ul:first-child li {display: inline-block; margin-right:5px;background-color: #929fa4; color: #FFF; font-size: 11px; padding: 3px 10px;}
.top_recommend > div a figure figcaption .page_cate ul:nth-child(2) {float: left;font-size: 0px;}
.top_recommend > div a figure figcaption .page_cate ul:nth-child(2) li {display: inline-block;margin-right: 5px; background-color: #a38377; color: #FFF; font-size: 11px;padding: 3px 10px;}
.top_recommend > div a figure figcaption .page_cate:after {content: ""; clear: both; display: block;}
.top_recommend > div a figure:after {content: ""; clear: both; display: block;}

.top_recommend > div a:first-child {width: 252px; float: left;}
.top_recommend > div a:first-child figure picture {float: none; width: 100%; position: relative;}
.top_recommend > div a:first-child figure picture img {width: 100%; height: 168px; object-fit: cover;}
.top_recommend > div a:first-child figure figcaption {float: none; width: calc(100% - 0px);}
.top_recommend > div a:first-child figure figcaption .page_cate ul:nth-child(2) li:first-child {display: none;}
.top_recommend > div a:first-child figure figcaption .topics_parent {display: none;}

.top_recommend > div a:nth-child(2) {width: 252px; float: right;}
.top_recommend > div a:nth-child(2) figure picture {float: none; width: 100%; position: relative;}
.top_recommend > div a:nth-child(2) figure picture img {width: 100%; height: 168px; object-fit: cover;}
.top_recommend > div a:nth-child(2) figure figcaption {float: none; width: calc(100% - 0px);}
.top_recommend > div a:nth-child(2) figure figcaption .page_cate ul:nth-child(2) li:first-child {display: none;}
.top_recommend > div a:nth-child(2) figure figcaption .topics_parent {display: none;}

.top_recommend > div a:nth-child(3) {clear: both;}
.top_recommend > div a:nth-child(3) figure figcaption .parent_cate {display: none;}
.top_recommend > div a:nth-child(3):before {	content: ""; width: 0;height: 0;border-right: 0px solid transparent;border-top: 0px solid #81C7D4; position: absolute; top: 0; left: 0; z-index: 1;}
.top_recommend > div a:nth-child(3) figure figcaption .page_cate {margin: 0px;}

.top_recommend > div a:nth-child(4) figure figcaption .parent_cate {display: none;}
.top_recommend > div a:nth-child(4):before {	content: ""; width: 0;height: 0;border-right: 0px solid transparent;border-top: 0px solid #81C7D4; position: absolute; top: 0; left: 0; z-index: 1;}
.top_recommend > div a:nth-child(4) figure figcaption .page_cate {margin: 0px;}

.top_recommend > div a:nth-child(5) figure figcaption .parent_cate {display: none;}
.top_recommend > div a:nth-child(5):before {	content: ""; width: 0;height: 0;border-right: 0px solid transparent;border-top: 0px solid #81C7D4; position: absolute; top: 0; left: 0; z-index: 1;}
.top_recommend > div a:nth-child(5) figure figcaption .page_cate {margin: 0px;}

.rss_area {max-width: 1200px; margin: 90px auto 60px;border-bottom: 1px solid #999;}
.rss_area .rss_area_main {border-top: 1px solid #999; padding: 30px;}
.rss_area .rss_area_head {display: flex;}
.rss_area .rss_area_head h2 {font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: 600;}
.rss_area .rss_area_head h2 span {background-color: #329635; border-radius: 5px 5px 0px 0px; padding: 5px 60px; color: #FFF;}
.rss_area .rss_area_head h2.doushin span {background-color: #00539e; border-radius: 5px 5px 0px 0px; padding: 5px 60px; color: #FFF;}
.rss_area .rss_area_head p {margin-left: 15px; border-bottom: 2px dotted #999; padding-bottom: 3px;}
.rss_area .rss_area_head p span {margin-right: 1em;}
.rss_area .rss_area_head p a {font-size: 12px; font-weight: 300;padding:0px 20px 0px 0px;}
.rss_area .rss_area_head p a:before {content: ">"; margin-right: 0.5em;}
.rss_area .rss_area_list {display: flex; justify-content: space-between; flex-wrap: wrap;}
.rss_area .rss_area_list a {margin-top: 30px; width: 364px; display: block;}
.rss_area .rss_area_list a figure picture {width: 140px; float: left;}
.rss_area .rss_area_list a figure picture img {width:100%; height: 94px; object-fit: cover; }
.rss_area .rss_area_list a figure figcaption {width: calc(100% - 150px); float: right;}
.rss_area .rss_area_list a figure figcaption p.time {font-size: 10px; margin-bottom: 5px;}
.rss_area .rss_area_list a figure figcaption dl dt {font-size: 12px; line-height: 160%; margin-bottom: 5px; overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.rss_area .rss_area_list a figure figcaption dl dd {font-size: 10px; overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.rss_area .rss_area_list a figure:after {content: ""; clear: both; display: block;}
.rss_area .rss_area_list:after {content:"";display: block;width: 364px;}

.under_content {max-width: 1200px; margin: 100px auto 0px; padding: 0px 60px 40px; box-sizing: border-box; display: flex; justify-content: space-between;}
.under_content > div:first-child {width: 240px;text-align: center;}
.under_content > div:first-child h2 img {width: 100%; height: auto;}
.under_content > div:first-child p {text-align: center; margin-top: 20px;}
.under_content > div:nth-child(2) {width: 590px;}
.under_content > div:nth-child(2) h3 {font-size: 18px; font-weight: 700;}
.under_content > div:nth-child(2) h4 {font-size: 14px; letter-spacing: 0.05em; margin-top: 20px;}
.under_content > div:nth-child(3) { width: 160px;}
.under_content > div:nth-child(3) p {margin-top: 50px;}
.under_content > div:nth-child(3) p a {display: block; text-align: center; font-size: 14px; border: 1px solid #6a6961; width: 100%; padding: 5px 0px; position: relative;}
.under_content > div:nth-child(3) p a:after {content:"";display:block;width:8px;height:8px;position:absolute;right: 15px; top:45%;border-bottom:#6a6961 1px solid;border-right:#6a6961 1px solid;transform:rotate(-45deg)translateY(-30%); z-index: 1;}

.under_link_area {max-width: 1200px; border-top: 1px solid #CCC; margin: 0px auto; padding: 30px 60px; box-sizing: border-box;display: flex; justify-content: space-between;}
.under_link_area > dl {width: 48%;}
.under_link_area > dl dt {font-size: 14px; font-weight: 500;float: left; width: 8em;}
.under_link_area > dl dd { padding-left: 9em;}
.under_link_area > dl dd ul li { float: left; margin-right: 10px; line-height: 130%; margin-bottom: 5px;}
.under_link_area > dl dd ul li a {font-size: 14px;}
.under_link_area > dl:after {content: ""; clear: both; display: block;}
.under_link_area > dl + dl dt {width: 6em;}
.under_link_area > dl + dl dd {padding-left: 7em;}

.under_info {width: 100%; background-color: #f1f1f1;}
.under_info .under_info_cont {width: max-1200px; margin: 0px auto; padding: 20px 60px; position: relative; display: flex; justify-content: space-between;box-sizing: border-box;}
.under_info .under_info_cont .pagetop {position: fixed; bottom: 70px; right: 0px; transition: .3s; opacity: 0;visibility: hidden;}

.under_info .under_info_cont .pagetop.active { opacity: 1;visibility: visible;}
.under_info .under_info_cont .pagetop.absolute { position: absolute;top: -20px;bottom: auto;}
.under_info .under_info_cont figure figcaption {display: inline-block;}
.under_info .under_info_cont figure figcaption h2 {font-size: 12px; flex-direction: column;margin-top: auto;}
.under_info .under_info_cont figure figcaption h2 strong {font-size: 14px; font-weight: 500;}
.under_info .under_info_cont figure picture {display: inline-block; margin-left: 20px;}
.under_info .under_info_cont ul {flex-direction: column;margin-top: auto;}
.under_info .under_info_cont ul li {float: left;position: relative; padding: 0px 14px;}
.under_info .under_info_cont ul li:after {content: ""; width: 1px; height: 10px; background-color:#6a6961; position: absolute; right: 0; top:45%;}
.under_info .under_info_cont ul li a {font-size: 12px; }

footer .copy {width: 100%; background-color: #6a6961; text-align: center; color: #FFF;font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 12px; padding: 10px 0px; line-height: 100%;}


.overlay,.hamburger_icon,.hamburger_icon:after,.hamburger_icon:before{-moz-transition-duration:.4s;-o-transition-duration:.4s;-webkit-transition-duration:.4s}
.hamburger{ display:none;width:45px;height:45px;top:22px;right:10px;z-index:10000;padding:10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-ms-touch-action:manipulation;touch-action:manipulation; cursor:pointer; position:absolute; background-color:#58b5af;}
.hamburger_icon{position:relative;margin-top:11px;margin-bottom:0px;z-index:10000;}
.hamburger:hover { opacity: 1;}
.hamburger_icon,.hamburger_icon:after,.hamburger_icon:before{display:block;width:24px;height:3px;background-color:#FFF;-moz-transition-property:background-color,-moz-transform;-o-transition-property:background-color,-o-transform;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,transform;transition-duration:.4s}
.hamburger_icon:after,.hamburger_icon:before{position:absolute;content:"";}
.hamburger_icon:before{top:-10px}
.hamburger_icon:after{top:10px}
.hamburger.active { z-index:10000;}
.hamburger.active .hamburger_icon{background-color:transparent}
.hamburger.active .hamburger_icon:after,.hamburger.active .hamburger_icon:before{background-color:#FFF;}
.hamburger.active .hamburger_icon:before{-moz-transform:translateY(10px)rotate(45deg);-ms-transform:translateY(10px)rotate(45deg);-webkit-transform:translateY(10px)rotate(45deg);transform:translateY(10px)rotate(45deg)}
.hamburger.active .hamburger_icon:after{-moz-transform:translateY(-10px)rotate(-45deg);-ms-transform:translateY(-10px)rotate(-45deg);-webkit-transform:translateY(-10px)rotate(-45deg);transform:translateY(-10px)rotate(-45deg)}
.overlay{top:0;left:0;position:fixed;display:none;width:100%;height:100%;min-height:100vh;background:#f1f1f1;-moz-transform:scale(1.4);-ms-transform:scale(1.4);-webkit-transform:scale(1.4);transform:scale(1.4);-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-webkit-transition-property:-webkit-transform;transition-property:transform;transition-duration:.4s;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch; z-index:10000;}
.overlay_wrapper {width:100%;height:auto; margin:0px; padding:30px 30px; box-sizing:border-box; background-size: cover;}
.overlay.active {-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}

.overlay_wrapper > h2 {width: 220px; margin-bottom: 40px;}
.overlay_wrapper > h3 {text-align: center; color: #58b5af; font-weight: 700; font-size: 20px;}
.overlay_wrapper > nav {margin: 30px 0px 30px;}
.overlay_wrapper > nav ul {display: flex; flex-wrap: wrap; padding: 0px 20px; box-sizing: border-box;}
.overlay_wrapper > nav li {width: 50%; margin-bottom: 20px;}
.overlay_wrapper > nav li a {font-size: 18px; font-weight: 700; color: #58b5af;}
.overlay_wrapper > nav li a.taste_i:before {content:url("../images/navi_taste_icon.svg"); display: inline-block; vertical-align: top;margin-right: 10px;}
.overlay_wrapper > nav li a.buy_i:before {content:url("../images/navi_buy_icon.svg"); display: inline-block; vertical-align: top;margin-right: 10px;}
.overlay_wrapper > nav li a.experience_i:before {content:url("../images/navi_experience_icon.svg"); display: inline-block; vertical-align: top;margin-right: 10px;}
.overlay_wrapper > nav li a.landscape_i:before {content:url("../images/navi_landscape_icon.svg"); display: inline-block; vertical-align: top;margin-right: 10px;}
.overlay_wrapper > nav li a.event_i:before {content:url("../images/navi_event_icon.svg"); display: inline-block; vertical-align: top;margin-right: 10px;}
.overlay_wrapper > nav li a.others_i:before {content:url("../images/navi_others_icon.svg"); display: inline-block; vertical-align: top; margin-right: 10px;}
.overlay_wrapper > nav li a.area_i:before {content:url("../images/navi_area_icon.svg"); display: inline-block; vertical-align: top;margin-right: 10px;}

@media only screen and (max-width:1140px){

.top_main_content {max-width: 1200px; margin: 0px auto 80px; display: block; justify-content: space-between;align-items: stretch;}
.top_main_content > .top_topics_area {max-width: 100%; width: 100%; padding: 0px 10px; box-sizing: border-box;}

.top_topics {display:flex; justify-content: space-between; flex-wrap: wrap; padding-top: 20px;}
.top_topics > a {width: 32%; margin-bottom: 34px;}
.top_topics > a figure picture {width: 100%;}
.top_topics > a figure picture img {width: 100%; height: 170px; object-fit: cover;}


.under_content {width:100%; margin: 100px auto 0px; padding: 0px 30px 40px; box-sizing: border-box; display: block; justify-content: space-between;}

.under_content > div:first-child {width: 280px;text-align: center; margin: 0px auto;}
.under_content > div:nth-child(2) {width: 100%; padding: 0px 30px; margin-top: 50px; box-sizing: border-box; text-align: center;}
.under_content > div:nth-child(2) h3 {font-size: 20px; font-weight: 700;}
.under_content > div:nth-child(2) h4 {font-size: 14px; letter-spacing: 0.05em; margin-top: 20px; text-align: left;}
.under_content > div:nth-child(3) { width: 300px; margin: 0px auto;}
.under_content > div:nth-child(3) p {margin-top: 50px;}
.under_content > div:nth-child(3) p a {display: block; text-align: center; font-size: 16px; border: 1px solid #6a6961; width: 100%; padding: 10px 0px; position: relative;}
.under_content > div:nth-child(3) p a:after {content:"";display:block;width:8px;height:8px;position:absolute;right: 15px; top:45%;border-bottom:#6a6961 1px solid;border-right:#6a6961 1px solid;transform:rotate(-45deg)translateY(-30%); z-index: 1;}
}

@media only screen and (max-width:750px){
.site_read {text-align: center;font-size: 12px;font-weight: 300;color: #FFF;background-color: #58b5af;width: 100%;letter-spacing: 0.1em;padding: 10px 0px;line-height: 100%;}

.top_header > div.header_main {background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,0.004639355742296902) 50%, rgba(232,245,244,1) 100%); height: 100%; box-sizing: border-box;min-width: 100%; max-width: 100%; overflow-x: auto;white-space: nowrap;}

.top_header > div h1 {text-align: center;width: 180px; margin: 20px auto 0px;}
.top_header > div > nav {overflow-x: auto;white-space: nowrap; margin: 20px 0px 20px;}
.top_header > div > nav::-webkit-scrollbar {display: none;}
.top_header > div > nav ul {width: 100%; margin: 0px; padding: 0px 5%; box-sizing: border-box; height: 50px;}
.top_header > div > nav li {display: inline-block; margin-right:5px; width: 120px;height: 50px;background-color: #FFF; border-radius: 15px 15px 0px 0px ;}
.top_header > div > nav li a {font-size: 14px; font-weight: 500; letter-spacing: 0.1em; position: relative;transition: .3s;   display: block; width: 100%; height: 100%; line-height: 50px; vertical-align: middle; text-align: center; box-sizing: border-box;}
.top_header > div > nav li a:after {position: absolute; content: ""; width: 0px; height: 0px; bottom:0px; left: 50%;transition: .3s;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.top_header > div > nav li a:hover:after {content: ""; width: 0; height: 0;}
.top_header > div > nav li a.taste_i {border-bottom: 6px solid #aa665d;}
.top_header > div > nav li a.buy_i { border-bottom: 6px solid #884c6c;}
.top_header > div > nav li a.experience_i{ border-bottom: 6px solid #1b4364;}
.top_header > div > nav li a.landscape_i {border-bottom: 6px solid #705a52;}
.top_header > div > nav li a.event_i {border-bottom: 6px solid #7997b3;}
.top_header > div > nav li a.others_i {border-bottom: 6px solid #ab9643;}
.top_header > div > nav li a.area_i {border-bottom: 6px solid #99b2a2; padding-left: 26px;}
.top_header > div > nav li a.taste_i:before {content:url("../images/navi_taste_icon.svg"); display: inline-block; vertical-align: top;margin-right: 3px;}
.top_header > div > nav li a.buy_i:before {content:url("../images/navi_buy_icon.svg"); display: inline-block; vertical-align: top;margin-right: 3px;}
.top_header > div > nav li a.experience_i:before {content:url("../images/navi_experience_icon.svg"); display: inline-block; vertical-align: top;margin-right: 3px;}
.top_header > div > nav li a.landscape_i:before {content:url("../images/navi_landscape_icon.svg"); display: inline-block; vertical-align: top;margin-right: 3px;}
.top_header > div > nav li a.event_i:before {content:url("../images/navi_event_icon.svg"); display: inline-block; vertical-align: top;margin-right: 3px;}
.top_header > div > nav li a.others_i:before {content:url("../images/navi_others_icon.svg"); display: inline-block; vertical-align: top; margin-right: 3px;}
.top_header > div > nav li a.area_i:before {content:url("../images/navi_area_icon.svg"); display: inline-block; vertical-align: top;margin-right: 3px;}

.top_header .language {position: absolute; left: 50px; top: 20px; display: block; text-align: center;}
.top_header .language dt {width: 100%; text-align: center;}
.top_header .language dt img {width: 25px; height: auto;}
.top_header .language dd { margin: 3px 0px 0px 0px;}
.top_header .language dd p {cursor: pointer;font-weight: 700; font-size: 12px;}
.top_header .language dd ul {margin-top: 3px; display: none; background-color: #FFF; position: absolute; z-index: 2; border: 1px solid #ccc;}
.top_header .language dd ul a {text-align: left;}
.top_header .language dd ul li a {display: block; padding: 5px 25px 5px 5px; font-size: 12px; position: relative;}


.sp_read {display: block; font-size: 18px; text-align: center;font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; margin-top: 20px;width: 100%; white-space: pre-wrap;}

/* .top_search-form {display: none;} */
.top_search-form {position: relative; top: 0px; left: 0; margin: 30px auto; width: 262px;}
.top_search-form input[type="search"] {-webkit-appearance: none; width: 262px; box-sizing: border-box; border-radius: 20px;font-size: 12px;padding: 10px 20px; background-color: #f1f1f1; border:1px solid rgba(106,105,97,.3);}
.top_search-form input[type="submit"] {-webkit-appearance: none; width: 15px; height: 18px; border: none; background: url("../images/search_bt.svg") no-repeat; position: absolute; right: 13px; top: calc(50% - 9px ); cursor: pointer;}
	
.top_slider .slick-slide {margin: 0px 0px; width: 100%; height: auto; position: relative; z-index: 0; overflow: hidden;}

.slick-dots { position: absolute; left: 0; bottom: -30px; text-align: center;}
.slick-dots li{ position: relative;display: inline-block;width: 16px;height: 16px;margin: 0 5px;padding: 0;cursor: pointer;}
.slick-dots li button{font-size: 0;line-height: 0;display: block;width: 16px;height: 16px;padding: 5px;cursor: pointer;color: transparent; border: 1px solid #6a6961; box-sizing: border-box; outline: none; background: transparent;border-radius: 50%;}
.slick-dots li button:hover,
.slick-dots li button:focus{outline: none;}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{opacity: 1;}
.slick-dots li button:before{font-size: 6px;line-height: 20px;position: absolute;top: 0;left: 0; width: 15px;height: 16px;content: ''; background-color: black;text-align: center;opacity: 0; border-radius: 50%; }
.slick-dots li.slick-active button:before{ opacity: .75;color: black;}


.slick-prev {-webkit-appearance: none; width: 30px; height: 68px; background-color: rgba(88,181,175,.8); border-radius: 5px; border: none;font-size: 0; position: absolute; cursor: pointer; top:120px; left: 20px;}
.slick-prev:before {content: ""; width: 16px; height: 16px;border-top: 1px solid #fff;border-right: 1px solid #fff;-webkit-transform: rotate(-135deg);transform: rotate(-135deg); position: absolute; top: 25px; left: 12px;}
.slick-next {-webkit-appearance: none; width:30px; height: 68px; background-color: rgba(88,181,175,.8); border-radius: 5px; border: none;font-size: 0;position: absolute;cursor: pointer;top:120px; right: 20px;}
.slick-next:before {content: ""; width: 16px; height: 16px;border-top: 1px solid #fff;border-right: 1px solid #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg); position: absolute; top: 25px; right: 12px;}
.slick-prev:hover,.slick-next:hover {opacity: .8;}

.top_info {width: 100%; margin: 0px auto 30px; padding: 0px 30px; box-sizing: border-box;}
.top_info > h2 {font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 20px; text-align: center; letter-spacing: 0.1em;padding-bottom:20px;}
.top_info > dl {text-align: center;}
.top_info > dl dt {font-size: 14px; display: inline-block;vertical-align: middle; margin: 10px 0px 30px; line-height: 100%;}
.top_info > dl dt:before {content: ""; background: url("../images/time_icon.svg"); width: 26px; height: 26px; background-size: cover; display: inline-block; vertical-align: middle; margin-right:10px; margin-top: -5px;}
.top_info > dl dd {font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 16px; letter-spacing: 0.05em; line-height: 180%;}


.top_main_content {width: 100%; margin: 0px auto 80px; display: block; justify-content: space-between;align-items: stretch;}
.top_main_content > .top_topics_area {width: 100%; padding: 0px 10px; box-sizing: border-box;}
.top_main_content > .top_topics_area > p.topics_title { background-color: #58b5af; color: #FFF; font-size: 18px; height: 50px; line-height: 50px; vertical-align: middle; text-align: center;}
.top_main_content > .top_topics_area > p.topics_title span {font-family: 'Open Sans', sans-serif; font-size: 22px; font-weight: 600; margin-right: 12px;}
.top_main_content > .top_topics_area > p.topics_title:before {content: url("../images/topics_icon.svg") ; margin: 0px 10px 0px; vertical-align: middle;}

.top_topics {display:flex; justify-content: space-between; flex-wrap: wrap; padding: 20px 10px 0px; box-sizing: border-box;}
.top_topics > a {width: 100%; margin-bottom: 17px;}
.top_topics > a figure {position: relative;}
.top_topics > a figure picture {float: left; width: 120px;}
.top_topics > a figure picture img {width: 100%; height: 100px; object-fit: contain;}
.top_topics > a figure figcaption {display: flex;flex-direction:column; float: right; width: calc(100% - 130px); position: relative;}
.top_topics > a figure figcaption .parent_cate {position: absolute; left: 0; top: 0; font-size: 12px; font-weight: 500; color: #FFF;height: 26px; padding: 0px 10px 0px 30px; line-height: 26px; vertical-align: middle; order: 1;}

.top_topics > a figure figcaption .parent_cate:before {content: ""; width: 18px; height: 18px; background-size:80% 80%; background-repeat: no-repeat; background-position: center center; position: absolute; left: 0px; top: 2px; border-radius: 50%; border: 2px solid;}
.top_topics > a figure figcaption .parent_cate.landscape {background-color:transparent; color: #705a52;}
.top_topics > a figure figcaption .parent_cate.landscape:before {background-image: url("../images/landscape_icon.svg"); background-color: #705a52; border-color: #705a52;}
.top_topics > a figure figcaption .parent_cate.taste {background-color:transparent; color: #aa665d;}
.top_topics > a figure figcaption .parent_cate.taste:before {background-image: url("../images/taste_icon.svg");background-color: #aa665d;border-color: #aa665d;}
.top_topics > a figure figcaption .parent_cate.buy {background-color:transparent; color: #884c6c;}
.top_topics > a figure figcaption .parent_cate.buy:before {background-image: url("../images/buy_icon.svg");background-color: #884c6c;border-color: #884c6c;}
.top_topics > a figure figcaption .parent_cate.experience {background-color:transparent; color: #1b4364;}
.top_topics > a figure figcaption .parent_cate.experience:before {background-image: url("../images/experience_icon.svg");background-color: #1b4364;border-color: #1b4364;}
.top_topics > a figure figcaption .parent_cate.event {background-color:transparent; color: #7997b3;}
.top_topics > a figure figcaption .parent_cate.event:before {background-image: url("../images/event_icon.svg");background-color: #7997b3;border-color: #7997b3;}
.top_topics > a figure figcaption .parent_cate.others {background-color:transparent; color: #ab9643}
.top_topics > a figure figcaption .parent_cate.others:before {background-image: url("../images/others_icon.svg");background-color: #ab9643;border-color: #ab9643;}
.top_topics > a figure figcaption .parent_cate.pr {padding: 0px 5px ; background-color: #e8be4a;font-family: 'Open Sans', sans-serif;font-weight: 600; border-radius: 50%;}
.top_topics > a figure figcaption .parent_cate.pr:before {content: ""; width: 0; height: 0; border:none;}

.top_topics > a figure figcaption .page_cate {margin: 5px 0px 10px; order: 4;}
.top_topics > a figure figcaption .page_cate ul li {margin-top:5px;}
.top_topics > a figure figcaption .page_cate ul:first-child {float: left;font-size: 0px;}
.top_topics > a figure figcaption .page_cate ul:first-child li {display: inline-block; margin-right:5px;background-color: #929fa4; color: #FFF; font-size: 11px; padding: 3px 5px;}
.top_topics > a figure figcaption .page_cate ul:nth-child(2) {float: left;font-size: 0px;}
.top_topics > a figure figcaption .page_cate ul:nth-child(2) li {display: inline-block;margin-right: 5px; background-color: #a38377; color: #FFF; font-size: 11px;padding: 3px 5px;}
.top_topics > a figure figcaption .page_cate:after {content: ""; clear: both; display: block;}
.top_topics > a figure figcaption > h2 {font-size: 12px;line-height: 160%;height: auto; padding-top: 30px; overflow: hidden;order: 3;}
.top_topics > a figure figcaption .page_data {margin-top: 0px;order: 2; position: absolute; top: 0; right: 0px;}
.top_topics > a figure figcaption .page_data .item_time {font-size: 10px; display: inline-block; font-weight: 500;vertical-align: middle; margin-right: 0px;}
.top_topics > a figure figcaption .page_data .item_time:before {content: url("../images/time_icon.svg");display: inline-block; vertical-align: middle; margin-right: 5px;}
.top_topics > a figure figcaption .page_data > dl dt img { object-fit: cover; width: 18px; height: 18px; border-radius: 50%;}
.top_topics > a figure figcaption .page_data > dl {display: none;}
.top_topics > a figure figcaption .page_data > dl dt {margin-right: 5px;display: inline-block;}
.top_topics > a figure figcaption .page_data > dl dd {font-size: 11px;display: inline-block;}
/*.top_topics > a ul.sp_cat {font-size: 12px; color: #FFF; text-align: center; background-color:#00539e;margin-top: 10px; padding: 5px ; }*/
.top_topics > a ul.sp_cat {font-size: 12px; color: #000; text-align: center;margin-top: 0px; margin-left: 5px; padding: 0px ; }
/*.top_topics > a ul.sp_cat li {display: inline-block;}*/
.top_topics > a ul.sp_cat li {display: block;line-height:180%; padding: 0px 5px;}
.top_topics > a ul.sp_cat li.pr {background-color:#58b5af;color:#fff;}
.top_topics > a ul.sp_cat li.sp {background-color:#58b5af;color:#fff;}
.top_topics:after {content: ""; width: 0px;display: block}
.top_topics > a figure:after {content: ""; display: block; clear: both;}


.top_main_content > .top_side {width: 98%; background-color: #f1f1f1; padding: 20px 20px; margin: 40px auto 0px; box-sizing: border-box; position: relative;}
.top_main_content > .top_side img {width: 100%;}
.top_main_content > .top_side .follow { padding: 0px 0px;}
.top_main_content > .top_side .follow div {width: 100%; margin: 0px auto 20px;}

.sp_top_side {width: 100%; background-color: #f1f1f1; padding:  4%; margin: 0px auto 40px; box-sizing: border-box; position: relative;}
.sp_top_side img {width: 100%;}
.sp_top_side .follow { padding: 0px 0px;}
.sp_top_side .follow div {width: 100%; margin: 0px auto 20px;}
	
.top_sp_area {max-width:100%; min-width: 100%; margin: 0px auto 60px;position: relative;}
.top_sp_area > .sp_title { background-color: #58b5af; text-align: center; padding: 20px 20px; box-sizing: border-box;}
.top_sp_area div.top_sp_cont {margin: 30px 0px 30px;}

.top_sp_main {position: relative; padding: 0px 20px;}

.top_sp_cont a {width: 100%; display: block; margin: 0px 15px; position: relative;}
.top_sp_cont a figure {position: relative;}
.top_sp_cont a figure picture img {width: 100%; height: 212px; object-fit: cover;}
.top_sp_cont a figure figcaption .parent_cate {position: absolute; left: 0; top: 0; font-size: 12px; color: #FFF;height: 26px; padding: 0px 10px 0px 30px; line-height: 26px; vertical-align: middle;}

.top_sp_cont a figure figcaption .parent_cate:before {content: ""; width: 18px; height: 18px; background-size:contain; background-repeat: no-repeat; background-position: center center; position: absolute; left: 5px; top: 4px;}
.top_sp_cont a figure figcaption .parent_cate.landscape {background-color:#705a52;}
.top_sp_cont a figure figcaption .parent_cate.landscape:before {background-image: url("../images/landscape_icon.svg");}
.top_sp_cont a figure figcaption .parent_cate.taste {background-color:#aa665d;}
.top_sp_cont a figure figcaption .parent_cate.taste:before {background-image: url("../images/taste_icon.svg");}
.top_sp_cont a figure figcaption .parent_cate.buy {background-color:#884c6c;}
.top_sp_cont a figure figcaption .parent_cate.buy:before {background-image: url("../images/buy_icon.svg");}
.top_sp_cont a figure figcaption .parent_cate.experience {background-color:#1b4364;}
.top_sp_cont a figure figcaption .parent_cate.experience:before {background-image: url("../images/experience_icon.svg");}
.top_sp_cont a figure figcaption .parent_cate.event {background-color:#7997b3;}
.top_sp_cont a figure figcaption .parent_cate.event:before {background-image: url("../images/event_icon.svg");}
.top_sp_cont a figure figcaption .parent_cate.others {background-color:#ab9643;}
.top_sp_cont a figure figcaption .parent_cate.others:before {background-image: url("../images/others_icon.svg");}
.top_sp_cont a figure figcaption .parent_cate.pr {padding: 0px 10px 0px 10px; background-color: #e8be4a;font-family: 'Open Sans', sans-serif;font-weight: 600;}
.top_sp_cont a figure figcaption .parent_cate.pr:before {content: ""; width: 0; height: 0; }

.top_sp_cont a figure figcaption .page_cate {margin: 5px 0px 5px;}
.top_sp_cont a figure figcaption .page_cate ul:first-child {float: left;font-size: 0px;}
.top_sp_cont a figure figcaption .page_cate ul:first-child li {display: inline-block; margin-right:5px;background-color: #929fa4; color: #FFF; font-size: 11px; padding: 3px 5px;}
.top_sp_cont a figure figcaption .page_cate ul:nth-child(2) {float: left;font-size: 0px;}
.top_sp_cont a figure figcaption .page_cate ul:nth-child(2) li {display: inline-block;margin-right: 5px; background-color: #a38377; color: #FFF; font-size: 11px;padding: 3px 5px;}
.top_sp_cont a figure figcaption .page_cate:after {content: ""; clear: both; display: block;}
.top_sp_cont a figure figcaption > h2 {font-size: 14px;line-height: 160%;height: auto; overflow:auto;}
.top_sp_cont a figure figcaption .page_data {margin-top: 5px;}
.top_sp_cont a figure figcaption .page_data .item_time {font-size: 10px; display: inline-block; font-weight: 500;vertical-align: middle; margin-right: 0px;}
.top_sp_cont a figure figcaption .page_data .item_time:before {content:"";display: inline-block; vertical-align: middle; margin-right: 0px;}
.top_sp_cont a figure figcaption .page_data > dl dt img { object-fit: cover; width: 18px; height: 18px; border-radius: 50%;}
.top_sp_cont a figure figcaption .page_data > dl {display: inline-block;}
.top_sp_cont a figure figcaption .page_data > dl dt {margin-right: 0px;display: inline-block;}
.top_sp_cont a figure figcaption .page_data > dl dd {font-size: 11px;display: inline-block;}
.top_sp_cont a ul.sp_cat {font-size: 12px; color: #FFF; text-align: center; background-color:#00539e;margin-top: 10px; padding: 5px ; }
.top_sp_cont a ul.sp_cat li {display: inline-block;}

.top_sp_cont .slick-track {float: none;display: flex; left: -0px;}
.top_sp_cont .slick-slide,
.top_sp_cont .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {opacity: .3;}
.top_sp_cont .slick-slide.slick-active {opacity: 1;}

.slider_sp_nav .slick-prev {-webkit-appearance: none; width: 30px; height: 68px; background-color: rgba(88,181,175,.8); border-radius: 5px; border: none;font-size: 0; position: absolute; cursor: pointer; top:70px; left: 20px;}
.slider_sp_nav .slick-prev:before {content: ""; width: 16px; height: 16px;border-top: 1px solid #fff;border-right: 1px solid #fff;-webkit-transform: rotate(-135deg);transform: rotate(-135deg); position: absolute; top: 25px; left: 12px;}
.slider_sp_nav .slick-next {-webkit-appearance: none; width:30px; height: 68px; background-color: rgba(88,181,175,.8); border-radius: 5px; border: none;font-size: 0;position: absolute;cursor: pointer;top:70px; right: 20px;}
.slider_sp_nav .slick-next:before {content: ""; width: 16px; height: 16px;border-top: 1px solid #fff;border-right: 1px solid #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg); position: absolute; top: 25px; right: 12px;}

.top_under_area {width: 100%; margin: 0px auto; display: block; justify-content: space-between;}
.top_ranking {width: 100%; background-color: #f1f1f1; padding: 20px; box-sizing: border-box;}
.top_ranking_head {display: block; justify-content: space-between;}
.top_ranking_head > h2 {font-weight: 500;font-size: 16px; color: #333333; text-align: center;}
.top_ranking_head > h2 em {font-family: 'Open Sans', sans-serif; font-weight: 600; margin-right: 0.5em;letter-spacing: 0.1em;}
.top_ranking_head > h2 span {border-bottom: 2px solid #333333; padding: 0px 5px 5px;}

.top_ranking_head > ul {text-align: center; padding-top: 20px;}
.top_ranking_head > ul li.list_bt {display:inline-block; font-size: 14px; background-color: #FFF; border: 1px solid #6a6961; padding: 5px 20px; border-radius: 15px; cursor: pointer;}
.top_ranking_head > ul li.list_bt:hover {opacity: .8;}
.top_ranking_head > ul li + li {margin-left: 10px;}

.top_ranking_head > ul li.list_bt.active { background-color: #58b5af; color: #FFF;}
.top_ranking_list {margin-top: 14px;}

.ranking_list > a {display: block; margin-bottom: 20px;}
.ranking_list > a:last-child {margin-bottom: 0px;}
.ranking_list > a figure picture {float: left; width: 90px; position: relative;}
.ranking_list > a figure .rank_no {position: absolute; bottom: 0; right:0; background-color: #FFF; font-size: 14px; padding: 3px 5px;}
.ranking_list > a figure picture img {width: 100%; height: 94px; object-fit: cover;}
.ranking_list > a figure figcaption {float: right; width: calc(100% - 100px);}
.ranking_list > a figure figcaption h2 {font-size: 14px;}
.ranking_list > a figure figcaption .page_cate {margin: 0px 0px 0px;}
.ranking_list > a figure figcaption .page_cate ul li {margin-bottom: 5px;}
.ranking_list > a figure figcaption .page_cate ul:first-child {float: left;font-size: 0px;}
.ranking_list > a figure figcaption .page_cate ul:first-child li {display: inline-block; margin-right:5px;background-color: #929fa4; color: #FFF; font-size: 11px; padding: 3px 5px;}
.ranking_list > a figure figcaption .page_cate ul:nth-child(2) {float: left;font-size: 0px;}
.ranking_list > a figure figcaption .page_cate ul:nth-child(2) li {display: inline-block;margin-right: 5px; background-color: #a38377; color: #FFF; font-size: 11px;padding: 3px 5px;}
.ranking_list > a figure figcaption .page_cate:after {content: ""; clear: both; display: block;}
.ranking_list > a figure:after {content: ""; clear: both; display: block;}

.ranking_list > a figure .rank_no span:before {content: url("../images/rankin_icon.svg");display: inline-block; vertical-align: middle; margin-right: 5px;}
.ranking_list > a figure figcaption .page_data {margin-top: 10px;}
.ranking_list > a figure figcaption .page_data .item_time {font-size: 10px; display: inline-block; font-weight: 500;vertical-align: middle; margin-right: 25px;}
.ranking_list > a figure figcaption .page_data .item_time:before {content: url("../images/time_icon.svg");display: inline-block; vertical-align: middle; margin-right: 5px;}
.ranking_list > a figure figcaption .page_data > dl dt img { object-fit: cover; width: 18px; height: 18px; border-radius: 50%;}
.ranking_list > a figure figcaption .page_data > dl {display: inline-block;}
.ranking_list > a figure figcaption .page_data > dl dt {margin-right: 5px;display: inline-block;}
.ranking_list > a figure figcaption .page_data > dl dd {font-size: 11px;display: inline-block;}

.ranking_list > a:first-child {width: 100%; float: none;}
.ranking_list > a:first-child figure picture {float:none; width: 100%;}
.ranking_list > a:first-child figure picture:before {content: url("../images/no1.png"); position: absolute; left: 0; top: 0;}
.ranking_list > a:first-child figure picture img {width: 100%; height: 210px; object-fit: cover;}
.ranking_list > a:first-child figure figcaption {float: none; width: calc(100% - 0px);}
.ranking_list > a:first-child figure figcaption .page_cate {margin: 10px 0px 10px;}

.ranking_list > a:nth-child(2) {width: 47%; float: left;}
.ranking_list > a:nth-child(2) figure picture {float:none; width: 100%;}
.ranking_list > a:nth-child(2) figure picture:before {content: url("../images/no2.png"); position: absolute; left: 0; top: 0;}
.ranking_list > a:nth-child(2) figure picture img {width: 100%; height: 110px; object-fit: cover;}
.ranking_list > a:nth-child(2) figure figcaption {float: none; width: calc(100% - 0px);margin-top: 5px;}
.ranking_list > a:nth-child(2) figure figcaption .page_cate {display: none;}
.ranking_list > a:nth-child(2) figure figcaption .page_data {display: none;}

.ranking_list > a:nth-child(3) {width: 47%; float: right;}
.ranking_list > a:nth-child(3) figure picture {float:none; width: 100%;}
.ranking_list > a:nth-child(3) figure picture:before {content: url("../images/no3.png"); position: absolute; left: 0; top: 0;}
.ranking_list > a:nth-child(3) figure picture img {width: 100%; height: 110px; object-fit: cover;}
.ranking_list > a:nth-child(3) figure figcaption {float: none; width: calc(100% - 0px); margin-top: 5px;}
.ranking_list > a:nth-child(3) figure figcaption .page_cate {display: none;}
.ranking_list > a:nth-child(3) figure figcaption .page_data {display: none;}

.ranking_list > a:nth-child(4) {clear: both;}
.ranking_list > a:nth-child(4) figure figcaption .page_data {display: none;}
.ranking_list > a:nth-child(4) figure .rank_no {display: none;}

.ranking_list > a:nth-child(5) figure figcaption .page_data {display: none;}
.ranking_list > a:nth-child(5) figure .rank_no {display: none;}

.top_recommend {width: 100%;background-color: #FFF; padding: 20px; box-sizing: border-box; margin-top: 30px;}
.top_recommend > h2 {font-weight: 500;font-size: 16px; color: #333333; text-align: center;}
.top_recommend > h2 em {font-family: 'Open Sans', sans-serif; font-weight: 600; margin-right: 0.5em;letter-spacing: 0.1em;}
.top_recommend > h2 span {border-bottom: 2px solid #333333; padding: 0px 5px 5px;}

.top_recommend > div {margin-top: 33px;}
.top_recommend > div a {display: block; margin-bottom: 20px;position: relative;}
.top_recommend > div a:last-child {margin-bottom: 0px;}
.top_recommend > div a figure picture {float: left; width: 90px;}
.top_recommend > div a figure picture img {width: 100%; height: 94px; object-fit: cover;}
.top_recommend > div a figure figcaption {float: right; width: calc(100% - 100px);}
.top_recommend > div a figure figcaption h2 {font-size: 14px;}
.top_recommend > div a figure figcaption .parent_cate{position: absolute; transform: rotate(-45deg); top:28px; left: -32px; font-size: 12px; color: #FFF; text-align: center; width: 127px; z-index: 2;}
.top_recommend > div a:before {	content: ""; width: 0;height: 0;border-right: 90px solid transparent;border-top: 90px solid #81C7D4; position: absolute; top: 0; left: 0; z-index: 1;}
	
.top_recommend > div a figure figcaption .page_cate {margin: 10px 0px 0px;}
.top_recommend > div a figure figcaption .page_cate ul:first-child {float: left;font-size: 0px;}
.top_recommend > div a figure figcaption .page_cate ul:first-child li {display: inline-block; margin-right:5px;background-color: #929fa4; color: #FFF; font-size: 11px; padding: 3px 5px;}
.top_recommend > div a figure figcaption .page_cate ul:nth-child(2) {float: left;font-size: 0px;}
.top_recommend > div a figure figcaption .page_cate ul:nth-child(2) li {display: inline-block;margin-right: 5px; background-color: #a38377; color: #FFF; font-size: 11px;padding: 3px 5px;}
.top_recommend > div a figure figcaption .page_cate:after {content: ""; clear: both; display: block;}
.top_recommend > div a figure:after {content: ""; clear: both; display: block;}

.top_recommend > div a:first-child {width: 100%; float: none}
.top_recommend > div a:first-child figure picture {float: none; width: 100%; position: relative;}
.top_recommend > div a:first-child figure picture img {width: 100%; height: 200px; object-fit: cover;}
.top_recommend > div a:first-child figure figcaption {float: none; width: calc(100% - 0px);}
.top_recommend > div a:first-child figure figcaption .page_cate ul:nth-child(2) li:first-child {display: none;}

.top_recommend > div a:nth-child(2) {width: 100%; float: none;}
.top_recommend > div a:nth-child(2) figure picture {float: none; width: 100%; position: relative;}
.top_recommend > div a:nth-child(2) figure picture img {width: 100%; height: 200px; object-fit: cover;}
.top_recommend > div a:nth-child(2) figure figcaption {float: none; width: calc(100% - 0px);}
.top_recommend > div a:nth-child(2) figure figcaption .page_cate ul:nth-child(2) li:first-child {display: none;}

.top_recommend > div a:nth-child(3) {clear: both;}
.top_recommend > div a:nth-child(3) figure figcaption .parent_cate {display: none;}
.top_recommend > div a:nth-child(3):before {	content: ""; width: 0;height: 0;border-right: 0px solid transparent;border-top: 0px solid #81C7D4; position: absolute; top: 0; left: 0; z-index: 1;}

.top_recommend > div a:nth-child(4) figure figcaption .parent_cate {display: none;}
.top_recommend > div a:nth-child(4):before {	content: ""; width: 0;height: 0;border-right: 0px solid transparent;border-top: 0px solid #81C7D4; position: absolute; top: 0; left: 0; z-index: 1;}

.top_recommend > div a:nth-child(5) figure figcaption .parent_cate {display: none;}
.top_recommend > div a:nth-child(5):before {	content: ""; width: 0;height: 0;border-right: 0px solid transparent;border-top: 0px solid #81C7D4; position: absolute; top: 0; left: 0; z-index: 1;}


.rss_area {width: 100%; margin: 90px auto 45px;border-bottom: none; padding-bottom: 0px;}
.rss_area .rss_area_main {border-top:none; padding: 50px 20px 20px; background-color: #f1f1f1;}
.rss_area .rss_area_main:nth-child(even) {background-color: #FFF;}
.rss_area .rss_area_head {display: block; text-align: center;}
.rss_area .rss_area_head h2 {font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: 600;}
.rss_area .rss_area_head h2 span {background-color: #329635; border-radius: 5px 5px 0px 0px; padding: 5px 60px; color: #FFF;}
.rss_area .rss_area_head h2.doushin span {background-color: #00539e; border-radius: 5px 5px 0px 0px; padding: 5px 60px; color: #FFF;}
.rss_area .rss_area_head p {margin-left: 0px; display: inline-block;border-bottom: 2px dotted #999; padding-bottom: 3px; margin-top: 10px;}
.rss_area .rss_area_head p span {margin-right: 1em; display: inline-block;}
.rss_area .rss_area_head p a {font-size: 12px; font-weight: 300;padding:0px 20px 0px 0px;}
.rss_area .rss_area_head p a:before {content: ">"; margin-right: 0.5em;}
.rss_area .rss_area_list {display:block; justify-content: space-between; flex-wrap: wrap;}
.rss_area .rss_area_list a {margin-top: 20px; width: 100%; display: block;}
.rss_area .rss_area_list a figure picture {width: 120px; float: left;}
.rss_area .rss_area_list a figure picture img {width:100%; height: 94px; object-fit: cover; }
.rss_area .rss_area_list a figure figcaption {width: calc(100% - 130px); float: right;}
.rss_area .rss_area_list a figure figcaption p.time {font-size: 10px; margin-bottom: 5px;}
.rss_area .rss_area_list a figure figcaption dl dt {font-size: 12px; line-height: 160%; margin-bottom: 5px;}
.rss_area .rss_area_list a figure figcaption dl dd {font-size: 10px;}
.rss_area .rss_area_list a figure:after {content: ""; clear: both; display: block;}
.rss_area .rss_area_list:after {content:"";display: block;width: 0px;}



.under_content {width:100%; margin: 100px auto 0px; padding: 0px 30px 40px; box-sizing: border-box; display: block; justify-content: space-between;}

.under_content > div:first-child {width: 280px;text-align: center; margin: 0px auto;}
.under_content > div:nth-child(2) {width: 100%; padding: 0px 30px; margin-top: 50px; box-sizing: border-box; text-align: center;}
.under_content > div:nth-child(2) h3 {font-size: 20px; font-weight: 700;}
.under_content > div:nth-child(2) h4 {font-size: 14px; letter-spacing: 0.05em; margin-top: 20px; text-align: left;}
.under_content > div:nth-child(3) { width: 300px; margin: 0px auto;}
.under_content > div:nth-child(3) p {margin-top: 50px;}
.under_content > div:nth-child(3) p a {display: block; text-align: center; font-size: 16px; border: 1px solid #6a6961; width: 100%; padding: 10px 0px; position: relative;}
.under_content > div:nth-child(3) p a:after {content:"";display:block;width:8px;height:8px;position:absolute;right: 15px; top:45%;border-bottom:#6a6961 1px solid;border-right:#6a6961 1px solid;transform:rotate(-45deg)translateY(-30%); z-index: 1;}

.under_link_area {width: 100%; border-top: 1px solid #CCC; margin: 0px auto; padding: 30px 60px; box-sizing: border-box;display: block; justify-content: space-between;}
.under_link_area > dl {width: 100%;}
.under_link_area > dl dt {font-size: 18px; font-weight: 500;float: none; width: auto;}
.under_link_area > dl dd { padding-left: 0em; margin-top:20px;}
.under_link_area > dl dd ul li { float: left; margin-right: 20px; line-height: 130%; margin-bottom: 10px;}
.under_link_area > dl dd ul li a {font-size: 14px;}
.under_link_area > dl + dl {margin-top: 30px;}
.under_link_area > dl + dl dt {width: auto;}
.under_link_area > dl + dl dd {padding-left: 0em;}

.under_info .under_info_cont {width: 100%; margin: 0px auto; padding: 20px 30px; position: relative; display: block; justify-content: space-between; box-sizing: border-box;}
/*
.under_info .under_info_cont .pagetop {position: absolute; top: -25px; right: 20px;}
*/
.under_info .under_info_cont figure figcaption {display: block; text-align: center;}
.under_info .under_info_cont figure figcaption h2 {font-size: 14px; flex-direction:column;margin-top: auto;}
.under_info .under_info_cont figure figcaption h2 strong {font-size: 16px; font-weight: 500;}
.under_info .under_info_cont figure picture {display: none; margin-left: 14px;}

.under_info .under_info_cont ul {flex-direction: column;margin-top:40px; text-align: center;}
.under_info .under_info_cont ul li {float: none; display: inline-block;position: relative; padding: 0px 14px;}
.under_info .under_info_cont ul li:after {content: ""; width: 1px; height: 10px; background-color:#6a6961; position: absolute; right: 0; top:45%;}
.under_info .under_info_cont ul li a {font-size: 14px; }

}
/*--20230329--*/
@media only screen and (max-width:500px){
.no-scroll {height: 100vh;}
.overlay,.hamburger_icon,.hamburger_icon:after,.hamburger_icon:before{-moz-transition-duration:.4s;-o-transition-duration:.4s;-webkit-transition-duration:.4s}
.hamburger{ display:block;width:45px;height:45px;top:22px;right:10px;z-index:10000;padding:10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-ms-touch-action:manipulation;touch-action:manipulation; cursor:pointer; position:absolute; background-color:#58b5af;}
.hamburger_icon{position:relative;margin-top:11px;margin-bottom:0px;z-index:10000;}
.hamburger:hover { opacity: 1;}
.hamburger_icon,.hamburger_icon:after,.hamburger_icon:before{display:block;width:24px;height:3px;background-color:#FFF;-moz-transition-property:background-color,-moz-transform;-o-transition-property:background-color,-o-transform;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,transform;transition-duration:.4s}
.hamburger_icon:after,.hamburger_icon:before{position:absolute;content:"";}
.hamburger_icon:before{top:-10px}
.hamburger_icon:after{top:10px}
.hamburger.active { z-index:10000;}
.hamburger.active .hamburger_icon{background-color:transparent}
.hamburger.active .hamburger_icon:after,.hamburger.active .hamburger_icon:before{background-color:#FFF;}
.hamburger.active .hamburger_icon:before{-moz-transform:translateY(10px)rotate(45deg);-ms-transform:translateY(10px)rotate(45deg);-webkit-transform:translateY(10px)rotate(45deg);transform:translateY(10px)rotate(45deg)}
.hamburger.active .hamburger_icon:after{-moz-transform:translateY(-10px)rotate(-45deg);-ms-transform:translateY(-10px)rotate(-45deg);-webkit-transform:translateY(-10px)rotate(-45deg);transform:translateY(-10px)rotate(-45deg)}
.overlay{top:0;left:0;position:fixed;display:none;width:100%;height:100%;min-height:100vh;background:#f1f1f1;-moz-transform:scale(1.4);-ms-transform:scale(1.4);-webkit-transform:scale(1.4);transform:scale(1.4);-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-webkit-transition-property:-webkit-transform;transition-property:transform;transition-duration:.4s;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch; z-index:10000;}
.overlay_wrapper {width:100%;height:auto; margin:0px; padding:30px 30px; box-sizing:border-box; background-size: cover;}
.overlay.active {-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}

.overlay_wrapper > h2 {width: 220px; margin-bottom: 40px;}
.overlay_wrapper > h3 {text-align: center; color: #58b5af; font-weight: 700; font-size: 20px;}
.overlay_wrapper > nav {margin: 30px 0px 30px;}
.overlay_wrapper > nav ul {display: flex; flex-wrap: wrap; padding: 0px 20px; box-sizing: border-box;}
.overlay_wrapper > nav li {width: 50%; margin-bottom: 20px;}
.overlay_wrapper > nav li a {font-size: 18px; font-weight: 700; color: #58b5af;}
.overlay_wrapper > nav li a.taste_i:before {content:url("../images/navi_taste_icon.svg"); display: inline-block; vertical-align: top;margin-right: 10px;}
.overlay_wrapper > nav li a.buy_i:before {content:url("../images/navi_buy_icon.svg"); display: inline-block; vertical-align: top;margin-right: 10px;}
.overlay_wrapper > nav li a.experience_i:before {content:url("../images/navi_experience_icon.svg"); display: inline-block; vertical-align: top;margin-right: 10px;}
.overlay_wrapper > nav li a.landscape_i:before {content:url("../images/navi_landscape_icon.svg"); display: inline-block; vertical-align: top;margin-right: 10px;}
.overlay_wrapper > nav li a.event_i:before {content:url("../images/navi_event_icon.svg"); display: inline-block; vertical-align: top;margin-right: 10px;}
.overlay_wrapper > nav li a.others_i:before {content:url("../images/navi_others_icon.svg"); display: inline-block; vertical-align: top; margin-right: 10px;}
.overlay_wrapper > nav li a.area_i:before {content:url("../images/navi_area_icon.svg"); display: inline-block; vertical-align: top;margin-right: 10px;}

.header_main > nav {display: none;}

.top_header > div.header_main {background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,0.004639355742296902) 50%, rgba(232,245,244,1) 100%); height: 100%; box-sizing: border-box;min-width: 100%; max-width: 100%; overflow-x: auto;white-space: nowrap; padding-bottom: 20px;}
.top_header > div.header_main.fixed {background-color: #FFF; background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(232,245,244,1) 100%); height: 94px; width: 100%; box-sizing: border-box;min-width: 100%; max-width: 100%; overflow-x: auto;white-space: nowrap; padding-bottom: 0px; position: fixed;z-index: 10; top: 0; overflow-y: auto;}


.top_header {background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,0.004639355742296902) 20%, rgba(232,245,244,1) 100%); position: relative; margin-bottom: 15px;}

.header_main > nav {display: none;}
.header_main >.top_search-form {display: none;}

.top_header .language {position: absolute; left: 10px; top: 26px; display: block; text-align: center;z-index: 10000;}
.top_header .fixed .language {position: fixed; left: 10px; top: 26px; display: block; height: auto; text-align: center;z-index: 10000;}

.top_header .language dt {width: 100%; text-align: center;}
.top_header .language dt img {width: 25px; height: auto;}
.top_header .language dd { margin: 0px 0px 0px 0px;position: relative; z-index:10000;}
.top_header .language dd p {cursor: pointer;font-weight: 700; font-size: 10px;}
.top_header .language dd ul {margin-top: 3px; display: none; background-color: #FFF; position: absolute; z-index: 10000; border: 1px solid #ccc;}
.top_header .language dd ul a {text-align: left;}
.top_header .language dd ul li a {display: block; padding: 5px 25px 5px 5px; font-size: 11px; position: relative;}

.top_header > div.header_main.fixed .language dd ul {position: fixed;z-index:10000;}

.thumbnail.slick-slider{display: block;}
.top_slider_area {position: relative; margin-bottom: 15px;}
.slick-dots {display: none; opacity: 0;}
.top_slider .slick-slide {margin: 0px 0px; width: 100%; height: auto; position: relative; z-index: 0; overflow: hidden;}

.top_info { display: none;}

.top_topics {display:flex; justify-content:space-between; flex-wrap: wrap; padding: 20px 0px 0px; box-sizing: border-box;}
.top_topics > a {width: 100%; margin-bottom: 17px;}
.top_topics > a:nth-child(n + 4) {width: 48%; margin-bottom: 17px;}
.top_topics > a figure {position: relative;}
.top_topics > a figure picture {float: none; width: 100%; position: relative;padding-top: 56.25%;}
.top_topics > a:nth-child(n + 4) figure picture {float: none; width: 100%; position: relative;padding-top:0%;}
.top_topics > a figure picture img {width: 100%; height: 100%; position: absolute; top:0; object-fit: cover;}
.top_topics > a:nth-child(n + 4) figure picture img {width: 100%; height: 100px; position: relative; object-fit: cover;}
.top_topics > a figure figcaption {display: block; float: none; width:100%; position:static;}
.top_topics > a figure figcaption .parent_cate {position: absolute; left: 0; top: 0; font-size: 12px; font-weight: 500; color: #FFF;height: 26px; padding: 0px 10px 0px 30px; line-height: 26px; vertical-align: middle; order: 1;}
.top_topics > a:nth-child(n + 4) figure figcaption .parent_cate {position: absolute; left: 0; top: 0; font-size: 12px; font-weight: 500; color: #FFF;height: 26px; padding: 0px 10px 0px 30px; line-height: 26px; vertical-align: middle; order: 1; display: none;}
.top_topics > a figure figcaption .parent_cate:before {content: ""; width: 18px; height: 18px; background-size:80% 80%; background-repeat: no-repeat; background-position: center center; position: absolute; left: 0px; top: 2px; border-radius: 50%; border: 2px solid;}
.top_topics > a figure figcaption .parent_cate.landscape {background-color:#705a52;color: #FFF;}
.top_topics > a figure figcaption .parent_cate.landscape:before {background-image: url("../images/landscape_icon.svg");}
.top_topics > a figure figcaption .parent_cate.taste {background-color:#aa665d;color: #FFF;}
.top_topics > a figure figcaption .parent_cate.taste:before {background-image: url("../images/taste_icon.svg");}
.top_topics > a figure figcaption .parent_cate.buy {background-color:#884c6c;color: #FFF;}
.top_topics > a figure figcaption .parent_cate.buy:before {background-image: url("../images/buy_icon.svg");}
.top_topics > a figure figcaption .parent_cate.experience {background-color:#1b4364;color: #FFF;}
.top_topics > a figure figcaption .parent_cate.experience:before {background-image: url("../images/experience_icon.svg");}
.top_topics > a figure figcaption .parent_cate.event {background-color:#7997b3;color: #FFF;}
.top_topics > a figure figcaption .parent_cate.event:before {background-image: url("../images/event_icon.svg");}
.top_topics > a figure figcaption .parent_cate.others {background-color:#ab9643;color: #FFF;}
.top_topics > a figure figcaption .parent_cate.others:before {background-image: url("../images/others_icon.svg");}
.top_topics > a figure figcaption .parent_cate.pr {padding: 0px 10px 0px 10px; background-color: #e8be4a;font-family: 'Open Sans', sans-serif;font-weight: 600;}
.top_topics > a figure figcaption .parent_cate.pr:before {content: ""; width: 0; height: 0; }

.top_topics > a figure figcaption .page_cate {margin: 5px 0px 0px; order: 0; display: block;}
.top_topics > a:nth-child(n + 4) figure figcaption .page_cate {margin: 5px 0px 5px; order: 0; display: none;}
.top_topics > a figure figcaption .page_cate ul li {margin-top:5px;}
.top_topics > a figure figcaption .page_cate ul:first-child {float: left;font-size: 0px;}
.top_topics > a figure figcaption .page_cate ul:first-child li {display: inline-block; margin-right:5px;background-color: #929fa4; color: #FFF; font-size: 11px; padding: 3px 5px;}
.top_topics > a figure figcaption .page_cate ul:nth-child(2) {float: left;font-size: 0px;}
.top_topics > a figure figcaption .page_cate ul:nth-child(2) li {display: inline-block;margin-right: 5px; background-color: #a38377; color: #FFF; font-size: 11px;padding: 3px 5px;}
.top_topics > a figure figcaption .page_cate:after {content: ""; clear: both; display: block;}
.top_topics > a figure figcaption > h2 {font-size: 12px;line-height: 160%;height: auto; padding-top: 5px; overflow: hidden;order: 0;}
.top_topics > a figure figcaption .page_data {margin-top: 5px;order:0; position: relative; top: 0; right: 0px;display: block;flex-direction:column;}
.top_topics > a:nth-child(n + 4) figure figcaption .page_data {margin-top: 0px;order:0; position: relative; top: 0; right: 0px;display: block;flex-direction:column;}
.top_topics > a figure figcaption .page_data .item_time {font-size: 10px;order:0; display: inline-block; font-weight: 500;vertical-align: middle; margin-right: 0px; margin-top: 0px;}
.top_topics > a figure figcaption .page_data .item_time:before {content: "";display: inline-block; vertical-align: middle; margin-right: 5px;}
.top_topics > a figure figcaption .page_data > dl {display:inline-block; order: 0; text-align: left; width:50%; margin-bottom: 0px;}
.top_topics > a:nth-child(n + 4) figure figcaption .page_data > dl {display: block; order: 0; text-align: center; width: 100%; margin-bottom: 5px;}
.top_topics > a figure figcaption .page_data > dl dt img { object-fit: cover; width: 18px; height: 18px; border-radius: 50%;}
.top_topics > a figure figcaption .page_data > dl dt {margin-right: 5px;display: inline-block;}
.top_topics > a figure figcaption .page_data > dl dd {font-size: 11px;display: inline-block;}
/*.top_topics > a ul.sp_cat {font-size: 12px; color: #FFF; text-align: center; background-color:#00539e;margin-top: 10px; padding: 5px ; }*/
.top_topics > a ul.sp_cat {font-size: 12px; display: inline-block;color: #000; order: 0;text-align: center;margin-top: 0px; padding: 0px ; }
/*.top_topics > a ul.sp_cat li {display: inline-block;}*/
.top_topics > a ul.sp_cat li {display: block;line-height:180%;}
.top_topics > a ul.sp_cat li.do {background-color:#FFF;}
.top_topics > a ul.sp_cat li.sp {background-color:#58b5af;color:#fff;}
.top_topics:after {content: ""; width: 0px;display: block}
.top_topics > a figure:after {content: ""; display: block; clear: both;}

.list_link li { width: calc(100% - 20px);}

}
/*-20230329-*/