@charset "utf-8";
body {
    padding-top: 0px;
    font-family: "Noto Sans JP", sans-serif;
    overflow-x: hidden;
}


/* ---------------------------------- *
  - header
* ---------------------------------- */

.g-header {
    display: block;
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 0px;/* 5px */
    position: static;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 1000;
    position: fixed;
}

body {
    padding-top: 116px;
}

body.g-min-header .g-header .g-logo {
    max-width: 70px;
    height: 20px;
}

.g-header__inner {}

.g-logo {
    max-width: 104px;
    height: 45px;
    margin-left: auto;
    margin-right: auto;
    transition: 0.22s cubic-bezier(0.44, 0.18, 0.49, 0.99);
}

.g-logo a {
    display: block;
}

.g-logo img {
    max-width: 100%;
    height: auto;
}

.g-navi {
    padding-top: 16px;
    padding-bottom: 10px;/* 16px */
    padding-left: 15px;
    padding-right: 15px;
}

.g-navi__inner ul {
    display: flex;
    justify-content: space-between;
}

.g-navi__inner ul li {
    margin: 0;
    padding: 0;
    line-height: 1.1em;
}

.g-navi__inner ul li a {
    color: #222222;
    font-size: 11px;
    font-weight: bold;
}


/*
.g-navi__inner ul li a.select.travel {
    color: #dc0000;
}

.g-navi__inner ul li a.select.culture {
    color: #008cdf;
}

.g-navi__inner ul li a.select.lifestyle {
    color: #ed7000;
}

.g-navi__inner ul li a.select.outdoor {
    color: #00942c;
}
*/


.g-navi nav ul {
  display: flex;
}

.g-navi nav ul li {
  position: relative;
  
}

.g-navi nav ul li:last-child {
  
}

.g-navi nav ul li a {
  text-decoration: none;
  color: #333;
  padding: 10px;
  display: block;
}

.g-navi nav ul li ul.dropdown {
  display: none; /* 初期状態では非表示 */
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%); /* 中央寄せ */
  padding: 0;
  margin: 0;
  background-color: #f9f9f9;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  width: 150px;
}

.g-navi nav ul li ul.dropdown li {
  width: 100%;
  text-align: center;
}

.g-navi nav ul li ul.dropdown li a {
  padding: 10px;
  color: #333;
  padding: 15px 30px;
}

.g-navi nav ul li:hover ul.dropdown {
  display: block;
}

@media screen and (max-width: 600px) {
  
  .g-navi nav ul li.show ul.dropdown {
    display: block!important;
  }
}


/* ---------------------------------- *
  - footer
* ---------------------------------- */

.g-footer {
    display: block;
    background-color: #222222;
}

.g-footer__inner {}


/* ---------------------------------- *
  - footer theme
* ---------------------------------- */

.g-footer-theme {
    border-bottom: solid 1px #4e4e4e;
}

.g-footer-theme__inner {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 15px;
    padding-right: 15px;
}

.g-footer-theme__inner ul {
    display: flex;
    justify-content: space-between;
}

.g-footer-theme__inner ul li {
    margin: 0;
    padding: 0;
    line-height: 1.1em;
}

.g-footer-theme__inner ul li a {
    color: #fff;
    font-size: 12px;
}


/* ---------------------------------- *
  - footer about
* ---------------------------------- */

.g-footer-about {
    border-bottom: solid 1px #4e4e4e;
}

.g-footer-about__inner {
    padding-top: 18px;
    padding-bottom: 16px;
    padding-left: 30px;
    padding-right: 30px;
}

.g-footer-about__inner p {
    color: #fff;
    font-size: 12px;
}

.l-sns-btns {
    padding-top: 20px;
    padding-bottom: 10px;
}

.l-sns-btns__inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.l-sns-btns__inner p {
    background-color: #ffffff;
    border-radius: 100px;
    padding: 8px 15px;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.1em;
}

.l-sns-btns__inner ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}

.l-sns-btns__inner ul li {
    line-height: 1em;
    margin-left: 25px;
}

.l-sns-btns__inner ul li a {
    display: block;
}

.ico_x {
    display: inline-block;
    width: 26px;
    height: 27px;
    font-style: normal;
}

.ico_x:before {
    content: "";
    display: inline-block;
    width: 26px;
    height: 27px;
    background-image: url('../img/common/ico_x.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.ico_youtube {
    display: inline-block;
    width: 92px;
    height: 20px;
    font-style: normal;
}

.ico_youtube:before {
    content: "";
    display: inline-block;
    width: 92px;
    height: 20px;
    background-image: url('../img/common/ico_youtube.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.ico_instagram {
    display: inline-block;
    width: 24px;
    height: 24px;
    font-style: normal;
}

.ico_instagram:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('../img/common/ico_instagram.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}


/* ---------------------------------- *
  - footer nav
* ---------------------------------- */

.g-footer-nav {
    border-bottom: solid 1px #4e4e4e;
}

.g-footer-nav__inner {
    padding-top: 25px;
    padding-bottom: 35px;
    padding-left: 30px;
    padding-right: 30px;
}

.g-footer-nav__inner p {
    font-size: 12px;
    font-weight: bold;
    line-height: 1.1em;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 10px;
}

.g-footer-nav__inner ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}

.g-footer-nav__inner ul li {
    width: 50%;
    line-height: 1.1em;
    padding-bottom: 15px;
}

.g-footer-nav__inner ul li::before {
    display: none;
}

.g-footer-nav__inner ul li a {
    color: #fff;
    font-size: 12px;
}

.g-footer-nav__inner p.g-copy {
    color: #757575;
    font-weight: normal;
}


/* ---------------------------------- *
  - pagetop
* ---------------------------------- */

.g-page-top {
    position: fixed;
    right: 0;
    display: none;
}


/* ---------------------------------- *
  - search
* ---------------------------------- */

.g-search-mordal__block {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 1000;
    opacity: 0;
}

.g-search-mordal__block:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #222222;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .5;
}

.g-search-mordal__inner {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    opacity: 0;
    transform: translateY(20px);
}

.g-search-mordal {
    background-color: #fff;
    border-radius: 30px 30px 0 0;
}

.g-search-mordal .inner dl dt {
    border-bottom: dotted 1px #54521e;
}

.g-search-mordal .inner dl dd {
    padding: 30px;
}

.g-search-mordal .inner dl dd ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.g-search-mordal .inner dl dd ul li {
    margin: 0;
    padding: 0;
    width: 50%;
}


/* ---------------------------------- *
  - search theme
* ---------------------------------- */

.g-search-theme__block {
    border-top: dotted 1px #54521e;
}

.g-search-theme__inner {}

.g-search-theme {
    padding: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.g-search-theme ul {
    list-style: none;
}

.g-search-theme ul li {
    margin: 0;
    padding: 0px 0;
    line-height: 1.1em;
}

.g-search-theme ul li a {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.1em;
    padding-top: 12px;
    padding-bottom: 12px;
    display: block;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
}

.g-search-theme ul li a:after {
    content: "";
    display: block;
    width: 19px;
    height: 19px;
    background-image: url('../img/common/ico_link_arrow.png');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
}


/* ---------------------------------- *
  - search area
* ---------------------------------- */

.g-search-area__block {
    border-top: dotted 1px #54521e;
}

.g-search-area__inner {}

.g-search-area {
    padding: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.g-search-area dl {
    padding-top: 0px;
    padding-bottom: 0px;
}

.g-search-area dl dt {
    border: none;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
}

.g-search-area dl dt:after {
    content: "";
    display: block;
    width: 19px;
    height: 19px;
    background-image: url('../img/common/ico_close_toggle.png');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
}

.g-search-area dl dd {
    margin: 0;
    padding: 0;
    display: none;
    padding-top: 0px;
    padding-bottom: 15px;
    padding-left: 0px;
    padding-right: 0px;
    display: none;
}

.g-search-area dl dt.open+dd {
    display: block;
}

.g-search-area dl dt.open:after {
    background-image: url('../img/common/ico_open_toggle.png');
}

.g-search-area dl dd.open {
    display: block;
}

.g-search-area ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.g-search-area ul li {
    margin: 0;
    padding: 0;
    width: 100%;
    line-height: 1.1em;
}

.g-search-area ul li a {
    font-size: 12px;
    line-height: 1.1em;
    font-weight: normal;
    display: block;
    padding: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.g-search-area ul li.toggle_item {
    width: 100%;
}

.g-search-mordal-btns .btn.close_btn {
    width: 75px;
    height: 65px;
    background-color: #222222;
    border-radius: 10px 0px 0px 10px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    display: none;
}

.g-search-mordal-btns .btn.close_btn:before {
    content: "";
    display: block;
    width: 29px;
    height: 38px;
    background-image: url('../img/common/ico_close_navi.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 29px 38px;
}

.g-search-mordal-btns {
    position: fixed;
    right: 0px;
    bottom: 115px;
    width: 73px;
    z-index: 1001;
}

.g-search-mordal-btns .btn.open_btn {
    width: 75px;
    height: 65px;
    background-color: #222222;
    border-radius: 10px 0px 0px 10px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
}

.g-search-mordal-btns .btn.open_btn:before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-image: url('../img/common/ico_open_navi.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.g-search-mordal-body {
    height: 100vh;
    max-height: 736px;
    overflow: auto;
}

.g-search-mordal-body-scroll {
    padding-bottom: 180px;
    /*max-height: calc(100% - 24px);*/
    box-sizing: border-box;
}

.g-search-keyword__block {
    padding: 35px 30px;
    padding-bottom: 30px;
}

.g-search-keyword__inner {}

.text_field.search_field {
    background-color: #fff;
    border-radius: 100px;
    overflow: hidden;
    position: relative;
    border: solid 1px #000;
}

.text_field.search_field input[type=text] {
    height: 50px;
    padding: 10px;
    padding-left: 20px;
    padding-right: 40px;
    font-size: 16px;
    border: none;
    width: 100%;
    box-sizing: border-box;
    outline: none;
}

.text_field.search_field button {
    border: none;
    background-color: transparent;
    width: 40px;
    height: 40px;
    display: block;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    overflow: hidden;
}

.text_field.search_field button:before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    background-image: url('../img/common/ico_search.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 19px;
    background-color: #fff;
    position: absolute;
    left: 0px;
    top: 0px;
}


/* ---------------------------------- *
  - content
* ---------------------------------- */

.g-content {
    padding-left: 30px;
    padding-right: 30px;
    /*overflow-x: hidden;*/
    display: block;
}

.hero_slider {
    width: 332px;
    margin-left: auto;
    margin-right: auto;
}

.index {
    background-color: #fff;
}

.index .g-content .l-content {
    margin-left: -30px;
    margin-right: -30px;
    width: calc(100% + 60px);
    padding: 30px;
    padding-bottom: 0px;
}



/* ---------------------------------- *
  - theme list
* ---------------------------------- */

.l-card-list-header {
    display: flex;
    align-items: flex-end;
    width: 100%;
    padding-bottom: 5px;
}

.l-card-list-header h2 {
    font-size: 24px;
    font-weight: bold;
    display: block;
}

.l-card-list-header a {
    margin-left: auto;
    font-size: 12px;
    color: #222222;
    font-weight: bold;
    display: inline-block;
}

.l-theme-card-list.l-theme-travel-card-list .l-card-list-header h2 {
    color: #dc0000;
}

.l-theme-card-list.l-theme-outdoor-card-list .l-card-list-header h2 {
    color: #00942c;
}

.l-theme-card-list.l-theme-lifestyle-card-list .l-card-list-header h2 {
    color: #ed7000;
}

.l-theme-card-list.l-theme-culture-card-list .l-card-list-header h2 {
    color: #008cdf;
}

.l-card-list.l-theme-card-list .l-card-list-header h2 {
    font-size: 18px;
}


/*
- index 
*/

.index .l-card-list.l-theme-card-list .l-card-list-body p {
    font-size: 10px;
    font-weight: bold;
    margin-bottom: 20px;
}

.index .l-card-list.l-theme-card-list.l-theme-travel-card-list .l-card-list-body p {
    font-size: 10px;
    font-weight: bold;
    color: #dc0000;
    margin-bottom: 20px;
}

.index .l-card-list.l-theme-card-list.l-theme-culture-card-list .l-card-list-body p {
    color: #008cdf;
}

.index .l-card-list.l-theme-card-list.l-theme-lifestyle-card-list .l-card-list-body p {
    color: #ed7000;
}

.index .l-card-list.l-theme-card-list.l-theme-outdoor-card-list .l-card-list-body p {
    color: #00942c;
}

.index .l-card-list.l-theme-card-list.l-theme-travel-card-list .l-card-footer .l-theme-tag a {
    color: #dc0000;
}

.index .l-card-list.l-theme-card-list.l-theme-culture-card-list .l-card-footer .l-theme-tag a {
    color: #008cdf;
}

.index .l-card-list.l-theme-card-list.l-theme-lifestyle-card-list .l-card-footer .l-theme-tag a {
    color: #ed7000;
}

.index .l-card-list.l-theme-card-list.l-theme-outdoor-card-list .l-card-footer .l-theme-tag a {
    color: #00942c;
}


/* ---------------------------------- *
  - card
* ---------------------------------- */

.l-card-list-body {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    /*width: 100%;*/
    max-width: calc(100% + 20px);
}

.l-card {
    width: 100%;
    max-width: calc((100% - 20px*2)/2);
    margin-left: 10px;
    margin-right: 10px;
    box-sizing: border-box;
    margin-bottom: 35px;
    position: relative;
}

.l-card .ico_new {
    position: absolute;
    left: 3px;
    top: 3px;
    z-index: 10;
}

.l-card>a {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    /*background-color: #757575;*/
}

.l-card>a:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

.l-card-thumb {
    display: block;
    margin-left: 0px;
    position: relative;
    /*max-width: 150px;*/
    aspect-ratio: 1/1;
    width: 100%;
}

.l-card-thumb img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    aspect-ratio: 1/1;
    border-radius: 10px;
}

.l-card-body {
    padding-top: 10px;
    padding-bottom: 0px;
}

.l-card-body h2 {
    font-size: 13px;
    line-height: 1.7em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.l-card-body p {
    font-size: 12px;
    line-height: 1.7em;
}

.l-card-footer {
    display: block;
    /*align-items: center;*/
    
}

.l-card-footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-right: 5px;
}

.l-card-footer ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.l-card-footer .l-theme-tag {
    display: inline-block;
    margin-right: 5px;
    font-size: 10px;
    line-height: 1.1em;
}

.l-card-footer .l-theme-tag a {
    color: #dc000c;
    font-size: 10px;
    font-weight: bold;
    display: inline-block;
    line-height: 1.1em;
}

.l-card-footer .l-date {
    color: #757575;
    font-size: 10px;
    display: inline-block;
    line-height: 1.1em;
}

.l-card-footer .l-pr {
    color: #757575;
    font-size: 10px;
    position: relative;
    display: inline-block;
    line-height: 1.1em;
    padding-left: 8px;
    margin-left: 3px;
}

.l-card-footer .l-pr:before {
    content: "";
    height: 12px;
    width: 1px;
    background-color: #757575;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.ico_new {
    display: block;
    width: 42px;
    height: 42px;
}

.ico_new:before {
    content: "";
    display: block;
    width: 42px;
    height: 42px;
    background-image: url('../img/travel.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.ico_new.ico_travel:before {
    background-image: url('../img/common/travel.png');
}

.ico_new.ico_outdoor:before {
    background-image: url('../img/common/outdoor.png');
}

.ico_new.ico_lifestyle:before {
    background-image: url('../img/common/lifestyle.png');
}

.ico_new.ico_culture:before {
    background-image: url('../img/common/culture.png');
}

.l-theme-card-list {
    display: block;
}

.l-theme-card-list .l-card-thumb img {
    border-radius: 0;
}


/* ---------------------------------- *
  - main-swiper
* ---------------------------------- */

.l-main-swiper {
    margin: 0;
    max-width: 100%;
    overflow: hidden;
}

.l-main-swiper .swiper-slide {
    max-width: 100%;
    /*max-width: 355px;*/
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
}

.l-main-swiper .swiper-slide .l-card {
    max-width: 100%;
    margin: 0px;
    margin-bottom: 65px;
    margin-bottom: 20px;
}

.l-main-swiper .swiper-slide .l-card .l-card-thumb {
    width: 305px;
    width: calc(100% - 15px);
    height: auto;
    position: relative;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.l-main-swiper .swiper-slide .l-card .l-card-thumb img {
    border-radius: 15px;
    max-width: 100%;
    aspect-ratio: 345/435;
}

.l-main-swiper .swiper-slide .l-card .l-card-body,
.l-main-swiper .swiper-slide .l-card .l-card-footer {
    padding-left: 25px;
    padding-right: 25px;
}

.l-main-swiper .swiper-slide .l-card .l-card-body h2 {
    font-size: 19px;
    line-height: 1.7em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.l-main-swiper .swiper-slide .l-card .l-card-footer .l-date {
    font-size: 12px;
    color: #757575;
    display: inline-block;
}


/* ---------------------------------- *
  - swiper
* ---------------------------------- */

.l-theme-card-list {
    position: relative;
    margin-bottom: 50px;
}

.l-theme-card-list .l-card-list-body {
    margin: 0px;
}

.l-theme-card-list .l-card-list-body .swiper {
    padding-bottom: 25px;
    margin-right: -30px;
    width: calc(100% + 30px);
}

.l-theme-card-list .l-card-list-body .l-more-link {
    margin-left: auto;
    font-size: 12px;
    color: #222222;
    font-weight: bold;
    margin-top: 10px;
}

.swiper-slide {
    max-width: 150px;
}

.swiper-slide .l-card {
    max-width: 150px;
    margin: 0px;
}

.swiper-pagination.swiper-pagination-fraction {
    font-size: 10px;
    line-height: 1.1em;
    text-align: left;
    margin-bottom: -9px;
}

.swiper-scrollbar {
    height: 2px !important;
    width: calc(100% - 35px - 30px) !important;
    left: 35px !important;
    opacity: 1 !important;
}

.swiper-scrollbar-drag {
    height: 2px !important;
    background-color: #222222;
}


/* ---------------------------------- *
  - recommend_feature
* ---------------------------------- */

.l-recommend_feature {
    padding: 30px;
    background-color: #fff600;
    border-radius: 30px 0 0 30px;
    margin-right: -30px;
    width: calc(100% + 30px);
    margin-bottom: 30px;
}

.l-recommend_feature__inner {}

.l-recommend_feature .l-card-list {
    border-bottom: dotted 1px #54521e;
    padding-bottom: 24px;
    position: relative;
}

.l-recommend_feature .l-card-list:last-of-type {
    border-bottom: none;
    padding-bottom: 0px;
}

.l-recommend_feature .l-card-list .l-card-list-header {
    width: 35px;
    height: auto;
    position: absolute;
    left: -45px;
    top: -5px;
    display: block;
    /*justify-content: center;
    align-items: center;*/
    margin: 0;
    padding: 0;
}

.l-recommend_feature .l-card-list .l-card-list-header h3 {
    width: 35px;
    height: auto;
    /*overflow: hidden;*/
    margin: 0;
    padding: 0;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 14px;
    line-height: 1.1em;
    border-radius: 100px;
    border: solid 1px #222;
    background-color: #fff;
    text-align: center;
    padding: 10px 5px;
    padding-left: 3px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: .05em;
    position: relative;
    z-index: 8;
    color: #222;
}

.l-recommend_feature .l-card-list .l-card-list-header:before {
    content: "";
    display: block;
    width: 14px;
    height: 9px;
    background-image: url('../img/common/ico_fukidashi.png');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: calc(50% + 2px);
    transform: translateX(-50%);
    bottom: -7px;
    z-index: 10;
}

.l-recommend_feature .l-card-list .l-card {
    display: flex;
    margin: 0px;
    max-width: 100%;
    margin-bottom: 24px;
}

.l-recommend_feature .l-card-list .l-card:last-child {
    margin-bottom: 0;
}

.l-recommend_feature .l-card-list .l-card .l-card-thumb {
    width: 75px;
}

.l-recommend_feature .l-card-list .l-card .l-card-thumb img {
    aspect-ratio: 1/1;
    width: 75px !important;
    height: 75px !important;
    object-fit: cover;
    object-position: center;
    border-radius: 0px;
    border: solid 1px #222;
    box-sizing: border-box;
}

.l-recommend_feature .l-card-list .l-card .l-card-body {
    margin: 0px;
    padding: 0px;
    width: calc(100% - 75px);
    padding-left: 10px;
    box-sizing: border-box;
    position: relative;
    padding-bottom: 0px;
}

.l-recommend_feature .l-card-list .l-card .l-card-body p,
.l-recommend_feature .l-card-list .l-card .l-card-body h3,
.l-recommend_feature .l-card-list .l-card .l-card-body h4 {
    font-size: 12px;
    line-height: 1.7em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin: 0;
    padding: 0;
    border: none;
}

.l-card-meta {
    padding-top: 4px;
    font-size: 10px;
    line-height: 1.1em;
    position: absolute;
    left: 10px;
    bottom: 0px;
    width: 100%;
}

.l-card-meta .l-theme-tag a {
    color: #dc000c;
    font-size: 10px;
    font-weight: bold;
    display: inline-block;
    line-height: 1.1em;
}

.l-card-meta .l-date {
    color: #222222;
    font-size: 10px;
    display: inline-block;
    line-height: 1.1em;
}

.l-card-meta .l-pr {
    color: #222222;
    font-size: 10px;
    position: relative;
    display: inline-block;
    line-height: 1.1em;
    padding-left: 8px;
    margin-left: 3px;
}

.l-card-meta .l-pr:before {
    content: "";
    height: 12px;
    width: 1px;
    background-color: #222222;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.l-recommend_feature .l-card-list+.l-card-list {
    padding-top: 24px;
}

.l-recommend_feature.l-recommend_feature_left {
    margin-left: -30px;
    margin-right: 0px;
    width: calc(100% + 30px);
    border-radius: 0px 30px 30px 0px;
    margin-left: -30px;
}

.l-recommend_feature.l-recommend_feature_left .l-card-list .l-card-list-header {
    width: 35px;
    height: auto;
    position: absolute;
    left: auto;
    top: -5px;
    right: -45px;
    display: block;
    margin: 0;
    padding: 0;
}

.l-recommend_feature.l-recommend_feature_left .l-card-list .l-card-list-header:before {
    transform: scale(-1, 1);
    left: calc(50% - 9px);
}


/* ---------------------------------- *
  - ranking
* ---------------------------------- */

.l-ranking {
    padding: 30px;
    background-color: #fff600;
    border-radius: 30px 30px 0 0;
    margin-right: -30px;
    margin-left: -30px;
    width: calc(100% + 60px);
    margin-bottom: 60px;
}

.l-ranking__inner {}

.l-ranking-header {}

.l-ranking-header h2 {
    font-size: 24px;
    text-align: center;
    line-height: 1.8em;
}

.l-ranking-header h2 small {
    display: block;
    font-size: 15px;
    font-weight: bold;
}

.l-ranking-body {
    margin-left: -15px;
    margin-right: -15px;
    width: calc(100% + 30px);
}

.l-ranking-tabs {
    padding-top: 10px;
    margin-bottom: 12px;
}

.l-ranking-tabs ul {
    list-style: none;
    display: flex;
    width: 100%;
}

.l-ranking-tabs ul li {
    list-style: none;
    width: 33%;
}

.l-ranking-tabs ul li:first-child a {
    border-left: solid 1px #222;
    border-radius: 5px 0 0 5px;
}

.l-ranking-tabs ul li:last-child a {
    border-radius: 0 5px 5px 0;
}

.l-ranking-tabs ul li a {
    display: flex;
    height: 30px;
    padding: 5px;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    background-color: #fff;
    border-top: solid 1px #222;
    border-right: solid 1px #222;
    border-bottom: solid 1px #222;
    font-weight: bold;
    text-decoration: none;
    pointer-events: none;
    position: relative;
}

.l-ranking-tabs ul li a:after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    border: solid 8px #333;
    border-right: solid 6px rgba(51, 51, 51, 0);
    border-left: solid 6px rgba(51, 51, 51, 0);
    border-bottom: solid 8px rgba(51, 51, 51, 0);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -14px;
    transition: 0.15s cubic-bezier(0.44, 0.18, 0.49, 0.99) 0.02s;
    opacity: 0;
}

.l-ranking-tabs ul li a.select {
    background-color: #333;
    color: #fff;
    position: relative;
}

.l-ranking-tabs ul li a.select:after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    border: solid 8px #333;
    border-right: solid 6px rgba(51, 51, 51, 0);
    border-left: solid 6px rgba(51, 51, 51, 0);
    border-bottom: solid 8px rgba(51, 51, 51, 0);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -16px;
    opacity: 1;
}

.l-ranking-items {}

.l-ranking-items .l-ranking-item {
    border: solid 1px #040404;
    border-radius: 10px;
    background-color: #ffffff;
    padding: 25px;
    box-sizing: border-box;
    counter-reset: num;
    display: none;
}

.l-ranking-items .l-ranking-item:first-child {
    display: block;
}

.l-ranking-items .l-ranking-item .l-card {
    display: flex;
    margin: 0px;
    margin-left: 10px;
    margin-right: 10px;
    /* width: 100%; */
    max-width: calc((100% - 20px)/1);
    position: relative;
    margin-bottom: 20px;
}

.l-ranking-items .l-ranking-item .l-card:last-child {
    margin-bottom: 0;
}

.l-ranking-items .l-ranking-item .l-card:before {
    counter-increment: num;
    content: counter(num);
    width: 26px;
    height: 26px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.1em;
    color: #222;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: -8px;
    top: -7px;
    z-index: 10;
    background-color: #fff;
    border-radius: 100px;
}

.l-ranking-items .l-ranking-item .l-card .l-card-thumb {
    max-width: 75px;
    position: relative;
    z-index: 6;
}

.l-ranking-items .l-ranking-item .l-card .l-card-thumb img {
    border-radius: 5px;
}

.l-ranking-items .l-ranking-item .l-card .l-card-body {
    max-width: calc(100% - 75px);
    position: relative;
    padding-left: 10px;
    box-sizing: border-box;
    padding-top: 0px;
}

.l-ranking-items .l-ranking-item .l-card .l-card-body .l-card-meta {
    display: flex;
}


/* ---------------------------------- *
  - webmagazine
* ---------------------------------- */

.l-ranking.l-webmagazine {
    margin-bottom: 0;
}

.l-webmagazine-detail {}

.l-webmagazine-detail picture {
    display: block;
    max-width: 263px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0px 0px 7px rgba(55, 55, 55, 0.5);
    box-shadow: 0px 0px 7px rgba(35, 35, 35, 0.6);
    margin-top: 5px;
    margin-bottom: 15px;
}

.l-webmagazine-detail picture img {
    max-width: 100%;
}

.l-webmagazine-detail p {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.6em;
}

.l-btns {
    padding-top: 15px;
    padding-bottom: 30px;
}

.l-btns__inner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.l-btns .l-btn {
    border: solid 1px rgb(34, 34, 34);
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    max-width: 250px;
    height: 40px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: .1em;
    width: 100%;
}


/* ---------------------------------- *
  - recomend
* ---------------------------------- */

.l-y-recomend {}

.l-y-recomend__inner {}

.l-y-recomend-header {
    padding-bottom: 15px;
}

.l-y-recomend-header h2 {
    font-size: 24px;
    letter-spacing: .1em;
}

.l-y-recomend-body .l-card {
    width: 100%;
    max-width: 100%;
    margin: 0px;
    margin-bottom: 20px;
}

.l-y-recomend-body .l-card-thumb img {
    border-radius: 0;
}

.l-y-recomend-body .l-card-body h2 {
    font-size: 19px;
    line-height: 1.7em;
}

.l-y-recomend-body .swiper .l-card-body h2 {
    font-size: 12px;
}

.l-y-recomend-body .l-card-footer .l-theme-tag,
.l-y-recomend-body .l-card-footer .l-theme-tag a,
.l-y-recomend-body .l-card-footer .l-date,
.l-y-recomend-body .l-card-footer .l-pr {
    font-size: 12px;
}


/* ---------------------------------- *
  - airticle
* ---------------------------------- */

#sec {
    overflow-x: hidden;
}

.ad_overlay {
    max-width: 100%;
    display: none !important;
}

.pankz {
    display: block;
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    padding: 6px;
    box-sizing: border-box;
    overflow: auto;
}

.pankz p,
.pankz span {
    font-size: 11px;
    white-space: nowrap;
}

.breadcrumbs {
    white-space: nowrap;
}

.breadcrumbs span {
    font-size: 11px;
    white-space: nowrap;
}

.entry__block,
.post_body,
.large_section_body,
.mid_section_body {
    word-break: break-all;
}

.post_body .align-center {
    text-align: center;
}

.post_body .align-center img {
    max-width: 100%;
    height: auto;
}

.post_body .photo_caption {
    display: block;
}

.post_body .photo_caption p {
    display: block;
    font-size: 12px;
    margin-bottom: 10px;
}

.post_body .photo_caption.text-left {
    text-align: left;
}

.photo_source.photo_source_none {
    font-size: 12px;
    margin-bottom: 10px;
}

.post_thumbnail__block {
    margin-left: -30px;
    margin-right: -30px;
    width: calc(100% + 60px);
    margin-bottom: 25px;
}

.post_thumbnail__block figure img {
    display: block;
    width: 100%;
    height: auto;
}

.post_thumbnail__block figure .photo_source {
    font-size: 10px;
    color: #222;
    padding: 5px 5px;
}

.side_area {
    display: none;
}

.introduction__block {}

.introduction__block .introduction__ttl {
    font-size: 20px;
    line-height: 1.7em;
    margin-bottom: 15px;
}

.entry__block,
.post_body {}

.entry__block h2,
.post_body h2 {
    margin: 0;
    padding: 0;
    border: none;
    font-size: 19px;
    position: relative;
    padding-left: 15px;
    line-height: 1.5em;
    margin-bottom: 25px;
    padding-top: 3px;
}

.entry__block h2:before,
.post_body h2:before {
    content: "";
    display: block;
    height: 100%;
    width: 3px;
    background-color: #dc000c;
    position: absolute;
    left: 0px;
    top: 0px;
    border: 10px;
}

.entry__block h3,
.post_body h3 {
    margin: 0;
    padding: 0;
    border: none;
    font-size: 17px;
    /*font-size: 14px;*/
    line-height: 1.7em;
    font-weight: bold;
    color: #dc000c;
    border-bottom: solid 1px #dc000c;
    padding-bottom: 8px;
    margin-bottom: 13px;
}

.entry__block .pickup_spot__block h3 {
    font-size: 14px;
}

.entry__block h4,
.post_body h4 {
    margin: 0;
    padding: 0;
    border: none;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.7em;
    color: #dc000c;
    margin-bottom: 8px;
}

.entry__block figure,
.post_body figure {
    margin-bottom: 20px;
}

.entry__block>div>div,
.post_body>div>div {
    max-width: 100%;
}

.entry__block p>img,
.entry__block figure img,
.post_body p>img,
.post_body figure img {
    display: block;
    width: 100%;
    height: auto;
}

.entry__block figure .photo_source,
.entry__block figure .photo_caption,
.post_body figure .photo_source,
.post_body figure .photo_caption {
    font-size: 10px;
    color: #222;
    padding: 5px 5px;
    text-align: left;
    display: inline-block;
}

.entry__block p,
.post_body p {
    font-size: 16px;
    line-height: 1.7em;
    margin-bottom: 25px;
}

.entry__block p b,
.entry__block p strong,
.post_body p b,
.post_body p strong {
    color: #dc000c;
}

.entry__block ul,
.entry__block ol,
.post_body ul,
.post_body ol {
    list-style: none;
    margin-bottom: 20px;
}

.entry__block ul li,
.post_body ul li {
    padding-left: 13px;
    position: relative;
}

.entry__block ul li:before,
.post_body ul li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 11px;
    width: 6px;
    height: 6px;
    border-radius: 100px;
    background-color: #dc000c;
}

.entry__block ol,
.post_body ol {
    counter-reset: num;
}

.entry__block ol li,
.post_body ol li {
    padding-left: 19px;
    position: relative;
    margin-left: -2px;
}

.entry__block ol li:before,
.post_body ol li:before {
    counter-increment: num;
    content: counter(num)'.';
    color: #dc000c;
    margin-right: 0px;
    display: inline;
    position: absolute;
    left: 0px;
    top: 0px;
}

.entry__block ul li,
.post_body ol li {
    font-size: 16px;
    line-height: 1.7em;
    margin-bottom: 15px;
}

.entry__block ul li:last-child,
.post_body ol li:last-child {
    margin-bottom: 0px;
}

.g-content.sec_content {
    min-width: 1px;
    width: 100%;
    /*background-color: #fff;*/
}

.l-content {
    background-color: #fff;
    position: relative;
}

.l-content>* {
    vertical-align: top;
    position: relative;
    z-index: 100;
}

.l-content.main_area {
    max-width: 100%;
    position: relative;
    /*overflow-x: hidden;*/
    padding-top: 30px;
}

.l-content.main_area:before {
    content: "";
    display: block;
    background-color: #fff;
    position: absolute;
    left: -30px;
    top: 0px;
    width: calc(100% + 60px);
    height: 100%;
    z-index: 10;
}

.l-content.main_area .category_vidual__block {
    margin-top: -30px;
}

.entry__block .waku,
.post_body .waku {
    margin-left: -30px;
    margin-right: -30px;
    width: calc(100% + 60px);
    background-color: #eeeeee;
    padding: 30px;
    padding-top: 25px;
    box-sizing: border-box;
    margin-bottom: 50px !important;
    max-width: none;
    position: relative;
}

.entry__block .waku h2,
.post_body .waku h2 {
    font-size: 12px;
    line-height: 1.7em;
    padding-left: 0px;
    border-bottom: solid 1px #222;
    padding-bottom: 8px;
    margin-bottom: 12px;
}

.entry__block .waku h2:before,
.post_body .waku h2:before {
    display: none;
}

.entry__block .waku h2 .ico_link_arrow,
.post_body .waku h2 .ico_link_arrow {
    position: relative;
    top: 4px;
}

.entry__block .waku .info,
.post_body .waku .info {
    /*height: 220px;*/
    padding-bottom: 100px;
    padding-bottom: 20px;
    overflow: hidden;
    box-sizing: border-box;
    max-height: 270px;
    min-height: 170px;
}

.entry__block .waku .info.min-info,
.post_body .waku .info.min-info {
    padding-bottom: 120px;
}

.entry__block .waku .info.open,
.post_body .waku .info.open {
    height: auto;
}

.entry__block .waku .info dt,
.post_body .waku .info dt {
    font-size: 12px;
    line-height: 1.7em;
    font-weight: bold;
    margin-bottom: 0px;
}

.entry__block .waku .info dd,
.post_body .waku .info dd {
    font-size: 12px;
    line-height: 1.7em;
    font-weight: normal;
    margin-bottom: 10px;
}

.post_body .waku .detail_link_text,
.entry__block .waku .btn_spot,
.post_body .waku .btn_spot {
    display: block;
    margin-left: -30px;
    margin-right: -30px;
    width: calc(100% + 60px);
    max-width: calc(100% + 60px);
    max-width: 100%;
    padding: 60px 30px 0px;
    /*background-color: #eeeeee;*/
    position: absolute;
    margin-top: 0px;
    bottom: 0px;
    padding-bottom: 20px;
}

.post_body .waku .detail_link_text:before,
.entry__block .waku .btn_spot:before,
.post_body .waku .btn_spot:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(238, 238, 238, 0) 0%, rgba(238, 238, 238, 1) 40%, rgba(238, 238, 238, 1) 100%);
    z-index: 2;
}

.post_body .waku .detail_link_text a,
.entry__block .waku .btn_spot a,
.post_body .waku .btn_spot a,
.post_body .waku .no_bottom_padding a {
    border: solid 1px #222222;
    border-radius: 5px;
    background-color: #ffffff;
    max-width: 100%;
    min-height: 40px;
    box-sizing: border-box;
    display: block;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.7em;
    font-weight: bold;
    letter-spacing: .1em;
    width: 100%;
    position: relative;
    z-index: 5;
}

.post_body .waku h2.detail_link_text a,
.entry__block .waku h2.btn_spot a,
.post_body .waku h2.btn_spot a,
.post_body .waku h2.no_bottom_padding a {
    border: none;
    border-radius: 0px;
    background-color: transparent;
    max-width: 100%;
    min-height: 1px;
    box-sizing: border-box;
    display: block;
    align-items: center;
    justify-content: center;
    text-align: left;
    padding: 0px;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.7em;
    font-weight: bold;
    letter-spacing: .1em;
    width: 100%;
    position: relative;
    z-index: 5;
}

.post_body .waku .detail_link_text a .ico_link_arrow.ico_link_arrow_black {
    top: -3px;
}

.l-index {
    margin-bottom: 50px;
}

.l-index h4 {
    font-size: 12px;
    font-weight: bold;
    color: #222;
}

.l-index-toggle-box {
    border-top: solid 1px #222;
    padding-top: 15px;
    margin-top: 10px;
    /*height: 100px;*/
    overflow: hidden;
}

.l-index-toggle-box.open {
    height: auto;
}

.l-index-toggle-box ul {
    list-style: none;
    margin-bottom: 0;
}

.l-index-toggle-box ul li::before {
    display: none;
}

.l-index-toggle-box ul li {
    margin-bottom: 5px;
    padding: 0px;
}

.l-index-toggle-box ul li a {
    font-size: 12px;
    padding-left: 15px;
    position: relative;
    display: inline-block;
    font-weight: bold;
    line-height: 1.7em;
}

.l-index-toggle-box ul li a::before {
    content: "";
    width: 5px;
    height: 5px;
    border-bottom: solid 1px #222;
    border-right: solid 1px #222;
    display: block;
    position: absolute;
    left: 3px;
    top: 5px;
    transform: rotate(45deg);
}

.l-index-toggle-btn {
    padding-top: 15px;
}

.l-index-toggle-btn .toc_more,
.l-index-toggle-btn .toc_close {
    border: solid 1px #222222;
    border-radius: 5px;
    background-color: #ffffff;
    max-width: 100%;
    height: 40px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: .1em;
    width: 100%;
}

.l-index-toggle-btn .toc_more:hover {
    background-color: #222;
    color: #fff;
}


/* ---------------------------------- *
  - section_related_articles
* ---------------------------------- */

.l-section_related_articles {
    padding: 30px;
    background-color: #fff600;
    border-radius: 30px 0 0 30px;
    margin-right: -30px;
    width: calc(100% + 30px);
    margin-bottom: 60px;
}

.l-section_related_articles__inner {}

.l-section_related_articles .l-card-list {
    border-bottom: dotted 1px #54521e;
    padding-bottom: 24px;
    position: relative;
}

.l-section_related_articles .l-card-list:last-of-type {
    border-bottom: none;
    padding-bottom: 0px;
}

.l-section_related_articles .l-card-list .l-card-list-header {
    width: 35px;
    height: 160px;
    position: absolute;
    left: -45px;
    top: 0px;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.l-section_related_articles .l-card-list .l-card-list-header h3 {
    width: 35px;
    height: 160px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.l-section_related_articles .l-card-list .l-card-list-header h3:before {
    content: "";
    display: block;
    width: 35px;
    height: 160px;
    background-image: url('../img/common/ico_recommend.png');
    background-repeat: no-repeat;
    background-size: contain;
}

.l-section_related_articles .l-card-list .l-card-list-header.l-recommend-card-list-header h3:before {
    background-image: url('../img/common/ico_recommend.png');
}

.l-section_related_articles .l-card-list .l-card-list-header.l-favorite-card-list-header h3:before {
    background-image: url('../img/common/ico_favorite.png');
}

.l-section_related_articles .l-card-list .l-card {
    display: flex;
    margin: 0px;
    max-width: 100%;
    margin-bottom: 24px;
}

.l-section_related_articles .l-card-list .l-card:last-child {
    margin-bottom: 0;
}

.l-section_related_articles .l-card-list .l-card .l-card-thumb {
    width: 75px;
}

.l-section_related_articles .l-card-list .l-card .l-card-thumb img {
    aspect-ratio: 1/1;
    width: 75px;
    height: 75px;
    object-fit: cover;
    object-position: center;
    border-radius: 0px;
    border: solid 1px #222;
    box-sizing: border-box;
}

.l-section_related_articles .l-card-list .l-card .l-card-body {
    margin: 0px;
    padding: 0px;
    width: calc(100% - 75px);
    padding-left: 10px;
    box-sizing: border-box;
    position: relative;
    padding-bottom: 16px;
}

.l-section_related_articles .l-card-list .l-card .l-card-body h4,
.l-section_related_articles .l-card-list .l-card .l-card-body a {
    font-size: 12px;
    line-height: 1.7em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.l-notes,
.notes {
    margin-bottom: 30px;
}

.l-notes p,
.notes p {
    font-size: 10px;
    color: #757575;
    line-height: 1.6em;
}

.l-notes p small,
.notes p small {
    font-size: 10px;
    color: #757575;
    line-height: 1.6em;
}


/* ---------------------------------- *
  - sns
* ---------------------------------- */

.g-sns {
    margin-bottom: 15px;
}

.g-sns__inner {
    border-radius: 5px;
    background-color: #222222;
    width: 100%;
    min-height: 38px;
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.g-sns .g-sns-header {
    padding-left: 5px;
    padding-right: 5px;
}

.g-sns .g-sns-header p {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

.g-sns .g-sns-body {
    margin-left: auto;
    padding-right: 6px;
}

.g-sns .g-sns-body ul {
    display: flex;
    list-style: none;
    margin: 0 -8px;
    padding: 0;
    width: calc(100% + 16px);
}

.g-sns .g-sns-body ul li {
    margin: 0 8px;
    padding: 0;
}

.g-sns .g-sns-body ul li a {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.g-sns .g-sns-body ul li a .s_txt {
    display: none;
}

.ico_fb {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ico_fb:before {
    content: "";
    display: block;
    width: 19px;
    height: 19px;
    background-image: url('../img/common/ico_fb.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.ico_x {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ico_x:before {
    content: "";
    display: block;
    width: 19px;
    height: 19px;
    background-image: url('../img/common/ico_x.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.ico_line {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ico_line:before {
    content: "";
    display: block;
    width: 19px;
    height: 19px;
    background-image: url('../img/common/ico_line.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.ico_mail {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ico_mail:before {
    content: "";
    display: block;
    width: 19px;
    height: 19px;
    background-image: url('../img/common/ico_mail.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.ico_link {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ico_link:before {
    content: "";
    display: block;
    width: 19px;
    height: 19px;
    background-image: url('../img/common/ico_link.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


/* ---------------------------------- *
  - writer
* ---------------------------------- */

.l-writer {
    padding: 30px;
    background-color: #fff600;
    border-radius: 30px 30px 0 0;
    margin-right: -30px;
    margin-left: -30px;
    width: calc(100% + 60px);
    margin-bottom: 60px;
    margin-bottom: 0;
}

.l-writer__inner {}

.writer {}

.l-writer-header {
    display: flex;
    align-items: center;
}

.l-writer-header-thumb {
    max-width: 100px;
}

.l-writer-header-thumb img {
    width: 100px;
    height: 100px;
    border-radius: 200px;
    border: solid 1px #000;
    background-color: #fff;
    object-fit: contain;
    object-position: center;
}

.l-writer-header-body {
    max-width: calc(100% - 100px);
    padding-left: 20px;
    box-sizing: border-box;
}

.l-writer-header-body {
    font-size: 12px;
}

.l-writer-header-body>p {
    font-size: 12px;
    line-height: 1.6em;
}

.l-writer-header-body .l-writer-hp {
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;
}

.l-writer-header-body .l-writer-hp a {
    font-size: 12px;
    padding-bottom: 5px;
    border-bottom: solid 1px #222;
}

.l-writer-header-body .l-writer-hp a:hover {
    text-decoration: none;
    border-bottom: solid 1px rgba(0, 0, 0, 0.0);
}

.l-writer-header-body .l-writer-sns {
    display: flex;
    margin-top: 8px;
}

.l-writer-header-body .l-writer-sns p {
    font-size: 12px;
    font-weight: bold;
}

.l-writer-header-body ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: flex;
    margin-left: 16px;
}

.l-writer-header-body ul li {
    font-size: 12px;
    margin-right: 10px;
    padding: 0px;
}

.l-writer-header-body ul li:before {
    display: none;
}

.l-writer-header-body ul li i {
    font-size: 14px;
}

.ico_blank {
    width: 13px;
    height: 11px;
    display: inline-block;
}

.ico_blank:before {
    content: "";
    width: 13px;
    height: 11px;
    display: inline-block;
    background-image: url('../img/common/ico_blank.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.ico_x_b {
    width: 11px;
    height: 12px;
    display: inline-block;
}

.ico_x_b:before {
    content: "";
    width: 11px;
    height: 12px;
    display: inline-block;
    background-image: url('../img/common/ico_x_b.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.l-writer-body {
    padding-top: 12px;
}

.l-writer-body p {
    font-size: 12px;
    line-height: 1.7em;
}

.l-writer-body p:empty {
    display: none;
}

.l-writer-body p+p {
    margin-top: 16px;
}

.l-writer-body p:empty+p {
    margin-top: 0px;
}

.l-writer-body p+p:empty {
    margin-top: 0px;
}

.large_section_body p a,
.mid_section_body p a {
    color: #dc000c;
}

.large_section_body p a:hover,
.mid_section_body p a:hover {
    color: #dc000c;
    text-decoration: underline;
}

.large_section_body p img,
.mid_section_body p img {
    max-width: 100%;
    height: auto;
    margin-bottom: 15px;
}

.mid_section_body>div,
.large_section_body>div {
    max-width: 100%;
}

.entry__block div p.wp-caption-text,
.post_body div p.wp-caption-text {
    font-size: 10px;
    color: #222;
    padding: 5px 5px;
    text-align: left;
    display: inline-block;
}


/* ---------------------------------- *
  - relation-tags
* ---------------------------------- */

.l-relation-tags {}

.l-relation-tags h2,
.l-relation-tags h2.subttl.norborder {
    padding: 0;
    margin: 0;
    font-size: 19px;
}

.l-relation-tags .l-relation-tag {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.l-relation-tags .l-relation-tag li {
    margin-right: 13px;
    margin-bottom: 10px;
    vertical-align: top;
    display: inline-block;
}

.l-relation-tags .l-relation-tag li a {
    vertical-align: top;
    border: solid 1px #222;
    border-radius: 100px;
    padding: 5px 15px 5px;
    font-size: 10px;
    line-height: 1.1em;
    min-height: 26px;
    box-sizing: border-box;
    display: inline-block;
    display: flex;
    align-items: center;
}

.l-relation-tags .current_tag_area {
    padding-top: 20px;
    padding-bottom: 15px;
}


/* ---------------------------------- *
  - breadcrumb
* ---------------------------------- */

.l-breadcrumb {
    background-color: #eeeeee;
    margin-left: -30px;
    margin-right: -30px;
    width: calc(100% + 60px);
    overflow: auto;
    box-sizing: border-box;
    margin-bottom: 35px;
}

.l-breadcrumb h2 {
    display: none;
}

.l-breadcrumb div {
    font-size: 12px;
    line-height: 1.1em;
    padding: 15px;
}

.l-breadcrumb .current_tag_area {
    margin-bottom: 0px;
}


/* ---------------------------------- *
  - breadcrumb
* ---------------------------------- */

.l-search-toggles {
    padding-top: 25px;
    padding-bottom: 25px;
}

.l-search-toggle {
    padding-bottom: 5px;
}

.l-search-toggle-header {
    margin: 0px -15px;
    width: calc(100% + 30px);
    position: relative;
    cursor: pointer;
}

.l-search-toggle-header h2 {
    margin: 0px;
    padding: 15px 15px;
    font-size: 12px;
    line-height: 1.1em;
}

.ico_search-toggle {
    display: block;
    height: 12px;
    width: 12px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.ico_search-toggle::before {
    content: "";
    width: 12px;
    height: 1px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    background-color: #222;
    display: block;
}

.ico_search-toggle::after {
    content: "";
    width: 1px;
    height: 12px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    background-color: #222;
    display: block;
}

.l-search-toggle-body {
    padding-bottom: 15px;
    display: none;
}

.l-search-toggle-body ul {
    list-style: none;
    margin: 0px -15px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 30px);
}

.l-search-toggle-body ul li {
    margin: 0px;
    padding: 0px;
    width: 50%;
}

.toggle_list__block {
    padding: 0px 15px;
}

.l-search-toggle-body ul li.l-search-global-toggle {
    width: 100%;
}

.l-search-toggle-body ul li.l-search-global-toggle .l-search-global-toggle-ttl {
    position: relative;
    margin: 0px;
    padding: 10px 15px;
    font-size: 12px;
    line-height: 1.1em;
    display: block;
    font-weight: bold;
    cursor: pointer;
}

.l-search-toggle-body ul li.l-search-global-toggle .toggle_list__block {
    display: none;
}

.l-search-toggle-body ul li.l-search-global-toggle .l-search-global-toggle-ttl.open+.toggle_list__block {
    display: block;
}

.l-search-toggle-body ul li.l-search-global-toggle .l-search-global-toggle-ttl.open .ico_search-toggle::after {
    display: none;
}

.l-search-toggle-body ul li a {
    margin: 0px;
    padding: 10px 15px;
    font-size: 12px;
    line-height: 1.1em;
    display: block;
}

.l-search-toggle-header.open .ico_search-toggle::after {
    display: none;
}

.l-search-toggle-header.open+.l-search-toggle-body {
    display: block;
}


/* ---------------------------------- *
  - next-page-link
* ---------------------------------- */

.l-next-page-link-btns {
    display: block;
    padding-bottom: 25px;
}

.l-next-page-link-btns a {
    border: solid 1px #222222;
    border-radius: 0px;
    background-color: #fff600;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 17px 20px;
    box-sizing: border-box;
    position: static;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.7em;
    border-radius: 5px;
    text-align: center;
    /*height: 75px;*/
}


/* ---------------------------------- *
  - reservation
* ---------------------------------- */

.l-reservation {
    background-color: #eeeeee;
    margin-left: -30px;
    margin-right: -30px;
    width: calc(100% + 60px);
    overflow: auto;
    box-sizing: border-box;
    margin-bottom: 35px;
    border-radius: 30px 30px 0px 0;
    overflow: hidden;
    max-width: none !important;
}

.l-reservation__inner {
    padding: 30px 15px;
    padding-bottom: 0px;
}

.l-reservation__inner>div>.m-b-10 strong {
    font-size: 19px;
    padding-bottom: 10px;
    display: inline-block;
}

.l-reservation__inner>div>.ad_tabs {
    max-width: 100%;
    margin: 0px;
    border: none;
    padding: 0px;
    padding-top: 0px;
    width: 100%;
}

.l-reservation__inner>div>.font-11 {
    font-size: 11px;
    color: #222 !important;
    margin-top: 10px;
}

.l-reservation__inner>div>.ad_tabs>div {
    border: solid 1px #040404 !important;
    border-radius: 10px !important;
    background-color: #ffffff;
    padding: 25px;
    box-sizing: border-box;
    max-width: 100%;
    position: static !important;
    float: none !important;
    width: 100%;
}

.l-reservation__inner>div>.ad_tabs>div>div>h4 {
    font-size: 14px;
    line-height: 1.1em;
    color: #222;
    text-align: center;
    padding: 15px 0px 20px;
}

.l-reservation__inner>div>.ad_tabs>div .ad_rakuten .ad_rakuten_logo {
    border: none;
    margin-left: -5px;
    margin-right: -5px;
    width: calc(100% + 10px);
}

.l-reservation__inner>div>.ad_tabs>div .ad_rakuten .ad_rakuten_logo a {
    justify-content: flex-start;
    color: #222;
    padding-top: 4px;
    padding-bottom: 4px;
}

.l-reservation__inner>div>.ad_tabs>div .ad_rakuten .ad_rakuten_logo a span {
    color: #222;
}

.l-reservation__inner>div>.ad_tabs>div .ad_rakuten .ad_rakuten_hotels a {
    box-shadow: none;
    min-width: 230px;
    margin: 0px;
    margin-right: 30px;
    text-decoration: none;
}

.l-reservation__inner>div>.ad_tabs>div .ad_rakuten .ad_rakuten_hotels a .card__image_02 {
    border: solid 1px #040404;
}

.l-reservation__inner>div>.ad_tabs>div .ad_rakuten .ad_rakuten_hotels a .card__body_02 {
    padding: 0px;
    padding-top: 10px;
    padding-bottom: 15px;
}

.l-reservation__inner>div>.ad_tabs .ui-tabs-nav {
    display: flex;
    margin-left: -5px;
    margin-right: -5px;
    width: calc(100% + 10px);
    padding: 0px;
    border: none;
    position: static !important;
    float: none !important;
    margin-bottom: 10px;
}

.l-reservation__inner>div>.ad_tabs .ui-tabs-nav::before,
.l-reservation__inner>div>.ad_tabs .ui-tabs-nav::after {
    display: none;
}

.l-reservation__inner>div>.ad_tabs .ui-tabs-nav li {
    margin: 0px;
    margin-left: 5px;
    margin-right: 5px;
    width: calc((100% - 10px * 4)/4);
    border: none;
    padding: 0px;
    position: static;
    height: auto;
    background-color: transparent;
}

.l-reservation__inner>div>.ad_tabs .ui-tabs-nav li:before {
    display: none;
}

.l-reservation__inner>div>.ad_tabs .ui-tabs-nav li a {
    height: 32px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    padding: 0px;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #040404;
    font-weight: bold;
}

.l-reservation__inner>div>.ad_tabs .ui-tabs-nav li.ui-state-active a {
    background-color: #040404;
    color: #fff;
    position: relative;
}

.l-reservation__inner>div>.ad_tabs .ui-tabs-nav li.ui-state-active a:after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    border: solid 8px #333;
    border-right: solid 6px rgba(51, 51, 51, 0);
    border-left: solid 6px rgba(51, 51, 51, 0);
    border-bottom: solid 8px rgba(51, 51, 51, 0);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -16px;
}

.richka-wrap iframe {
    max-width: 100%;
}

#aff_tab_1,
#aff_tab_2 {
    padding-bottom: 20px;
}

.btns {
    margin-bottom: 5px;
}

.btns .btn {
    border: solid 1px rgb(34, 34, 34);
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    max-width: 100%;
    min-height: 40px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.7em;
    font-weight: bold;
    letter-spacing: .1em;
    width: 100%;
    box-sizing: border-box;
    padding: 15px 15px;
    text-align: center;
}

.entry__block .btns+.font-11,
.post_body .btns+.font-11 {
    margin-top: 6px;
}

.entry__block .font-11,
.post_body .font-11 {
    line-height: 1.6em;
}

.paginate__block {
    margin-bottom: 50px;
}

.paginate__block .paginate {
    display: flex;
    align-items: center;
    justify-content: center;
}

.paginate__block .paginate span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border: solid 1px #222222;
    border-radius: 5px;
    background-color: #fff600;
    font-size: 12px;
    margin: 0px 3px;
}

.paginate__block .paginate a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border: solid 1px #222222;
    border-radius: 5px;
    background-color: #ffffff;
    font-size: 12px;
    margin: 0px 3px;
}

.paginate__block .pager ul {
    list-style: none;
    display: flex;
}

.paginate__block .pager ul li {
    margin: 0px 3px;
}

.paginate__block .pager a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 35px;
    border: solid 1px #222222;
    border-radius: 5px;
    background-color: #ffffff;
    font-size: 12px;
    margin: 0px 0px;
    padding: 0 15px;
    box-sizing: border-box;
}

.paginate__block .paginate a.next,
.paginate__block .paginate a.prev {
    border: none;
}

.app_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 35px;
    border: solid 1px #222222;
    border-radius: 5px;
    background-color: #fff600;
    font-size: 14px;
    padding: 10px 15px;
    margin: 0px 3px;
    font-weight: bold;
    margin-bottom: 30px;
}

.l-tags__block {}

.l-tags__inner {
    display: flex;
    flex-wrap: wrap;
}

.l-tags__inner .special_badge {
    margin-right: 5px;
    margin-bottom: 7px;
}

.l-tags__inner a {
    font-size: 10px;
    line-height: 1.1em;
    white-space: nowrap;
    color: #dc000c;
    border: solid 1px #dc000c;
    padding: 5px 10px;
    border-radius: 20px;
}

.l-tags__inner .special_badge a {
    color: #a5a5a5;
    border: solid 1px #eee;
    background-color: #F9F9F9;
}

.l-spot-title__outer {
    padding-top: 30px;
}

.l-spot-title__outer h2 {
    padding: 0;
}

.l-spot-title__outer h2:before {
    display: none;
}

.hotel_list .hotel {
    border-top: solid 1px #eee !important;
}

.l-spot-title {
    position: relative;
    /*padding-top: 30px;*/
    padding-top: 10px;
    font-size: 20px;
}

.l-spot-title:before {
    content: "";
    display: block;
    margin-left: -30px;
    margin-right: -30px;
    width: calc(100% + 60px);
    border-top: dotted 1px #000;
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}

.category_tab__block {
    margin-bottom: 10px;
}

.category_tab__items {
    border-radius: 5px;
    border: solid 1px #040404;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

}

.category_tab__items .category_tab__item {
    border-right: solid 1px #040404;
    
}

.category_tab__items .category_tab__item {
  flex: 1 1 calc(25% - 1rem);    /* 最大4個に均等配置 */
  box-sizing: border-box;        /* パディングやボーダーを含めて幅を調整 */
  text-align: center;            /* テキストを中央揃え（オプション） */
}

.container:has(.item:nth-child(2):last-child) .category_tab__items .category_tab__item {
  flex: 1 1 calc(50%);    /* 子要素が2個の場合、50%に調整 */
}

.container:has(.item:nth-child(3):last-child) .category_tab__items .category_tab__item {
  flex: 1 1 calc(100%/3);    /* 子要素が2個の場合、50%に調整 */
}



.category_tab__items.category_tab__items-2 .category_tab__item {
    
}

.category_tab__items.category_tab__items-3 .category_tab__item {
    
}

.category_tab__items .category_tab__item:last-child {
    border: none;
}

.category_tab__items .category_tab__item span,
.category_tab__items .category_tab__item a {
    height: 32px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    padding: 0px;
    font-weight: bold;
    position: relative;
}

.category_tab__items .category_tab__item a.select {
    background-color: #333;
    color: #fff;
}

.category_tab__items .category_tab__item a.select:after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    border: solid 8px #333;
    border-right: solid 6px rgba(51, 51, 51, 0);
    border-left: solid 6px rgba(51, 51, 51, 0);
    border-bottom: solid 8px rgba(51, 51, 51, 0);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -16px;
}

.current_tag_area_toggle_btn {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    margin-bottom: 0px !important;
    padding-top: 40px;
}

.current_tag_area_toggle_btn:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 100%);
    z-index: 2;
}

.current_tag_area_toggle_btn button {
    border: solid 1px #222222;
    border-radius: 5px;
    background-color: #ffffff;
    max-width: 100%;
    min-height: 40px;
    box-sizing: border-box;
    display: block;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.7em;
    font-weight: bold;
    letter-spacing: .1em;
    width: 100%;
    position: relative;
    z-index: 5;
    cursor: pointer;
}

.count_text__block {
    text-align: right;
}

.count_text__block .count {
    font-size: 10px;
    color: #757575;
}

.category_vidual__image__block {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
}

.category_vidual__block {
    margin-left: -30px;
    margin-right: -30px;
    width: calc(100% + 60px);
    position: relative;
    padding-top: 0px;
}

.category_vidual__text__block {
    padding-top: 50px;
}

.category_vidual__image__block:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 2;
}

.category_vidual__block .category__title {
    font-size: 20px;
    color: #fff;
    line-height: 1.5;
    text-shadow: 0px 1px 3.7px rgba(27, 27, 27, 0.4);
    text-align: center;
    position: relative;
    z-index: 5;
    font-weight: bold;
    margin-top: 0px;
}

.category_vidual__block .description__title {
    font-size: 16px;
    color: #fff;
    line-height: 1.5;
    text-shadow: 0px 1px 3.7px rgba(27, 27, 27, 0.4);
    text-align: center;
    position: relative;
    z-index: 6;
    font-weight: bold;
    margin-bottom: 45px;
}

.category_vidual__block .description__text {
    background-color: #fff;
    border-radius: 15px 15px 0 0;
    position: relative;
    z-index: 5;
    padding: 30px;
    padding-bottom: 30px;
    font-size: 12px;
    line-height: 1.8em;
}
/*
.accordion {
    position: relative;
    margin-bottom: 40px;
}

.accordion-text {
    overflow: hidden;
    position: relative;
}

.accordion-btn {
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: -30px;
    bottom: 0px;
    width: calc(100% + 60px);
    padding-top: 30px;
    box-sizing: border-box;
}

.accordion-btn:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    z-index: 2;
}

.accordion-btn.js-accordion-btn:after {
    content: "続きを読む";
    position: relative;
    z-index: 20;
    font-size: 12px;
    font-weight: bold;
    color: #000;
}

.accordion-btn.js-accordion-btn.is-show:after {
    content: "閉じる";
    
}
*/
.accordion-text {
  display: -webkit-box;
  -webkit-line-clamp: 3; /* 3行表示に制限 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  transition: max-height 0.3s ease; /* スムーズなアニメーション */
}

.accordion-text.expanded {
  -webkit-line-clamp: unset; /* 行数制限を解除 */
  max-height: none; /* 高さ制限を解除 */
}

.accordion-btn {
  display: block; /* ボタンをブロック要素にする */
  margin: 10px auto 0; /* 上下マージンと中央寄せ */
  cursor: pointer;
  color: #333333;
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
  text-align: center; /* テキストを中央寄せ */
  width: max-content; /* テキストの幅に合わせる */
}

.accordion-btn:hover {
  color: #333333;
}


.thema {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: calc(6 * 50px); /* 6個分の高さ */
  overflow: hidden; /* 初期表示で6個分の高さ制限 */
  transition: max-height 0.3s ease; /* スムーズなアニメーション */
}

.thema.expanded {
  max-height: none; /* 高さ制限を解除 */
}

.expandable-btn {
  display: block;
  margin: 10px auto;
  cursor: pointer;
  color: #333333;
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
  text-align: center;
  width: max-content;
}

.expandable-btn:hover {
  color: #333333;
}



.l-highlights__outer {
    padding-left: 30px;
    padding-right: 30px;
}

.l-highlights .subttl {
    margin: 0;
    padding: 0;
    border: none;
    font-size: 19px;
    position: relative;
    padding-left: 15px;
    line-height: 1.5em;
    margin-bottom: 25px;
    padding-top: 3px;
}

.l-highlights .subttl:before {
    content: "";
    display: block;
    height: 100%;
    width: 3px;
    background-color: #dc000c;
    position: absolute;
    left: 0px;
    top: 0px;
    border: 10px;
}

.category_vidual__childcategory__block {
    padding-left: 30px;
    padding-right: 30px;
}

.current_tag_area {
    margin-bottom: 50px;
    overflow: hidden;
    padding-top: 15px;
}

.current_tag_area ul li {
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 9px;
}

.current_tag_area ul li a {
    border: solid 1px #dc000c;
    border: solid 1px #000;
    border-radius: 100px;
    color: #dc000c;
    color: #000;
    font-size: 11px;
    line-height: 1.4em;
    padding: 5px 12px 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

a:hover {
    text-decoration: none;
    opacity: .7;
}

.current_tag_area ul li a:hover {
    text-decoration: none;
    /*opacity: 1;
    background-color: #f4f4f4;*/
}

.current_tag_area.current_tag_area_toggle {
    max-height: 325px;
    overflow: hidden;
    position: relative;
    padding-bottom: 90px;
}

.post_area.list .post .cont_area .tag {
    list-style: none;
}

.post_area.list .post .cont_area .tag li a {
    font-size: 12px;
    background-color: transparent;
    color: #dc000c;
}

.current_tag_area .thema {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0px -8px;
    width: calc(100% + 16px);
}

.current_tag_area .thema li {
    margin: 0px 8px;
    width: calc((100% - 16px * 3)/3);
    margin-bottom: 16px;
}

.current_tag_area .thema li a {
    border-radius: 5px;
    background-color: #ededed;
    width: 100%;
    height: 90px;
    z-index: 35;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    flex-direction: column;
    padding-top: 12px;
    border: none;
}

.current_tag_area .thema li a i {
    margin-bottom: 5px;
}

.current_tag_area .thema li a span {
    font-size: 11px;
    line-height: 1.4em;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 30px;
}

body {
    background-color: #f5f5f5;
}

.ico_all {
    width: 22px;
    height: 22px;
}

.ico_all:before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background-image: url('/assets/img/common/ico_all.svg');
    background-repeat: no-repeat;
}

.ico_buld {
    width: 22px;
    height: 22px;
}

.ico_buld:before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background-image: url('/assets/img/common/ico_buld.svg');
    background-repeat: no-repeat;
}

.ico_food {
    width: 22px;
    height: 22px;
}

.ico_food:before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background-image: url('/assets/img/common/ico_food.svg');
    background-repeat: no-repeat;
}

.ico_highlights {
    width: 22px;
    height: 22px;
}

.ico_highlights:before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background-image: url('/assets/img/common/ico_highlights.svg');
    background-repeat: no-repeat;
}

.ico_map {
    width: 22px;
    height: 22px;
}

.ico_map:before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background-image: url('/assets/img/common/ico_map.svg');
    background-repeat: no-repeat;
}

.ico_shopping {
    width: 22px;
    height: 22px;
}

.ico_shopping:before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background-image: url('/assets/img/common/ico_shopping.svg');
    background-repeat: no-repeat;
}

.fixed_narrow_down__block,
.category_vidual__spot_post__block {
    display: none;
}

#side_search_area {
    /*display: none;*/
}

.sp_show {
    display: block !important;
}

.pc_show {
    display: none !important;
}

#s_menu {
    display: none;
}

.l-categoris-list-header {
    background-color: #dc000c;
    margin-left: -30px;
    margin-right: -30px;
    width: calc(100% + 60px);
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 30px;
    box-sizing: border-box;
}

.l-categoris-list-header.l-categoris-travel-list-header {
    background-color: #dc000c;
}

.l-categoris-list-header.l-categoris-culture-list-header {
    background-color: #008cdf;
}

.l-categoris-list-header.l-categoris-lifestyle-list-header {
    background-color: #ed7000;
}

.l-categoris-list-header.l-categoris-outdoor-list-header {
    background-color: #00942c;
}

.l-categoris-list-header-title {
    display: block;
    text-align: center;
}

.l-categoris-list-header-title h1 {
    color: #fff;
    font-size: 24px;
    letter-spacing: .02em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.l-categoris-list-header-title h1 span {
    color: #fff;
    font-size: 11px;
    letter-spacing: .1em;
    opacity: .5;
    display: inline-block;
    margin-left: 15px;
}

.l-categoris-list-header__inner {
    padding: 30px;
}

.l-categoris-tags {
    text-align: left;
}

.l-categoris-tags__inner {}

.l-categoris-tags h2 {
    color: #222222;
    font-size: 19px;
    margin-bottom: 20px;
    text-align: center;
}

.l-categoris-tag-list {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    margin-bottom: 10px;
}

.l-categoris-tag-list li {
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 9px;
}

.l-categoris-tag-list li a {
    border: solid 1px #dc000c;
    border-radius: 100px;
    color: #dc000c;
    font-size: 11px;
    line-height: 1.4em;
    padding: 5px 12px 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.l-categoris-tag-list li a:hover {
    text-decoration: none;
}

.l-categoris-tag-list.l-categoris-travel-list li a {
    border: solid 1px #dc000c;
    color: #dc000c;
}

.l-categoris-tag-list.l-categoris-culture-list li a {
    border: solid 1px #008cdf;
    color: #008cdf;
}

.l-categoris-tag-list.l-categoris-lifestyle-list li a {
    border: solid 1px #ed7000;
    color: #ed7000;
}

.l-categoris-tag-list.l-categoris-outdoor-list li a {
    border: solid 1px #00942c;
    color: #00942c;
}

.l-categoris-list {
    margin-left: -30px;
    margin-right: -30px;
    width: calc(100% + 60px);
    border-radius: 30px 30px 0px 0px;
    /*background-color: #fff;*/
    overflow: hidden;
    margin-top: -30px;
}

.l-categoris-list__inner {
    background-color: #fff;
    padding: 30px;
    text-align: left;
}

.l-categoris-list__inner.l-categoris-list-article__inner {
    padding: 0;
}

.l-categoris-list.l-categoris-travel-list .l-categoris-tag-list li a {
    border: solid 1px #dc000c;
    color: #dc000c;
}

.l-categoris-list.l-categoris-culture-list .l-categoris-tag-list li a {
    border: solid 1px #008cdf;
    color: #008cdf;
}

.l-categoris-list.l-categoris-lifestyle-list .l-categoris-tag-list li a {
    border: solid 1px #ed7000;
    color: #ed7000;
}

.l-categoris-list.l-categoris-outdoor-list .l-categoris-tag-list li a {
    border: solid 1px #00942c;
    color: #00942c;
}

.l-categoris-list.l-categoris-travel-list .l-card-footer .l-theme-tag a {
    color: #dc000c;
}

.l-categoris-list.l-categoris-culture-list .l-card-footer .l-theme-tag a {
    color: #008cdf;
}

.l-categoris-list.l-categoris-lifestyle-list .l-card-footer .l-theme-tag a {
    color: #ed7000;
}

.l-categoris-list.l-categoris-outdoor-list .l-card-footer .l-theme-tag a {
    color: #00942c;
}

.l-categoris-more {
    text-align: right;
    padding-bottom: 25px;
}

.l-categoris-more a {
    font-size: 12px;
    text-align: left;
    display: inline-block;
    margin-left: auto;
    font-weight: bold;
}

.l-pager {
    padding-top: 10px;
    padding-bottom: 30px;
    display: flex;
    justify-content: center;
}

.l-pager__inner {}

.l-pager__inner ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}

.l-pager__inner ul li {
    list-style: none;
    margin: 0 3px;
    padding: 0;
    display: inline-block;
    margin-left: 0px;
    margin-right: 6px;
}

.l-pager__inner ul li:empty {
    display: none;
}

.l-pager__inner ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 35px;
    border: solid 1px #222222;
    border-radius: 5px;
    background-color: #ffffff;
    font-size: 12px;
    margin: 0px 3px;
    padding: 3px 14px;
}

.l-pager__inner ul li a {
    text-decoration: none;
}

.l-pager__inner ul li a.currnet {
    border: solid 1px #222222;
    border-radius: 5px;
    background-color: #fff600;
    color: #222;
}

.cont_title+.current_tag_area {
    margin-top: 10px;
}

.sec .g-navi {
    /*display: none;*/
}

.iframe-wrap {
    aspect-ratio: 4/3;
}

.iframe-wrap iframe {
    aspect-ratio: 4/3;
    width: 100%;
    height: auto;
}

.section__inner .tag {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.section__inner .tag li {
    padding: 0px;
}

.section__inner .tag li:before {
    display: none;
}

.section__inner .tag li span {
    font-size: 10px;
    line-height: 1.1em;
    white-space: nowrap;
    color: #dc000c;
    border: solid 1px #dc000c;
    padding: 5px 10px;
    border-radius: 20px;
    background-color: transparent;
}

p.detail_link_text {
    margin-bottom: 0px;
    padding: 0px;
}

.ico_link_arrow.ico_link_arrow_black:after {
    top: 9px;
}

.category_vidual__block .category_vidual__childcategory__block .description__title {
    text-shadow: none;
    color: #222;
    margin-bottom: 40px;
}

.cont_area {}

.entry__block .post .ph {
    margin-bottom: 15px;
}

.entry__block .post .ph img {
    width: 100%;
    height: auto;
}

.fixed_narrow_down__block {
    display: none !important;
}

.category_tab__block+.post_area.entry__block {
    margin-top: 25px;
}

.post_area.list {}

.post_area.list .cont_title {
    font-size: 16px;
    margin-bottom: 15px;
}

.post_area.list .post {
    display: flex;
    margin-bottom: 15px;
}

.post_area.list .post .ph {
    aspect-ratio: 1/1;
    width: 100%;
    height: 100%;
    max-width: 90px;
}

.post_area.list .post .ph img {
    aspect-ratio: 1/1;
    width: 100%;
    height: 100%;
    width: 90px;
    height: 90px;
    object-fit: cover;
    object-position: center;
    border-radius: 6px;
}

.post_area.list .post .cont_area {
    max-width: calc(100% - 90px);
    padding-left: 15px;
}

.post_area.list .post .cont_area h2 {
    font-size: 14px;
    padding: 0px;
    margin-bottom: 10px;
}

.post_area.list .post .cont_area h2:before {
    display: none;
}

.post_area.list .post .cont_area p {
    font-size: 11px;
    line-height: 1.6em;
}

.list .post_header h1 {
    margin: 0;
    padding: 0;
    border: none;
    font-size: 19px;
    position: relative;
    padding-left: 15px;
    line-height: 1.5em;
    margin-bottom: 25px;
    padding-top: 0px !important;
}

.list .post_header h1:before {
    content: "";
    display: block;
    height: 100%;
    width: 3px;
    background-color: #dc000c;
    position: absolute;
    left: 0px;
    top: 0px;
    border: 10px;
}

.list .post_header.l-categoris-list-header h1:before {
    display: none;
}

.list .post_header.l-categoris-list-header h1 {
    color: #fff;
    font-size: 24px;
    letter-spacing: .02em;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
}

.list .post_header+.post_area.list {
    margin-top: 20px;
}

.list .post_header .writer {
    padding: 30px;
    background-color: #fff600;
    border-radius: 30px 30px 0 0;
    margin-right: -30px;
    margin-left: -30px;
    width: calc(100% + 60px);
    margin-bottom: 30px;
}

.list .post_header .writer .writer_header__block {
    display: flex;
    align-items: center;
}

.list .post_header .writer .writer_header__block {
    padding-bottom: 15px;
}

.list .post_header .writer .writer_header__block .writer_photo {
    width: 100px;
    height: 100px;
    overflow: hidden;
}

.list .post_header .writer .writer_header__block .writer_text {
    padding-left: 15px;
    font-size: 14px;
}

.list .post_header .writer .writer_header__block .writer_text {}

.list .post_header .writer .writer_header__block .writer_text .l-writer-hp {
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;
}

.list .post_header .writer .writer_header__block .writer_text .l-writer-hp a {
    font-size: 12px;
    padding-bottom: 5px;
    border-bottom: solid 1px #222;
}

.list .post_header .writer .writer_header__block .writer_text .l-writer-hp a:hover {
    text-decoration: none;
    border-bottom: solid 1px rgba(0, 0, 0, 0.0);
}

.list .post_header .writer .writer_header__block .writer_text .l-writer-sns {
    display: flex;
    align-items: center;
    margin-top: 8px;
}

.list .post_header .writer .writer_header__block .writer_text .l-writer-sns p {
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 3px;
}

.list .post_header .writer .writer_header__block .writer_text ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: flex;
    margin-left: 16px;
}

.list .post_header .writer .writer_header__block .writer_text ul li {
    font-size: 12px;
    margin-right: 10px;
}

.list .post_header .writer .writer_header__block .writer_text ul li i {
    font-size: 14px;
}

.list .post_header .writer .writer_header__block .writer_photo .trim {
    display: block;
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 100px;
    border: solid 1px #000;
    background-color: #efefef;
}

.list .post_header .writer .writer_header__block .writer_photo .trim img {
    aspect-ratio: 1/1;
    object-fit: cover;
    object-position: center;
    width: 100px;
    height: 100px;
}

.list .post_header .writer .writer_text p {
    font-size: 13px;
    line-height: 1.6em;
}

.fill-bg-block {
    background-color: #eeeeee;
    margin-left: -30px;
    margin-right: -30px;
    width: calc(100% + 60px);
    padding: 30px;
    box-sizing: border-box;
    padding-bottom: 15px;
    margin-top: 30px;
}

@media screen and (max-width: 560px) {
  .fill-bg-block {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
  }
}

.fill-bg-block h2 {
    font-size: 14px;
}

.fill-bg-block .current_tag_area {
    padding: 0px;
    margin: 0px;
    margin-bottom: 15px !important;
}

.fill-bg-block .l-relation-tags h2,
.fill-bg-block .l-relation-tags h2.subttl.norborder {
    font-size: 14px;
    margin-bottom: 15px;
}

.fill-bg-block .current_tag_area span,
.fill-bg-block .current_tag_area a {
    font-size: 12px;
}

.fill-bg-block h4 {
    font-size: 14px;
    color: #222;
}

.fill-bg-block .current_tag_area ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    margin-bottom: 10px;
}

.fill-bg-block .current_tag_area ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
    margin-right: 3px;
    margin-bottom: 9px;
}

.fill-bg-block .current_tag_area ul li::before {
    display: none;
}

.fill-bg-block .current_tag_area ul li a {
    border: solid 1px #dc000c;
    border: solid 1px #000;
    border-radius: 100px;
    color: #dc000c;
    color: #000;
    font-size: 11px;
    line-height: 1.4em;
    padding: 5px 12px 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fill-bg-block .current_tag_area ul li a:hover {
    text-decoration: none;
}

.fill-bg-block+.g-sns.sns_embed {
    margin-top: 30px;
}

.side_area .area li {}

.side_area .area li a {
    display: block;
    padding: 6px 0px;
}

.side_area .area li a .fa-chevron-right:before {
    position: relative;
    top: -2px;
    margin-left: 6px;
}

#side_search_area {
    /*background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
    max-width: 300px;
    box-sizing: border-box;*/
}

.side_search_area__header .subttl {
    border: none;
    padding: 0px;
    margin-bottom: 5px;
}

.side_search_area__content {}

.side_search_area__content .search_area__body {}

.side_search_area__content .search_area__body .search_area__read {
    margin-bottom: 10px !important;
}

.side_search_area__content .search_area__body .search_area__read p,
.side_search_area__content .search_area__body .search_area__read a,
.side_search_area__content .search_area__body .search_area__read span {
    font-size: 13px;
}

.footer_search_area ul .btns.search_area__btns .btn {
    padding: 6px 15px;
    min-height: 30px;
}

.btns.search_area__btns .btn+.btn {
    margin-top: 8px;
}

.ico_spot {
    display: inline-block;
    margin-right: 9px;
    position: relative;
    top: 2px;
    width: 15px;
    height: 17px;
}

.ico_spot:before{
    background-image: url('/assets/img/common/ico_pin_color0.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 15px;
    height: 17px;
}
.ico_spot.ico_spot1:before{
    background-image: url('/assets/img/common/ico_pin_color1.svg');
}
.ico_spot.ico_spot2:before{
    background-image: url('/assets/img/common/ico_pin_color2.svg');
}
.ico_spot.ico_spot3:before{
    background-image: url('/assets/img/common/ico_pin_color3.svg');
}
.ico_spot.ico_spot4:before{
    background-image: url('/assets/img/common/ico_pin_color4.svg');
}

.ico_spot2 {
    display: inline-block;
    margin-right: 9px;
    position: relative;
    top: 1px;
}

.ico_genre {
    display: inline-block;
    margin-right: 7px;
    position: relative;
    top: -4px;
}

.search_items__block {
    padding-bottom: 10px;
}

.search_items__block .search_item p {
    padding: 6px 0px;
}

.drilldown ul {
    display: none;
    transform: translateX(100%);
    list-style: none;
}

.drilldown ul li {
    min-height: 45px;
}

.drilldown ul li a {
    display: flex;
    padding: 10px 9px;
    font-size: 0.75rem;
    color: #111;
    position: relative;
}

.drilldown ul li a.all {
    font-weight: bold;
}

.drilldown ul li a i {
    display: inline-block;
    position: relative;
    top: 4px;
    margin-right: 10px;
}

.drilldown ul li a i.fa {
    position: absolute;
    top: calc(50% - 5px);
    right: 10px;
}

.drilldown>ul {
    display: block;
    transform: translateX(0);
}

.drilldown ul li a.back {
    padding-left: 22px;
}

.drilldown ul li a.back i.fa.fa-angle-left {
    position: absolute;
    top: calc(50% - 5px);
    left: 13px;
    right: auto;
    margin-right: auto;
}

.drilldown {
    max-height: 390px;
    overflow: auto;
}

.drilldown ul li ul {
    position: relative;
    top: 0px;
    left: 0px;
}

.drilldown ul li {
    min-height: 45px;
}

.drilldown ul li a {
    font-size: 0.875rem;
    padding: 10px 9px;
    border-bottom: solid 1px #f3f2ee;
}

.drilldown ul li a .ico_spot {
    top: 5px;
    margin-right: 12px;
}

.drilldown ul li a i.fa {
    transform: scale(1.25);
}

.drilldown ul li a.back {
    padding-left: 30px;
}

.drilldown ul li a.back i.fa.fa-angle-left {
    position: absolute;
    top: calc(50% - 4px);
    left: 13px;
    right: auto;
    margin-right: auto;
}

.drilldown ul li a.back i.fa.fa-angle-left:before {
    position: relative;
    top: -2px;
}

.fa-angle-double-right:before {
    border-top: solid 1px #dc000c;
    border-right: solid 1px #dc000c;
    position: relative;
    top: -3px;
}

.fa-angle-left:before {
    border-bottom: solid 1px #dc000c;
    border-left: solid 1px #dc000c;
    position: relative;
    top: -3px;
}

.footer_search_area {
    padding-bottom: 20px;
}

.waku dt {
    font-size: 12px;
    line-height: 1.7em;
    font-weight: bold;
    margin-bottom: 0px;
}

.waku dl {
    /*height: 220px;*/
    padding-bottom: 0px;
    overflow: hidden;
    box-sizing: border-box;
    height: auto;
}

.waku dl dt {
    font-size: 12px;
    line-height: 1.7em;
    font-weight: bold;
    margin-bottom: 0px;
}

.waku dl dd {
    font-size: 12px;
    line-height: 1.7em;
    font-weight: normal;
    margin-bottom: 10px;
}

.waku .min-info {
    max-height: calc(100% - 30px);
}

.current_tag_area>div {
    margin-bottom: 6px;
}

.current_tag_area span,
.current_tag_area a {
    font-size: 12px;
}

.mid_section_body>.waku {
    font-size: 12px;
}

.mid_section_body>.waku:last-child {
    margin-bottom: 0px !important;
}

.l-content.main_area .post_header {
    padding-top: 0px;
    padding-bottom: 20px;
}

.l-content.main_area .post_header .post_thumbnail__block {
    margin-top: -30px;
}

.l-content.main_area .post_header.l-categoris-list-header {
    margin-top: -30px;
}

.l-content.main_area .post_header .l-spot-header {
    margin: 0;
    padding: 0;
    border: none;
    font-size: 19px;
    position: relative;
    padding-left: 15px;
    line-height: 1.5em;
    margin-bottom: 5px;
    padding-top: 0px;
}

.l-content.main_area .post_header .l-spot-header:before {
    content: "";
    display: block;
    height: calc(100% - 12px);
    width: 3px;
    background-color: #dc000c;
    position: absolute;
    left: 0px;
    top: 9px;
    border: 10px;
}

.l-content.main_area .post_header .l-spot-header small {
    font-size: 10px;
    display: inline-block;
    line-height: 1.4em;
}

.l-content.main_area .post_header .l-spot-header h1 {
    margin: 0;
    padding: 0;
    border: none;
    font-size: 19px;
}

.l-content.main_area .post_header h2 {
    margin: 0;
    padding: 0;
    border: none;
    font-size: 17px;
    line-height: 1.7em;
    font-weight: bold;
    color: #dc000c;
    border-bottom: solid 1px #dc000c;
    padding-bottom: 8px;
    margin-bottom: 13px;
}

.l-content.main_area .post_header p {
    font-size: 14px;
    line-height: 1.6em;
}

.l-writer_info {
    margin-bottom: 30px;
}

.l-writer_info__inner {
    display: flex;
    align-items: center;
}

.l-writer_info__inner .writer_photo {
    width: 50px;
}

.l-writer_info__inner .writer_text {
    width: calc(100% - 50px);
    padding-left: 15px;
}

.l-content.main_area .post_header .l-writer_info__inner .writer_text p,
.l-writer_info__inner .writer_text p {
    font-size: 12px;
}

.l-writer_info__inner .writer_photo .trim {
    width: 50px;
    height: 50px;
    border-radius: 100px;
    border: solid 1px #000;
    overflow: hidden;
    box-sizing: border-box;
}

.l-writer_info__inner .writer_photo .trim img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    object-position: center;
}

.side_area .g-search-navi {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
    max-width: 300px;
    box-sizing: border-box;
}

.side_area .g-search-navi__inner h2 {
    padding-top: 0px;
    margin-top: 0px;
}

.side_area .g-search-navi__inner .area {
    margin-bottom: 0px !important;
}

.side_area .g-search-navi__inner .area li a {
    font-size: 14px;
}

.sp_filtering_mordal__block {
    display: none;
}

.ico_link_arrow:after {
    left: 0px;
    top: 5px;
}

.introduction__block .introduction__ttl {
    margin: 0;
    padding: 0;
    border: none;
    font-size: 19px;
    position: relative;
    padding-left: 15px;
    line-height: 1.5em;
    margin-bottom: 25px;
    padding-top: 3px;
}

.introduction__block .introduction__ttl:before {
    content: "";
    display: block;
    height: 100%;
    width: 3px;
    background-color: #dc000c;
    position: absolute;
    left: 0px;
    top: 0px;
    border: 10px;
}

.side_area .g-sidebox-base {
    margin-bottom: 20px;
}

.side_area .g-sidebox-base .g-sidebox-base__inner {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    max-width: 300px;
    box-sizing: border-box;
}

.side_area .g-sidebox-base .g-sidebox-base__inner h2 {
    margin-top: 0px;
}

.side_area .g-sidebox-base .g-sidebox-base__inner .info {
    list-style: none;
}

.side_area .g-sidebox-base .g-sidebox-base__inner .info li a {
    font-size: 14px;
    display: block;
    padding: 6px 0px;
}

.side_area .g-sidebox-base .g-sidebox-base__inner .info li a .fa-chevron-right:before {
    position: relative;
    top: -2px;
    margin-left: 6px;
}

.thumnail-box {
    list-style: none;
}

.entry__block ul.thumnail-box li,
.post_body ul.thumnail-box li,
.thumnail-box li {
    padding: 0px;
}

.entry__block ul.thumnail-box li:before,
.post_body ul.thumnail-box li:before,
.thumnail-box li:before {
    display: none;
}

.thumnail-box li.active a img {
    border-color: #dc000c;
}

.l-content.main_area .post_header h1 {
    margin: 0;
    padding: 0;
    border: none;
    font-size: 22px;
    position: relative;
    /*padding-left: 15px;*/
    line-height: 1.5em;
    margin-bottom: 25px;
    padding-top: 0px !important;
}
/*
.l-content.main_area .post_header h1:before {
    content: "";
    display: block;
    height: 100%;
    width: 3px;
    background-color: #dc000c;
    position: absolute;
    left: 0px;
    top: 0px;
    border: 10px;
}

*/
.l-content.main_area .post_header h1:before {
    display: none;
}
.list .l-content.main_area .post_header.l-categoris-list-header h1 {
    padding: 0px;
    margin: 0px;
}

.list .l-content.main_area .post_header.l-categoris-list-header h1:before {
    display: none;
}

.l-content.main_area .post_header .l-spot-header h1 {}

.l-content.main_area .post_header .l-spot-header h1:before {
    display: none;
}

.okuduke {
    padding-top: 20px;
}

.okuduke dl {}

.okuduke dl dt,
.okuduke dl dd {
    font-size: 12px;
    line-height: 1.7em;
}

.okuduke dl dt {
    font-weight: bold;
}

.okuduke dl dd {
    margin-bottom: 10px;
}

.yarpp-related .cont_title {
    margin-bottom: 20px;
}

.yarpp-related .post_area.list .post .cont_area h2 {
    font-size: 14px;
}

.introduction__block {
    margin-bottom: 30px;
}

.post_body>h2:empty {
    display: none;
}

.post_body>small {
    font-size: 12px;
}

.post_body>small+h2 {
    margin-top: 3px;
    padding-top: 0px;
}

.g-sidebox-base {
    margin-bottom: 40px;
}

.g-sidebox-base__inner {}

.g-sidebox-base__inner h2 {
    padding-top: 0px;
    font-size: 20px;
}

.g-sidebox-base__inner .post_area.list.min {}

.g-sidebox-base__inner .post_area.list.min .thumbnail {
    width: 110px;
    height: 80px;
}

.g-sidebox-base__inner .post_area.list.min .text-wrapper {
    width: calc(100% - 110px);
    padding: 0px;
    padding-left: 15px;
    box-sizing: border-box;
}

.g-sidebox-base__inner .post_area.list.min .text-wrapper h3 {
    font-size: 13px;
    font-weight: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.g-sidebox-base__inner .post_area.list.min .thumbnail img {
    width: 110px;
    height: 80px;
    object-fit: cover;
    object-position: center;
}

.fill-bg-block .l-breadcrumb {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    margin-bottom: 20px;
}

.fill-bg-block .l-breadcrumb .current_tag_area {
    padding: 0px;
    margin: 0px;
}

.fill-bg-block .l-breadcrumb .current_tag_area>div {
    padding: 0px;
}

.section_related_articles .post {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.section_related_articles .post .ph {
    display: block;
    height: 90px;
    width: 90px;
}

.section_related_articles .post .ph img {
    height: 90px !important;
    width: 90px !important;
    object-fit: cover;
    object-position: center;
}

.section_related_articles .post .cont_area {
    width: calc(100% - 110px);
    padding: 0px 0 0 15px;
    box-sizing: border-box;
}

.section_related_articles .post .cont_area p {
    font-size: 11px;
    margin: 0px;
    padding: 0px;
    color: #dc000c;
}

.section_related_articles .post .cont_area a {
    font-size: 14px;
    padding: 0px;
    margin-bottom: 10px;
}

.ad_tabs_footer_tips+div {
    width: 100%;
    overflow: hidden;
    max-width: 100%;
    height: 120px;
}

.ad_tabs_footer_tips+div iframe {
    /*max-width: 100%;*/
    transform: scale(0.7);
    transform-origin: left top;
}

.mid_section_body p iframe {
    aspect-ratio: 600/450;
    max-width: 100%;
    height: auto;
}

.inner .cont_title {
    border: none !important;
}

.transportation__block {}

.sec .post_header figure .photo_source {
    font-size: 12px;
    margin-bottom: 15px;
    display: block;
}

.post_body blockquote p {
    font-size: 13px;
}

.transportation__block {
    padding-bottom: 20px;
}

.transportation_inner__block {
    display: flex;
    align-items: center;
    padding-bottom: 30px;
    position: relative;
    padding-top: 15px;
}

.transportation_inner__block:before {
    content: "";
    display: block;
    width: 0px;
    height: 70px;
    position: absolute;
    left: 6px;
    top: 0px;
    border-right: dotted 4px #dc000c;
}

.transportation_inner__block:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-bottom: solid 3px #dc000c;
    border-right: solid 3px #dc000c;
    position: absolute;
    left: 3px;
    top: 73px;
    transform: rotate(45deg);
}

.transportation_inner__block .transportation_txt {
    margin: 0px;
    margin-left: 15px;
    /*position: absolute;
    top: 35px;
    left: 25px;*/
}

.transportation_inner__block .transportation_items {
    list-style: none;
    padding: 0px;
    margin-bottom: 0px;
}

.transportation_inner__block .transportation_items .transportation_item {
    padding-left: 25px;
}

.transportation_inner__block .transportation_items .transportation_item::before {
    display: none;
}

.index .l-mainvisual__inner {
    
    padding-top: 10px;
}

@media screen and (min-width: 768px) {
    body {
        background-color: #FAFAFA;
    }
    .pankz {
        padding: 10px;
    }
    .pankz p,
    .pankz span {
        font-size: 13px;
        white-space: nowrap;
    }
    .index {
        background-color: #FAFAFA;
    }
    .index .l-mainvisual {
        padding-bottom: 30px;
        
    }
    .index .l-mainvisual__inner {
        background-color: #fff;
        padding-top: 20px;
    }
    .l-main-swiper .swiper-slide {
        max-width: 370px;
    }
    .l-main-swiper .swiper-slide .l-card {
        margin-bottom: 20px;
    }
    .l-main-swiper .swiper-slide .l-card .l-card-thumb {
        left: 0px;
        width: calc(100% - 15px);
    }
    .g-navi .g-navi__inner {
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
    }
    .g-navi__inner ul li a {
        font-size: 14px;
    }
    .g-search-mordal {
        display: block;
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box;
    }
    .g-content {
        display: flex;
        max-width: 1180px;
        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box;
        flex-wrap: wrap;
    }
    .l-content.main_area {
        max-width: calc(100% - 300px);
        max-width: 720px;
        padding-right: 0px;
        margin-right: auto;
        box-sizing: border-box;
    }
    .side_area {
        display: block;
        max-width: 300px;
        margin-left: 60px;
        /*background-color: #eeeeee;*/
        width: 100%;
    }
    .side_area .pc_show>div .post_area.list {
        /*background-color: #fff;
        padding: 20px;
        border-radius: 10px;
        margin-bottom: 20px;
        max-width: 300px;
        box-sizing: border-box;*/
    }
    .side_area .pc_show>div .cont_title {
        margin-top: 0px;
    }
    .side_area h2 {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .side_area h2+div {
        margin-bottom: 0px;
    }
    .side_area .post_area.list.min {}
    .side_area .post_area.list.min .item {
        background: transparent;
        border: none;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .side_area .post_area.list.min .item .text-wrapper h3 {
        font-size: 13px;
        font-weight: normal;
        line-height: 1.6em;
    }
    .side_area .post_area.list.min .post {
        display: flex;
    }
    .side_area .post_area.list.min .ph {
        aspect-ratio: 1/1;
        width: 100%;
        max-width: 90px;
    }
    .side_area .post_area.list.min .ph img {
        max-width: 100%;
        height: 90px;
        width: 90px;
        object-fit: cover;
        object-position: center;
    }
    .side_area .post_area.list.min .cont_area {
        width: calc(100% - 110px);
        padding: 0px 0 0 15px;
        box-sizing: border-box;
    }
    .side_area .post_area.list.min .cont_area p,
    .side_area .post_area.list.min .cont_area h2,
    .side_area .post_area.list.min .cont_area ul li {
        font-size: 13px;
        /*font-weight: normal;*/
        line-height: 1.6em;
    }
    .side_area .post_area.list.min .cont_area h2 {
        margin: 0px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
    .side_area .post_area.list.min .cont_area h2+p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        display: none;
    }
    .side_area .post_area.list.min .cont_area .tag {
        list-style: none;
    }
    .side_area .post_area.list.min .cont_area .tag li a {
        background-color: transparent;
        font-size: 10px;
        color: #dc000c;
    }
    .g-footer-nav__inner,
    .g-footer-about__inner {
        max-width: 860px;
        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box;
    }
    .g-footer-theme__inner {
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box;
    }
    .g-footer-nav__inner ul li {
        width: calc(100% / 4);
    }
    .index .g-content {
        display: flex;
        max-width: 1180px;
    }
    .index .g-content .l-content {
        
        max-width: calc(100% - 360px);
        border-radius: 10px;
        padding: 30px;
        margin-bottom: 0px;
    }
    .index .g-content .side_area {
        max-width: 300px;
        margin-left: auto;
    }
    .l-add__block {
        margin-bottom: 30px;
    }
    .index .l-content .l-card-list {
        padding: 0px;
    }
    .l-content .l-pickup .l-card-list .l-card-list-body {
        max-width: calc(100% + 30px);
        margin-left: -15px;
        margin-right: -15px;
    }
    .l-content .l-pickup .l-card-list .l-card-list-body .l-card {
        width: 100%;
        max-width: calc((100% - 30px* 3) / 3);
        margin-left: 15px;
        margin-right: 15px;
        box-sizing: border-box;
        margin-bottom: 35px;
        position: relative;
    }
    .index .l-pickup {
        padding-bottom: 20px;
    }
    /*
    - index 
    */
    .index .l-card-list.l-theme-card-list .l-card-list-body p {
        font-size: 10px;
        font-weight: bold;
        color: #dc0000;
        margin-bottom: 20px;
    }
    .index .l-card-list.l-theme-card-list.l-theme-travel-card-list .l-card-list-body p {
        color: #dc0000;
    }
    .index .l-card-list.l-theme-card-list.l-theme-culture-card-list .l-card-list-body p {
        color: #008cdf;
    }
    .index .l-card-list.l-theme-card-list.l-theme-lifestyle-card-list .l-card-list-body p {
        color: #ed7000;
    }
    .index .l-card-list.l-theme-card-list.l-theme-outdoor-card-list .l-card-list-body p {
        color: #00942c;
    }
    /*
    - index recommend_feature
    */
    .l-recommend_feature {
        margin-right: -30px;
        margin-left: 30px;
        width: calc(100% + 0px);
    }
    .l-recommend_feature.l-recommend_feature_left {
        padding: 30px;
        background-color: #fff600;
        border-radius: 0px 30px 30px 0px;
        margin-right: 0px;
        margin-left: -30px;
        width: calc(100% + 30px);
        margin-bottom: 60px;
    }
    .l-recommend_feature.l-recommend_feature_left .l-card-list .l-card-list-header {
        width: 35px;
        height: auto;
        position: absolute;
        left: auto;
        top: -5px;
        right: -45px;
        display: block;
        margin: 0;
        padding: 0;
    }
    .l-recommend_feature.l-recommend_feature_left .l-card-list .l-card-list-header:before {
        transform: scale(-1, 1);
        left: calc(50% - 9px);
    }
    .l-recommend_feature {
        margin-top: 60px;
        margin-bottom: 60px;
    }
    .btns + .l-recommend_feature{
        margin-top: 40px;
    }
    .l-recommend_feature .l-card-list .l-card-list__inner {
        display: flex;
        flex-wrap: wrap;
        margin-left: -10px;
        margin-right: -10px;
        width: calc(100% + 20px);
    }
    .l-recommend_feature .l-card-list .l-card {
        display: block;
        margin-left: 10px;
        margin-right: 10px;
        width: calc((100% - 20px*3)/3);
        margin-bottom: 20px;
    }
    .l-recommend_feature .l-card-list .l-card:nth-child(n+4) {
        display: none;
    }
    .l-recommend_feature:last-of-type {
        margin-bottom: 0px;
    }
    .l-recommend_feature:last-of-type .l-card-list .l-card:nth-child(n+4) {
        display: block;
    }
    .l-recommend_feature .l-card-list .l-card .l-card-thumb {
        display: block;
        width: 100%;
        height: auto;
        aspect-ratio: 4/3;
    }
    .l-recommend_feature .l-card-list .l-card .l-card-thumb img {
        width: 100%;
        height: auto;
        aspect-ratio: 4/3;
    }
    .l-recommend_feature .l-card-list .l-card .l-card-body {
        display: block;
        padding: 0px;
        padding-top: 10px;
        width: 100%;
    }
    .l-recommend_feature .l-card-list .l-card .l-card-body h4 {
        font-size: 14px;
    }
    .sec .l-recommend_feature .l-card-list .l-card-list__inner {
        margin-left: 0px;
        margin-right: 0px;
        width: calc(100% + 0px);
    }
    .sec .l-recommend_feature .l-card-list .l-card {
        display: flex;
        margin: 0px;
        max-width: 100%;
        width: 100%;
    }
    .sec .l-recommend_feature .l-card-list .l-card+.l-card {
        margin-top: 20px;
    }
    .sec .l-recommend_feature .l-card-list .l-card .l-card-thumb {
        width: 75px;
        aspect-ratio: 1 / 1;
        display: block;
        margin-left: 0px;
        position: relative;
    }
    .sec .l-recommend_feature .l-card-list .l-card .l-card-thumb img {
        aspect-ratio: 1 / 1;
    }
    .sec .l-recommend_feature .l-card-list .l-card .l-card-body {
        margin: 0px;
        padding: 0px;
        width: calc(100% - 75px);
        padding-left: 10px;
        box-sizing: border-box;
        position: relative;
        padding-bottom: 0px;
    }
    .index .g-content .l-content .swiper-slide {
        width: 100%;
        max-width: 200px;
    }
    .index .g-content .l-content .swiper-slide .l-card {
        width: 100%;
        max-width: 200px;
    }
    .index .l-recommend_feature .l-card-list .l-card .l-card-thumb img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 4 / 3;
    }
    /*-------*/
    .side_area .l-ranking h2 {
        margin: 0px auto;
    }
    .side_area .l-ranking {
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
        padding: 25px;
        padding-bottom: 10px;
    }
    .l-ranking-items .l-ranking-item {
        padding: 20px;
    }
    .l-ranking-tabs ul li a {
        height: 40px;
        line-height: 1.5em;
        text-align: center;
    }
    .l-ranking-items .l-ranking-item .l-card .l-card-body {
        padding-top: 0px;
    }
    .side_area .l-ranking {
        margin-bottom: 15px;
    }
    .side_area .l-ranking h2 {
        font-size: 13px;
        line-height: 1.5em;
    }
    .l-ranking-items .l-ranking-item .l-card .l-card-body .l-card-meta {
        margin-bottom: 0px;
        position: static;
    }
    .l-content.main_area .post_header .l-writer_info__inner .writer_text p,
    .l-writer_info__inner .writer_text p {
        font-size: 12px;
    }
    /*
    - side_area
    */
    /*
    - side_area l-y-recomend
    */
    .side_area .l-y-recomend {
        background-color: #fff;
        padding: 15px;
        border-radius: 10px;
        margin-bottom: 30px;
    }
    .side_area .l-y-recomend h2 {
        margin: 0px;
    }
    .side_area .l-y-recomend .l-y-recomend-pickup .l-card-body h2 {
        font-size: 16px;
        line-height: 1.5em;
    }
    .side_area .l-y-recomend .l-card-list-body .l-card-body h2 {
        font-size: 13px;
        line-height: 1.5em;
    }
    .side_area .l-y-recomend .l-y-recomend-body .l-theme-card-list {
        margin-bottom: 10px;
    }
    .side_area .l-y-recomend .l-y-recomend-body .swiper-slide {
        width: 100%;
        max-width: 150px;
        margin-right: 20px;
    }
    .side_area .l-theme-card-list .l-card-list-body .swiper {
        padding-bottom: 25px;
        margin-right: -15px;
        width: calc(100% + 15px);
    }
    /*
    - side_area l-release
    */
    .side_area .l-release {
        background-color: #fff;
        padding: 15px;
        border-radius: 10px;
        margin-bottom: 30px;
    }
    .side_area .l-release .l-release__inner .l-card-body h2 {
        font-size: 13px;
        line-height: 1.5em;
    }
    .side_area .l-release .l-theme-card-list {
        margin-bottom: 0px;
    }
    .side_area .l-release .l-card-list-body .swiper-slide {
        width: 100%;
        max-width: 150px;
        margin-right: 20px;
    }
    .side_area .maker img {
        display: none;
    }
    .side_area .area {
        list-style: none;
    }
    .side_area .area li {
        list-style: none;
    }
    .sp_show {
        display: none !important;
    }
    .pc_show {
        display: block !important;
    }
    .l-reservation__inner {
        padding: 30px 30px;
        padding-bottom: 10px;
    }
    /*
    - travel
    */
    .sec .sec_content {
        display: flex;
        max-width: 1180px;
        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box;
        flex-wrap: wrap;
    }
    .sec .sec_content .main_area {
        max-width: calc(100% - 320px);
        max-width: 720px;
        padding-right: 0px;
        margin-right: auto;
        box-sizing: border-box;
    }
    .sec .g-content.sec_content>.l-ranking {
        max-width: 780px;
        padding-right: 0px;
        margin-right: auto;
        margin-left: -30px;
        width: calc(100% + 30px);
        padding: 30px;
        box-sizing: border-box;
    }
    .sec .g-content.sec_content>.l-ranking .l-ranking-body {
        margin-left: 0px;
        margin-right: 0px;
        width: calc(100% + 0px);
    }
    .sec .g-content.sec_content>.l-search-toggles {
        max-width: 780px;
        padding-right: 0px;
        margin-right: auto;
        margin-left: -30px;
        width: calc(100% + 30px);
        background-color: #f4f4f4;
        padding: 15px 30px;
        box-sizing: border-box;
    }
    .toggle_list__block {
        padding: 0px 15px;
    }
    .l-categoris-list__inner .l-card-list {}
    .l-categoris-list__inner .l-card-list .l-card {
        max-width: calc((100% - 20px* 4) / 4);
    }
    .l-categoris-list__inner.l-categoris-list-article__inner {
        padding: 0;
    }
    /*
    - region
    */
    .category_vidual__text__block {
        /*min-height: 300px;*/
        padding-top: 100px;
    }
    .category_vidual__block .description__title {
        margin-bottom: 90px;
    }
    .category_vidual__block .category_vidual__childcategory__block .description__title {
        text-shadow: none;
        color: #222;
        margin-bottom: 40px;
    }
    /*
    - logly-lift-widget
    */
    #logly-lift-widget .logly-lift-widget-header {
        font-size: 18px !important;
    }
    #logly-lift-widget .logly-lift-ad-time {
        font-size: 11px !important;
    }
    #logly-lift-widget .logly-lift-ad-adv {
        font-size: 11px !important;
    }
    #logly-lift-widget .logly-lift-ad-title {
        font-size: 13px !important;
        height: auto !important;
        margin-bottom: 0px !important;
    }
    #logly-lift-widget .logly-lift-ad-cat,
    #logly-lift-widget .logly-lift-ad-pr {
        font-size: 10px !important;
        position: relative;
        top: -8px !important;
    }
    .post_area.list .post .cont_area h2 {
        font-size: 16px;
    }
    .post_area.list .post .cont_area p {
        font-size: 13px;
        line-height: 1.6em;
    }
    .post_area.list .post .cont_area p.ymd {
        font-size: 11px;
        line-height: 1.6em;
        color: #999;
    }
    .list .post_header+.post_area.list {
        margin-top: 20px;
    }
    .list .post_header .writer {}
    .list .post_header .writer .writer_text p {
        font-size: 13px;
        line-height: 1.6em;
    }
    #browsi_adContainer_ai_600_ati_1_rc_0,
    #browsi_adContainer_ai_600_ati_1_rc_0,
    #browsi_adContainer_ai_0_ati_1_rc_0 {
        margin: 0px !important;
    }
    .mid_section_body {
        padding-bottom: 40px;
    }
    .side_area .bn_area {
        margin-bottom: 25px;
    }
    .list .drilldown {
        max-height: none;
    }
    .drilldown ul li a {
        padding-left: 0px;
        padding-right: 0px;
    }
    /*.side_area>.pc_show div.both {
        background-color: #fff;
        padding: 20px;
        border-radius: 10px;
        margin-bottom: 20px;
        max-width: 300px;
        box-sizing: border-box;
    }*/
    .side_area>.pc_show div.both h2 {
        margin-top: 0px;
    }
    .side_area>.pc_show div.both .post_area.list.min {
        padding: 0px;
        border-radius: 0px;
    }
    .side_area>.pc_show div.both .post_area.list.min .ph img {
        aspect-ratio: 1 / 1;
        width: 100%;
        height: 100%;
        width: 90px;
        height: 90px;
        object-fit: cover;
        object-position: center;
        border-radius: 6px;
    }
    /*div>.post_area.list.min {
        background-color: #fff;
        padding: 20px;
        border-radius: 10px;
        margin-bottom: 20px;
        max-width: 300px;
        box-sizing: border-box;
    }*/
    .side_area .post_area.list.min .item .text-wrapper h3 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
    }
    .post_body ul.thumnail-box li {
        padding: 0px;
    }
    .post_body ul.thumnail-box li:before {
        display: none;
    }
    .post_body ul.thumnail-box li.active a img {
        border-color: #dc000c;
    }
    .side_search_area__content .search_area__body+.search_area__body {
        display: none;
    }
    .spot .post_header small {
        font-size: 12px;
    }
    .spot .post_header small+h2 {
        margin-top: 8px;
    }
    .spot .l-content.main_area .post_header p {
        font-size: 16px;
        line-height: 1.8em;
    }
    .ad_tabs_footer_tips+div {
        width: 100%;
        overflow: hidden;
        max-width: 100%;
        height: auto;
    }
    .ad_tabs_footer_tips+div iframe {
        /*max-width: 100%;*/
        transform: scale(1);
        transform-origin: left top;
    }
    /*.transportation_inner__block {
        display: flex;
        align-items: center;
        padding-bottom: 30px;
        position: relative;
        padding-top: 120px;
    }
    .transportation_inner__block:before {
        content: "";
        display: block;
        width: 0px;
        height: 90px;
        position: absolute;
        left: 19px;
        top: 0px;
        border-right: dotted 4px #dc000c;
    }
    .transportation_inner__block:after {
        content: "";
        display: block;
        width: 8px;
        height: 8px;
        border-bottom: solid 3px #dc000c;
        border-right: solid 3px #dc000c;
        position: absolute;
        left: 16px;
        top: 93px;
        transform: rotate(45deg);
    }*/
    .transportation_inner__block .transportation_txt {
        margin: 0px;
        margin-left: 15px;
        /*position: absolute;
        top: 35px;
        left: 25px;*/
    }
    .post_body ul.transportation_items,
    .transportation_items {
        list-style: none;
        margin-bottom: 0px;
    }
    .transportation_items .transportation_item {
        padding: 0px;
    }
    .transportation_items .transportation_item .ico_walking {
        width: 42px;
        height: 42px;
        /*margin-right: 15px;*/
    }
    .transportation_items .transportation_item .ico_walking:before {
        display: block;
        width: 42px;
        height: 42px;
    }
    .transportation_items .transportation_item:before {
        display: none;
    }
    .sec .post_header figure .photo_source {
        font-size: 12px;
        margin-bottom: 15px;
        display: block;
    }


    .entry__block p img, .post_body p img{
        max-width: 100%;
        height: auto;
    }

}


@media screen and (max-width: 560px) {
    .entry__block p, .post_body p{
        overflow: hidden;
    }
    .entry__block p img,
    .post_body p img,
    .entry__block img,
    .post_body img{
        max-width: 100%;
        height: auto;
    }
}
.g-search-tag-mordal-base {
    position: fixed;
    background: rgba(0, 0, 0, .4);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 8000;
    backdrop-filter: blur(5px);
    display: none;
}

.g-search-tag-mordal {
    position: fixed;
    left: 50%;
    top: 40%;
    transform: translateY(-50%) translateX(-50%);
    border-radius: 10px;
    background-color: #fff;
    max-width: 800px;
    max-height: 500px;
    width: 100%;
    z-index: 8001;
    overflow: hidden;
    display: none;
}

.g-search-tag-mordal__inner {
    padding: 0px;
}

.g-search-tag-mordal-header {
    border-bottom: solid 1px #ddd;
    padding: 0px;
    min-height: 53px;
    position: relative;
}

.g-search-tag-mordal-btn {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 53px;
    min-height: 53px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.g-search-tag-season,
.g-search-tag-situation {
    opacity: .5;
    pointer-events: none;
}

.g-search-tag-season.is-active,
.g-search-tag-situation.is-active {
    opacity: 1;
    pointer-events: all;
}

.g-search-tag-select-tags {
    list-style: none;
    display: inline-block;
    padding: 10px 10px;
}

.g-search-tag-select-tags li {
    display: inline-block;
    margin-right: 3px;
}

.g-search-tag-select-tags li a i,
.g-search-tag-select-tags li span i {
    display: none;
}

.g-search-tag-select-tags li a,
.g-search-tag-select-tags li span {
    display: inline-block;
    padding: 8px 15px;
    padding-top: 7px;
    border-radius: 100px;
    background-color: #e4e4e4;
    font-size: 13px;
    line-height: 1.3em;
    cursor: pointer;
}

.g-search-tag-select-tags li a:hover,
.g-search-tag-select-tags li span:hover {
    background-color: #cecece;
}

.g-search-tag-select-tags li a::after,
.g-search-tag-select-tags li span::after {
    content: "\f057";
    font: normal normal normal 14px / 1 FontAwesome;
    margin-left: 5px;
}

.g-search-tag-mordal-body {
    display: block;
}

.g-search-tag-mordal-body .g-search-tag-mordal-body-scroll {
    padding: 0px 0px;
    max-height: 448px;
    max-height: 390px;
    overflow: auto;
    width: 100%;
    height: 448px;
    height: 390px;
}

.g-search-tag-mordal-body .g-search-tag-tags-title {
    font-size: 12px;
    font-size: 16px;
    font-weight: bold;
    color: #999999;
    padding: 5px 15px;
    padding-top: 10px;
    border-top: solid 1px #ececec;
}

.g-search-tag-mordal-body .g-search-tag-tags-title:first-child {
    border: none;
}

.g-search-tag-mordal-body .g-search-tag-tags {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 0px;
}

.g-search-tag-mordal-body .g-search-tag-tags a,
.g-search-tag-mordal-body .g-search-tag-tags span {
    display: block;
    padding: 10px 15px;
    font-size: 15px;
    cursor: pointer;
}

.g-search-tag-mordal-body .g-search-tag-tags a:hover,
.g-search-tag-mordal-body .g-search-tag-tags span:hover {
    background-color: #eee;
}

.g-search-tag-mordal-body .g-search-tag-tags ul {
    list-style: none;
}

.g-search-tag-mordal-body .g-search-tag-tags {
    /*border-top: solid 1px #eee;*/
}

.g-search-tag-mordal-body .g-search-tag-tags li {
    /*border-bottom: solid 1px #eee;*/
}

.g-search-tag-mordal-body .g-search-tag-tags li ul {
    display: none;
    padding-left: 1em;
}

.g-search-tag-mordal-body .g-search-tag-tags li ul li:first-child {
    display: none;
}

.g-search-tag-mordal-body .g-search-tag-tags li a.open+ul,
.g-search-tag-mordal-body .g-search-tag-tags li span.open+ul {
    display: block;
}

.g-search-tag-mordal-footer{
    padding: 5px 10px 10px;
}

.g-search-tag-mordal-footer .btns.search_area__btns{
    display: flex;
    margin-left: -5px;
    margin-right: -5px;
    width: calc(100% + 10px);
    margin-bottom: 0px;
}

.g-search-tag-mordal-footer .btns.search_area__btns .btn{
    padding: 10px;
    min-height: 45px;
    margin: 0px;
    margin-left: 5px;
    margin-right: 5px;
    width: calc((100% - 10px*2)/2);
    cursor: pointer;
}

.g-search-tag-mordal-footer .btns.search_area__btns .btn:hover{
    opacity: .8;
}


.g-search-tag-mordal-footer .btns.search_area__btns .btn.submit_btn2{
    background-color: #000;
    color: #fff;
    font-weight: bold;
}



.g-mian-sidebox-base{
    padding:0px 0px;
    margin-bottom: 20px;
    margin-top: 30px;
}

.g-mian-sidebox-base__inner{
    padding: 20px;
    padding: 10px;
    padding-bottom: 5px;
    /*background-color: #fff600;
    background-color: #fffb7f;*/
    background-color: #fffca7;
    border-radius: 10px;
}

.g-mian-sidebox-base__inner .g-sidebox-base{
    margin-bottom: 0px;
}

.g-mian-sidebox-base__inner .g-sidebox-base .side_search_area__header{
    padding-bottom: 15px;
}

.g-mian-sidebox-base__inner .g-sidebox-base .side_search_area__header .subttl{
    font-size: 0.8rem;
    margin-bottom: 0px;
}

.g-mian-sidebox-base__inner .g-sidebox-base .side_search_area__header div[spottype="dynamic_mc"]{
    display: none !important;
}
.g-mian-sidebox-base__inner .g-sidebox-base .side_search_area__content{
    background-color: #fff;
}
.g-mian-sidebox-base__inner .g-sidebox-base .side_search_area__content .search_area__body{
    overflow: auto;
}

.g-mian-sidebox-base__inner .search_items__block{
    display: flex;
    padding: 3px 10px;
    background-color: #fff;
    border: solid 1px #000;
    border-radius: 5px;
    border-radius: 5px 5px 10px 10px;
    margin-bottom: 0px;
    border: none;
    flex-wrap: nowrap;
    /*flex-wrap: wrap;*/
}
@media screen and (max-width: 560px) {
    .g-mian-sidebox-base__inner .search_items__block{
        flex-wrap: nowrap;
    }
}
.g-mian-sidebox-base__inner .search_items__block>div{
    padding-right: 10px;
    white-space: nowrap;
}

.g-mian-sidebox-base__inner .search_items__block a{
    border-radius: 100px;
    /*background-color: #efefef;*/
    background-color: #f4f4f4;
    padding: 4px 15px;
    font-size: 14px;
    display: block;
}

@media screen and (max-width: 560px) {
    .g-mian-sidebox-base__inner .search_items__block a{
        display: inline-block;
        white-space: nowrap;
    }
}

.g-mian-sidebox-base__inner .search_area__read{
    display: none;
}
.g-mian-sidebox-base__inner .btns.search_area__btns{
    display: flex;
    margin-left: -5px;
    margin-right: -5px;
    width: calc(100% + 10px);
    display: none;
}

.g-mian-sidebox-base__inner .btns.search_area__btns .btn{
    padding: 10px;
    min-height: 45px;
    margin: 0px;
    margin-left: 5px;
    margin-right: 5px;
    width: calc((100% - 10px*2)/2);
    cursor: pointer;
}
.btns.search_area__btns .btn.clear_btn{
   /*border: none;*/
}

.btns.search_area__btns .btn.submit_btn{
    background-color: #000;
    color: #fff;
    font-weight: bold;
}
.ico_search_w{
    font: normal normal normal 14px / 1 FontAwesome;
}
.ico_search_w:before{
    content: "\f002";
}


.area_txt,
.genre_txt,
.season_txt,
.situation_txt{
    color: #aaaaaa;
}
.area_txt.set,
.genre_txt.set,
.season_txt.set,
.situation_txt.set{
    color: #000;
}


.l-categoris-list-header-title .h1 {
    color: #fff;
    font-size: 24px;
    letter-spacing: .02em;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

.l-categoris-list-header-title .h1 span {
    color: #fff;
    font-size: 11px;
    letter-spacing: .1em;
    opacity: .5;
    display: inline-block;
    margin-left: 15px;
}


.l-content.main_area .post_header .h1 {
    margin: 0;
    padding: 0;
    border: none;
    font-size: 19px;
    position: relative;
    padding-left: 15px;
    line-height: 1.5em;
    margin-bottom: 0px;
    padding-top: 0px !important;
}

.l-content.main_area .post_header .h1:before {
    content: "";
    display: block;
    height: 100%;
    width: 3px;
    background-color: #dc000c;
    position: absolute;
    left: 0px;
    top: 0px;
    border: 10px;
}

.list .l-content.main_area .post_header.l-categoris-list-header .h1 {
    padding: 0px;
    margin: 0px;
}

.list .l-content.main_area .post_header.l-categoris-list-header .h1:before {
    display: none;
}

.l-content.main_area .post_header .l-spot-header .h1 {}

.l-content.main_area .post_header .l-spot-header .h1:before {
    display: none;
}

.l-categoris-tags .h2 {
    color: #222222;
    font-size: 19px;
    margin-bottom: 20px;
    text-align: center;
}


.inner .post_area{
    text-align: left;
}

.inner .post {
    display: flex;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: solid 1px #f4f2ef;
}

.inner .post .cont_area {
    width: calc(100% - 100px);
    padding-left: 12px;
    box-sizing: border-box;
    text-align: left;
}

 .inner .post .ph {
    width: 100px;
    height: 75px;
    position: relative;
}

.inner .cont_title {
    font-size: 1.062rem;
    line-height: 1.4em;
    padding-top: 6px;
    padding-bottom: 6px;
    border-bottom: solid 1px #000;
    margin-bottom: 15px;
    text-align: left;
}

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

* ---------------------------------- */
.l-main-swiper .swiper-slide {
    max-width: 270px;
}
 @media screen and (min-width: 768px) {
    .l-main-swiper .swiper-slide {
        max-width: 300px;
    }
}
.l-main-swiper .swiper-slide .l-card .l-card-thumb img {
    aspect-ratio: inherit;
}
.l-main-swiper .swiper-slide .l-card .l-card-thumb {
    max-width: 270px;
    aspect-ratio:inherit;
}
.l-main-swiper .swiper-slide .l-card .l-card-body,
.l-main-swiper .swiper-slide .l-card .l-card-footer {
    padding-left: 5px;
    padding-right: 5px;
}
.l-main-swiper .swiper-slide .l-card .l-card-body h2 {
    font-size: 16px;
}


.l-theme-travel-card-list-title {
    margin-bottom: 30px;
}
.l-theme-card-list.l-theme-travel-card-list.l-theme-travel-card-list-title .l-card-list-header h2 {
    color: #222222;
    font-size: 18px;
}

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

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

.l-webmagazine .swiper-slide {
  max-width: 100%;
}
.l-webmagazine .swiper-slide .l-ranking-body {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
.l-webmagazine .swiper-slide .l-webmagazine-detail picture {
  display: block;
  max-width: 240px;
}
.l-webmagazine .swiper-slide .l-ranking-body .l-btns {
  padding-bottom: 0px;
}
.swiper-pagination-dot {
  text-align: center;
}
.l-webmagazine .amazon {
  border: solid 1px #FFA428;
  background-color: #FFA428;
  
}
.l-webmagazine .rakuten {
  border: solid 1px #bf0000;
  background-color: #bf0000;
  color: #ffffff;
}
.l-webmagazine .mapple {
  border: solid 1px #256DAD;
  background-color: #256DAD;
  color: #ffffff;
}
.l-webmagazine .font-11 {
  line-height: 1.5em;
  color: #333333;
  text-align: center;
}
.l-ranking.l-webmagazine.swiper.sp {
  padding: 20px;
  margin-right: 0px;
  margin-left: 0px;
  width: calc(100%);
  margin-bottom: 0px;
  z-index: 99;
}
.l-ranking.l-webmagazine.swiper.sp .l-ranking-header h2 {
  font-size: 18px;
}

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

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

.search_field {
  width: 68%;
  float: left;
}
.radio_item input[type="radio"] {
  display: none;
}
.radio_item {
  display: flex;
  align-items: center;
  position: relative;
  width: 30%;
  height: 50px;
  background-color: #e0e0e0;
  border-radius: 25px;
  padding: 5px;
  float: right;
}
.radio_item label {
  flex: 1;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  color: #666;
  cursor: pointer;
  user-select: none;
  z-index: 2;
}
.radio_item input[type="radio"]:checked + label {
  color: #fff;
  font-weight: bold;
}
.radio_item .toggle-switch {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 48%;
  height: 40px;
  background-color: #007BFF;
  border-radius: 20px;
  transition: all 0.3s ease;
  z-index: 1;
}
.radio_item input[type="radio"]#poi:checked ~ .toggle-switch {
  left: 50%;
}
@media screen and (max-width: 560px) {
  .g-search-mordal__inner {
    bottom: unset;
  }
}
/* ---------------------------------- *

* ---------------------------------- */
@media screen and (max-width: 560px) {
  .index .g-content .l-content {
      padding-top: 10px;
  }
  .l-recommend_feature {
    margin-top: 30px;
  }
}
/* ---------------------------------- *

* ---------------------------------- */
.wp-caption {
  text-align: center;
}

#div-gpt-ad-MTG_PC_article_1st_rec {
  min-height:250px;
  min-width:300px;
}

#div-gpt-ad-MTG_SP_article_1st_rec {
  min-height:250px;
  min-width:300px;
}