@charset "UTF-8";
/*20241114 add*/
body {
    --wp--preset--color--black: #000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #fff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);
    --wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');
    --wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');
    --wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');
    --wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');
    --wp--preset--duotone--midnight: url('#wp-duotone-midnight');
    --wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');
    --wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');
    --wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange')
}

.has-black-color {
    color: var(--wp--preset--color--black)!important
}

.has-cyan-bluish-gray-color {
    color: var(--wp--preset--color--cyan-bluish-gray)!important
}

.has-white-color {
    color: var(--wp--preset--color--white)!important
}

.has-pale-pink-color {
    color: var(--wp--preset--color--pale-pink)!important
}

.has-vivid-red-color {
    color: var(--wp--preset--color--vivid-red)!important
}

.has-luminous-vivid-orange-color {
    color: var(--wp--preset--color--luminous-vivid-orange)!important
}

.has-luminous-vivid-amber-color {
    color: var(--wp--preset--color--luminous-vivid-amber)!important
}

.has-light-green-cyan-color {
    color: var(--wp--preset--color--light-green-cyan)!important
}

.has-vivid-green-cyan-color {
    color: var(--wp--preset--color--vivid-green-cyan)!important
}

.has-pale-cyan-blue-color {
    color: var(--wp--preset--color--pale-cyan-blue)!important
}

.has-vivid-cyan-blue-color {
    color: var(--wp--preset--color--vivid-cyan-blue)!important
}

.has-vivid-purple-color {
    color: var(--wp--preset--color--vivid-purple)!important
}

.has-black-background-color {
    background-color: var(--wp--preset--color--black)!important
}

.has-cyan-bluish-gray-background-color {
    background-color: var(--wp--preset--color--cyan-bluish-gray)!important
}

.has-white-background-color {
    background-color: var(--wp--preset--color--white)!important
}

.has-pale-pink-background-color {
    background-color: var(--wp--preset--color--pale-pink)!important
}

.has-vivid-red-background-color {
    background-color: var(--wp--preset--color--vivid-red)!important
}

.has-luminous-vivid-orange-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-orange)!important
}

.has-luminous-vivid-amber-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-amber)!important
}

.has-light-green-cyan-background-color {
    background-color: var(--wp--preset--color--light-green-cyan)!important
}

.has-vivid-green-cyan-background-color {
    background-color: var(--wp--preset--color--vivid-green-cyan)!important
}

.has-pale-cyan-blue-background-color {
    background-color: var(--wp--preset--color--pale-cyan-blue)!important
}

.has-vivid-cyan-blue-background-color {
    background-color: var(--wp--preset--color--vivid-cyan-blue)!important
}

.has-vivid-purple-background-color {
    background-color: var(--wp--preset--color--vivid-purple)!important
}

.has-black-border-color {
    border-color: var(--wp--preset--color--black)!important
}

.has-cyan-bluish-gray-border-color {
    border-color: var(--wp--preset--color--cyan-bluish-gray)!important
}

.has-white-border-color {
    border-color: var(--wp--preset--color--white)!important
}

.has-pale-pink-border-color {
    border-color: var(--wp--preset--color--pale-pink)!important
}

.has-vivid-red-border-color {
    border-color: var(--wp--preset--color--vivid-red)!important
}

.has-luminous-vivid-orange-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-orange)!important
}

.has-luminous-vivid-amber-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-amber)!important
}

.has-light-green-cyan-border-color {
    border-color: var(--wp--preset--color--light-green-cyan)!important
}

.has-vivid-green-cyan-border-color {
    border-color: var(--wp--preset--color--vivid-green-cyan)!important
}

.has-pale-cyan-blue-border-color {
    border-color: var(--wp--preset--color--pale-cyan-blue)!important
}

.has-vivid-cyan-blue-border-color {
    border-color: var(--wp--preset--color--vivid-cyan-blue)!important
}

.has-vivid-purple-border-color {
    border-color: var(--wp--preset--color--vivid-purple)!important
}

.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
    background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple)!important
}

.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
    background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan)!important
}

.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange)!important
}

.has-luminous-vivid-orange-to-vivid-red-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red)!important
}

.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
    background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray)!important
}

.has-cool-to-warm-spectrum-gradient-background {
    background: var(--wp--preset--gradient--cool-to-warm-spectrum)!important
}

.has-blush-light-purple-gradient-background {
    background: var(--wp--preset--gradient--blush-light-purple)!important
}

.has-blush-bordeaux-gradient-background {
    background: var(--wp--preset--gradient--blush-bordeaux)!important
}

.has-luminous-dusk-gradient-background {
    background: var(--wp--preset--gradient--luminous-dusk)!important
}

.has-pale-ocean-gradient-background {
    background: var(--wp--preset--gradient--pale-ocean)!important
}

.has-electric-grass-gradient-background {
    background: var(--wp--preset--gradient--electric-grass)!important
}

.has-midnight-gradient-background {
    background: var(--wp--preset--gradient--midnight)!important
}

.wpduotone-light-purple {
    filter: url('#wp-duotone-light-purple')
}
/*20241114 end*/
/*目次*/
span.toc_number {
    padding-right: 10px;
    display: inline-block;
}

.breadcrumb {
    width: 100%;
    background-color: #929fa4;
    min-width: 1200px;
}

.breadcrumb ol {
    width: 1200px;
    margin: 0px auto;
    display: flex;
    padding: 10px 0px;
}

.breadcrumb ol li {
    color: #FFF;
    font-size: 12px;
    letter-spacing: 0.1em;
}

.breadcrumb ol li a {
    color: #FFF;
    font-size: 12px;
}

.breadcrumb ol li:after {
    content: ">";
    margin: 0px 10px;
}

.breadcrumb ol li:last-child:after {
    content: "";
}

.area_bread li {
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.05em;
}

.area_bread li:before {
    content: "/";
    padding: 0px 5px;
}

.area_bread li:last-child:before {
    content: "";
    padding: 0px;
}

.area_bread li:first-child:before {
    content: "";
    padding: 0px;
}

.area_bread li:first-child + li:before {
    content: "-";
    padding: 0px 5px;
}

.area_bread li:first-child + li.b_word:before {
    content: "";
    padding: 0px 0px;
}

.area_bread.only_word li:first-child:after {
    content: "";
    padding: 0px;
}

.area_bread.only_word li.b_word:before {
    content: "";
    padding: 0px;
}

.follow {
    width: 340px;
}

.middle_header {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0.004639355742296902) 20%, rgba(232,245,244,1) 100%);
    height: 108px;
    box-sizing: border-box;
    min-width: 1200px;
}

.middle_header > div.middle_header_main {
    max-width: 1200px;
    margin: 0px auto;
    display: flex;
    align-items: center;
    padding: 30px 0px 0px 0px;
    justify-content: space-between;
}

.middle_header > div .middle_logo {
    width: 180px;
    margin-right: 32px;
}

section.contents_header > div.author_info > p {
    font-size: 12px
}

section.contents_header > div.author_info > figure > figcaption {
    font-size: 12px
}

/*
.middle_header > div nav li a {font-size: 16px; font-weight: 500; letter-spacing: 0.1em;}
.middle_header > div nav li a.fei:before {content:url("../images/navi_feature_icon.svg"); display: inline-block; vertical-align: middle; margin-right: 3px;}
.middle_header > div nav li a.rei:before {content:url("../images/navi_region_icon.svg"); display: inline-block; vertical-align: middle;margin-right: 3px;}
.middle_header > div nav li a.goi:before {content:url("../images/navi_taste_icon.svg"); display: inline-block; vertical-align: middle;margin-right: 3px;}
.middle_header > div nav li a.bui:before {content:url("../images/navi_buy_icon.svg"); display: inline-block; vertical-align: middle;margin-right: 3px;}
.middle_header > div nav li a.exi:before {content:url("../images/navi_experience_icon.svg"); display: inline-block; vertical-align: middle;margin-right: 3px;}
.middle_header > div nav li a.evi:before {content:url("../images/navi_event_icon.svg"); display: inline-block; vertical-align: middle;margin-right: 3px;}
*/
.middle_header > div.middle_header_main > nav li {
    display: inline-block;
    margin-right: 12px;
}

.middle_header > div.middle_header_main > nav li a {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.1em;
    position: relative;
    transition: .3s;
}

.middle_header > div.middle_header_main > nav li a:after {
    position: absolute;
    content: "";
    width: 0px;
    height: 3px;
    bottom: -10px;
    left: 50%;
    transition: .3s;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.middle_header > div.middle_header_main > nav li a:hover:after {
    content: "";
    width: 60px;
    left: 50%;
}

.middle_header > div.middle_header_main > nav li a.taste_i:before {
    content: url("../images/navi_taste_icon.svg");
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}

.middle_header > div.middle_header_main > nav li a.taste_i:after {
    background-color: #aa665d;
}

.middle_header > div.middle_header_main > nav li a.buy_i:before {
    content: url("../images/navi_buy_icon.svg");
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}

.middle_header > div.middle_header_main > nav li a.buy_i:after {
    background-color: #884c6c;
}

.middle_header > div.middle_header_main > nav li a.experience_i:before {
    content: url("../images/navi_experience_icon.svg");
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}

.middle_header > div.middle_header_main > nav li a.experience_i:after {
    background-color: #1b4364;
}

.middle_header > div.middle_header_main > nav li a.landscape_i:before {
    content: url("../images/navi_landscape_icon.svg");
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}

.middle_header > div.middle_header_main > nav li a.landscape_i:after {
    background-color: #705a52;
}

.middle_header > div.middle_header_main > nav li a.event_i:before {
    content: url("../images/navi_event_icon.svg");
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}

.middle_header > div.middle_header_main > nav li a.event_i:after {
    background-color: #7997b3;
}

.middle_header > div.middle_header_main > nav li a.others_i:before {
    content: url("../images/navi_others_icon.svg");
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}

.middle_header > div.middle_header_main > nav li a.others_i:after {
    background-color: #ab9643;
}

.middle_header > div.middle_header_main > nav li a.area_i:before {
    content: url("../images/navi_area_icon.svg");
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}

.middle_header > div.middle_header_main > nav li a.area_i:after {
    background-color: #99b2a2;
}

.middle_header > div.middle_header_main > nav li:last-child:after {
    content: "";
    width: 0px;
    height: 0px;
}

.middle_header .language {
    display: flex;
}

.middle_header .language dt {
    width: 30px;
}

.middle_header .language dd {
    margin: 4px 0px 0px 10px;
}

.middle_header .language dd p {
    cursor: pointer;
    font-weight: 700;
    font-size: 13px;
}

.middle_header .language dd ul {
    margin-top: 3px;
    display: none;
    background-color: #FFF;
    position: absolute;
    z-index: 2;
    border: 1px solid #ccc;
}

.middle_header .language dd ul li a {
    display: block;
    padding: 5px 25px 5px 5px;
    font-size: 14px;
    position: relative;
}

.middle_header .language dd ul li a:after {
    content: '●';
    display: none;
    position: absolute;
    font-size: 10px;
    top: 8px;
    right: 9px;
    color: #999
}

.middle_header .language dd ul li a[data-stt-active]:after {
    display: block;
}

.middle_header .language dd ul li a:hover:after {
    content: '●';
    display: block;
    position: absolute;
    font-size: 10px;
    top: 8px;
    right: 9px;
    color: #333;
}

.search-form {
    position: relative;
}

.search-form input[type="search"] {
    -webkit-appearance: none;
    width: 180px;
    box-sizing: border-box;
    border-radius: 20px;
    font-size: 12px;
    padding: 10px 20px;
    background-color: #f1f1f1;
    border: 1px solid rgba(106,105,97,.3);
}

.search-form input[type="submit"] {
    -webkit-appearance: none;
    width: 15px;
    height: 18px;
    border: none;
    background: url("../images/search_bt.svg") no-repeat;
    position: absolute;
    right: 13px;
    top: calc(50% - 9px );
    cursor: pointer;
}

.contents_header {
    width: 1200px;
    margin: 40px auto 0px;
    position: relative;
}

.contents_header .time_area {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.contents_header .page_time {
    font-size: 10px;
    display: inline-block;
    font-weight: 500;
    vertical-align: middle;
    margin-right: 20px;
}

.contents_header .page_time:before {
    content: url("../images/time_icon.svg");
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.contents_header .page_ranking {
    font-size: 10px;
    display: inline-block;
    font-weight: 500;
    vertical-align: middle;
}

.contents_header .page_ranking:before {
    content: url("../images/rankin_icon.svg");
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.contents_header .from_h {
    display: inline-block;
    font-size: 12px;
    color: #00539e;
    border: 1px solid #00539e;
    margin-left: 20px;
    padding: 3px 10px;
    font-weight: 500;
}

.contents_header h1 {
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 0.05em;
    margin-bottom: 10px;
}

.contents_header .page_cate ul li {
    margin-top: 10px;
}

.contents_header .page_cate ul li a {
    display: block;
    color: #FFF;
}

.contents_header .page_cate ul:first-child {
    float: left;
    font-size: 0px;
}

.contents_header .page_cate ul:first-child li {
    display: inline-block;
    margin-right: 5px;
    background-color: #929fa4;
    color: #FFF;
    font-size: 12px;
    padding: 5px 10px;
}

.contents_header .page_cate ul:nth-child(2) {
    float: left;
    font-size: 0px;
}

.contents_header .page_cate ul:nth-child(2) li {
    display: inline-block;
    margin-right: 5px;
    background-color: #a38377;
    color: #FFF;
    font-size: 12px;
    padding: 5px 10px;
}

.contents_header .page_cate ul.sp_cat {
    float: left;
    font-size: 0px;
}

.contents_header .page_cate ul.sp_cat li {
    display: inline-block;
    margin-right: 5px;
    color: #FFF;
    font-size: 12px;
    padding: 5px 10px;
}

.contents_header .page_cate ul.sp_cat li.pr {
    background-color: #e8be4a;
}

.contents_header .page_cate ul.sp_cat li.sp {
    background-color: #289C4F;
}

.contents_header .page_cate:after {
    content: "";
    clear: both;
    display: block;
}

.contents_header .page_description {
    letter-spacing: 0.05em;
    margin-top: 20px;
}

/*author info*/
.author_info {
    display: none
}

.contents_header .author_info {
    margin-top: 30px;
}

.contents_header .author_info figure picture img {
    object-fit: cover;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.contents_header .author_info figure {
    display: flex;
    align-items: center;
}

.contents_header .author_info figure picture {
    margin-right: 10px;
}

.contents_header .author_info .profile {
    font-size: 12px;
    letter-spacing: 0.05em;
    margin-top: 10px;
}

/*author info*/
.author_info_bottom {
    margin-top: 30px;
    border-top: 1px solid #929fa4;
    padding: 20px 0 0 0;
}

.author_info_bottom figure picture img {
    object-fit: cover;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.author_info_bottom figure {
    display: flex;
    align-items: center;
}

.author_info_bottom figure picture {
    margin-right: 10px;
}

.author_info_bottom .profile {
    font-size: 12px;
    letter-spacing: 0.05em;
    margin-top: 10px;
}

.contents_header .sns_link {
    position: absolute;
    right: 50px;
    bottom: 0;
}

.contents_header .sns_link li {
    display: inline-block;
    margin: 0px 5px 0px 0px;
}

.contents_wrapper {
    width: 1200px;
    margin: 30px auto 0px;
    display: flex;
    justify-content: space-between;
}

.contents_wrapper > main {
    width: 790px;
}

.contents_wrapper > aside {
    width: 340px;
    position: relative;
}

.contents_wrapper > main > article .main_image {
    margin-bottom: 30px;
}

.contents_wrapper > main > article .main_image img {
    border-radius: 10px;
}

.contents_wrapper > main > article .main_image figcaption {
    font-size: 12px;
    text-align: center;
    font-weight: 300;
}

.contents_wrapper > main > article h2 {
    font-size: 26px;
    font-weight: 400;
    letter-spacing: 0.05em;
    border-bottom: 1px solid #929fa4;
    padding-bottom: 24px;
    margin-bottom: 30px;
}

.contents_wrapper > main > article p {
    font-weight: 300;
    font-size: 18px;
    line-height: 180%;
    margin-bottom: 15px;
    word-break: break-all;
}

.contents_wrapper > main > article h3 {
    font-size: 23px;
    font-weight: 400;
    letter-spacing: 0.05em;
    border-bottom: 1px solid #929fa4;
    padding-bottom: 24px;
    margin-bottom: 30px;
}

.contents_wrapper > main > article h4 {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.05em;
    border-bottom: 1px solid #929fa4;
    padding-bottom: 24px;
    margin-bottom: 30px;
}

/*20220530*/
.contents_wrapper > main > article .gmap {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 250px;
    margin-bottom: 40px;
}

.contents_wrapper > main > article .gmap iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.contents_wrapper > main > article .wp-block-table {
    border: 1px solid #929fa4;
    padding: 10px;
    font-size: 14px;
    margin-bottom: 30px;
}

.contents_wrapper > main > article .wp-block-table td {
    padding: 10px;
}

.contents_wrapper > main > article .wp-block-table figcaption {
    font-weight: 300;
    font-size: 12px;
    margin-bottom: 5px;
}

.contents_wrapper > main > article strong {
    font-weight: 700;
}

.contents_wrapper > main > article a {
    color: #0058ff;
    text-decoration: underline;
}

.contents_wrapper > main > article ul {
    margin-bottom: 30px;
    font-size: 14px;
}

.contents_wrapper > main > article ul li {
    color: #58b5af;
    list-style: outside;
    margin-left: 1.5em;
    margin-bottom: 5px;
}

.contents_wrapper > main > article ul li:last-child {
    margin-bottom: 0px;
}

.contents_wrapper > main > article ol {
    counter-reset: my-counter;
    list-style: none;
    padding: 0;
    margin: 0 0 30px;
}

.contents_wrapper > main > article ol li {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    padding-left: 30px;
    position: relative;
    margin-bottom: 5px;
}

.contents_wrapper > main > article ol li:before {
    content: counter(my-counter);
    counter-increment: my-counter;
    background-color: #58b5af;
    border: 1px solid;
    border-radius: 50%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    width: 20px;
    color: #ffffff;
    font-size: 80%;
    font-weight: 500;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
}

.contents_wrapper > main > article ol li:last-child {
    margin-bottom: 0px;
}

.contents_wrapper > main > article .wp-block-image {
    margin-bottom: 30px;
    text-align: center;
}

.contents_wrapper > main > article .wp-block-image figcaption {
    font-size: 14px;
    padding: 5px 10px;
    margin-top: 0px!important;
    background-color: #f3f3f3;
}

/*.contents_wrapper > main > article .wp-block-image:after {content: ""; display: block; clear: both;}*/
/*.contents_wrapper > main > article .wp-block-image {clear: both;}*/
.contents_wrapper > main > article .wp-block-quote {
    background-color: rgba(146,159,164,.4);
    padding: 20px 90px;
    box-sizing: border-box;
    margin-bottom: 30px;
    position: relative;
}

.contents_wrapper > main > article .wp-block-quote > p {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}

.contents_wrapper > main > article .wp-block-quote > cite {
    font-size: 12px;
    font-weight: 300;
    line-height: 150%;
}

.contents_wrapper > main > article .wp-block-quote:after {
    content: url("../images/quote_l.svg");
    position: absolute;
    left: 10px;
    top: 10px;
}

.contents_wrapper > main > article .wp-block-quote:before {
    content: url("../images/quote_r.svg");
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.contents_wrapper > main > article .wp-block-embed {
    margin-bottom: 30px;
}

.contents_wrapper > main > article .wp-block-embed figcaption {
    font-size: 14px;
    padding: 5px 10px;
    margin-top: 0px!important;
    background-color: #f3f3f3;
    text-align: center;
}

.contents_wrapper > main > article .is-type-video .wp-block-embed__wrapper {
    position: relative;
    width: 100%;
    height: 0;
    /* 高さは0にしておく(padding-topで高さを指定するため) */
    padding-top: 56.25%;
}

.contents_wrapper > main > article .is-type-video .wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.contents_wrapper > main > article .is-type-wp-embed iframe {
    width: 100%;
}

.contents_wrapper > main > article .is-type-wp-embed .wp-embed-footer {
    display: none!important;
}

.contents_wrapper > main > article .wp-block-column > p {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 10px;
}

.contents_wrapper > main > article .wp-block-media-text {
    margin-bottom: 30px;
}

.contents_wrapper > main > article .wp-block-media-text__content {
    font-size: 14px;
    padding: 0!important;
}

.contents_wrapper > main > article .wp-embedded-content {
    width: 100%;
    margin: 20px 0 20px 0
}

.doushin_header {
    margin-bottom: 34px;
}

.doushin_header h1 {
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 0.05em;
    margin-bottom: 20px;
}

.doushin_header .time_area {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.doushin_header .page_time {
    font-size: 10px;
    display: inline-block;
    font-weight: 500;
    vertical-align: middle;
    margin-right: 20px;
}

.doushin_header .page_time:before {
    content: url("../images/time_icon.svg");
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.doushin_header .page_ranking {
    font-size: 10px;
    display: inline-block;
    font-weight: 500;
    vertical-align: middle;
}

.doushin_header .page_ranking:before {
    content: url("../images/rankin_icon.svg");
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.doushin_header .sns_link li {
    list-style: none;
    display: inline-block;
    margin: 0px 5px 0px 0px;
}

.doushin_cont {
    line-height: 180%;
    letter-spacing: 0.05em;
}

.doushin_bt {
    width: 300px;
    margin: 80px auto;
    height: 60px;
    background-color: #00539e;
    border-radius: 5px;
}

.doushin_bt a {
    text-decoration: none!important;
    display: block;
    text-align: center;
    color: #FFF!important;
    line-height: 60px;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.1em;
}

.archive_wrapper .doushin_bt {
    width: 340px;
}

#toc_container {
    box-sizing: border-box;
    background-color: #d3d9db;
    width: 100%;
    padding: 15px 15px 20px 20px;
    font-size: 14px;
    margin-bottom: 50px;
}

.toc_list {
    font-size: 14px;
    margin: 0px!important;
}

.toc_list li {
    list-style: none!important;
    margin: 15px 0px 0px!important;
}

.toc_list li a {
    color: #6a6961;
    font-size: 14px;
}

.toc_title:before {
    content: "＜"
}

.toc_title:after {
    content: "＞"
}

.related_area {
    background-color: #f1f1f1;
    margin-top: 60px;
    padding: 40px 30px 30px;
    box-sizing: border-box;
}

.related_area > p.related_title {
    font-weight: 500;
    text-align: center;
    font-size: 16px;
    color: #333333;
}

.related_area > p.related_title span {
    border-bottom: 2px solid #333333;
    padding: 0px 5px 5px;
}

.related_area > div {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.related_area > div > a {
    width: 230px;
    text-decoration: none;
    color: #6a6961;
    position: relative;
    display: block;
}

.related_area > div::after {
    content: "";
    display: block;
    width: 230px;
}

.related_area > div > a figure img {
    width: 230px;
    height: 152px;
    object-fit: cover;
}

.related_area > div > a figure figcaption .child_cate {
    position: absolute;
    transform: rotate(-45deg);
    top: 28px;
    left: -32px;
    font-size: 12px;
    color: #FFF;
    text-align: center;
    width: 127px;
}

.related_area > div > a figure figcaption .page_cate {
    margin-top: 10px;
}

.related_area > div > a figure figcaption .page_cate ul:first-child {
    float: left;
    font-size: 0px;
}

.related_area > div > a figure figcaption .page_cate ul:first-child li {
    display: inline-block;
    margin-right: 5px;
    background-color: #929fa4;
    color: #FFF;
    font-size: 11px;
    padding: 3px 5px;
}

.related_area > div > a figure figcaption .page_cate ul:nth-child(2) {
    float: left;
    font-size: 0px;
}

.related_area > div > a figure figcaption .page_cate ul:nth-child(2) li {
    display: inline-block;
    margin-right: 5px;
    background-color: #a38377;
    color: #FFF;
    font-size: 11px;
    padding: 3px 5px;
}

.related_area > div > a figure figcaption .page_cate:after {
    content: "";
    clear: both;
    display: block;
}

.related_area > div > a figure figcaption> h2 {
    font-size: 12px;
    font-weight: 300;
    line-height: 180%;
}

.related_area > div > a:before {
    content: "";
    width: 0;
    height: 0;
    border-right: 90px solid transparent;
    border-top: 90px solid #81C7D4;
    position: absolute;
    top: 0;
    left: 0;
}

aside.single_side .ranking_area {
    background-color: #f1f1f1;
    padding: 34px 0px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

aside.single_side .ranking_area > h2 {
    font-weight: 500;
    text-align: center;
    font-size: 16px;
    color: #333333;
}

aside.single_side .ranking_area > h2 em {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-right: 0.5em;
    letter-spacing: 0.1em;
}

aside.single_side .ranking_area > h2 span {
    border-bottom: 2px solid #333333;
    padding: 0px 5px 5px;
}

aside.single_side .ranking_area > div {
    width: 300px;
    margin: 24px auto 0px;
}

aside.single_side div.aside_list a {
    margin-bottom: 20px;
    display: block;
}

aside.single_side div.aside_list a:last-child {
    margin-bottom: 0px;
}

aside.single_side div.aside_list a figure {
    display: flex;
    justify-content: space-between;
}

aside.single_side div.aside_list a figure picture {
    width: 140px;
}

aside.single_side div.aside_list a figure picture img {
    width: 100%;
    height: 92px;
    object-fit: cover;
}

aside.single_side div.aside_list a figure figcaption {
    width: 150px;
}

aside.single_side div.aside_list a figure figcaption > h2 {
    font-size: 12px;
    font-weight: 300;
    line-height: 180%;
}

aside.single_side div.aside_list a figure figcaption .item_time {
    font-size: 10px;
    display: inline-block;
    font-weight: 500;
    vertical-align: middle;
    margin-right: 25px;
}

aside.single_side div.aside_list a figure figcaption .item_time:before {
    content: url("../images/time_icon.svg");
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

aside.single_side div.aside_list a .page_cate {
    margin-top: 10px;
}

aside.single_side div.aside_list a .page_cate ul:first-child {
    float: left;
    font-size: 0px;
}

aside.single_side div.aside_list a .page_cate ul:first-child li {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    background-color: #929fa4;
    color: #FFF;
    font-size: 11px;
    padding: 3px 5px;
}

aside.single_side div.aside_list a .page_cate ul:nth-child(2) {
    float: left;
    font-size: 0px;
}

aside.single_side div.aside_list a .page_cate ul:nth-child(2) li {
    display: inline-block;
    margin-right: 5px;
    background-color: #a38377;
    color: #FFF;
    font-size: 11px;
    padding: 3px 5px;
}

aside.single_side div.aside_list a .page_cate:after {
    content: "";
    clear: both;
    display: block;
}

aside.single_side .banner_area {
    background-color: #f1f1f1;
    padding: 34px 0px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

aside.single_side .banner_area > div {
    width: 300px;
    margin: 0px auto 30px;
}

aside.single_side .sp_area {
    background-color: #f1f1f1;
    padding: 34px 0px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

aside.single_side .sp_area > h2 {
    font-weight: 500;
    text-align: center;
    font-size: 16px;
    color: #333333;
}

aside.single_side .sp_area > h2 em {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-right: 0.5em;
    letter-spacing: 0.1em;
}

aside.single_side .sp_area > h2 span {
    border-bottom: 2px solid #333333;
    padding: 0px 5px 5px;
}

aside.single_side .sp_area > div {
    width: 300px;
    margin: 24px auto 0px;
}

.archive_wrapper {
    max-width: 1200px;
    margin: 40px auto 0px;
    display: flex;
    justify-content: space-between;
}

.archive_wrapper > main {
    width: 830px;
}

.archive_wrapper > aside {
    width: 340px;
    position: relative;
}

.archive_header {
    margin-bottom: 50px;
}

.archive_header figure {
    position: relative;
}

.archive_header figure picture img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.archive_header figure figcaption {
    position: absolute;
    width: 100%;
    bottom: 20px;
    padding: 44px;
    box-sizing: border-box;
}

.archive_header figure figcaption h1 {
    font-size: 28px;
    font-weight: 500;
    color: #FFF;
    letter-spacing: 0.1em;
    text-shadow: #929fa4 1px 0 10px;
}

.archive_header figure figcaption p {
    background-color: #FFF;
    padding: 10px 30px;
    font-size: 14px;
    margin-top: 20px;
}

.archive_header > h2 {
    margin-top: 40px;
    font-size: 14px;
    padding: 0px 100px;
}

.archive_sp_header {
    background-color: #58b5af;
    padding: 30px 60px;
    border-radius: 10px;
    margin-bottom: 40px;
}

.list_search_bt {
    background-color: #58b5af;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    color: #FFF;
    padding: 10px 0px;
    cursor: pointer;
}

.list_search_bt:hover {
    opacity: .7;
}

.list_search_bt p span:after {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
}

.list_search_bt p span:after {
    content: url("../images/list_search_bt_op.png");
}

.list_search_bt.active p span:after {
    content: url("../images/list_search_bt_cl.png");
}

.list_search_cont {
    background-color: #f1f1f1;
    border-bottom: 1px solid #666666;
    border-left: 1px solid #666666;
    border-right: 1px solid #666666;
    padding: 40px;
    display: none;
}

.list_search_cont dl dt {
    font-size: 14px;
    font-weight: 500;
}

.list_search_cont dl dd {
    margin-bottom: 40px;
    margin-top: 10px;
}

.list_search_cont dl dd input[type="text"] {
    -webkit-appearance: none;
    font-size: 12px;
    padding: 10px;
    border: 1px solid #999;
    border-radius: 4px;
}

.list_search_cont dl dd ul li {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 10px;
}

.list_search_cont dl dd ul li label {
    cursor: pointer;
}

.list_search_cont dl dd ul li input {
    margin-right: 5px;
}

.list_search_cont dl.event_time dd span {
    margin: 0px 10px;
}

.list_search_cont dl.txt_search dd input[type="text"] {
    width: 100%;
    box-sizing: border-box;
}

.list_search_cont dl.cate_search dd {
    margin-bottom: 30px;
}

.list_search_cont dl.area_search dd {
    margin-bottom: 30px;
}

.list_search_cont dl.area_search dd select {
    -webkit-appearance: none;
    border: 1px solid #999;
    border-radius: 4px;
    width: 200px;
    padding: 10px;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.list_search_cont dl.area_search dd .parent_search {
    position: relative;
}

.list_search_cont dl.area_search dd .parent_search::after {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    position: absolute;
    left: 184px;
    top: 28%;
    border-bottom: #333 2px solid;
    border-right: #333 2px solid;
    transform: rotate(45deg)translateY(-30%);
    z-index: 1;
}

.list_search_cont .sort_bt {
    -webkit-appearance: none;
    width: 200px;
    margin: 0px auto;
    font-weight: 500;
    font-size: 14px;
    color: #FFF;
    background-color: #58b5af;
    border-radius: 20px;
    padding: 10px 0px;
    border: none;
    text-align: center;
    display: block;
    cursor: pointer;
    position: relative;
    letter-spacing: 0.1em;
}

.list_search_cont .sort_bt::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    right: 30px;
    top: 43%;
    border-bottom: #FFF 2px solid;
    border-right: #FFF 2px solid;
    transform: rotate(-45deg)translateY(-30%);
    z-index: 1;
}

.list_area_search .sort_bt {
    clear: both;
}

.list_area_search .area_search {
    width: 46%;
    float: left;
}

.list_area_search .area_select select {
    -webkit-appearance: none;
    border: 1px solid #999;
    border-radius: 4px;
    width: 100%;
    padding: 10px;
    margin-bottom: 0px;
    box-sizing: border-box;
}

.list_area_search .area_select {
    position: relative;
    margin-bottom: 40px;
}

.list_area_search .area_select::after {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    position: absolute;
    right: 10px;
    top: 44%;
    border-bottom: #333 2px solid;
    border-right: #333 2px solid;
    transform: rotate(45deg)translateY(-30%);
    z-index: 1;
}

.list_area_search dl.txt_search dd input[type="text"] {
    width: 70%;
    box-sizing: border-box;
}

.list_area_search .child_area dt {
    font-weight: 700;
}

.area_map {
    width: 52%;
    float: right;
    margin-bottom: 40px;
}

.area_map svg {
    width: 100%;
    height: auto;
}

.ui-datepicker table {
    font-size: 12px!important;
}

.ui-datepicker .ui-datepicker-title {
    font-size: 16px!important;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .5!important;
}

.cat_item_list {
    margin-top: 20px;
}

.cat_item_cont {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 20px;
}

.cat_item_cont > a {
    width: 256px;
    margin-bottom: 34px;
}

.cat_item_cont > a figure {
    position: relative;
}

.cat_item_cont > a figure picture img {
    width: 100%;
    height: 170px;
    object-fit: cover;
}

.cat_item_cont > a figure figcaption .parent_cate {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 12px;
    color: #FFF;
    height: 26px;
    padding: 0px 10px 0px 30px;
    line-height: 26px;
    vertical-align: middle;
}

.cat_item_cont > a figure figcaption .parent_cate:before {
    content: "";
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    left: 5px;
    top: 4px;
}

.cat_item_cont > a figure figcaption .parent_cate.landscape {
    background-color: #705a52;
}

.cat_item_cont > a figure figcaption .parent_cate.landscape:before {
    background-image: url("../images/landscape_icon.svg");
}

.cat_item_cont > a figure figcaption .parent_cate.taste {
    background-color: #aa665d;
}

.cat_item_cont > a figure figcaption .parent_cate.taste:before {
    background-image: url("../images/taste_icon.svg");
}

.cat_item_cont > a figure figcaption .parent_cate.buy {
    background-color: #884c6c;
}

.cat_item_cont > a figure figcaption .parent_cate.buy:before {
    background-image: url("../images/buy_icon.svg");
}

.cat_item_cont > a figure figcaption .parent_cate.experience {
    background-color: #1b4364;
}

.cat_item_cont > a figure figcaption .parent_cate.experience:before {
    background-image: url("../images/experience_icon.svg");
}

.cat_item_cont > a figure figcaption .parent_cate.event {
    background-color: #7997b3;
}

.cat_item_cont > a figure figcaption .parent_cate.event:before {
    background-image: url("../images/event_icon.svg");
}

.cat_item_cont > a figure figcaption .parent_cate.others {
    background-color: #ab9643;
}

.cat_item_cont > a figure figcaption .parent_cate.others:before {
    background-image: url("../images/others_icon.svg");
}

.cat_item_cont > a figure figcaption .parent_cate.pr {
    padding: 0px 10px 0px 10px;
    background-color: #e8be4a;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.cat_item_cont > a figure figcaption .parent_cate.pr:before {
    content: "";
    width: 0;
    height: 0;
}

.cat_item_cont > a figure figcaption .page_cate {
    margin: 10px 0px;
}

.cat_item_cont > a figure figcaption .page_cate ul:first-child {
    float: left;
    font-size: 0px;
}

.cat_item_cont > a figure figcaption .page_cate ul:first-child li {
    display: inline-block;
    margin-right: 5px;
    background-color: #929fa4;
    color: #FFF;
    font-size: 11px;
    padding: 5px 10px;
}

.cat_item_cont > a figure figcaption .page_cate ul:nth-child(2) {
    float: left;
    font-size: 0px;
}

.cat_item_cont > a figure figcaption .page_cate ul:nth-child(2) li {
    display: inline-block;
    margin-right: 5px;
    background-color: #a38377;
    color: #FFF;
    font-size: 11px;
    padding: 5px 10px;
}

.cat_item_cont > a figure figcaption .page_cate:after {
    content: "";
    clear: both;
    display: block;
}

.cat_item_cont > a figure figcaption > h2 {
    font-size: 14px;
    line-height: 160%;
    height: 3em;
    overflow: hidden;
}

.cat_item_cont > a figure figcaption .page_data {
    margin-top: 10px;
}

.cat_item_cont > a figure figcaption .page_data .item_time {
    font-size: 10px;
    display: inline-block;
    font-weight: 500;
    vertical-align: middle;
    margin-right: 0px;
}

.cat_item_cont > a figure figcaption .page_data .item_time:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 0px;
}

.cat_item_cont > a figure figcaption .page_data > dl dt img {
    object-fit: cover;
    width: 18px;
    height: 18px;
    border-radius: 50%;
}

.cat_item_cont > a figure figcaption .page_data > dl {
    display: inline-block;
    width: 50%;
}

.cat_item_cont > a figure figcaption .page_data > dl dt {
    margin-right: 5px;
    display: inline-block;
}

.cat_item_cont > a figure figcaption .page_data > dl dd {
    font-size: 11px;
    display: inline-block;
}

/*.cat_item_cont > a ul.sp_cat {font-size: 12px; color: #FFF; text-align: center; background-color:#00539e;margin-top: 10px; padding: 5px ; }*/
.cat_item_cont > a ul.sp_cat {
    font-size: 12px;
    color: #000;
    background-color: #fff;
    margin-top: 0px;
    padding: 0px ;
    display: inline-block;
}

.cat_item_cont > a ul.sp_cat li {
    display: block;
    text-align: center;
    line-height: 180%;
    padding: 0px 5px;
}

.cat_item_cont:after {
    content: "";
    display: block;
    width: 256px;
}

.cat_item_cont > a ul.sp_cat li.pr {
    background-color: #58b5af;
    color: #fff;
    text-align: center;
    font-size: 12px
}

.cat_item_cont > a ul.sp_cat li.sp {
    background-color: #58b5af;
    color: #fff;
    text-align: center;
    font-size: 12px
}

.archive_cont {
}

.archive_cont {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 0px;
}

.archive_cont > a {
    width: 256px;
    margin-bottom: 34px;
}

.archive_cont > a figure {
    position: relative;
}

.archive_cont > a figure picture img {
    width: 256px;
    height: 170px;
    object-fit: cover;
}

.archive_cont > a figure figcaption .parent_cate {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 12px;
    color: #FFF;
    height: 26px;
    padding: 0px 10px 0px 30px;
    line-height: 26px;
    vertical-align: middle;
}

.archive_cont > a figure figcaption .parent_cate:before {
    content: "";
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    left: 5px;
    top: 4px;
}

.archive_cont > a figure figcaption .parent_cate.landscape {
    background-color: #705a52;
}

.archive_cont > a figure figcaption .parent_cate.landscape:before {
    background-image: url("../images/landscape_icon.svg");
}

.archive_cont > a figure figcaption .parent_cate.taste {
    background-color: #aa665d;
}

.archive_cont > a figure figcaption .parent_cate.taste:before {
    background-image: url("../images/taste_icon.svg");
}

.archive_cont > a figure figcaption .parent_cate.buy {
    background-color: #884c6c;
}

.archive_cont > a figure figcaption .parent_cate.buy:before {
    background-image: url("../images/buy_icon.svg");
}

.archive_cont > a figure figcaption .parent_cate.experience {
    background-color: #1b4364;
}

.archive_cont > a figure figcaption .parent_cate.experience:before {
    background-image: url("../images/experience_icon.svg");
}

.archive_cont > a figure figcaption .parent_cate.event {
    background-color: #7997b3;
}

.archive_cont > a figure figcaption .parent_cate.event:before {
    background-image: url("../images/event_icon.svg");
}

.archive_cont > a figure figcaption .parent_cate.others {
    background-color: #ab9643;
}

.archive_cont > a figure figcaption .parent_cate.others:before {
    background-image: url("../images/others_icon.svg");
}

.archive_cont > a figure figcaption .parent_cate.pr {
    padding: 0px 10px 0px 10px;
    background-color: #e8be4a;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.archive_cont > a figure figcaption .parent_cate.pr:before {
    content: "";
    width: 0;
    height: 0;
}

.archive_cont > a figure figcaption .page_cate {
    margin: 10px 0px;
}

.archive_cont > a figure figcaption .page_cate ul:first-child {
    float: left;
    font-size: 0px;
}

.archive_cont > a figure figcaption .page_cate ul:first-child li {
    display: inline-block;
    margin-right: 5px;
    background-color: #929fa4;
    color: #FFF;
    font-size: 10px;
    padding: 5px 10px;
}

.archive_cont > a figure figcaption .page_cate ul:nth-child(2) {
    float: left;
    font-size: 0px;
}

.archive_cont > a figure figcaption .page_cate ul:nth-child(2) li {
    display: inline-block;
    margin-right: 5px;
    background-color: #a38377;
    color: #FFF;
    font-size: 10px;
    padding: 5px 10px;
}

.archive_cont > a figure figcaption .page_cate:after {
    content: "";
    clear: both;
    display: block;
}

.archive_cont > a figure figcaption > h2 {
    font-size: 14px;
    line-height: 160%;
    height: 3em;
    overflow: hidden;
}

.archive_cont > a figure figcaption .page_data {
    margin-top: 10px;
}

.archive_cont > a figure figcaption .page_data .item_time {
    font-size: 10px;
    display: inline-block;
    font-weight: 500;
    vertical-align: middle;
    margin-right: 0px;
}

.archive_cont > a figure figcaption .page_data .item_time:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 0px;
}

.archive_cont > a figure figcaption .page_data > dl dt img {
    object-fit: cover;
    width: 18px;
    height: 18px;
    border-radius: 50%;
}

.archive_cont > a figure figcaption .page_data > dl {
    display: inline-block;
    width: 50%;
}

.archive_cont > a figure figcaption .page_data > dl dt {
    margin-right: 5px;
    display: inline-block;
}

.archive_cont > a figure figcaption .page_data > dl dd {
    font-size: 11px;
    display: inline-block;
}

/*.archive_cont > a ul.sp_cat {font-size: 12px; color: #FFF; text-align: center; background-color:#00539e;margin-top: 10px; padding: 5px ; }*/
.archive_cont > a ul.sp_cat {
    font-size: 12px;
    color: #000;
    text-align: center;
    margin-top: 0px;
    padding: 0px ;
    display: inline-block;
}

/*.archive_cont > a ul.sp_cat li {display: inline-block;}*/
.archive_cont > a ul.sp_cat li {
    display: block;
    line-height: 180%;
    padding: 0px 5px;
}

.archive_cont > a ul.sp_cat li.pr {
    background-color: #58b5af;
    color: #fff;
}

.archive_cont > a ul.sp_cat li.sp {
    background-color: #58b5af;
    color: #fff;
}

.archive_cont:after {
    content: "";
    width: 256px;
    display: block;
}

.archive_cont > a.doushin_list h2 {
    margin-top: 10px;
}

.archive_cont > a.doushin_list h3 {
    font-size: 11px;
    margin-top: 5px;
}

.pagination {
    margin-top: 50px;
}

.page-numbers {
    text-align: center;
}

.page-numbers li {
    display: inline-block;
    margin: 0px 15px;
}

.event_banner {
    margin: 70px 0px 50px;
    text-align: center;
}

.event_banner li {
    display: inline-block;
}

.event_banner li img {
    max-width: 100%;
    height: auto;
}

/*20220530*/
.wp-block-image.alignleft {
    float: left;
    margin-right: 20px;
}

.wp-block-image.alignright {
    float: right;
    margin-left: 20px;
}

.wp-block-image.aligncenter {
    margin: 0 auto;
}

/*TAG*/
.single_tag_area ul {
    border-top: 1px solid #929fa4;
    padding: 20px 0px 15px ;
    text-align: center;
    margin-bottom: 0px!important;
}

.single_tag_area ul li {
    display: inline-block;
    list-style: none!important;
    margin: 0.3em 0.5em 0.5em!important;
}

.single_tag_area ul li span {
    background-color: #5f7b93;
    color: #FFF;
    padding: 3px 10px;
}

.single_tag_area ul li span a {
    color: #FFF;
    text-decoration: none;
}

.tag_a_read {
    padding: 30px;
    background-color: #d3d9db;
    color: #6a6961;
    line-height: 180%;
    letter-spacing: 0.05em;
    margin-bottom: 40px;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
}

@media only screen and (max-width: 1200px) {
    .contents_header {
        width: 100%;
        margin: 40px auto 0px;
        position: relative;
        padding: 0px 30px;
        box-sizing: border-box;
    }

    .archive_wrapper {
        padding: 0px 30px;
        box-sizing: border-box;
    }

    .archive_wrapper > main {
        width: calc(100% - 370px);
    }

    .cat_item_cont > a {
        width: 48%;
        margin-bottom: 34px;
    }
}

@media only screen and (max-width: 750px) {
    /*20220530*/ .wp-block-image.alignleft {
        float:none;
        margin-right: 0;
    }

    aside.single_side .banner_area {
        padding: 30px 0;
    }

    aside > div.follow {
        width: 100%
    }

    .archive_wrapper {
        width: 100%;
        display: block;
    }

    .archive_header {
        margin-bottom: 20px;
    }

    .cat_item_list {
        margin-top: 20px;
        margin-bottom: 40px;
    }

    .archive_wrapper > main {
        width: 100%;
        margin: 0 auto;
        padding: 0 30px;
        box-sizing: border-box
    }

    .archive_header figure figcaption {
        padding: 24px;
    }

    .archive_header figure figcaption h1 {
        font-size: 24px;
    }

    .archive_wrapper > aside {
        width: 100%;
        padding: 0 30px;
        box-sizing: border-box;
        margin-top: 30px;
    }

    .archive_wrapper .follow {
        width: 100%;
        box-sizing: border-box
    }

    .archive_header > h2 {
        margin-top: 20px;
        padding: 0 20px;
    }

    .breadcrumb {
        width: 100%;
        background-color: #929fa4;
        min-width: 100%;
    }

    .breadcrumb ol {
        width: 100%;
        margin: 0px auto;
        display: flex;
        padding: 10px 20px;
        box-sizing: border-box;
        white-space: nowrap;
        overflow: hidden;
    }

    .breadcrumb ol li {
        color: #FFF;
        font-size: 10px;
        letter-spacing: 0.1em;
    }

    .breadcrumb ol li a {
        color: #FFF;
        font-size: 10px;
    }

    .breadcrumb ol li:last-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

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

    .middle_header > div.middle_header_main {
        width: 100%;
        margin: 0px auto;
        display: block;
        align-items: center;
        padding: 20px 0px 0px 0px;
        overflow-x: auto;
    }

    .middle_header > div .middle_logo {
        width: 220px;
        margin: 0px auto;
    }

    /*.search-form {position: relative; display: none;}*/
    .search-form {
        position: relative;
        margin: 30px auto;
        width: 262px;
    }

    .search-form input[type="search"] {
        -webkit-appearance: none;
        width: 262px;
        box-sizing: border-box;
        border-radius: 20px;
        font-size: 12px;
        padding: 10px 20px;
        background-color: #f1f1f1;
        border: 1px solid rgba(106,105,97,.3);
    }

    .search-form input[type="submit"] {
        -webkit-appearance: none;
        width: 15px;
        height: 18px;
        border: none;
        background: url("../images/search_bt.svg") no-repeat;
        position: absolute;
        right: 13px;
        top: calc(50% - 9px );
        cursor: pointer;
    }

    .middle_header > div.middle_header_main > nav {
        overflow-x: auto;
        white-space: nowrap;
        margin: 20px 0px 20px;
    }

    .middle_header > div.middle_header_main > nav::-webkit-scrollbar {
        display: none;
    }

    .middle_header > div.middle_header_main > nav ul {
        width: 100%;
        margin: 0px;
        padding: 0px 5%;
        box-sizing: border-box;
        height: 50px;
    }

    .middle_header > div.middle_header_main > nav li {
        display: inline-block;
        margin-right: 5px;
        width: 120px;
        height: 50px;
        background-color: #FFF;
        border-radius: 15px 15px 0px 0px ;
    }

    .middle_header > div.middle_header_main > nav li a {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.1em;
        position: relative;
        transition: .3s;
        display: block;
        width: 100%;
        height: 100%;
        line-height: 50px;
        vertical-align: middle;
        text-align: center;
        box-sizing: border-box;
    }

    .middle_header > div.middle_header_main > nav li a:after {
        position: absolute;
        content: "";
        width: 0px;
        height: 0px;
        bottom: 0px;
        left: 50%;
        transition: .3s;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .middle_header > div.middle_header_main > nav li a:hover:after {
        content: "";
        width: 0;
        height: 0;
    }

    .middle_header > div.middle_header_main > nav li a.taste_i {
        border-bottom: 6px solid #aa665d;
    }

    .middle_header > div.middle_header_main > nav li a.buy_i {
        border-bottom: 6px solid #884c6c;
    }

    .middle_header > div.middle_header_main > nav li a.experience_i {
        border-bottom: 6px solid #1b4364;
    }

    .middle_header > div.middle_header_main > nav li a.landscape_i {
        border-bottom: 6px solid #705a52;
    }

    .middle_header > div.middle_header_main > nav li a.event_i {
        border-bottom: 6px solid #7997b3;
    }

    .middle_header > div.middle_header_main > nav li a.others_i {
        border-bottom: 6px solid #ab9643;
    }

    .middle_header > div.middle_header_main > nav li a.area_i {
        border-bottom: 6px solid #99b2a2;
        padding-left: 26px;
    }

    .middle_header > div.middle_header_main > nav li a.taste_i:before {
        content: url("../images/navi_taste_icon.svg");
        display: inline-block;
        vertical-align: top;
        margin-right: 3px;
    }

    .middle_header > div.middle_header_main > nav li a.buy_i:before {
        content: url("../images/navi_buy_icon.svg");
        display: inline-block;
        vertical-align: top;
        margin-right: 3px;
    }

    .middle_header > div.middle_header_main > nav li a.experience_i:before {
        content: url("../images/navi_experience_icon.svg");
        display: inline-block;
        vertical-align: top;
        margin-right: 3px;
    }

    .middle_header > div.middle_header_main > nav li a.landscape_i:before {
        content: url("../images/navi_landscape_icon.svg");
        display: inline-block;
        vertical-align: top;
        margin-right: 3px;
    }

    .middle_header > div.middle_header_main > nav li a.event_i:before {
        content: url("../images/navi_event_icon.svg");
        display: inline-block;
        vertical-align: top;
        margin-right: 3px;
    }

    .middle_header > div.middle_header_main > nav li a.others_i:before {
        content: url("../images/navi_others_icon.svg");
        display: inline-block;
        vertical-align: top;
        margin-right: 3px;
    }

    .middle_header > div.middle_header_main > nav li a.area_i:before {
        content: url("../images/navi_area_icon.svg");
        display: inline-block;
        vertical-align: top;
        margin-right: 3px;
    }

    .middle_header .language {
        position: absolute;
        left: 40px;
        top: 50px;
        display: block;
        text-align: center;
        z-index: 11;
    }

    .middle_header .language dd ul {
        margin-top: 3px;
        display: none;
        background-color: #FFF;
        position: absolute;
        z-index: 2;
        border: 1px solid #ccc;
    }

    .middle_header .language dt {
        width: 100%;
        text-align: center;
    }

    .middle_header .language dt img {
        width: 25px;
        height: auto;
    }

    .middle_header .language dd {
        margin: 3px 0px 0px 0px;
    }

    .middle_header .language dd p {
        cursor: pointer;
        font-weight: 700;
        font-size: 12px;
    }

    .middle_header .language dd ul {
        margin-top: 3px;
        display: none;
        background-color: #FFF;
        position: absolute;
        z-index: 11;
        border: 1px solid #ccc;
    }

    .middle_header .language dd ul a {
        text-align: left;
    }

    .middle_header .language dd ul li a {
        display: block;
        padding: 5px 25px 5px 5px;
        font-size: 12px;
        position: relative;
    }

    .contents_header {
        width: 100%;
        margin: 40px auto 0px;
        padding: 0px 30px;
        box-sizing: border-box;
    }

    .contents_header .time_area {
        margin-bottom: 10px;
        display: flex;
        align-items: center;
    }

    .contents_header .page_time {
        font-size: 12px;
        display: inline-block;
        font-weight: 500;
        vertical-align: middle;
        margin-right: 24px;
        position: relative;
        padding-left: 20px;
    }

    .contents_header .page_time:before {
        content: "";
        width: 15px;
        height: 16px;
        background: url("../images/time_icon.svg");
        background-size: cover;
        background-position: center center;
        vertical-align: middle;
        margin-right: 0px;
        position: absolute;
        left: 0;
        top: 2px;
    }

    .contents_header .page_ranking {
        font-size: 18px;
        display: inline-block;
        font-weight: 500;
        vertical-align: middle;
        position: relative;
        padding-left: 30px;
    }

    .contents_header .page_ranking:before {
        content: "";
        width: 23px;
        height: 20px;
        position: absolute;
        background: url("../images/rankin_icon.svg");
        background-position: center center;
        background-size: cover;
        top: 4px;
        left: 0;
        vertical-align: middle;
        margin-right: 5px;
    }

    .contents_header h1 {
        font-size: 26px;
        font-weight: 500;
        letter-spacing: 0.05em;
        margin-bottom: 15px;
    }

    .contents_header .page_cate ul li {
        margin-top: 5px;
    }

    .contents_header .page_cate ul:first-child li {
        display: inline-block;
        margin-right: 5px;
        background-color: #929fa4;
        color: #FFF;
        font-size: 12px;
        padding: 5px 10px;
    }

    .contents_header .page_cate ul:nth-child(2) {
        float: left;
        font-size: 0px;
    }

    .contents_header .page_cate ul:nth-child(2) li {
        display: inline-block;
        margin-right: 5px;
        background-color: #a38377;
        color: #FFF;
        font-size: 12px;
        padding: 5px 10px;
    }

    .contents_header .page_description {
        letter-spacing: 0.05em;
        margin-top: 20px;
        font-size: 20px;
        line-height: 180%;
    }

    .contents_header .author_info {
        margin-top: 20px;
    }

    .contents_header .author_info figure picture img {
        object-fit: cover;
        width: 25px;
        height: 25px;
        border-radius: 50%;
    }

    .contents_header .author_info figure {
        display: flex;
        align-items: center;
    }

    .contents_header .author_info figure picture {
        margin-right: 10px;
    }

    .contents_header .author_info figure figcaption {
        font-size: 14px;
    }

    .contents_header .author_info .profile {
        font-size: 18px;
        letter-spacing: 0.05em;
        margin-top: 10px;
        line-height: 180%;
    }

    /*プロフィール*/
    .contents_header .author_info {
        margin-top: 20px;
    }

    .contents_header .author_info figure picture img {
        object-fit: cover;
        width: 25px;
        height: 25px;
        border-radius: 50%;
    }

    .contents_header .author_info figure {
        display: flex;
        align-items: center;
    }

    .contents_header .author_info figure picture {
        margin-right: 10px;
    }

    .contents_header .author_info figure figcaption {
        font-size: 14px;
    }

    .contents_header .author_info .profile {
        font-size: 18px;
        letter-spacing: 0.05em;
        margin-top: 10px;
        line-height: 180%;
    }

    .author_info_bottom {
        margin-top: 20px;
        border-top: 1px solid #929fa4;
        padding: 10px 0 0 0;
    }

    .author_info_bottom figure picture img {
        object-fit: cover;
        width: 25px;
        height: 25px;
        border-radius: 50%;
    }

    .author_info_bottom figure {
        display: flex;
        align-items: center;
    }

    .author_info_bottom figure picture {
        margin-right: 10px;
    }

    .author_info_bottom .profile {
        font-size: 12px;
        letter-spacing: 0.05em;
        margin-top: 10px;
    }

    .contents_header .sns_link {
        position: relative;
        right: 0px;
        bottom: 0px;
        margin: 40px 0px 10px;
    }

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

    .contents_wrapper > main {
        width: 100%;
        padding: 0px 30px;
        box-sizing: border-box;
    }

    .contents_wrapper > aside {
        width: 100%;
        padding: 0px 30px;
        box-sizing: border-box;
        margin-top: 30px;
    }

    #toc_container {
        padding: 15px;
        margin-bottom: 30px;
    }

    .toc_list li a {
        color: #6a6961;
        font-size: 14px;
    }

    .toc_title {
        font-size: 20px;
    }

    .toc_list li {
        list-style: none!important;
        margin: 10px 0px 0px!important;
    }

    section.contents_header > div.author_info > p {
        font-size: 12px
    }

    .wp-block-image .alignleft {
        float: none!important;
        margin: 0.5em auto 1em;
    }

    .wp-block-image .alignright {
        float: none!important;
        margin: 0.5em auto 1em;
    }

    .contents_wrapper > main > article .main_image figcaption {
        font-size: 16px;
        text-align: center;
        font-weight: 300;
    }

    .contents_wrapper > main > article h2 {
        font-size: 24px;
        font-weight: 400;
        letter-spacing: 0.05em;
        border-bottom: 1px solid #929fa4;
        padding-bottom: 24px;
        margin-bottom: 30px;
    }

    .contents_wrapper > main > article p {
        font-weight: 300;
        font-size: 16px;
        line-height: 180%;
        margin-bottom: 10px;
    }

    .contents_wrapper > main > article h3 {
        font-size: 18px;
        font-weight: 400;
        letter-spacing: 0.05em;
        border-bottom: 1px solid #929fa4;
        padding-bottom: 24px;
        margin-bottom: 20px;
    }

    .contents_wrapper > main > article h4 {
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0.05em;
        border-bottom: 1px solid #929fa4;
        padding-bottom: 24px;
        margin-bottom: 20px;
    }

    /*20220530*/
    .contents_wrapper > main > article .gmap {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 75%;
    }

    .contents_wrapper > main > article .wp-block-table {
        border: 1px solid #929fa4;
        padding: 10px;
        font-size: 16px;
        margin-bottom: 20px;
    }

    .contents_wrapper > main > article .wp-block-table td {
        padding: 10px;
        font-size: 16px;
    }

    .contents_wrapper > main > article .wp-block-table figcaption {
        font-weight: 300;
        font-size: 12px;
        margin-bottom: 5px;
    }

    .contents_wrapper > main > article strong {
        font-weight: 700;
    }

    .contents_wrapper > main > article a {
        color: #0058ff;
        text-decoration: underline;
    }

    .contents_wrapper > main > article ul {
        margin-bottom: 20px;
        font-size: 14px;
    }

    .contents_wrapper > main > article ul li {
        color: #58b5af;
        list-style: outside;
        margin-left: 1.5em;
        margin-bottom: 5px;
        font-size: 14px;
    }

    .contents_wrapper > main > article ul li:last-child {
        margin-bottom: 0px;
    }

    .contents_wrapper > main > article ol {
        counter-reset: my-counter;
        list-style: none;
        padding: 0;
        margin: 0 0 30px;
    }

    .contents_wrapper > main > article ol li {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        padding-left: 25px;
        position: relative;
        margin-bottom: 5px;
    }

    .contents_wrapper > main > article ol li:before {
        content: counter(my-counter);
        counter-increment: my-counter;
        background-color: #58b5af;
        border: 1px solid;
        border-radius: 50%;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 20px;
        width: 20px;
        color: #ffffff;
        font-size: 80%;
        font-weight: 500;
        line-height: 1;
        position: absolute;
        top: 0;
        left: 0;
    }

    .contents_wrapper > main > article ol li:last-child {
        margin-bottom: 0px;
    }

    .contents_wrapper > main > article .wp-block-image {
        margin-bottom: 30px;
        text-align: center;
    }

    .contents_wrapper > main > article .wp-block-image figcaption {
        font-size: 12px;
        padding: 5px 10px;
        margin-top: 0px!important;
        background-color: #f3f3f3;
    }

    .contents_wrapper > main > article .wp-block-quote {
        background-color: rgba(146,159,164,.4);
        padding: 20px 60px;
        box-sizing: border-box;
        margin-bottom: 20px;
        position: relative;
    }

    .contents_wrapper > main > article .wp-block-quote > p {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 10px;
    }

    .contents_wrapper > main > article .wp-block-quote > cite {
        font-size: 14px;
        font-weight: 300;
        line-height: 150%;
    }

    .contents_wrapper > main > article .wp-block-quote:after {
        content: url("../images/quote_l.svg");
        position: absolute;
        left: 10px;
        top: 10px;
    }

    .contents_wrapper > main > article .wp-block-quote:before {
        content: url("../images/quote_r.svg");
        position: absolute;
        right: 10px;
        bottom: 10px;
    }

    .contents_wrapper > main > article .wp-block-embed {
        margin-bottom: 20px;
    }

    .contents_wrapper > main > article .wp-block-embed figcaption {
        font-size: 14px;
        padding: 5px 10px;
        margin-top: 0px!important;
        background-color: #f3f3f3;
        text-align: center;
    }

    .contents_wrapper > main > article .is-type-video .wp-block-embed__wrapper {
        position: relative;
        width: 100%;
        height: 0;
        /* 高さは0にしておく(padding-topで高さを指定するため) */
        padding-top: 56.25%;
    }

    .contents_wrapper > main > article .is-type-video .wp-block-embed__wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .contents_wrapper > main > article .is-type-wp-embed iframe {
        width: 100%;
    }

    .contents_wrapper > main > article .is-type-wp-embed .wp-embed-footer {
        display: none!important;
    }

    .contents_wrapper > main > article .wp-block-column > p {
        font-size: 20px;
        font-weight: 300;
        margin-bottom: 10px;
    }

    .contents_wrapper > main > article .wp-block-media-text {
        margin-bottom: 30px;
    }

    .contents_wrapper > main > article .wp-block-media-text__content {
        font-size: 20px;
        padding: 0!important;
    }

    .related_area {
        background-color: #f1f1f1;
        margin-top: 40px;
        padding: 40px 30px 30px;
        box-sizing: border-box;
    }

    .related_area > p.related_title {
        font-weight: 500;
        text-align: center;
        font-size: 16px;
        color: #333333;
    }

    .related_area > p.related_title span {
        border-bottom: 2px solid #333333;
        padding: 0px 5px 5px;
    }

    .related_area > div {
        margin-top: 30px;
        display: block;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .related_area > div > a {
        width: 100%;
        text-decoration: none;
        color: #6a6961;
        position: relative;
        display: block;
        margin-bottom: 40px;
    }

    .related_area > div::after {
        content: "";
        display: block;
        width: 230px;
    }

    .related_area > div > a figure img {
        width: 100%;
        object-fit: cover;
    }

    .related_area > div > a figure figcaption .child_cate {
        position: absolute;
        transform: rotate(-45deg);
        top: 28px;
        left: -32px;
        font-size: 12px;
        color: #FFF;
        text-align: center;
        width: 127px;
    }

    .related_area > div > a figure figcaption .page_cate {
        margin-top: 10px;
    }

    .related_area > div > a figure figcaption .page_cate ul:first-child {
        float: left;
        font-size: 0px;
    }

    .related_area > div > a figure figcaption .page_cate ul:first-child li {
        display: inline-block;
        margin-right: 5px;
        margin-bottom: 5px;
        background-color: #929fa4;
        color: #FFF;
        font-size: 12px;
        padding: 3px 5px;
    }

    .related_area > div > a figure figcaption .page_cate ul:nth-child(2) {
        float: left;
        font-size: 0px;
    }

    .related_area > div > a figure figcaption .page_cate ul:nth-child(2) li {
        display: inline-block;
        margin-right: 5px;
        background-color: #a38377;
        color: #FFF;
        font-size: 12px;
        padding: 3px 5px;
    }

    .related_area > div > a figure figcaption .page_cate:after {
        content: "";
        clear: both;
        display: block;
    }

    .related_area > div > a figure figcaption> h2 {
        font-size: 14px;
        font-weight: 300;
        line-height: 180%;
    }

    .related_area > div > a:before {
        content: "";
        width: 0;
        height: 0;
        border-right: 90px solid transparent;
        border-top: 90px solid #81C7D4;
        position: absolute;
        top: 0;
        left: 0;
    }

    .archive_sp_header {
        background-color: #58b5af;
        padding: 30px 20px;
        border-radius: 10px;
        margin-bottom: 40px;
    }

    .archive_wrapper {
        padding: 0px 0px;
        box-sizing: border-box;
    }

    .archive_cont {
        display: block;
        justify-content: space-between;
        flex-wrap: wrap;
        padding-top: 0px;
    }

    .archive_cont > a {
        width: 100%;
        margin-bottom: 34px;
        display: block;
    }

    .archive_cont > a figure {
        position: relative;
    }

    .archive_cont > a figure picture {
        width: 100%;
        position: relative;
        padding-top: 56.25%;
    }

    .archive_cont > a figure picture img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
    }

    .archive_cont > a figure figcaption > h2 {
        font-size: 14px;
        line-height: 160%;
        height: auto;
        overflow: auto;
    }

    .archive_cont > a figure figcaption .page_data {
        margin-top: 5px;
    }

    .archive_cont > a figure figcaption .page_cate {
        margin: 5px 0px;
    }

    .cat_item_cont {
        display: block
    }

    .cat_item_cont > a {
        display: block;
        width: 100%;
    }

    .cat_item_cont > a figure picture {
        width: 100%;
        position: relative;
        padding-top: 56.25%;
    }

    .cat_item_cont > a figure picture img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
    }

    .cat_item_cont > a figure figcaption > h2 {
        font-size: 14px;
        line-height: 160%;
        height: auto;
        overflow: auto;
    }

    .cat_item_cont > a figure figcaption .page_cate {
        margin: 5px 0px;
    }

    .cat_item_cont > a figure figcaption .page_data {
        margin-top: 5px;
    }

    .list_area_search .sort_bt {
        clear: both;
    }

    .list_area_search .area_search {
        width: 100%;
        float: none;
    }

    .list_area_search .area_select select {
        -webkit-appearance: none;
        border: 1px solid #999;
        border-radius: 4px;
        width: 100%;
        padding: 10px;
        margin-bottom: 0px;
        box-sizing: border-box;
    }

    .list_area_search .area_select {
        position: relative;
        margin-bottom: 40px;
    }

    .list_area_search .area_select::after {
        content: "";
        display: block;
        width: 4px;
        height: 4px;
        position: absolute;
        right: 10px;
        top: 44%;
        border-bottom: #333 2px solid;
        border-right: #333 2px solid;
        transform: rotate(45deg)translateY(-30%);
        z-index: 1;
    }

    .list_area_search dl.txt_search dd input[type="text"] {
        width: 100%;
        box-sizing: border-box;
    }

    .list_area_search .child_area dt {
        font-weight: 700;
    }

    .area_map {
        width: 100%;
        float: none;
        margin-bottom: 40px;
    }

    .area_map svg {
        width: 100%;
        height: auto;
    }
}

@media only screen and (max-width: 500px) {
    .breadcrumb {
        width: 100%;
        background-color: #929fa4;
        min-width: 100%;
        position: relative;
        z-index: 1;
    }

    .middle_header {
    }

    .middle_header > div.middle_header_main {
        width: 100%;
        margin: 0px auto;
        display: block;
        align-items: center;
        padding: 0px 0px 20px 0px;
        overflow-x: auto;
        overflow-y: auto;
        height: 100%;
    }

    .middle_header > div .middle_logo {
        width: 220px;
        margin: 20px auto 0px;
    }

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

    .middle_header .language {
        position: absolute;
        left: 10px;
        top: 57px;
        display: block;
        text-align: center;
        z-index: 10000;
    }

    .middle_header .language dd ul {
        margin-top: 3px;
        display: none;
        background-color: #FFF;
        position: absolute;
        border: 1px solid #ccc;
        z-index: 11;
    }

    .middle_header .language dt {
        width: 100%;
        text-align: center;
    }

    .middle_header .language dt img {
        width: 25px;
        height: auto;
    }

    .middle_header .language dd {
        margin: 0px 0px 0px 0px;
        position: relative;
        z-index: 11;
    }

    .middle_header .language dd p {
        cursor: pointer;
        font-weight: 700;
        font-size: 10px;
    }

    .middle_header .language dd ul {
        margin-top: 3px;
        display: none;
        background-color: #FFF;
        position: absolute;
        z-index: 30;
        border: 1px solid #ccc;
    }

    .middle_header .language dd ul a {
        text-align: left;
    }

    .middle_header .language dd ul li a {
        display: block;
        padding: 5px 25px 5px 5px;
        font-size: 11px;
        position: relative;
    }

    .middle_header > div.middle_header_main.fixed .language {
        position: fixed;
        height: auto;
        left: 10px;
        top: 25px;
    }

    .middle_header > div.middle_header_main.fixed .language dd ul {
        position: fixed;
    }

    .middle_header > div.middle_header_main > nav {
        display: none;
    }

    .search-form {
        display: none;
    }

    .middle_header .hamburger {
        display: block;
        width: 45px;
        height: 45px;
        top: 54px;
        right: 10px;
        z-index: 10000;
        padding: 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-tap-highlight-color: transparent;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        position: absolute;
        background-color: #58b5af;
    }

    .middle_header > div.middle_header_main.fixed .hamburger {
        top: 22px;
    }
}

/*目次*/
span.toc_number{padding-right:10px;display:inline-block;}

.breadcrumb {width: 100%; background-color: #929fa4;min-width: 1200px;}
.breadcrumb ol {width: 1200px; margin: 0px auto; display: flex; padding: 10px 0px;}
.breadcrumb ol li {color: #FFF; font-size: 12px; letter-spacing: 0.1em;}
.breadcrumb ol li a {color: #FFF; font-size: 12px;}
.breadcrumb ol li:after {content: ">"; margin: 0px 10px;}
.breadcrumb ol li:last-child:after {content: "";}

.area_bread li {display: inline-block; font-size: 20px; font-weight: 500; letter-spacing: 0.05em;}
.area_bread li:before {content: "/"; padding: 0px 5px;}
.area_bread li:last-child:before {content: ""; padding: 0px;}
.area_bread li:first-child:before {content: ""; padding: 0px;}
.area_bread li:first-child + li:before {content: "-"; padding: 0px 5px;}
.area_bread li:first-child + li.b_word:before {content: ""; padding: 0px 0px;}
.area_bread.only_word li:first-child:after {content: ""; padding: 0px;}
.area_bread.only_word li.b_word:before {content: ""; padding: 0px;}

.follow {width: 340px;}

.middle_header {background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,0.004639355742296902) 20%, rgba(232,245,244,1) 100%); height: 108px; box-sizing: border-box;min-width: 1200px;}
.middle_header > div.middle_header_main {max-width: 1200px; margin: 0px auto; display: flex;align-items: center; padding: 30px 0px 0px 0px;justify-content: space-between;}
.middle_header > div .middle_logo {width: 180px; margin-right: 32px;}

section.contents_header > div.author_info > p {font-size:12px}
section.contents_header > div.author_info > figure > figcaption {font-size:12px}
/*
.middle_header > div nav li a {font-size: 16px; font-weight: 500; letter-spacing: 0.1em;}
.middle_header > div nav li a.fei:before {content:url("../images/navi_feature_icon.svg"); display: inline-block; vertical-align: middle; margin-right: 3px;}
.middle_header > div nav li a.rei:before {content:url("../images/navi_region_icon.svg"); display: inline-block; vertical-align: middle;margin-right: 3px;}
.middle_header > div nav li a.goi:before {content:url("../images/navi_taste_icon.svg"); display: inline-block; vertical-align: middle;margin-right: 3px;}
.middle_header > div nav li a.bui:before {content:url("../images/navi_buy_icon.svg"); display: inline-block; vertical-align: middle;margin-right: 3px;}
.middle_header > div nav li a.exi:before {content:url("../images/navi_experience_icon.svg"); display: inline-block; vertical-align: middle;margin-right: 3px;}
.middle_header > div nav li a.evi:before {content:url("../images/navi_event_icon.svg"); display: inline-block; vertical-align: middle;margin-right: 3px;}
*/
.middle_header > div.middle_header_main > nav li {display: inline-block; margin-right:12px;}
.middle_header > div.middle_header_main > nav li a {font-size: 16px; font-weight: 500; letter-spacing: 0.1em; position: relative;transition: .3s;}
.middle_header > div.middle_header_main > nav li a:after {position: absolute; content: ""; width: 0px; height: 3px; bottom: -10px; left: 50%;transition: .3s;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.middle_header > div.middle_header_main > nav li a:hover:after {content: ""; width: 60px;left: 50%;}
.middle_header > div.middle_header_main > nav li a.taste_i:before {content:url("../images/navi_taste_icon.svg"); display: inline-block; vertical-align: middle;margin-right: 3px;}
.middle_header > div.middle_header_main > nav li a.taste_i:after {background-color: #aa665d;}
.middle_header > div.middle_header_main > nav li a.buy_i:before {content:url("../images/navi_buy_icon.svg"); display: inline-block; vertical-align: middle;margin-right: 3px;}
.middle_header > div.middle_header_main > nav li a.buy_i:after {background-color: #884c6c;}
.middle_header > div.middle_header_main > nav li a.experience_i:before {content:url("../images/navi_experience_icon.svg"); display: inline-block; vertical-align: middle;margin-right: 3px;}
.middle_header > div.middle_header_main > nav li a.experience_i:after {background-color: #1b4364;}
.middle_header > div.middle_header_main > nav li a.landscape_i:before {content:url("../images/navi_landscape_icon.svg"); display: inline-block; vertical-align: middle;margin-right: 3px;}
.middle_header > div.middle_header_main > nav li a.landscape_i:after {background-color: #705a52;}
.middle_header > div.middle_header_main > nav li a.event_i:before {content:url("../images/navi_event_icon.svg"); display: inline-block; vertical-align: middle;margin-right: 3px;}
.middle_header > div.middle_header_main > nav li a.event_i:after {background-color: #7997b3;}
.middle_header > div.middle_header_main > nav li a.others_i:before {content:url("../images/navi_others_icon.svg"); display: inline-block; vertical-align: middle; margin-right: 3px;}
.middle_header > div.middle_header_main > nav li a.others_i:after {background-color: #ab9643;}
.middle_header > div.middle_header_main > nav li a.area_i:before {content:url("../images/navi_area_icon.svg"); display: inline-block; vertical-align: middle;margin-right: 3px;}
.middle_header > div.middle_header_main > nav li a.area_i:after {background-color: #99b2a2;}
.middle_header > div.middle_header_main > nav li:last-child:after {content: "";width: 0px; height: 0px;}


.middle_header .language {display: flex;}
.middle_header .language dt {width: 30px; }
.middle_header .language dd { margin: 4px 0px 0px 10px;}
.middle_header .language dd p {cursor: pointer;font-weight: 700; font-size: 13px;}
.middle_header .language dd ul {margin-top: 3px; display: none; background-color: #FFF; position: absolute; z-index: 2; border: 1px solid #ccc;}
.middle_header .language dd ul li a {display: block; padding: 5px 25px 5px 5px; font-size: 14px; position: relative;}
.middle_header .language dd ul li a:after {  content: '●';display: none;position: absolute;font-size: 10px;top: 8px;right: 9px;color: #999}
.middle_header .language dd ul li a[data-stt-active]:after {display: block;}
.middle_header .language dd ul li a:hover:after {content: '●';display: block; position: absolute; font-size: 10px;top: 8px;right: 9px;color: #333;}

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

.contents_header {width: 1200px; margin: 40px auto 0px; position: relative;}
.contents_header .time_area {margin-bottom: 10px; display: flex; align-items: center;}
.contents_header .page_time {font-size: 10px; display: inline-block; font-weight: 500;vertical-align: middle; margin-right: 20px;}
.contents_header .page_time:before {content: url("../images/time_icon.svg");display: inline-block; vertical-align: middle; margin-right: 5px;}
.contents_header .page_ranking {font-size: 10px; display: inline-block; font-weight: 500;vertical-align: middle;}
.contents_header .page_ranking:before {content: url("../images/rankin_icon.svg");display: inline-block; vertical-align: middle; margin-right: 5px;}
.contents_header .from_h {display: inline-block; font-size: 12px; color: #00539e; border: 1px solid #00539e; margin-left: 20px; padding: 3px 10px; font-weight: 500;}

.contents_header h1 {font-size: 28px; font-weight: 500; letter-spacing: 0.05em; margin-bottom: 10px;}

.contents_header .page_cate ul li {margin-top: 10px;}
.contents_header .page_cate ul li a {display: block; color: #FFF;}
.contents_header .page_cate ul:first-child {float: left;font-size: 0px;}
.contents_header .page_cate ul:first-child li {display: inline-block; margin-right:5px;background-color: #929fa4; color: #FFF; font-size: 12px; padding: 5px 10px;}
.contents_header .page_cate ul:nth-child(2) {float: left;font-size: 0px;}
.contents_header .page_cate ul:nth-child(2) li {display: inline-block;margin-right: 5px; background-color: #a38377; color: #FFF; font-size: 12px;padding: 5px 10px;}
.contents_header .page_cate ul.sp_cat {float: left;font-size: 0px;}
.contents_header .page_cate ul.sp_cat li {display: inline-block;margin-right: 5px;color: #FFF;font-size: 12px;padding: 5px 10px;}
.contents_header .page_cate ul.sp_cat li.pr {background-color: #e8be4a;}
.contents_header .page_cate ul.sp_cat li.sp {background-color: #289C4F;}
.contents_header .page_cate:after {content: ""; clear: both; display: block;}

.contents_header .page_description {letter-spacing: 0.05em; margin-top: 20px;}

/*author info*/
.author_info {display:none}
.contents_header .author_info {margin-top: 30px;}
.contents_header .author_info figure picture img { object-fit: cover; width: 30px; height: 30px; border-radius: 50%;}
.contents_header .author_info figure {display: flex; align-items: center;}
.contents_header .author_info figure picture {margin-right: 10px;}
.contents_header .author_info .profile {font-size: 12px;letter-spacing: 0.05em; margin-top: 10px;}
/*author info*/
.author_info_bottom { margin-top: 30px;border-top: 1px solid #929fa4;padding: 20px 0 0 0;}
.author_info_bottom figure picture img { object-fit: cover; width: 30px; height: 30px; border-radius: 50%;}
.author_info_bottom figure {display: flex; align-items: center;}
.author_info_bottom figure picture {margin-right: 10px;}
.author_info_bottom .profile {font-size: 12px;letter-spacing: 0.05em; margin-top: 10px;}

.contents_header .sns_link {position: absolute; right: 50px; bottom: 0;}
.contents_header .sns_link li {display: inline-block;margin: 0px 5px 0px 0px;}

.contents_wrapper {width: 1200px; margin: 30px auto 0px; display: flex; justify-content: space-between;}
.contents_wrapper > main {width: 790px;}
.contents_wrapper > aside {width: 340px; position: relative;}

.contents_wrapper > main > article .main_image {margin-bottom: 30px;}
.contents_wrapper > main > article .main_image img {border-radius: 10px;}
.contents_wrapper > main > article .main_image figcaption {font-size: 12px; text-align: center; font-weight: 300;}

.contents_wrapper > main > article h2 {font-size: 26px; font-weight: 400;letter-spacing: 0.05em; border-bottom: 1px solid #929fa4; padding-bottom: 24px; margin-bottom: 30px;}
.contents_wrapper > main > article p {font-weight: 300; font-size: 18px; line-height: 180%; margin-bottom: 15px; word-break: break-all;}
.contents_wrapper > main > article h3 {font-size: 23px; font-weight: 400;letter-spacing: 0.05em; border-bottom: 1px solid #929fa4; padding-bottom: 24px; margin-bottom: 30px;}
.contents_wrapper > main > article h4 {font-size: 20px; font-weight: 400;letter-spacing: 0.05em; border-bottom: 1px solid #929fa4; padding-bottom: 24px; margin-bottom: 30px;}
/*20220530*/
.contents_wrapper > main > article .gmap {position:relative; width:100%; height:0; padding-bottom:250px; margin-bottom:40px;}
.contents_wrapper > main > article .gmap iframe {width:100%; height:100%;position:absolute; top:0; left:0;}
.contents_wrapper > main > article .wp-block-table {border: 1px solid #929fa4; padding: 10px; font-size: 14px; margin-bottom: 30px;}
.contents_wrapper > main > article .wp-block-table td { padding: 10px;}
.contents_wrapper > main > article .wp-block-table figcaption {font-weight: 300; font-size: 12px; margin-bottom: 5px;}
.contents_wrapper > main > article strong {font-weight: 700;}
.contents_wrapper > main > article a {color: #0058ff; text-decoration: underline;}
.contents_wrapper > main > article ul {margin-bottom: 30px; font-size: 14px;}
.contents_wrapper > main > article ul li {color: #58b5af; list-style: outside;margin-left: 1.5em; margin-bottom: 5px;}
.contents_wrapper > main > article ul li:last-child {margin-bottom: 0px;}
.contents_wrapper > main > article ol {counter-reset: my-counter;list-style: none;padding: 0;margin: 0 0 30px;}
.contents_wrapper > main > article ol li {font-size: 16px;font-weight: 400;line-height: 1.5;padding-left: 30px;position: relative;margin-bottom: 5px;}
.contents_wrapper > main > article ol li:before {content: counter(my-counter);counter-increment: my-counter;background-color: #58b5af;border: 1px solid; border-radius: 50%; box-sizing: border-box;display: flex;justify-content: center;align-items: center;height: 20px; width: 20px;color: #ffffff;font-size: 80%;font-weight: 500;line-height: 1;position: absolute;top: 0;left: 0;}
.contents_wrapper > main > article ol li:last-child {margin-bottom: 0px;}
.contents_wrapper > main > article .wp-block-image {margin-bottom: 30px; text-align: center;}
.contents_wrapper > main > article .wp-block-image figcaption {font-size: 14px; padding: 5px 10px;margin-top: 0px!important; background-color: #f3f3f3;}
/*.contents_wrapper > main > article .wp-block-image:after {content: ""; display: block; clear: both;}*/
/*.contents_wrapper > main > article .wp-block-image {clear: both;}*/
.contents_wrapper > main > article .wp-block-quote {background-color: rgba(146,159,164,.4); padding: 20px 90px;box-sizing: border-box; margin-bottom: 30px; position: relative;}
.contents_wrapper > main > article .wp-block-quote > p {font-size: 16px; font-weight: 500; margin-bottom: 10px;}
.contents_wrapper > main > article .wp-block-quote > cite {font-size: 12px; font-weight: 300; line-height: 150%;}
.contents_wrapper > main > article .wp-block-quote:after {content:url("../images/quote_l.svg"); position: absolute; left: 10px; top: 10px;}
.contents_wrapper > main > article .wp-block-quote:before {content:url("../images/quote_r.svg"); position: absolute; right: 10px; bottom: 10px;}
.contents_wrapper > main > article .wp-block-embed {margin-bottom: 30px;}
.contents_wrapper > main > article .wp-block-embed figcaption {font-size: 14px; padding: 5px 10px;margin-top: 0px!important; background-color: #f3f3f3; text-align: center;}
.contents_wrapper > main > article .is-type-video .wp-block-embed__wrapper {position: relative;width:100%;height:0; /* 高さは0にしておく(padding-topで高さを指定するため) */padding-top: 56.25%;}
.contents_wrapper > main > article .is-type-video .wp-block-embed__wrapper iframe{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.contents_wrapper > main > article .is-type-wp-embed iframe {width: 100%;}
.contents_wrapper > main > article .is-type-wp-embed .wp-embed-footer {display: none!important;}
.contents_wrapper > main > article .wp-block-column > p {font-size: 14px; font-weight: 300; margin-bottom: 10px;}
.contents_wrapper > main > article .wp-block-media-text {margin-bottom: 30px;}
.contents_wrapper > main > article .wp-block-media-text__content {font-size: 14px; padding: 0!important;}

.contents_wrapper > main > article .wp-embedded-content {width: 100%;margin:20px 0 20px 0}

.doushin_header {margin-bottom: 34px;}
.doushin_header h1 {font-size: 28px; font-weight: 500; letter-spacing: 0.05em; margin-bottom: 20px;}
.doushin_header .time_area {margin-bottom: 10px; display: flex; align-items: center;}
.doushin_header .page_time {font-size: 10px; display: inline-block; font-weight: 500;vertical-align: middle; margin-right: 20px;}
.doushin_header .page_time:before {content: url("../images/time_icon.svg");display: inline-block; vertical-align: middle; margin-right: 5px;}
.doushin_header .page_ranking {font-size: 10px; display: inline-block; font-weight: 500;vertical-align: middle;}
.doushin_header .page_ranking:before {content: url("../images/rankin_icon.svg");display: inline-block; vertical-align: middle; margin-right: 5px;}
.doushin_header .sns_link li {list-style: none; display: inline-block;margin: 0px 5px 0px 0px;}

.doushin_cont {line-height: 180%; letter-spacing: 0.05em;}

.doushin_bt {width: 300px; margin: 80px auto; height: 60px; background-color: #00539e; border-radius: 5px;}
.doushin_bt a {text-decoration: none!important; display: block; text-align: center; color: #FFF!important; line-height: 60px; vertical-align: middle; font-size: 16px; font-weight: 700; letter-spacing: 0.1em;}

.archive_wrapper .doushin_bt {width: 340px;}

#toc_container {box-sizing: border-box; background-color: #d3d9db; width: 100%; padding: 15px 15px 20px 20px; font-size: 14px; margin-bottom: 50px;}
.toc_list {font-size: 14px; margin:0px!important;}
.toc_list li {list-style: none!important; margin: 15px 0px 0px!important;}
.toc_list li a { color: #6a6961; font-size: 14px;}
.toc_title:before {content: "＜"}
.toc_title:after {content: "＞"}

.related_area {background-color: #f1f1f1; margin-top: 60px; padding: 40px 30px 30px; box-sizing: border-box;}
.related_area > p.related_title {font-weight: 500; text-align: center; font-size: 16px; color: #333333;}
.related_area > p.related_title span {border-bottom: 2px solid #333333; padding: 0px 5px 5px;}
.related_area > div {margin-top: 30px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.related_area > div > a {width: 230px;text-decoration:none; color:#6a6961; position: relative;display: block;}
.related_area > div::after{content:"";display: block;width:230px;}
.related_area > div > a figure img {width: 230px; height: 152px; object-fit: cover;}
.related_area > div > a figure figcaption .child_cate {position: absolute; transform: rotate(-45deg); top:28px; left: -32px; font-size: 12px; color: #FFF; text-align: center; width: 127px;}

.related_area > div > a figure figcaption .page_cate {margin-top: 10px;}
.related_area > div > a figure figcaption .page_cate ul:first-child {float: left;font-size: 0px;}
.related_area > div > a figure figcaption .page_cate ul:first-child li {display: inline-block; margin-right:5px;background-color: #929fa4; color: #FFF; font-size: 11px; padding: 3px 5px;}
.related_area > div > a figure figcaption .page_cate ul:nth-child(2) {float: left;font-size: 0px;}
.related_area > div > a figure figcaption .page_cate ul:nth-child(2) li {display: inline-block;margin-right: 5px; background-color: #a38377; color: #FFF; font-size: 11px;padding: 3px 5px;}
.related_area > div > a figure figcaption .page_cate:after {content: ""; clear: both; display: block;}

.related_area > div > a figure figcaption> h2 {font-size: 12px; font-weight: 300; line-height: 180%;}
.related_area > div > a:before {	content: ""; width: 0;height: 0;border-right: 90px solid transparent;border-top: 90px solid #81C7D4; position: absolute; top: 0; left: 0;}

aside.single_side .ranking_area {background-color: #f1f1f1; padding: 34px 0px; box-sizing: border-box; margin-bottom: 20px;}
aside.single_side .ranking_area > h2 {font-weight: 500; text-align: center; font-size: 16px; color: #333333;}
aside.single_side .ranking_area > h2 em {font-family: 'Open Sans', sans-serif; font-weight: 600; margin-right: 0.5em;letter-spacing: 0.1em;}
aside.single_side .ranking_area > h2 span {border-bottom: 2px solid #333333; padding: 0px 5px 5px;}
aside.single_side .ranking_area > div {width: 300px; margin: 24px auto 0px;}

aside.single_side div.aside_list a {margin-bottom: 20px; display: block;}
aside.single_side div.aside_list a:last-child {margin-bottom: 0px;}
aside.single_side div.aside_list a figure {display: flex; justify-content: space-between;}
aside.single_side div.aside_list a figure picture {width: 140px;}
aside.single_side div.aside_list a figure picture img {width: 100%; height: 92px; object-fit: cover;}
aside.single_side div.aside_list a figure figcaption {width: 150px;}
aside.single_side div.aside_list a figure figcaption > h2 {font-size: 12px; font-weight: 300; line-height: 180%;}
aside.single_side div.aside_list a figure figcaption .item_time {font-size: 10px; display: inline-block; font-weight: 500;vertical-align: middle; margin-right: 25px;}
aside.single_side div.aside_list a figure figcaption .item_time:before {content: url("../images/time_icon.svg");display: inline-block; vertical-align: middle; margin-right: 5px;}
aside.single_side div.aside_list a .page_cate {margin-top: 10px;}
aside.single_side div.aside_list a .page_cate ul:first-child {float: left;font-size: 0px;}
aside.single_side div.aside_list a .page_cate ul:first-child li {display: inline-block; margin-right:5px; margin-bottom:5px;background-color: #929fa4; color: #FFF; font-size: 11px; padding: 3px 5px;}
aside.single_side div.aside_list a .page_cate ul:nth-child(2) {float: left;font-size: 0px;}
aside.single_side div.aside_list a .page_cate ul:nth-child(2) li {display: inline-block;margin-right: 5px; background-color: #a38377; color: #FFF; font-size: 11px;padding: 3px 5px;}
aside.single_side div.aside_list a .page_cate:after {content: ""; clear: both; display: block;}

aside.single_side .banner_area {background-color: #f1f1f1; padding: 34px 0px; box-sizing: border-box; margin-bottom: 20px;}
aside.single_side .banner_area > div {width: 300px; margin: 0px auto 30px;}

aside.single_side .sp_area {background-color: #f1f1f1; padding: 34px 0px; box-sizing: border-box; margin-bottom: 20px;}
aside.single_side .sp_area > h2 {font-weight: 500; text-align: center; font-size: 16px; color: #333333;}
aside.single_side .sp_area > h2 em {font-family: 'Open Sans', sans-serif; font-weight: 600; margin-right: 0.5em;letter-spacing: 0.1em;}
aside.single_side .sp_area > h2 span {border-bottom: 2px solid #333333; padding: 0px 5px 5px;}
aside.single_side .sp_area > div {width: 300px; margin: 24px auto 0px;}

.archive_wrapper {max-width: 1200px; margin: 40px auto 0px; display: flex; justify-content: space-between;}
.archive_wrapper > main {width: 830px;}
.archive_wrapper > aside {width: 340px; position: relative;}

.archive_header {margin-bottom: 50px;}
.archive_header figure {position: relative;}
.archive_header figure picture img { width: 100%; height: auto; border-radius: 10px;}
.archive_header figure figcaption {position: absolute; width: 100%; bottom: 20px; padding: 44px; box-sizing: border-box;}
.archive_header figure figcaption h1 {font-size: 28px; font-weight: 500; color: #FFF;letter-spacing: 0.1em;text-shadow:#929fa4 1px 0 10px;}
.archive_header figure figcaption p {background-color: #FFF; padding:10px 30px; font-size: 14px; margin-top: 20px;}
.archive_header > h2 {margin-top: 40px; font-size: 14px; padding: 0px 100px;}

.archive_sp_header {background-color: #58b5af; padding: 30px 60px; border-radius: 10px;margin-bottom: 40px;}

.list_search_bt { background-color: #58b5af; font-size: 18px; font-weight: 500; text-align: center; color: #FFF; padding: 10px 0px; cursor:pointer;}
.list_search_bt:hover {opacity: .7;}
.list_search_bt p span:after {display: inline-block; vertical-align: middle;margin-left: 20px;}
.list_search_bt p span:after {content: url("../images/list_search_bt_op.png");}
.list_search_bt.active p span:after {content: url("../images/list_search_bt_cl.png");}

.list_search_cont {background-color: #f1f1f1; border-bottom: 1px solid #666666; border-left: 1px solid #666666; border-right: 1px solid #666666; padding: 40px; display: none;}
.list_search_cont dl dt {font-size: 14px; font-weight: 500;}
.list_search_cont dl dd {margin-bottom: 40px; margin-top: 10px;}
.list_search_cont dl dd input[type="text"] {-webkit-appearance: none; font-size: 12px; padding: 10px; border: 1px solid #999; border-radius: 4px;}
.list_search_cont dl dd ul li {display: inline-block; margin-right: 20px; margin-bottom: 10px;}
.list_search_cont dl dd ul li label {cursor: pointer;}
.list_search_cont dl dd ul li input {margin-right: 5px;}
.list_search_cont dl.event_time dd span {margin: 0px 10px;}
.list_search_cont dl.txt_search dd input[type="text"] {width: 100%; box-sizing: border-box;}
.list_search_cont dl.cate_search dd {margin-bottom: 30px;}
.list_search_cont dl.area_search dd {margin-bottom: 30px;}
.list_search_cont dl.area_search dd select {-webkit-appearance: none;border: 1px solid #999;border-radius: 4px; width: 200px;padding: 10px;margin-bottom: 20px;box-sizing:border-box;}
.list_search_cont dl.area_search dd .parent_search {position:relative;}
.list_search_cont dl.area_search dd .parent_search::after{content:"";display:block;width:4px;height:4px;position:absolute;left:184px;top:28%;border-bottom:#333 2px solid;border-right:#333 2px solid;transform:rotate(45deg)translateY(-30%); z-index: 1;}

.list_search_cont .sort_bt {-webkit-appearance: none; width: 200px; margin: 0px auto; font-weight: 500; font-size: 14px; color: #FFF; background-color: #58b5af; border-radius: 20px; padding: 10px 0px; border: none; text-align: center; display: block; cursor: pointer;position: relative;letter-spacing: 0.1em;}
.list_search_cont .sort_bt::after{content:"";display:block;width:8px;height:8px;position:absolute;right: 30px; top:43%;border-bottom:#FFF 2px solid;border-right:#FFF 2px solid;transform:rotate(-45deg)translateY(-30%); z-index: 1;}

.list_area_search .sort_bt {clear: both;}
.list_area_search .area_search {width: 46%; float: left;}
.list_area_search .area_select select {-webkit-appearance: none;border: 1px solid #999;border-radius: 4px; width: 100%;padding: 10px;margin-bottom: 0px;box-sizing:border-box;}
.list_area_search .area_select {position:relative; margin-bottom: 40px;}
.list_area_search .area_select::after{content:"";display:block;width:4px;height:4px;position:absolute;right:10px;top:44%;border-bottom:#333 2px solid;border-right:#333 2px solid;transform:rotate(45deg)translateY(-30%); z-index: 1;}
.list_area_search dl.txt_search dd input[type="text"] {width: 70%; box-sizing: border-box;}
.list_area_search .child_area dt {font-weight: 700;}

.area_map {width: 52%; float: right; margin-bottom: 40px;}
.area_map svg {width: 100%; height: auto;}


.ui-datepicker table {font-size: 12px!important;}
.ui-datepicker .ui-datepicker-title {font-size: 16px!important;}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {opacity: .5!important;}

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

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

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


.archive_cont {}

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

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

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

.archive_cont > a.doushin_list h2 {margin-top: 10px;}
.archive_cont > a.doushin_list h3 {font-size: 11px;margin-top: 5px;}

.pagination {margin-top: 50px;}
.page-numbers {text-align: center;}
.page-numbers li {display: inline-block; margin: 0px 15px;}

.event_banner {margin: 70px 0px 50px; text-align: center;}
.event_banner li {display: inline-block;}
.event_banner li img {max-width: 100%; height: auto;}

/*20220530*/
.wp-block-image.alignleft{float:left;margin-right:20px;}
.wp-block-image.alignright{float:right;margin-left:20px;}
.wp-block-image.aligncenter{margin:0 auto;}

/*TAG*/
.single_tag_area ul {border-top: 1px solid #929fa4; padding: 20px 0px 15px ; text-align: center; margin-bottom: 0px!important;}
.single_tag_area ul li {display: inline-block; list-style: none!important; margin: 0.3em 0.5em 0.5em!important;}
.single_tag_area ul li span {background-color:#5f7b93; color: #FFF; padding: 3px 10px;}
.single_tag_area ul li span a {color: #FFF; text-decoration: none;}
.tag_a_read {padding: 30px; background-color:#d3d9db; color: #6a6961; line-height: 180%;letter-spacing: 0.05em; margin-bottom: 40px;font-size: 14px;  width:100%; box-sizing:border-box;}


@media only screen and (max-width:1200px){
.contents_header {width: 100%; margin: 40px auto 0px; position: relative;padding:0px 30px;box-sizing:border-box;}
.archive_wrapper {padding:0px 30px;box-sizing:border-box;}
.archive_wrapper > main {width: calc(100% - 370px);}

.cat_item_cont > a {width: 48%; margin-bottom: 34px;}
}
@media only screen and (max-width:750px){
/*20220530*/
.wp-block-image.alignleft{float:none;margin-right:0;}
aside.single_side .banner_area{padding:30px 0;}
aside > div.follow {width:100%}
.archive_wrapper{width:100%;display:block;}
.archive_header{margin-bottom:20px;}
.cat_item_list{margin-top:20px; margin-bottom: 40px;}
.archive_wrapper > main {width:100%;margin:0 auto;padding:0 30px;box-sizing:border-box}
.archive_header figure figcaption {padding: 24px;}
.archive_header figure figcaption h1{font-size:24px;}
.archive_wrapper > aside{width:100%;padding:0 30px;box-sizing:border-box; margin-top: 30px;}
.archive_wrapper .follow{width:100%;box-sizing:border-box}
.archive_header > h2{margin-top:20px;padding:0 20px;}

.breadcrumb {width: 100%; background-color: #929fa4;min-width: 100%;}
.breadcrumb ol {width: 100%; margin: 0px auto; display: flex; padding: 10px 20px; box-sizing: border-box;white-space: nowrap; overflow: hidden;}
.breadcrumb ol li {color: #FFF; font-size: 10px; letter-spacing: 0.1em;}
.breadcrumb ol li a {color: #FFF; font-size: 10px;}
.breadcrumb ol li:last-child {overflow: hidden;text-overflow: ellipsis;}

.middle_header {background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,0.004639355742296902) 50%, rgba(232,245,244,1) 100%); height: auto; box-sizing: border-box;min-width: 100%; max-width: 100%; overflow-x: auto;white-space: nowrap;}
.middle_header > div.middle_header_main {width: 100%; margin: 0px auto; display: block;align-items: center; padding: 20px 0px 0px 0px; overflow-x: auto;}
.middle_header > div .middle_logo {width: 220px; margin: 0px auto;}

/*.search-form {position: relative; display: none;}*/

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

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

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

.contents_header {width: 100%; margin: 40px auto 0px; padding: 0px 30px; box-sizing: border-box;}
.contents_header .time_area {margin-bottom: 10px; display: flex; align-items: center;}
.contents_header .page_time {font-size: 12px; display: inline-block; font-weight: 500;vertical-align: middle; margin-right: 24px; position: relative; padding-left: 20px;}
.contents_header .page_time:before {content: ""; width: 15px; height: 16px; background: url("../images/time_icon.svg"); background-size: cover; background-position: center center; vertical-align: middle; margin-right:0px; position: absolute; left: 0; top: 2px;}
.contents_header .page_ranking {font-size: 18px; display: inline-block; font-weight: 500;vertical-align: middle; position: relative; padding-left: 30px;}
.contents_header .page_ranking:before {content: ""; width: 23px; height: 20px; position: absolute; background: url("../images/rankin_icon.svg"); background-position: center center; background-size: cover; top: 4px; left: 0;vertical-align: middle; margin-right: 5px;}
.contents_header h1 {font-size: 26px; font-weight: 500; letter-spacing: 0.05em; margin-bottom: 15px;}

.contents_header .page_cate ul li {margin-top: 5px;}
.contents_header .page_cate ul:first-child li {display: inline-block; margin-right:5px;background-color: #929fa4; color: #FFF; font-size: 12px; padding: 5px 10px;}
.contents_header .page_cate ul:nth-child(2) {float: left;font-size: 0px;}
.contents_header .page_cate ul:nth-child(2) li {display: inline-block;margin-right: 5px; background-color: #a38377; color: #FFF; font-size: 12px;padding: 5px 10px;}
	

.contents_header .page_description {letter-spacing: 0.05em; margin-top: 20px; font-size: 20px; line-height: 180%;}

.contents_header .author_info {margin-top: 20px;}
.contents_header .author_info figure picture img { object-fit: cover; width: 25px; height: 25px; border-radius: 50%;}
.contents_header .author_info figure {display: flex; align-items: center;}
.contents_header .author_info figure picture {margin-right: 10px;}
.contents_header .author_info figure figcaption {font-size: 14px;}
.contents_header .author_info .profile {font-size: 18px;letter-spacing: 0.05em; margin-top: 10px;line-height: 180%;}

/*プロフィール*/
.contents_header .author_info {margin-top: 20px;}
.contents_header .author_info figure picture img { object-fit: cover; width: 25px; height: 25px; border-radius: 50%;}
.contents_header .author_info figure {display: flex; align-items: center;}
.contents_header .author_info figure picture {margin-right: 10px;}
.contents_header .author_info figure figcaption {font-size: 14px;}
.contents_header .author_info .profile {font-size: 18px;letter-spacing: 0.05em; margin-top: 10px;line-height: 180%;}

.author_info_bottom { margin-top: 20px;border-top: 1px solid #929fa4;padding: 10px 0 0 0;}
.author_info_bottom figure picture img { object-fit: cover; width: 25px; height: 25px; border-radius: 50%;}
.author_info_bottom figure {display: flex; align-items: center;}
.author_info_bottom figure picture {margin-right: 10px;}
.author_info_bottom .profile {font-size: 12px;letter-spacing: 0.05em; margin-top: 10px;}
	
.contents_header .sns_link {position: relative; right: 0px; bottom: 0px; margin: 40px 0px 10px;}

.contents_wrapper {width: 100%; margin: 30px auto 0px; display: block; justify-content: space-between; box-sizing: border-box;}
.contents_wrapper > main {width: 100%; padding: 0px 30px; box-sizing: border-box;}
.contents_wrapper > aside {width: 100%; padding: 0px 30px; box-sizing: border-box; margin-top: 30px;}
#toc_container {padding: 15px;margin-bottom: 30px;}
.toc_list li a { color: #6a6961; font-size: 14px;}
.toc_title {font-size: 20px;}
.toc_list li {list-style: none!important;margin: 10px 0px 0px!important;}
section.contents_header > div.author_info > p {font-size:12px}
.wp-block-image .alignleft {float: none!important;margin: 0.5em auto 1em;}
.wp-block-image .alignright {float: none!important; margin: 0.5em auto 1em;}

.contents_wrapper > main > article .main_image figcaption {font-size: 16px; text-align: center; font-weight: 300;}

.contents_wrapper > main > article h2 {font-size: 24px; font-weight: 400;letter-spacing: 0.05em; border-bottom: 1px solid #929fa4; padding-bottom: 24px; margin-bottom: 30px;}
.contents_wrapper > main > article p {font-weight: 300; font-size: 16px; line-height: 180%; margin-bottom: 10px;}
.contents_wrapper > main > article h3 {font-size: 18px; font-weight: 400;letter-spacing: 0.05em; border-bottom: 1px solid #929fa4; padding-bottom: 24px; margin-bottom: 20px;}
.contents_wrapper > main > article h4 {font-size: 16px; font-weight: 400;letter-spacing: 0.05em; border-bottom: 1px solid #929fa4; padding-bottom: 24px; margin-bottom: 20px;}
/*20220530*/
.contents_wrapper > main > article .gmap {position:relative; width:100%; height:0; padding-bottom:75%; }
.contents_wrapper > main > article .wp-block-table {border: 1px solid #929fa4; padding: 10px; font-size: 16px; margin-bottom: 20px;}
.contents_wrapper > main > article .wp-block-table td { padding: 10px; font-size: 16px;}
.contents_wrapper > main > article .wp-block-table figcaption {font-weight: 300; font-size: 12px; margin-bottom: 5px;}
.contents_wrapper > main > article strong {font-weight: 700;}
.contents_wrapper > main > article a {color: #0058ff; text-decoration: underline;}
.contents_wrapper > main > article ul {margin-bottom: 20px; font-size: 14px;}
.contents_wrapper > main > article ul li {color: #58b5af; list-style: outside;margin-left: 1.5em; margin-bottom: 5px;font-size: 14px;}
.contents_wrapper > main > article ul li:last-child {margin-bottom: 0px;}
.contents_wrapper > main > article ol {counter-reset: my-counter;list-style: none;padding: 0;margin: 0 0 30px;}
.contents_wrapper > main > article ol li {font-size: 14px;font-weight: 400;line-height: 1.5;padding-left: 25px;position: relative;margin-bottom: 5px;}
.contents_wrapper > main > article ol li:before {content: counter(my-counter);counter-increment: my-counter;background-color: #58b5af;border: 1px solid; border-radius: 50%; box-sizing: border-box;display: flex;justify-content: center;align-items: center;height: 20px; width: 20px;color: #ffffff;font-size: 80%;font-weight: 500;line-height: 1;position: absolute;top: 0;left: 0;}
.contents_wrapper > main > article ol li:last-child {margin-bottom: 0px;}
.contents_wrapper > main > article .wp-block-image {margin-bottom: 30px; text-align: center;}
.contents_wrapper > main > article .wp-block-image figcaption {font-size: 12px; padding: 5px 10px;margin-top: 0px!important; background-color: #f3f3f3;}
.contents_wrapper > main > article .wp-block-quote {background-color: rgba(146,159,164,.4); padding: 20px 60px;box-sizing: border-box; margin-bottom: 20px; position: relative;}
.contents_wrapper > main > article .wp-block-quote > p {font-size: 16px; font-weight: 500; margin-bottom: 10px;}
.contents_wrapper > main > article .wp-block-quote > cite {font-size: 14px; font-weight: 300; line-height: 150%;}
.contents_wrapper > main > article .wp-block-quote:after {content:url("../images/quote_l.svg"); position: absolute; left: 10px; top: 10px;}
.contents_wrapper > main > article .wp-block-quote:before {content:url("../images/quote_r.svg"); position: absolute; right: 10px; bottom: 10px;}
.contents_wrapper > main > article .wp-block-embed {margin-bottom: 20px;}
.contents_wrapper > main > article .wp-block-embed figcaption {font-size: 14px; padding: 5px 10px;margin-top: 0px!important; background-color: #f3f3f3; text-align: center;}
.contents_wrapper > main > article .is-type-video .wp-block-embed__wrapper {position: relative;width:100%;height:0; /* 高さは0にしておく(padding-topで高さを指定するため) */padding-top: 56.25%;}
.contents_wrapper > main > article .is-type-video .wp-block-embed__wrapper iframe{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.contents_wrapper > main > article .is-type-wp-embed iframe {width: 100%;}
.contents_wrapper > main > article .is-type-wp-embed .wp-embed-footer {display: none!important;}
.contents_wrapper > main > article .wp-block-column > p {font-size: 20px; font-weight: 300; margin-bottom: 10px;}
.contents_wrapper > main > article .wp-block-media-text {margin-bottom: 30px;}
.contents_wrapper > main > article .wp-block-media-text__content {font-size: 20px; padding: 0!important;}


.related_area {background-color: #f1f1f1; margin-top: 40px; padding: 40px 30px 30px; box-sizing: border-box;}
.related_area > p.related_title {font-weight: 500; text-align: center; font-size: 16px; color: #333333;}
.related_area > p.related_title span {border-bottom: 2px solid #333333; padding: 0px 5px 5px;}
.related_area > div {margin-top: 30px; display: block; justify-content: space-between; flex-wrap: wrap;}
.related_area > div > a {width: 100%;text-decoration:none; color:#6a6961; position: relative;display: block; margin-bottom: 40px;}
.related_area > div::after{content:"";display: block;width:230px;}
.related_area > div > a figure img {width: 100%; object-fit: cover;}
.related_area > div > a figure figcaption .child_cate {position: absolute; transform: rotate(-45deg); top:28px; left: -32px; font-size: 12px; color: #FFF; text-align: center; width: 127px;}

.related_area > div > a figure figcaption .page_cate {margin-top: 10px;}
.related_area > div > a figure figcaption .page_cate ul:first-child {float: left;font-size: 0px;}
.related_area > div > a figure figcaption .page_cate ul:first-child li {display: inline-block; margin-right:5px;margin-bottom:5px;background-color: #929fa4; color: #FFF; font-size: 12px; padding: 3px 5px;}
.related_area > div > a figure figcaption .page_cate ul:nth-child(2) {float: left;font-size: 0px;}
.related_area > div > a figure figcaption .page_cate ul:nth-child(2) li {display: inline-block;margin-right: 5px; background-color: #a38377; color: #FFF; font-size: 12px;padding: 3px 5px;}
.related_area > div > a figure figcaption .page_cate:after {content: ""; clear: both; display: block;}

.related_area > div > a figure figcaption> h2 {font-size: 14px; font-weight: 300; line-height: 180%;}
.related_area > div > a:before {	content: ""; width: 0;height: 0;border-right: 90px solid transparent;border-top: 90px solid #81C7D4; position: absolute; top: 0; left: 0;}

.archive_sp_header {background-color: #58b5af; padding: 30px 20px; border-radius: 10px; margin-bottom: 40px;}

.archive_wrapper {padding:0px 0px;box-sizing:border-box;}
.archive_cont {display:block; justify-content: space-between; flex-wrap: wrap; padding-top: 0px;}
.archive_cont > a {width: 100%; margin-bottom: 34px; display: block;}
.archive_cont > a figure {position: relative;}
.archive_cont > a figure picture { width: 100%; position: relative;padding-top: 56.25%;}
.archive_cont > a figure picture img {width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0;}
.archive_cont > a figure figcaption > h2 {font-size: 14px;line-height: 160%;height: auto; overflow:auto;}
.archive_cont > a figure figcaption .page_data {margin-top: 5px;}
.archive_cont > a figure figcaption .page_cate {margin: 5px 0px;}

.cat_item_cont {display:block}
.cat_item_cont > a {display:block; width:100%;}
.cat_item_cont > a figure picture {width: 100%; position: relative;padding-top: 56.25%;}
.cat_item_cont > a figure picture img {width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0;}
.cat_item_cont > a figure figcaption > h2 {font-size: 14px;line-height: 160%;height: auto; overflow:auto;}
.cat_item_cont > a figure figcaption .page_cate {margin: 5px 0px;}
.cat_item_cont > a figure figcaption .page_data {margin-top: 5px;}

.list_area_search .sort_bt {clear: both;}
.list_area_search .area_search {width: 100%; float: none;}
.list_area_search .area_select select {-webkit-appearance: none;border: 1px solid #999;border-radius: 4px; width: 100%;padding: 10px;margin-bottom: 0px;box-sizing:border-box;}
.list_area_search .area_select {position:relative; margin-bottom: 40px;}
.list_area_search .area_select::after{content:"";display:block;width:4px;height:4px;position:absolute;right:10px;top:44%;border-bottom:#333 2px solid;border-right:#333 2px solid;transform:rotate(45deg)translateY(-30%); z-index: 1;}
.list_area_search dl.txt_search dd input[type="text"] {width:100%; box-sizing: border-box;}
.list_area_search .child_area dt {font-weight: 700;}

.area_map {width: 100%; float: none; margin-bottom: 40px;}
.area_map svg {width: 100%; height: auto;}

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

.breadcrumb {width: 100%; background-color: #929fa4;min-width: 100%;position: relative; z-index: 1;}

.middle_header {}
.middle_header > div.middle_header_main {width: 100%; margin: 0px auto; display: block; align-items: center; padding: 0px 0px 20px 0px; overflow-x: auto; overflow-y: auto; height: 100%;}

.middle_header > div .middle_logo {width: 220px; margin: 20px auto 0px;}

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

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

.middle_header > div.middle_header_main.fixed .language {position: fixed; height: auto; left: 10px; top: 25px;}
.middle_header > div.middle_header_main.fixed .language dd ul {position: fixed;}

.middle_header > div.middle_header_main > nav {display: none;}
.search-form {display: none;}


.middle_header .hamburger{ display:block;width:45px;height:45px;top:54px;right:10px;z-index:10000;padding:10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-ms-touch-action:manipulation;touch-action:manipulation; cursor:pointer; position:absolute; background-color:#58b5af;}

.middle_header > div.middle_header_main.fixed .hamburger {top:22px;}

}