@font-face {
    font-family: 'NotoSerifJP-Bold';
    src: url("/wp/wp-content/themes/fcnt/assets/fonts/NotoSerifJP-Bold.otf")
}

@font-face {
    font-family: 'NotoSerifJP-Regular';
    src: url("/wp/wp-content/themes/fcnt/assets/fonts/NotoSerifJP-Regular.otf")
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

main,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1;
    -webkit-text-size-adjust: 100%
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

input:focus {
    outline: none
}

input::-ms-clear {
    visibility: hidden
}

textarea {
    overflow: auto
}

hr {
    margin: 0;
    border: none
}

option {
    padding: 0
}

input[type="submit"],
button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

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

    html,
    body {
        height: 100%
    }
}

.body {
    font-family: arial, helvetica, 'ヒラギノ角ゴシック', 'Hiragino Sans', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', sans-serif;
    font-weight: 500;
    line-height: 1.6;
    font-size: 16px;
    color: #000
}

@media screen and (min-width: 1001px) {
    .body {
        background: url(/wp/wp-content/themes/fcnt/assets/img/common/com_bg_body01.png) repeat 0 0
    }
}

@media screen and (max-width: 1000px) {
    .body {
        background: url(/wp/wp-content/themes/fcnt/assets/img/common/com_bg_body02.png) repeat 0 0
    }
}

.body.fontSizeLarge {
    line-height: 1.4;
    font-size: 20px
}

.body.fontSizeLarge .modArticles .title {
    height: calc(1.4em * 2)
}

@media screen and (max-width: 1000px) {
    .body.fontSizeLarge .modArticles .title {
        height: calc(1.4em * 3)
    }
}

.body.fontSizeLarge .modArticles .lead {
    display: -webkit-box;
    height: calc(1.4em * 2)
}

.body.fontSizeLarge .articlesDtl .recommend__list .title {
    height: calc(1.4em * 2)
}

@media screen and (max-width: 1000px) {
    .body.fontSizeLarge .articlesDtl .recommend__list .title {
        height: calc(1.4em * 3)
    }
}

.body.fontSizeLarge .articlesDtl .recommend__list .lead {
    margin-top: 5px;
    height: calc(1.4em * 2)
}

.body.fontSizeLarge .articlesDtl .recommend--relation .recommend__list .title {
    height: calc(1.4em * 3);
    -webkit-line-clamp: 3
}

@media screen and (max-width: 1000px) {
    .body.fontSizeLarge .articlesDtl .contentsWriter__text {
        height: calc(1.4em * 3)
    }
}

.body.fontSizeLarge .articlesDtl .contentsWriter__text.is-open {
    height: auto;
    display: block;
    -webkit-line-clamp: unset
}

.body.fontSizeLarge .hotspringsDtl .linkArea__list .item__box .title {
    height: calc(1.4em * 2)
}

@media screen and (max-width: 1000px) {
    .body.fontSizeLarge .hotspringsDtl .linkArea__list .item__box .title {
        height: calc(1.4em * 3)
    }
}

@media screen and (max-width: 1000px) {
    .body__inner {
        padding-top: 60px;
        overflow-x: hidden;
        position: relative;
        min-height: calc(100% - 60px)
    }
}

a {
    text-decoration: none
}

@media screen and (min-width: 1001px) {
    .main__inner {
        width: 85.7vw;
        max-width: 1200px;
        margin: 0 auto
    }
}

@media screen and (max-width: 1000px) {
    .main__inner {
        padding: 0 20px
    }
}

@media screen and (max-width: 360px) {
    .main__inner {
        padding: 0 10px
    }
}

@media screen and (min-width: 1001px) {
    .main__contents {
        margin-top: 48px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (max-width: 1000px) {
    .main__contents {
        margin-top: 25px
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    .main__contents {
        display: block
    }
}

.main__contents--wide {
    margin-top: 20px
}

@media screen and (min-width: 1001px) {
    .main__contents--wide {
        display: block
    }
}

.main__contents--wide .main__contents__body {
    background-color: #fff
}

@media screen and (min-width: 1001px) {
    .main__contents--wide .main__contents__body {
        width: auto;
        padding: 30px
    }
}

@media screen and (max-width: 1000px) {
    .main__contents--wide .main__contents__body {
        margin: 0 -20px;
        padding: 20px
    }
}

@media screen and (min-width: 1001px) {
    .main__contents--wide .main__contents__body+.main__contents__body {
        margin: 60px 0 0
    }
}

@media screen and (max-width: 1000px) {
    .main__contents--wide .main__contents__body+.main__contents__body {
        margin: 40px -20px 0
    }
}

@media screen and (min-width: 1001px) {
    .main__contents__body {
        width: 66.7%
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    .main__contents__body {
        width: 85.7vw;
        margin: 0 auto
    }
}

@media (orientation: landscape) and (max-width: 710px) {
    .main__contents__body {
        width: 100%
    }
}

@media screen and (min-width: 1001px) {
    .main__contents__aside {
        width: 30%
    }
}

@media screen and (max-width: 1000px) {
    .main__contents__aside {
        margin-top: 25px
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    .main__contents__aside {
        width: 360px;
        margin: 0 auto
    }
}

@media (orientation: landscape) and (max-width: 600px) {
    .main__contents__aside {
        width: 100%
    }
}

@media screen and (min-width: 1001px) {
    .main__contents__aside>aside {
        margin-top: 45px
    }
}

@media screen and (max-width: 1000px) {
    .main__contents__aside>aside {
        margin-top: 45px
    }

    .main__contents__aside>aside#recommended {
        margin-top: 45px
    }
}

@media screen and (min-width: 1001px) {
    .forPc {
        display: inherit !important
    }
}

@media screen and (max-width: 1000px) {
    .forPc {
        display: none !important
    }
}

@media screen and (min-width: 1001px) {
    .forSp {
        display: none !important
    }
}

@media screen and (max-width: 1000px) {
    .forSp {
        display: inherit !important
    }
}

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

.header {
    color: #fff;
    background: url(/wp/wp-content/themes/fcnt/assets/img/common/com_bg_header-footer01.png) repeat 0 0
}

@media screen and (min-width: 1001px) {
    .header {
        padding-top: 10px
    }
}

.header>a {
    color: #fff
}

@media screen and (min-width: 1001px) {
    .header {
        padding-bottom: 10px
    }
}

@media screen and (max-width: 1000px) {
    .header {
        position: absolute;
        top: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        z-index: 1000;
        -webkit-transition: none;
        transition: none
    }
}

@media screen and (max-width: 1000px) {
    .header.hide {
        top: -60px;
        position: fixed
    }
}

@media screen and (max-width: 1000px) {
    .header.fixed {
        top: 0;
        position: fixed;
        -webkit-transition: all 0.3s;
        transition: all 0.3s
    }
}

@media screen and (min-width: 1001px) {
    .header__inner {
        width: 85.7vw;
        max-width: 1200px;
        margin: 0 auto
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    .header__inner .forSp {
        display: none !important
    }
}

.header__upper {
    position: relative
}

@media screen and (min-width: 1001px) {
    .header__upper {
        padding-top: 11px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (max-width: 1000px) {
    .header__upper {
        padding: 10px 20px
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    .header__upper {
        text-align: left;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.header__upper--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header__upper .fontSize {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (orientation: landscape) and (max-width: 1200px) {
    .header__upper .fontSize {
        margin-left: auto
    }
}

@media screen and (max-width: 1000px) {
    .header__upper .fontSize {
        display: none
    }
}

@media screen and (min-width: 1001px) {
    .header__upper .fontSize__title {
        line-height: 20px
    }
}

@media screen and (min-width: 1001px) {
    .header__upper .fontSize__body {
        margin-left: 5px
    }
}

@media screen and (max-width: 1000px) {
    .header__upper .fontSize__body {
        margin-left: 15px
    }
}

.header__upper .fontSize__body .list__item {
    float: left
}

.header__upper .fontSize__body .list__item:not(:first-child) {
    margin-left: 6px
}

.header__upper .fontSize__body .list__item>span {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    color: #2d8b32;
    background-color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.header__upper .fontSize__body .list__item>span:hover {
    color: #fff;
    background-color: #2d8b32
}

.header__upper .fontSize__body .list__item>span.on {
    cursor: inherit;
    color: #fff;
    background-color: #2d8b32
}

@media screen and (max-width: 1000px) {
    .header__upper .logo {
        width: 120px;
        font-size: 0
    }
}

.header__upper .logo>img {
    max-width: 100%;
    width: auto
}

.header__navOpener {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    right: 20px;
    padding: 0 10px;
    border-radius: 3px;
    border: 1px solid #fff;
    font-weight: bold;
    font-size: 87.5%;
    line-height: 32px;
    margin-top: 3px
}

@media screen and (min-width: 1001px) {
    .header__navOpener {
        display: none;
        top: 15px
    }
}

@media screen and (max-width: 1000px) {
    .header__navOpener {
        top: 10px
    }
}

.header__navOpener__inner {
    position: relative;
    display: block;
    text-align: center;
    font-size: 90%
}

.header__navOpener__inner:before {
    content: 'メニュー'
}

.header__navOpener__inner:after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    visibility: hidden;
    content: '閉じる';
    white-space: nowrap
}

.header__navOpener.open .header__navOpener__inner:before {
    visibility: hidden
}

.header__navOpener.open .header__navOpener__inner:after {
    visibility: visible
}

@media screen and (min-width: 1001px) {
    .header__nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width: 1000px) {
    .header__nav {
        border-bottom: 1px solid #d3d3d3
    }
}

@media screen and (min-width: 1001px) {
    .header__nav__wrapper {
        margin-top: 20px
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    .header__nav__wrapper {
        display: block !important
    }
}

@media screen and (max-width: 1000px) {
    .header__nav__wrapper {
        display: none;
        visibility: hidden;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 20px 20px;
        background-color: #e4e4e4;
        overflow-y: scroll;
        height: calc(100% - 60px);
        position: fixed;
        width: 100vw
    }
}

.header__nav__wrapper .fontSize {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px
}

@media screen and (min-width: 1001px) {
    .header__nav__wrapper .fontSize {
        display: none
    }
}

.header__nav__wrapper .fontSize__title {
    font-size: 16px;
    color: #000
}

.header__nav__wrapper .fontSize__body .list__item {
    float: left
}

.header__nav__wrapper .fontSize__body .list__item:not(:first-child) {
    margin-left: 10px
}

.header__nav__wrapper .fontSize__body .list__item>span {
    display: block;
    width: 80px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    cursor: pointer;
    color: #2d8b32;
    background-color: #fff
}

.header__nav__wrapper .fontSize__body .list__item>span.on {
    cursor: inherit;
    color: #fff;
    background-color: #2d8b32
}

.header__nav .item {
    font-weight: bold
}

@media screen and (min-width: 1001px) {
    .header__nav .item {
        width: 20%;
        text-align: center;
        border-left: 1px solid #fff
    }
}

@media screen and (max-width: 1000px) {
    .header__nav .item:not(:first-child) {
        border-top: 1px solid #d3d3d3
    }
}

.header__nav .item>a {
    position: relative;
    display: block;
    background-repeat: no-repeat
}

@media screen and (min-width: 1001px) {
    .header__nav .item>a {
        padding: 37px 10px 0;
        color: #fff;
        background-position: 50% 0;
        -webkit-transition: all 0.3s;
        transition: all 0.3s
    }

    .header__nav .item>a:hover {
        opacity: 0.5
    }
}

@media screen and (max-width: 1000px) {
    .header__nav .item>a {
        line-height: 60px;
        padding-left: 55px;
        background-position: 5px 50%;
        color: #000
    }
}

@media screen and (max-width: 1000px) {
    .header__nav .item>a:after {
        position: absolute;
        top: 50%;
        right: 0;
        content: '';
        width: 10px;
        border-top: 2px solid #3d3d3d;
        border-right: 2px solid #3d3d3d;
        height: 10px;
        -webkit-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg)
    }
}

@media screen and (min-width: 1001px) {
    .fontSizeLarge .header__nav .item>a {
        padding-top: 35px
    }
}

@media screen and (min-width: 1001px) {
    .header__nav .item:last-child {
        border-right: 1px solid #fff
    }
}

@media screen and (min-width: 1001px) {
    .header__nav .item--ranking {
        border-right: 1px solid #fff
    }
}

@media screen and (min-width: 1001px) {
    .header__nav .item--ranking>a {
        background-image: url(/wp/wp-content/themes/fcnt/assets/img/common/header_ic_menu01.png)
    }
}

@media screen and (max-width: 1000px) {
    .header__nav .item--ranking>a {
        background-image: url(/wp/wp-content/themes/fcnt/assets/img/common/sp/header_ic_menu01.png)
    }
}

@media screen and (min-width: 1001px) {
    .header__nav .item--new>a {
        background-image: url(/wp/wp-content/themes/fcnt/assets/img/common/header_ic_menu02.png)
    }
}

@media screen and (max-width: 1000px) {
    .header__nav .item--new>a {
        background-position: 10px 50%;
        background-image: url(/wp/wp-content/themes/fcnt/assets/img/common/sp/header_ic_menu02.png)
    }
}

@media screen and (min-width: 1001px) {
    .header__nav .item--culture>a {
        background-image: url(/wp/wp-content/themes/fcnt/assets/img/common/header_ic_menu03.png)
    }
}

@media screen and (max-width: 1000px) {
    .header__nav .item--culture>a {
        background-position: 0 50%;
        background-image: url(/wp/wp-content/themes/fcnt/assets/img/common/sp/header_ic_menu03.png)
    }
}

@media screen and (min-width: 1001px) {
    .header__nav .item--gourmet>a {
        background-image: url(/wp/wp-content/themes/fcnt/assets/img/common/header_ic_menu04.png)
    }
}

@media screen and (max-width: 1000px) {
    .header__nav .item--gourmet>a {
        background-image: url(/wp/wp-content/themes/fcnt/assets/img/common/sp/header_ic_menu04.png)
    }
}

@media screen and (min-width: 1001px) {
    .header__nav .item--feature>a {
        background-image: url(/wp/wp-content/themes/fcnt/assets/img/common/header_ic_menu05.png)
    }
}

@media screen and (max-width: 1000px) {
    .header__nav .item--feature>a {
        background-image: url(/wp/wp-content/themes/fcnt/assets/img/common/sp/header_ic_menu05.png)
    }
}

@media screen and (min-width: 1001px) {
    .header__nav .item--higaerionsen>a {
        background-image: url(/wp/wp-content/themes/fcnt/assets/img/common/header_ic_higaerionsen.png)
    }
}

@media screen and (max-width: 1000px) {
    .header__nav .item--higaerionsen>a {
        background-position: 0 50%;
        background-image: url(/wp/wp-content/themes/fcnt/assets/img/common/sp/header_ic_higaerionsen.png)
    }
}

@media screen and (min-width: 1001px) {
    .header__nav .item--search>a {
        background-image: url(/wp/wp-content/themes/fcnt/assets/img/common/header_ic_search.png)
    }
}

@media screen and (max-width: 1000px) {
    .header__nav .item--search>a {
        background-image: url(/wp/wp-content/themes/fcnt/assets/img/common/sp/header_ic_search.png)
    }
}

@media screen and (min-width: 1001px) {
    .header__nav .item--hotsprings>a {
        background-image: url(/wp/wp-content/themes/fcnt/assets/img/common/header_ic_onsenchi.png)
    }
}

@media screen and (max-width: 1000px) {
    .header__nav .item--hotsprings>a {
        background-image: url(/wp/wp-content/themes/fcnt/assets/img/common/sp/header_ic_onsenchi.png)
    }
}

@media screen and (min-width: 1001px) {
    .header__nav .item--efficacy>a {
        background-image: url(/wp/wp-content/themes/fcnt/assets/img/common/header_ic_koukakounou.png)
    }
}

@media screen and (max-width: 1000px) {
    .header__nav .item--efficacy>a {
        background-image: url(/wp/wp-content/themes/fcnt/assets/img/common/sp/header_ic_koukakounou.png)
    }
}

@media screen and (min-width: 1001px) {
    .header__nav .item--shindan {
        display: none
    }
}

@media screen and (min-width: 1001px) {
    .header__nav .item--shindan>a {
        background-image: url(/wp/wp-content/themes/fcnt/assets/img/common/header_ic_sindan.png)
    }
}

@media screen and (max-width: 1000px) {
    .header__nav .item--shindan>a {
        background-image: url(/wp/wp-content/themes/fcnt/assets/img/common/sp/header_ic_sindan.png)
    }
}

@media screen and (min-width: 1001px) {
    .header__nav .item--top>a {
        background-image: url(/wp/wp-content/themes/fcnt/assets/img/common/header_ic_menu06.png)
    }
}

@media screen and (max-width: 1000px) {
    .header__nav .item--top>a {
        background-image: url(/wp/wp-content/themes/fcnt/assets/img/common/sp/header_ic_menu06.png)
    }
}

.footer {
    margin-top: 60px;
    text-align: center;
    color: #fff;
    background: url(/wp/wp-content/themes/fcnt/assets/img/common/com_bg_header-footer01.png) repeat 0 0
}

@media screen and (min-width: 1001px) {
    .footer {
        padding: 38px 0 39px
    }
}

@media screen and (max-width: 1000px) {
    .footer {
        margin-top: 30px;
        padding: 25px 0 18px;
        bottom: 0;
        width: 100%
    }
}

.footer a {
    color: #fff
}

.footer__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.footer__menu>li {
    line-height: 1
}

.footer__menu>li:not(:first-child) {
    border-left: 1px solid #fff
}

.footer__menu>li>a {
    display: inline-block
}

@media screen and (min-width: 1001px) {
    .footer__menu>li>a {
        padding: 0 19px;
        font-size: 87.5%
    }

    .footer__menu>li>a:hover {
        text-decoration: underline
    }
}

@media screen and (max-width: 1000px) {
    .footer__menu>li>a {
        padding: 0 14px;
        font-size: 14px
    }
}

.footer__copyright {
    display: block;
    text-align: center
}

@media screen and (min-width: 1001px) {
    .footer__copyright {
        margin-top: 35px;
        font-size: 75%
    }
}

@media screen and (max-width: 1000px) {
    .footer__copyright {
        margin-top: 25px;
        font-size: 10px
    }
}

.modAdSenseResponsive {
    width: 100%
}

@media screen and (max-width: 1000px) {
    .modAdSenseResponsive {
        margin-top: 30px
    }
}

@media screen and (min-width: 1001px) {
    .modAdSenseResponsive {
        margin-bottom: 40px
    }
}

.modBpPc {
    display: block
}

@media screen and (max-width: 1000px) {
    .modBpPc {
        display: none
    }
}

.modBpPc--inline {
    display: inline
}

@media screen and (max-width: 1000px) {
    .modBpPc--inline {
        display: none
    }
}

.modBpSp {
    display: none
}

@media screen and (max-width: 1000px) {
    .modBpSp {
        display: block
    }
}

.modBpSp--inline {
    display: none
}

@media screen and (max-width: 1000px) {
    .modBpSp--inline {
        display: inline
    }
}

@media screen and (min-width: 1001px) {
    .modContentsSection+.modContentsSection {
        margin-top: 30px
    }
}

@media screen and (max-width: 1000px) {
    .modContentsSection+.modContentsSection {
        margin-top: 20px
    }
}

@media screen and (max-width: 1000px) {
    .modContentsSection--table {
        margin-top: 45px
    }
}

.modContentsHedding1 {
    text-align: center
}

@media screen and (min-width: 1001px) {
    .modContentsHedding1 {
        padding: 60px 0 65px
    }
}

@media screen and (max-width: 1000px) {
    .modContentsHedding1 {
        padding: 20px 0
    }
}

.modContentsHedding1 .title {
    font-weight: bold
}

@media screen and (min-width: 1001px) {
    .modContentsHedding1 .title {
        font-size: 200%
    }
}

@media screen and (max-width: 1000px) {
    .modContentsHedding1 .title {
        font-size: 162.5%
    }
}

@media screen and (min-width: 1001px) {
    .modContentsHedding2 {
        line-height: 50px;
        font-size: 200%
    }
}

@media screen and (max-width: 1000px) {
    .modContentsHedding2 {
        text-align: center;
        font-size: 162.5%;
        font-weight: bold
    }
}

@media screen and (min-width: 1001px) {
    .modContentsHedding2__title {
        display: inline-block
    }
}

@media screen and (max-width: 1000px) {
    .modContentsHedding2__title {
        display: block
    }
}

.modContentsHedding2__tag {
    font-weight: bold
}

@media screen and (min-width: 1001px) {
    .modContentsHedding2__tag {
        display: inline-block;
        line-height: 36px;
        margin-top: -5px;
        margin-left: 15px;
        padding: 0 15px;
        font-size: 50%;
        vertical-align: middle;
        color: #fff;
        background-color: #2d8b32
    }
}

@media screen and (max-width: 1000px) {
    .modContentsHedding2__tag {
        display: inline-block
    }

    .modContentsHedding2__tag>i {
        display: inline-block;
        line-height: 30px;
        padding: 0 10px;
        font-size: 61.5%;
        color: #fff;
        background-color: #2d8b32
    }
}

@media screen and (max-width: 1000px) {
    .modContentsHedding2__tag+.modContentsHedding2__tag {
        margin-left: 15px
    }
}

.modAsideHedding2 {
    font-size: 150%;
    font-weight: bold
}

@media screen and (min-width: 1001px) {
    .modAsideHedding2 {
        line-height: 2.15;
        line-height: 50px
    }
}

@media screen and (max-width: 1000px) {
    .modAsideHedding2 {
        font-weight: bold;
        text-align: center
    }
}

.modCategoryKv__img {
    font-size: 0
}

@media screen and (min-width: 1001px) {
    .modCategoryKv__img {
        margin-top: 22px
    }
}

@media screen and (max-width: 1000px) {
    .modCategoryKv__img {
        margin: 15px -20px 0
    }
}

.modCategoryKv__img>img {
    width: 100%
}

.modCategoryKv__lead {
    margin-top: 15px
}

@media screen and (min-width: 1001px) {
    .modCategoryKv+.modArticles {
        margin-top: 55px
    }
}

@media screen and (max-width: 1000px) {
    .modCategoryKv+.modArticles {
        margin-top: 25px
    }
}

@media screen and (max-width: 1000px) {
    .modCategoryKv .modAdsense {
        margin-top: 35px
    }
}

@media screen and (min-width: 1001px) {
    .modArticles {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 22px 0 0
    }
}

@media screen and (max-width: 1000px) {
    .modArticles {
        margin-top: 22px
    }
}

.modArticles__item {
    -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
    background-color: #fff
}

@media screen and (min-width: 1001px) {
    .modArticles__item {
        position: relative;
        width: calc(50% - 20px);
        margin-bottom: 40px
    }
}

@media screen and (min-width: 1001px) {

    .modArticles__item:nth-child(1),
    .modArticles__item:nth-child(2) {
        margin-top: 0
    }
}

@media screen and (max-width: 1000px) {
    .modArticles__item:not(:first-child) {
        margin-top: 30px
    }
}

.modArticles__item>a {
    position: relative
}

@media screen and (min-width: 1001px) {
    .modArticles__item>a {
        display: block;
        height: 100%
    }

    .modArticles__item>a:hover .modArticles__item__figure>img {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2)
    }

    .modArticles__item>a:hover .etc__readMore {
        color: #fff;
        background-color: #2d8b32
    }
}

.modArticles__item__figure {
    position: relative;
    line-height: 0;
    text-align: center;
    overflow: hidden
}

.modArticles__item__figure.new:after {
    position: absolute;
    content: "NEW";
    color: #fff;
    display: inline-block;
    background-color: #dc7245;
    font-size: 14px;
    height: 16px;
    line-height: 1.2;
    padding: 1px 5px;
    margin-left: 5px;
    vertical-align: text-bottom;
    bottom: 15px;
    z-index: 10
}

@media screen and (min-width: 1001px) {
    .modArticles__item__figure.new:after {
        left: 24px
    }
}

@media screen and (max-width: 1000px) {
    .modArticles__item__figure.new:after {
        left: 15px;
        vertical-align: text-top
    }
}

.modArticles__item__figure>div {
    background-size: cover;
    background-position: center;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.modArticles__item__figure>div:hover {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2)
}

.modArticles__item__figure>div:after {
    content: '';
    display: block;
    width: 100%;
    padding-top: 66.7%
}

@media screen and (max-width: 1000px) {
    .modArticles__item__figure>div:after {
        padding-top: 40%
    }
}

.modArticles__item__figure>img {
    max-width: 100%;
    width: auto;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.modArticles__item__inner {
    color: #000
}

@media screen and (min-width: 1001px) {
    .modArticles__item__inner {
        padding: 13px 28px 60px
    }
}

@media screen and (max-width: 1000px) {
    .modArticles__item__inner {
        padding: 5px 20px 0
    }
}

.modArticles__item .title {
    font-weight: bold;
    font-size: 125%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: calc(1.6em * 2)
}

@media screen and (max-width: 1000px) {
    .modArticles__item .title {
        font-size: 116%;
        -webkit-line-clamp: 3;
        height: 100%;
        max-height: calc(1.6em * 3)
    }
}

.modArticles__item .lead {
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: calc(1.6em * 2);
    overflow: hidden
}

@media screen and (min-width: 1001px) {
    .modArticles__item .lead {
        display: -webkit-box !important;
        margin-top: 13px
    }
}

@media screen and (max-width: 1000px) {
    .modArticles__item .lead {
        margin-top: 5px
    }
}

@media all and (-ms-high-contrast: none) {
    .modArticles__item .lead {
        display: inline-block;
        max-height: 2.8em;
        position: relative
    }

    .modArticles__item .lead:after {
        display: inline-block;
        content: '…';
        position: absolute;
        right: 0;
        bottom: 0;
        padding: 0 0.1em;
        background-color: #fff
    }
}

@media screen and (min-width: 1001px) {
    .modArticles__item .etc {
        position: absolute;
        bottom: 20px;
        left: 0;
        width: 100%;
        padding: 0 28px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none
    }
}

@media screen and (max-width: 1000px) {
    .modArticles__item .etc {
        font-size: 88%;
        margin-top: 5px;
        padding: 0 20px 10px
    }
}

.modArticles__item .etc__date {
    display: block;
    color: #000
}

@media screen and (max-width: 1000px) {
    .modArticles__item .etc__date {
        color: #3d3d3d
    }
}

.modArticles__item .etc__readMore {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #2d8b32;
    border-radius: 20px;
    color: #2d8b32;
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

@media screen and (min-width: 1001px) {
    .modArticles__item .etc__readMore {
        margin-top: 12px;
        line-height: 38px
    }
}

@media screen and (max-width: 1000px) {
    .modArticles__item .etc__readMore {
        margin-top: 13px;
        line-height: 40px
    }
}

@media screen and (min-width: 1001px) {
    .modRanking {
        margin-top: 22px
    }
}

.modRanking__item {
    -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    margin: 20px 0
}

@media screen and (min-width: 1001px) {
    .modRanking__item:not(:first-child) {
        margin-top: 20px
    }
}

@media screen and (max-width: 1000px) {
    .modRanking__item:not(:first-child) {
        margin-top: 30px
    }
}

.modRanking__item__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 112px;
    padding-right: 5px
}

.modRanking__item__figure {
    line-height: 0;
    overflow: hidden;
    width: 112px
}

.modRanking__item__figure .rank {
    padding: 5px;
    padding-top: 6px;
    background-repeat: no-repeat;
    background-position: 5px 50%;
    background-color: #fff
}

@media screen and (min-width: 1001px) {
    .modRanking__item__figure .rank {
        padding-left: 32px;
        font-size: 125%;
        background-size: 24px 20px
    }
}

@media screen and (max-width: 1000px) {
    .modRanking__item__figure .rank {
        padding-left: 25px;
        font-size: 100%
    }
}

.modRanking__item__figure>div {
    background-size: cover;
    background-position: center;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    padding-top: 15px;
    overflow: hidden
}

@media screen and (max-width: 1000px) {
    .modRanking__item__figure>div {
        padding-top: 13px
    }
}

.modRanking__item__figure>div:after {
    content: '';
    display: block;
    width: 100%;
    padding-bottom: calc(100% - 15px)
}

@media screen and (max-width: 1000px) {
    .modRanking__item__figure>div:after {
        padding-bottom: calc(100% - 13px)
    }
}

.modRanking__item__body {
    width: calc(100% - 120px)
}

.modRanking__item__body .title {
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media all and (-ms-high-contrast: none) {
    .modRanking__item__body .title {
        max-height: 3em
    }
}

.modRanking__item__body .readMore {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 8px;
    border: 1px solid #2d8b32;
    border-radius: 20px;
    font-size: 87.5%;
    color: #2d8b32;
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

@media screen and (min-width: 1001px) {
    .modRanking__item__body .readMore {
        line-height: 28px
    }
}

@media screen and (max-width: 1000px) {
    .modRanking__item__body .readMore {
        line-height: 35px
    }
}

.modRanking__item:nth-child(1) .rank:before {
    content: "1"
}

.modRanking__item:nth-child(2) .rank:before {
    content: "2"
}

.modRanking__item:nth-child(3) .rank:before {
    content: "3"
}

.modRanking__item:nth-child(4) .rank:before {
    content: "4"
}

.modRanking__item:nth-child(5) .rank:before {
    content: "5"
}

.modRanking__item:nth-child(1) .rank {
    color: #bd9700;
    background-image: url(/wp/wp-content/themes/fcnt/assets/img/common/com_ic_rank01.png)
}

.modRanking__item:nth-child(2) .rank {
    color: #808080;
    background-image: url(/wp/wp-content/themes/fcnt/assets/img/common/com_ic_rank02.png)
}

.modRanking__item:nth-child(3) .rank {
    color: #c46816;
    background-image: url(/wp/wp-content/themes/fcnt/assets/img/common/com_ic_rank03.png)
}

.modRanking__item:nth-child(n+4) .rank {
    color: #808080;
    background-image: url(/wp/wp-content/themes/fcnt/assets/img/common/com_ic_rank04.png)
}

@media screen and (min-width: 1001px) {
    .modRecommendedArticles {
        margin-top: 22px
    }
}

@media screen and (max-width: 1000px) {
    .modRecommendedArticles {
        margin-top: 22px
    }
}

.modRecommendedArticles__item {
    -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    margin: 20px 0
}

@media screen and (min-width: 1001px) {
    .modRecommendedArticles__item:not(:first-child) {
        margin-top: 20px
    }
}

@media screen and (max-width: 1000px) {
    .modRecommendedArticles__item:not(:first-child) {
        margin-top: 30px
    }
}

.modRecommendedArticles__item__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 112px;
    padding-right: 5px
}

.modRecommendedArticles__item__figure {
    line-height: 0;
    overflow: hidden;
    width: 112px
}

@media screen and (min-width: 1001px) {
    .modRecommendedArticles__item__figure {
        width: 112px
    }
}

@media screen and (max-width: 1000px) {
    .modRecommendedArticles__item__figure {
        width: 112px
    }
}

.modRecommendedArticles__item__figure>div {
    background-size: cover;
    background-position: center;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    padding-top: 15px;
    overflow: hidden
}

@media screen and (max-width: 1000px) {
    .modRecommendedArticles__item__figure>div {
        padding-top: 13px
    }
}

.modRecommendedArticles__item__figure>div:after {
    content: '';
    display: block;
    width: 100%;
    padding-bottom: calc(100% - 15px)
}

@media screen and (max-width: 1000px) {
    .modRecommendedArticles__item__figure>div:after {
        padding-bottom: calc(100% - 13px)
    }
}

@media screen and (min-width: 1001px) {
    .modRecommendedArticles__item__body {
        width: calc(100% - 120px)
    }
}

@media screen and (max-width: 1000px) {
    .modRecommendedArticles__item__body {
        width: calc(100% - 120px)
    }
}

.modRecommendedArticles__item__body .title {
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media all and (-ms-high-contrast: none) {
    .modRecommendedArticles__item__body .title {
        max-height: 3em
    }
}

.modRecommendedArticles__item__body .readMore {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 8px;
    border: 1px solid #2d8b32;
    border-radius: 20px;
    font-size: 87.5%;
    color: #2d8b32;
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

@media screen and (min-width: 1001px) {
    .modRecommendedArticles__item__body .readMore {
        line-height: 28px
    }
}

@media screen and (max-width: 1000px) {
    .modRecommendedArticles__item__body .readMore {
        line-height: 35px
    }
}

.modRecommendedArticlesUranaiResult {
    margin-top: 22px
}

@media screen and (min-width: 1001px) {
    .modCategoryNav {
        margin-top: 45px
    }
}

@media screen and (max-width: 1000px) {
    .modCategoryNav {
        margin-top: 45px
    }
}

.modCategoryNav .list {
    -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
    background-color: #fff
}

@media screen and (min-width: 1001px) {
    .modCategoryNav .list {
        margin-top: 22px
    }
}

@media screen and (max-width: 1000px) {
    .modCategoryNav .list {
        margin-top: 22px
    }
}

.modCategoryNav .list>li:not(:first-child) {
    border-top: 1px solid #ebebeb
}

.modCategoryNav .list>li>a {
    display: block;
    position: relative;
    font-weight: bold;
    color: #000;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

@media screen and (min-width: 1001px) {
    .modCategoryNav .list>li>a {
        line-height: 60px;
        font-size: 125%;
        padding: 0 40px 0 28px
    }

    .modCategoryNav .list>li>a:hover {
        opacity: 0.5
    }
}

@media screen and (max-width: 1000px) {
    .modCategoryNav .list>li>a {
        font-size: 112.5%;
        line-height: 70px;
        padding: 0 40px 0 20px
    }
}

.modCategoryNav .list>li>a:after {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

@media screen and (min-width: 1001px) {
    .modCategoryNav .list>li>a:after {
        border-top: 3px solid #3d3d3d;
        border-right: 3px solid #3d3d3d;
        top: 50%;
        right: 24px
    }
}

@media screen and (max-width: 1000px) {
    .modCategoryNav .list>li>a:after {
        border-top: 2px solid #3d3d3d;
        border-right: 2px solid #3d3d3d;
        top: 50%;
        right: 20px
    }
}

@media screen and (min-width: 1001px) {
    .modTagsList {
        margin-top: 45px
    }
}

@media screen and (max-width: 1000px) {
    .modTagsList {
        margin-top: 45px
    }
}

.modTagsList .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 1001px) {
    .modTagsList .list {
        margin-top: 22px;
        margin-left: -20px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media screen and (max-width: 1000px) {
    .modTagsList .list {
        margin-top: 22px;
        margin-left: -18px
    }
}

@media screen and (min-width: 1001px) {
    .modTagsList .list>li {
        margin: 0 0 16px 20px
    }
}

@media screen and (max-width: 1000px) {
    .modTagsList .list>li {
        margin: 0 0 18px 18px
    }
}

@media screen and (min-width: 1001px) {
    .modTagsList .list>li+li {
        margin: 0 0 16px 20px
    }
}

@media screen and (max-width: 1000px) {
    .modTagsList .list>li+li {
        margin: 0 0 18px 18px
    }
}

.modTagsList .list>li>a {
    display: block;
    font-weight: bold;
    color: #fff;
    background-color: #2d8b32;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

@media screen and (min-width: 1001px) {
    .modTagsList .list>li>a {
        line-height: 36px;
        padding: 0 15px
    }

    .modTagsList .list>li>a:hover {
        opacity: 0.5
    }
}

@media screen and (max-width: 1000px) {
    .modTagsList .list>li>a {
        line-height: 30px;
        padding: 0 10px
    }
}

@media screen and (min-width: 1001px) {
    .modTagsList--left .list {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media screen and (max-width: 1000px) {
    .modTagsList--onsen {
        margin-top: 15px
    }
}

@media screen and (max-width: 1000px) {
    .modTagsList--onsen .list {
        margin: 10px 0 -17px -18px
    }
}

@media screen and (min-width: 1001px) {
    .modTagsList+.modAdSense {
        margin-top: 25px
    }
}

.modTagsList .readMore {
    position: relative;
    margin: 10px auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #2d8b32;
    border-radius: 20px;
    font-size: 100%;
    color: #2d8b32;
    text-align: center;
    display: block;
    width: 90%;
    font-weight: bold
}

@media screen and (min-width: 1001px) {
    .modTagsList .readMore {
        line-height: 40px
    }
}

@media screen and (max-width: 1000px) {
    .modTagsList .readMore {
        line-height: 35px
    }
}

.modTagsList .readMore:after {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-top: 2px solid #2d8b32;
    border-right: 2px solid #2d8b32;
    top: 50%;
    right: 10px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.modReadMore {
    text-align: center
}

@media screen and (min-width: 1001px) {
    .modReadMore {
        margin-top: 60px
    }
}

@media screen and (max-width: 1000px) {
    .modReadMore {
        margin-top: 25px
    }
}

.modReadMore>a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    min-width: 220px;
    height: 40px;
    line-height: 38px;
    padding: 0 30px;
    font-weight: bold;
    color: #fff;
    font-size: 125%;
    background-color: #2d8b32
}

@media screen and (min-width: 1001px) {
    .modReadMore>a:hover {
        opacity: 0.8
    }
}

.modReadMore>a:after {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

@media screen and (min-width: 1001px) {
    .modPages {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 25px
    }
}

@media screen and (max-width: 1000px) {
    .modPages {
        margin-top: 15px
    }
}

@media screen and (min-width: 1001px) {
    .modPages .item {
        width: 25%
    }
}

@media screen and (max-width: 1000px) {
    .modPages .item {
        margin-top: 10px
    }
}

@media screen and (min-width: 1001px) {
    .modPages .item:nth-child(n+5) {
        margin-top: 10px
    }
}

.modPages .item:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #3d3d3d
}

.modPages .item>a {
    color: #000;
    padding-left: 15px
}

@media screen and (min-width: 1001px) {
    .modPages .item>a:hover {
        text-decoration: underline
    }
}

@media screen and (min-width: 1001px) {
    .modBanner {
        margin-top: 40px
    }
}

@media screen and (max-width: 1000px) {
    .modBanner {
        margin-top: 45px
    }
}

@media screen and (min-width: 1001px) {
    .modBanner__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 20px
    }
}

@media (max-width: 1200px) {
    .modBanner__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (max-width: 1000px) {
    .modBanner__list {
        margin-top: 22px;
        display: flex
    }
}

.modBanner__list .item {
    text-align: center;
    width: 100%
}

@media screen and (min-width: 1001px) {
    .modBanner__list .item:not(:first-child) {
        margin-left: 26px
    }
}

@media screen and (max-width: 1000px) {
    .modBanner__list .item:not(:first-child) {
        /* margin-top: 10px */
    }
}

@media (max-width: 1200px) {
    .modBanner__list .item:not(:first-child) {
        margin-left: 0
    }
}

@media (max-width: 599px) {
    .modBanner__list .item:not(:first-child) {
        margin-top: 20px
    }
}

@media (max-width: 1200px) and (min-width: 600px) {
    .modBanner__list .item {
        margin-bottom: 16px;
        width: calc(50% - 10px)
    }

    .modBanner__list .item:nth-child(odd) {
        margin-right: 10px;
        margin-left: 0
    }

    .modBanner__list .item:nth-child(even) {
        margin-left: 10px;
        margin-right: 0
    }
}

.modBanner__list .item>a {
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 35.5%
}

@media screen and (min-width: 1001px) {
    .modBanner__list .item>a {
        -webkit-transition: all 0.3s;
        transition: all 0.3s
    }

    .modBanner__list .item>a:hover {
        opacity: 0.5
    }
}

.modBanner__list .item>a img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%
}

.modPageTop {
    margin-top: 25px;
    text-align: right
}

@media screen and (min-width: 1001px) {
    .modPageTop {
        display: none
    }
}

.modPageTop>a {
    position: relative;
    display: inline-block;
    width: 90px;
    height: 90px;
    line-height: 1.3;
    border-radius: 50%;
    text-align: center;
    font-size: 87.5%;
    color: #fff;
    background-color: #2d8b32
}

@media screen and (max-width: 1000px) {
    .modPageTop>a:after {
        display: inline-block;
        position: absolute;
        top: 18px;
        left: 50%;
        content: '';
        width: 10px;
        border-top: 3px solid #fff;
        border-right: 3px solid #fff;
        height: 10px;
        -webkit-transform: translate(-50%, 0) rotate(-45deg);
        transform: translate(-50%, 0) rotate(-45deg)
    }
}

.modPageTop>a>span {
    position: absolute;
    top: calc(50% + 10px);
    left: 50%;
    display: inline-block;
    white-space: nowrap;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.modAbout {
    background-color: #e4e4e4
}

@media screen and (min-width: 1001px) {
    .modAbout {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 80px;
        padding: 34px 75px 35px 65px
    }
}

@media screen and (max-width: 1000px) {
    .modAbout {
        margin-top: 25px;
        padding: 30px 20px
    }
}

@media screen and (max-width: 1000px) {
    .modAbout__logo {
        text-align: center;
        font-size: 0
    }
}

@media screen and (min-width: 1001px) {
    .modAbout__inner {
        width: 808px
    }
}

@media screen and (max-width: 1000px) {
    .modAbout__inner {
        margin-top: 22px
    }
}

.modAbout__inner .title {
    font-weight: bold;
    font-size: 120%
}

@media screen and (max-width: 1000px) {
    .modAbout__inner .title {
        text-align: center
    }
}

@media screen and (min-width: 1001px) {
    .modAbout__inner .text {
        margin-top: 18px
    }
}

@media screen and (max-width: 1000px) {
    .modAbout__inner .text {
        margin-top: 16px
    }
}

.modPathNav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 13px
}

@media screen and (max-width: 1000px) {
    .modPathNav {
        display: block;
        width: 100vw;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        margin: 13px -20px 0
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    .modPathNav {
        width: 100%;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden
    }
}

@media screen and (min-width: 1001px) {
    .modPathNav__wrapper {
        padding-top: 13px
    }
}

@media screen and (max-width: 1000px) {
    .modPathNav__wrapper {
        padding: 0 10px
    }
}

.modPathNav__wrapper .modPathNav {
    margin-top: 0
}

@media screen and (min-width: 1001px) {
    .modPathNav__wrapper .modPathNav {
        width: 85.7vw;
        max-width: 1200px;
        margin: 0 auto
    }
}

@media screen and (max-width: 1000px) {
    .modPathNav__wrapper .modPathNav {
        display: block;
        width: 100vw;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        margin: 13px -20px 0
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    .modPathNav__wrapper .modPathNav {
        width: 100%;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden
    }
}

.modPathNav__item:not(:last-child) {
    margin-right: 7px
}

@media screen and (max-width: 1000px) {
    .modPathNav__item:not(:last-child) {
        margin-right: 2px
    }
}

.modPathNav__item:not(:last-child):after {
    content: '>';
    margin-left: 7px
}

@media screen and (max-width: 1000px) {
    .modPathNav__item {
        display: inline-block
    }
}

@media screen and (max-width: 1000px) {
    .modPathNav__item:first-child {
        margin-left: 20px
    }
}

@media screen and (max-width: 1000px) {
    .modPathNav__item:last-child {
        margin-right: 20px
    }
}

.modPathNav__item>a {
    color: #000
}

.modAdSense {
    text-align: center;
    margin-top: 45px;
    line-height: 1
}

@media screen and (max-width: 1000px) {
    .modAdSense {
        margin-top: 45px;
        margin-left: -10px;
        margin-right: -10px
    }
}

.modAdSenseCols__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

@media (orientation: landscape) and (max-width: 1200px) {
    .modAdSenseCols__inner {
        display: none
    }
}

@media screen and (max-width: 1000px) {
    .modAdSense--mt15 {
        margin-top: 15px
    }
}

.modAnc {
    display: inline-block;
    width: 0;
    height: 0
}

@media screen and (max-width: 1000px) {
    .modAnc {
        position: absolute;
        top: -70px
    }
}

.modAnc__wrapper {
    width: 0;
    height: 0;
    position: relative
}

.modCompanyNameChange {
    width: 85.7vw;
    max-width: 1200px;
    margin: 60px auto 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 1000px) {
    .modCompanyNameChange {
        width: 100%;
        margin: 30px auto;
        padding: 0 10px
    }
}

.modCompanyNameChange p {
    border: 1px solid #a9aaaa;
    padding: 30px;
    background-color: #fff
}

@media screen and (max-width: 1000px) {
    .modCompanyNameChange p {
        padding: 20px
    }
}

.modKeywords a {
    color: #000
}

@media screen and (min-width: 1001px) {
    .modKeywords {
        margin-top: 40px
    }
}

@media screen and (max-width: 1000px) {
    .modKeywords {
        margin-top: 30px
    }
}

@media screen and (min-width: 1001px) {
    .modKeywords__list {
        margin-top: 20px
    }
}

@media screen and (max-width: 1000px) {
    .modKeywords__list {
        margin-top: 10px
    }
}

@media screen and (min-width: 1001px) {
    .modKeywords__list .item+.item {
        margin-top: 40px
    }
}

@media screen and (max-width: 1000px) {
    .modKeywords__list .item+.item {
        margin-top: 30px
    }
}

.modKeywords__list .item__box h3 {
    font-weight: bold;
    border-bottom: 1px solid #bdbdbd;
    color: #000;
    font-size: 150%
}

.modKeywords__list .item__box .list {
    margin: 17 0 0 0
}

.modKeywords__list .item__box .list>li {
    margin-right: 20px;
    display: inline-block
}

.modKeywords__list .item__box .list>li>a {
    color: #fff;
    background-color: #2d8b32;
    padding: 6px 10px
}

.modKeywords__list .item__box .hotsprings {
    margin: 30px 0 0
}

.modKeywords__list .item__box .hotsprings__area {
    padding: 5px 10px;
    font-weight: bold;
    font-size: 115%;
    background-color: #e4e4e4;
    margin-top: 17px
}

.modKeywords__list .item__box .hotsprings__area span {
    position: relative
}

.modKeywords__list .item__box .hotsprings__area span::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-right: 3px solid #3d3d3d;
    border-top: 3px solid #3d3d3d;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    top: 50%;
    right: -10px
}

.modKeywords__list .item__box .hotsprings__list>li {
    margin-right: 20px;
    margin-top: 17px;
    display: inline-block
}

.modKeywords__list .item__box .hotsprings__list>li>a {
    color: #fff;
    background-color: #2d8b32;
    padding: 6px 10px
}

.modKeywords__list .item__box .hotsprings__list+.hotsprings__area {
    margin-top: 34px
}

.modHotsprings {
    width: 100%
}

@media screen and (min-width: 1001px) {
    .modHotsprings {
        margin-bottom: 40px
    }
}

@media screen and (max-width: 1000px) {
    .modHotsprings {
        margin: 45px 0
    }
}

.modHotsprings__list {
    width: 100%
}

@media screen and (min-width: 1001px) {
    .modHotsprings__list {
        display: grid;
        margin-top: 25px;
        grid-template-columns: repeat(4, 1fr);
        gap: 40px
    }
}

@media screen and (max-width: 1000px) {
    .modHotsprings__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .modHotsprings__list .item {
        margin-top: 10px;
        width: calc(50% - 10px)
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    .modHotsprings__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 20px;
        gap: 0
    }

    .modHotsprings__list .item {
        margin-top: 20px;
        width: calc(50% - 10px);
        max-width: 345px
    }
}

.modHotsprings__list .item {
    overflow: hidden;
    background-color: #000
}

@media screen and (min-width: 1001px) {
    .modHotsprings__list .item+.none {
        display: none
    }
}

.modHotsprings__list .item>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

@media screen and (min-width: 1001px) {
    .modHotsprings__list .item>a {
        max-height: 270px
    }
}

@media screen and (max-width: 1000px) {
    .modHotsprings__list .item>a {
        height: 100px
    }
}

.modHotsprings__list .item>a>div {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0.7;
    overflow: hidden
}

.modHotsprings__list .item>a>div:after {
    content: '';
    display: block;
    width: 100%;
    padding-top: 85%
}

.modHotsprings__list .item>a>p {
    width: 100%;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: bold
}

@media screen and (min-width: 1001px) {
    .modHotsprings__list .item>a>p {
        font-size: 24px
    }
}

@media screen and (max-width: 1000px) {
    .modHotsprings__list .item>a>p {
        font-size: 20px
    }
}

@media screen and (min-width: 1001px) {
    .modHotspringLink {
        margin-top: 40px
    }
}

@media screen and (max-width: 1000px) {
    .modHotspringLink {
        margin-top: 30px
    }
}

.modHotspringLink__title {
    font-weight: bold
}

.modHotspringLink__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width: 1001px) {
    .modHotspringLink__list .item {
        margin-right: 30px
    }
}

@media screen and (max-width: 1000px) {
    .modHotspringLink__list .item {
        margin-right: 20px;
        display: list-item;
        white-space: nowrap
    }
}

@media (orientation: landscape) and (max-width: 600px) {
    .modHotspringLink__list .item {
        display: list-item;
        white-space: nowrap
    }
}

.modHotspringLink__list .item:last-child::after {
    content: none
}

.modHotspringLink__list .item:after {
    content: '';
    border-right: 1px solid #666;
    left: 15px;
    position: relative
}

@media screen and (max-width: 1000px) {
    .modHotspringLink__list .item:after {
        left: 10px
    }
}

.modHotspringLink__list .item>a {
    line-height: 1.2;
    color: #666;
    border-bottom: 1px solid #666
}

.modSearchform {
    position: relative;
    -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
    background-color: #fff
}

@media screen and (min-width: 1001px) {
    .modSearchform {
        height: 40px;
        margin-left: -5px;
        margin-top: 4px
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    .modSearchform {
        width: 280px;
        margin-left: 10px
    }
}

@media (orientation: landscape) and (max-width: 1200px) and (orientation: landscape) and (max-width: 600px) {
    .modSearchform {
        display: none !important
    }

    .modSearchform.forSp {
        display: block !important;
        margin-top: 10px;
        margin-left: 0;
        width: auto
    }
}

@media (orientation: landscape) and (max-width: 710px) {
    .modSearchform {
        width: calc(90% - 300px)
    }
}

@media screen and (max-width: 1000px) {
    .modSearchform {
        margin-top: 22px
    }
}

@media screen and (max-width: 1000px) and (orientation: landscape) and (max-width: 600px) {
    .modSearchform {
        width: 100%;
        margin-left: 0
    }
}

.modSearchform__field {
    font-weight: bold;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    color: #000
}

@media screen and (min-width: 1001px) {
    .modSearchform__field {
        width: 330px;
        padding-left: 20px
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    .modSearchform__field {
        width: 100%
    }
}

@media (orientation: landscape) and (max-width: 1200px) and (orientation: landscape) and (max-width: 600px) {
    .modSearchform__field {
        width: calc(100% - 58px);
        padding: 2px 0 0 15px;
        height: 58px;
        font-size: 125%
    }
}

@media screen and (max-width: 1000px) {
    .modSearchform__field {
        width: calc(100% - 58px);
        padding: 2px 0 0 15px;
        height: 48px;
        font-size: 112.5%
    }
}

.modSearchform__btn {
    font-weight: bold;
    background-color: #2d8b32;
    color: #fff;
    font-size: 16px;
    width: 40px;
    margin: 0
}

@media screen and (min-width: 1001px) {
    .modSearchform__btn {
        padding: 5px 0 3px;
        width: 40px
    }
}

@media screen and (min-width: 1001px) and (orientation: landscape) and (max-width: 600px) {
    .modSearchform__btn {
        padding: 16px 0 14px;
        position: absolute;
        right: 0;
        width: 58px
    }
}

@media screen and (max-width: 1000px) {
    .modSearchform__btn {
        padding: 11px 0 9px;
        position: absolute;
        right: 0;
        width: 48px
    }
}

.modSearchform__btn>img {
    height: 24px
}

@media screen and (min-width: 1001px) {
    .modfeatureList {
        margin-top: 45px
    }
}

@media screen and (max-width: 1000px) {
    .modfeatureList {
        margin: 45px 0 0
    }
}

.modfeatureList__list {
    margin-top: 22px
}

@media screen and (min-width: 1001px) {
    .modfeatureList__list {
        margin-top: 22px
    }
}

.modfeatureList__item {
    -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3)
}

@media screen and (min-width: 1001px) {
    .modfeatureList__item+.modfeatureList__item {
        margin-top: 20px
    }
}

@media screen and (max-width: 1000px) {
    .modfeatureList__item+.modfeatureList__item {
        margin-top: 30px
    }
}

.modfeatureList__item .img>img {
    width: 100%;
    height: auto;
    vertical-align: bottom
}

.modNextPages {
    text-align: center;
    letter-spacing: 0.8px
}

@media screen and (min-width: 1001px) {
    .modNextPages {
        padding: 64px 0 0
    }
}

@media screen and (max-width: 1000px) {
    .modNextPages {
        padding: 45px 0 0
    }
}

.modNextPages__nextHeading {
    margin-bottom: 20px
}

.modNextPages__nextHeading>a {
    display: block;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 15px;
    padding-right: 25px;
    color: #2d8b32;
    border: solid 2px #2d8b32;
    border-radius: 5px;
    margin: 0 auto;
    line-height: 1.5;
    font-size: 100%;
    position: relative;
    -webkit-box-shadow: 0 2px 0 0 #2d8b32;
    box-shadow: 0 2px 0 0 #2d8b32
}

@media screen and (min-width: 1001px) {
    .modNextPages__nextHeading>a {
        width: 360px
    }
}

@media screen and (max-width: 1000px) {
    .modNextPages__nextHeading>a {
        width: 100%
    }
}

.modNextPages__nextHeading>a::after {
    position: absolute;
    content: "";
    width: 9px;
    height: 9px;
    border-right: 2px solid #2d8b32;
    border-top: 2px solid #2d8b32;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    right: 12px
}

.modNextPages__nextHeading>a span {
    position: relative;
    font-weight: bold;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.modNextPages__nextlink>a {
    color: #fff;
    position: relative;
    background-color: #2d8b32;
    border-radius: 50px;
    margin: 0 auto;
    line-height: 40px;
    display: block;
    font-size: 100%
}

@media screen and (min-width: 1001px) {
    .modNextPages__nextlink>a {
        width: 360px
    }
}

@media screen and (max-width: 1000px) {
    .modNextPages__nextlink>a {
        width: calc(100% - 30px)
    }
}

.modNextPages__nextlink>a::after {
    position: absolute;
    content: "";
    width: 9px;
    height: 9px;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

@media screen and (min-width: 1001px) {
    .modNextPages__nextlink>a::after {
        right: 20px
    }
}

@media screen and (max-width: 1000px) {
    .modNextPages__nextlink>a::after {
        right: 25px
    }
}

.modNextPages__pagelink {
    margin: 20px 0 0;
    font-size: 110%
}

.modNextPages__pagelink .post-page-numbers {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    border: 1px solid #2d8b32;
    font-weight: bold;
    color: #2d8b32;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 40px;
    height: 40px;
    line-height: 38px
}

@media screen and (min-width: 1001px) {
    .modNextPages__pagelink .post-page-numbers:hover {
        opacity: 0.5
    }
}

.modNextPages__pagelink .post-page-numbers+.post-page-numbers {
    margin-left: 5px
}

.modNextPages__pagelink .post-page-numbers.current {
    color: #fff;
    background-color: #2d8b32
}

@media screen and (min-width: 1001px) {
    .modAreaSearch {
        margin-top: 45px
    }
}

@media screen and (max-width: 1000px) {
    .modAreaSearch {
        margin-top: 35px
    }
}

@media screen and (min-width: 1001px) {
    .modAreaSearch .list {
        background-color: #fff;
        -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
        box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
        margin-top: 22px
    }
}

@media screen and (max-width: 1000px) {
    .modAreaSearch .list {
        margin: 22px 0 -15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.modAreaSearch .list>li:not(:first-child) {
    border-top: 1px solid #ebebeb
}

@media screen and (max-width: 1000px) {
    .modAreaSearch .list>li {
        background-color: #fff;
        -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
        box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
        width: calc(50% - 8px);
        margin: 0 0 15px
    }
}

.modAreaSearch .list>li>a {
    cursor: pointer;
    display: block;
    position: relative;
    font-weight: bold;
    color: #000;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 125%
}

@media screen and (min-width: 1001px) {
    .modAreaSearch .list>li>a {
        padding: 0 40px 0 28px;
        line-height: 60px
    }
}

@media screen and (max-width: 1000px) {
    .modAreaSearch .list>li>a {
        font-size: 112.5%;
        line-height: 45px;
        text-align: center
    }
}

.modAreaSearch .list>li>a:after {
    position: absolute;
    content: '';
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

@media screen and (min-width: 1001px) {
    .modAreaSearch .list>li>a:after {
        width: 10px;
        height: 10px;
        border-top: 3px solid #3d3d3d;
        border-right: 3px solid #3d3d3d;
        top: 50%;
        right: 23px
    }
}

@media screen and (max-width: 1000px) {
    .modAreaSearch .list>li>a:after {
        width: 6px;
        height: 6px;
        border-top: 2px solid #3d3d3d;
        border-right: 2px solid #3d3d3d;
        top: 50%;
        right: 20px
    }
}

.modAreaSearch .list .modAreaSaerch__item.jsAccordion>a:after {
    -webkit-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg)
}

@media screen and (min-width: 1001px) {
    .modAreaSearch .list .modAreaSaerch__item.jsAccordion>a:after {
        top: 50%;
        right: 20px
    }
}

@media screen and (max-width: 1000px) {
    .modAreaSearch .list .modAreaSaerch__item.jsAccordion>a:after {
        display: none
    }
}

.modAreaSearch .list .modAreaSaerch__item.is-open>a:after {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}

.modAreaSearch .list .subList {
    display: none
}

@media screen and (max-width: 1000px) {
    .modAreaSearch .list .subList {
        width: calc(100% - 120px);
        max-height: 70vh;
        max-height: calc(var(--vh, 1vh) * 120);
        padding: 30px 20px 20px
    }
}

@media screen and (max-width: 1000px) {
    .modAreaSearch .list .subList__button {
        width: 100%;
        margin: 20px 0 0;
        font-weight: bold;
        font-size: 100%;
        text-align: center
    }
}

@media screen and (max-width: 1000px) {
    .modAreaSearch .list .subList ul {
        position: relative;
        z-index: 1000;
        max-height: 60vh;
        max-height: calc(80vh - 102px);
        overflow-y: auto
    }
}

@media screen and (min-width: 1001px) {
    .modAreaSearch .list .subList ul>li:not(:first-child) {
        border-top: 1px solid #ebebeb
    }
}

@media screen and (max-width: 1000px) {
    .modAreaSearch .list .subList ul>li+li {
        border-top: 1px solid #ebebeb
    }
}

.modAreaSearch .list .subList ul>li>a {
    cursor: pointer;
    display: block;
    position: relative;
    font-weight: bold;
    color: #000;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 125%
}

@media screen and (min-width: 1001px) {
    .modAreaSearch .list .subList ul>li>a {
        line-height: 60px;
        padding: 0 40px 0 38px
    }

    .modAreaSearch .list .subList ul>li>a:hover {
        opacity: 0.5
    }
}

@media screen and (max-width: 1000px) {
    .modAreaSearch .list .subList ul>li>a {
        line-height: 45px;
        padding: 0 40px 0 0;
        font-size: 112.5%
    }
}

.modAreaSearch .list .subList ul>li>a:after {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

@media screen and (min-width: 1001px) {
    .modAreaSearch .list .subList ul>li>a:after {
        width: 10px;
        height: 10px;
        border-top: 3px solid #3d3d3d;
        border-right: 3px solid #3d3d3d;
        top: 50%;
        right: 23px
    }
}

@media screen and (max-width: 1000px) {
    .modAreaSearch .list .subList ul>li>a:after {
        width: 6px;
        height: 6px;
        border-top: 2px solid #3d3d3d;
        border-right: 2px solid #3d3d3d;
        top: 50%;
        right: 20px
    }
}

@media screen and (min-width: 1001px) {
    .modYutabiList {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 60px
    }
}

@media (orientation: landscape) and (max-width: 768px) {
    .modYutabiList {
        display: block
    }
}

@media screen and (max-width: 1000px) {
    .modYutabiList {
        margin-top: 25px
    }
}

.modYutabiList__item {
    letter-spacing: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    background-color: #f8f7eb
}

@media screen and (min-width: 1001px) {
    .modYutabiList__item {
        width: calc(calc(100% - 80px) /3)
    }

    .modYutabiList__item+.modYutabiList__item {
        margin-left: 40px
    }
}

@media (orientation: landscape) and (max-width: 768px) {
    .modYutabiList__item {
        width: 100%
    }

    .modYutabiList__item+.modYutabiList__item {
        margin: 30px 0 0
    }
}

@media screen and (max-width: 1000px) {
    .modYutabiList__item {
        width: 100%
    }
}

.modYutabiList__item>a {
    color: #665c3d
}

@media screen and (min-width: 1001px) {
    .modYutabiList__item>a:hover .modYutabiList__item__img>img {
        -webkit-transform: translate(-50%, -50%) scale(1.2);
        transform: translate(-50%, -50%) scale(1.2)
    }
}

@media screen and (max-width: 1000px) {
    .modYutabiList__item+.modYutabiList__item {
        margin-top: 30px
    }
}

@media screen and (min-width: 1001px) {
    .modYutabiList__item:nth-child(n+4) {
        margin-top: 30px
    }
}

.modYutabiList__item__img {
    position: relative;
    overflow: hidden
}

@media screen and (min-width: 1001px) {
    .modYutabiList__item__img {
        height: 190px
    }
}

@media screen and (max-width: 1000px) {
    .modYutabiList__item__img {
        height: 189px
    }
}

.modYutabiList__item__img>img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 101%;
    height: auto;
    -webkit-transition: 0.3s all;
    transition: 0.3s all
}

@media screen and (min-width: 1001px) {
    .modYutabiList__item__img>img {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }
}

@media screen and (max-width: 1000px) {
    .modYutabiList__item__img>img {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }
}

.modYutabiList__item__box {
    position: relative
}

@media screen and (min-width: 1001px) {
    .modYutabiList__item__box {
        padding: 4px 60px 12px
    }
}

@media screen and (max-width: 1000px) {
    .modYutabiList__item__box {
        padding: 12px 50px 14px
    }
}

.modYutabiList__item__box::before,
.modYutabiList__item__box::after {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background: url("/wp/wp-content/themes/fcnt/assets/img/rakurakuyutabi-tv/img_decoration01.png")
}

@media screen and (min-width: 1001px) {
    .modYutabiList__item__box::before {
        top: 8px;
        left: 16px
    }
}

@media screen and (max-width: 1000px) {
    .modYutabiList__item__box::before {
        top: 16px;
        left: 10px
    }
}

@media screen and (min-width: 1001px) {
    .modYutabiList__item__box::after {
        bottom: 15px;
        right: 18px
    }
}

@media screen and (max-width: 1000px) {
    .modYutabiList__item__box::after {
        bottom: 16px;
        right: 10px
    }
}

.modYutabiList__item__box .title {
    position: relative;
    font-weight: bold
}

@media screen and (min-width: 1001px) {
    .modYutabiList__item__box .title {
        font-size: 150%;
        padding-bottom: 4px
    }
}

@media screen and (max-width: 1000px) {
    .modYutabiList__item__box .title {
        font-size: 112.5%;
        padding-bottom: 11px
    }
}

.modYutabiList__item__box .title::before {
    position: absolute;
    content: "";
    background-color: #665c3d;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0
}

.modYutabiList__item__box .text {
    font-weight: bold
}

@media screen and (min-width: 1001px) {
    .modYutabiList__item__box .text {
        margin-top: 12px
    }
}

@media screen and (max-width: 1000px) {
    .modYutabiList__item__box .text {
        margin-top: 10px
    }
}

.modFrontaPagePopup {
    display: none
}

@media screen and (max-width: 1000px) {
    .modFrontaPagePopup {
        position: fixed;
        width: calc(100% - 40px)
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    .modFrontaPagePopup {
        display: none
    }
}

.modFrontaPagePopup__img {
    width: 100%
}

.modFrontaPagePopup__img>img {
    width: 100%
}

.modFrontaPagePopup__buttonArea>p {
    margin-top: 10px;
    color: #000;
    font-size: 90%
}

.modFrontaPagePopup__buttonArea>a,
.modFrontaPagePopup__buttonArea>button {
    color: #fff;
    position: relative;
    background-color: #2d8b32;
    border-radius: 50px;
    margin: 0 auto;
    line-height: 40px;
    display: block;
    font-size: 112.5%;
    margin: 5px auto 0;
    width: 90%
}

.modFrontaPagePopup__buttonArea>a+button,
.modFrontaPagePopup__buttonArea>button+button {
    margin-top: 20px
}

.modFrontaPagePopup__buttonArea>a.js-modal-close,
.modFrontaPagePopup__buttonArea>button.js-modal-close {
    color: #000;
    margin-bottom: 20px;
    background-color: #ccc
}

.modNotification {
    background-color: #fff;
    padding: 10px 20px;
    margin: 16px 0 0;
    border: 1px solid #a9aaaa
}

@media screen and (max-width: 360px) {
    .modNotification {
        margin: 16px 0 0;
        padding: 10px 10px 15px
    }
}

@media screen and (min-width: 1001px) {
    .modNotification {
        margin: 16px 0 0
    }
}

.modNotification__headding {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modNotification__headding__title {
    font-weight: bold
}

.modNotification__headding__date {
    margin-left: 1em
}

.modNotification__text>p,
.modNotification__text>a {
    height: calc(1.4em * 2);
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media screen and (min-width: 1001px) {

    .modNotification__text>p,
    .modNotification__text>a {
        display: block;
        height: auto
    }
}

.modNotification__text>a {
    position: relative;
    padding-right: 20px;
    color: #000
}

.modNotification__text>a::after {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    right: 0;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.modNotification+.spAnchor {
    margin-top: 12px
}

.modSeries {
    margin: 45px -20px 0;
    position: relative;
    background-size: cover;
    background-position: center;
    padding: 20px 20px 30px
}

@media screen and (min-width: 1001px) {
    .modSeries {
        margin: 20px 0 30px
    }
}

@media screen and (max-width: 360px) {
    .modSeries {
        margin: 45px -10px 0
    }
}

.modSeries::before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: black;
    opacity: 0.6;
    content: ""
}

.modSeries__contents {
    position: relative;
    color: #fff
}

.modSeries__heading {
    margin-bottom: 5px;
    font-weight: bold;
    color: #fff
}

.modSeries__heading__title {
    font-size: 162.5%
}

.modSeries__article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modSeries__article__image {
    margin-top: 4px;
    width: 110px;
    height: 100%;
    padding-top: 110px;
    margin-right: 4%;
    background-position: center;
    background-size: cover
}

.modSeries__article__title {
    width: calc(96% - 110px);
    font-weight: bold;
    font-size: 112.5%
}

.modSeries__articlelink>a,
.modSeries__backnumberlink>a {
    color: #fff;
    position: relative;
    border-radius: 50px;
    margin: 0 auto;
    line-height: 40px;
    display: block;
    font-size: 100%;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 20px;
    width: 100%
}

.modSeries__articlelink>a::after,
.modSeries__backnumberlink>a::after {
    position: absolute;
    content: "";
    width: 9px;
    height: 9px;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

@media screen and (min-width: 1001px) {

    .modSeries__articlelink>a::after,
    .modSeries__backnumberlink>a::after {
        right: 20px
    }
}

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

    .modSeries__articlelink>a::after,
    .modSeries__backnumberlink>a::after {
        right: 25px
    }
}

.modSeries__articlelink>a {
    background-color: #2d8b32
}

.modSeries__backnumberlink>a {
    border: solid 2px #fff
}

.modAreaLinks {
    margin-top: 40px
}

.modAreaLinks a {
    color: #666;
    border-bottom: solid 1px #666
}

.modAreaLinks__header {
    text-align: left
}

@media screen and (max-width: 1000px) {
    .modAreaLinks__header {
        font-weight: bold;
        width: 100%;
        display: block
    }
}

.modAreaLinks__data {
    padding-left: 40px
}

@media screen and (max-width: 1000px) {
    .modAreaLinks__data {
        width: 100%;
        display: block;
        padding-left: 0
    }
}

.modAreaLinks__data ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.modAreaLinks__data ul li {
    display: block;
    margin-right: 20px
}

@media screen and (max-width: 1000px) {
    .modAreaLinks__data ul li {
        font-weight: normal
    }
}

.modAreaLinks__data ul li::after {
    content: '';
    border-right: 1px solid #666;
    left: 10px;
    position: relative
}

.modAreaLinks__data ul li:last-child {
    margin-right: 0
}

.modAreaLinks__data ul li:last-child::after {
    content: none
}

.modAreaLinks h3 {
    margin-bottom: 15px;
    font-weight: bold
}

@media screen and (min-width: 1001px) {
    .modHotspringLink {
        margin-top: 40px
    }
}

@media screen and (max-width: 1000px) {
    .modHotspringLink {
        margin-top: 30px
    }
}

.modHotspringLink__item {
    display: block;
    margin-right: 20px;
    font-weight: normal
}

.modHotspringLink__item::after {
    content: '';
    border-right: 1px solid #666;
    left: 10px;
    position: relative
}

.modHotspringLink__item:last-child::after {
    content: none
}

.modHotspringLink h3 {
    margin-bottom: 15px;
    font-weight: bold
}

.modHotspringLink ul {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.modHotspringLink a {
    color: #666;
    border-bottom: solid 1px #666
}

.modTable {
    width: 100%;
    font-weight: 300;
    -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3)
}

@media screen and (min-width: 1001px) {
    .modTable {
        margin: 22px 0 0
    }
}

.modTable tr th {
    background: #e4e4e4;
    font-weight: 700;
    text-align: center
}

@media screen and (min-width: 1001px) {
    .modTable tr th {
        width: 27%;
        border-left: 2px solid #fff;
        padding: 9px 0 8px
    }

    .modTable tr th:first-of-type {
        width: 19%;
        border-left: none
    }
}

.modTable tr td {
    background: #fff;
    border-top: 2px solid #e4e4e4;
    border-right: 2px solid #e4e4e4;
    vertical-align: middle
}

@media screen and (min-width: 1001px) {
    .modTable tr td {
        padding: 10px 20px
    }
}

@media screen and (max-width: 1000px) {
    .modTable tr td {
        padding: 10px 15px
    }

    .modTable tr td:first-of-type {
        width: 40%
    }

    .modTable tr td:last-of-type {
        width: 60%
    }
}

.modTable tr td:first-of-type {
    font-weight: 700
}

@media screen and (min-width: 1001px) {
    .modTable tr td:first-of-type a {
        color: #2d8b32
    }
}

@media screen and (max-width: 1000px) {
    .modTable tr td:first-of-type a {
        color: #333
    }
}

.modTable tr td:last-of-type {
    border-right: none
}

.modTable tr td:last-of-type a {
    color: #000
}

.modTable tr td a {
    text-decoration: underline;
    text-underline-offset: 3px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

@media screen and (min-width: 1001px) {
    .modTable tr td a:hover {
        opacity: 0.5
    }
}

.modTable tr td p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modTable tbody tr:last-child td {
    border-bottom: 2px solid #e4e4e4
}

@media screen and (max-width: 1000px) {
    .modTable--pc {
        display: none
    }
}

.modListTab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 22px 0 0;
    -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3)
}

.modListTab__item {
    width: calc(100% / 3);
    font-weight: 700;
    background: #e4e4e4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    height: 55px;
    line-height: 1.2
}

.modListTab__item+li {
    border-left: 2px solid #fff
}

.modListTab__item.is-select {
    color: #fff;
    background: #2d8b32
}

.wp-pagenavi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center
}

@media screen and (min-width: 1001px) {
    .wp-pagenavi {
        margin-top: 60px
    }
}

@media screen and (max-width: 1000px) {
    .wp-pagenavi {
        margin: 25px -20px 0
    }
}

.wp-pagenavi .pages {
    display: none
}

@media screen and (min-width: 1001px) {
    .wp-pagenavi>*:not(:first-child)>* {
        margin-left: 12px
    }
}

@media screen and (max-width: 1000px) {
    .wp-pagenavi>*:not(:first-child)>* {
        margin-left: 5px
    }
}

@media screen and (min-width: 1001px) {
    .wp-pagenavi .page:not(:first-child) {
        margin-left: 12px
    }
}

@media screen and (max-width: 1000px) {
    .wp-pagenavi .page:not(:first-child) {
        margin-left: 5px
    }
}

@media screen and (min-width: 1001px) {

    .wp-pagenavi .current,
    .wp-pagenavi .nextpostslink,
    .wp-pagenavi .extend {
        margin-left: 12px
    }
}

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

    .wp-pagenavi .current,
    .wp-pagenavi .nextpostslink,
    .wp-pagenavi .extend {
        margin-left: 5px
    }
}

.wp-pagenavi a {
    color: #2d8b32
}

.wp-pagenavi .current,
.wp-pagenavi .page-numbers,
.wp-pagenavi .prev,
.wp-pagenavi .next,
.wp-pagenavi .page,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    border: 1px solid #2d8b32;
    font-weight: bold;
    color: #2d8b32;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

@media screen and (min-width: 1001px) {

    .wp-pagenavi .current,
    .wp-pagenavi .page-numbers,
    .wp-pagenavi .prev,
    .wp-pagenavi .next,
    .wp-pagenavi .page,
    .wp-pagenavi .nextpostslink,
    .wp-pagenavi .previouspostslink {
        width: 40px;
        height: 40px;
        line-height: 38px
    }

    .wp-pagenavi .current:hover,
    .wp-pagenavi .page-numbers:hover,
    .wp-pagenavi .prev:hover,
    .wp-pagenavi .next:hover,
    .wp-pagenavi .page:hover,
    .wp-pagenavi .nextpostslink:hover,
    .wp-pagenavi .previouspostslink:hover {
        opacity: 0.5
    }
}

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

    .wp-pagenavi .current,
    .wp-pagenavi .page-numbers,
    .wp-pagenavi .prev,
    .wp-pagenavi .next,
    .wp-pagenavi .page,
    .wp-pagenavi .nextpostslink,
    .wp-pagenavi .previouspostslink {
        width: 33px;
        height: 33px;
        line-height: 33px
    }
}

.wp-pagenavi .current,
.wp-pagenavi .page-numbers {
    font-size: 120%
}

.wp-pagenavi .current {
    color: #fff;
    background-color: #2d8b32
}

.wp-pagenavi .prev,
.wp-pagenavi .next,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
    font-size: 0;
    white-space: nowrap;
    overflow: hidden;
    position: relative
}

.wp-pagenavi .prev:after,
.wp-pagenavi .next:after,
.wp-pagenavi .nextpostslink:after,
.wp-pagenavi .previouspostslink:after {
    position: absolute;
    content: "";
    width: 9px;
    height: 9px;
    border-top: 3px solid #2d8b32;
    border-right: 3px solid #2d8b32;
    top: 50%
}

.wp-pagenavi .prev:after,
.wp-pagenavi .previouspostslink:after {
    left: calc(50% + 2px);
    -webkit-transform: translate(-50%, -50%) rotate(-135deg);
    transform: translate(-50%, -50%) rotate(-135deg)
}

.wp-pagenavi .next:after,
.wp-pagenavi .nextpostslink:after {
    left: calc(50% - 2px);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.body-hidden {
    overflow: hidden
}

@media screen and (max-width: 1000px) {
    .body-hidden .header {
        position: fixed;
        top: 0
    }
}

.body-hidden .header.hide,
.body-hidden .header.fixed {
    position: fixed;
    top: 0
}

.modal {
    display: none
}

.modal__bg {
    display: none;
    background: rgba(0, 0, 0, 0.56);
    width: 100%;
    height: 100vh;
    position: fixed;
    width: 100%;
    z-index: 9999;
    top: 0;
    left: 0
}

@media screen and (max-width: 1000px) {
    .modal__content {
        background: #fff;
        left: 50%;
        position: fixed;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 10000
    }
}

@font-face {
    font-family: 'NotoSerifJP-Bold';
    src: url("/wp/wp-content/themes/fcnt/assets/fonts/NotoSerifJP-Bold.otf")
}

@font-face {
    font-family: 'NotoSerifJP-Regular';
    src: url("/wp/wp-content/themes/fcnt/assets/fonts/NotoSerifJP-Regular.otf")
}

main.idx .main__idxKv .slider {
    opacity: 0
}

main.idx .main__idxKv .slider.slick-initialized {
    opacity: 1
}

main.idx .main__idxKv .slider .item {
    overflow: hidden;
    position: relative
}

main.idx .main__idxKv .slider .item>a {
    display: block;
    position: relative;
    pointer-events: none;
    background-size: cover
}

main.idx .main__idxKv .slider .item>a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

@media screen and (min-width: 1001px) {
    main.idx .main__idxKv .slider .item>a:before {
        background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
        background: linear-gradient(to bottom, #000, #000)
    }
}

@media screen and (max-width: 1000px) {
    main.idx .main__idxKv .slider .item>a:before {
        opacity: 0.8;
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(35%, transparent), color-stop(75%, #000), to(#000));
        background: linear-gradient(to bottom, transparent 0%, transparent 35%, #000 75%, #000 100%)
    }
}

main.idx .main__idxKv .slider .item>a:after {
    content: '';
    display: block;
    width: 100%;
    padding-top: 50%
}

main.idx .main__idxKv .slider .item>a>span {
    content: 'Special';
    position: absolute;
    top: -10%;
    left: -20%;
    z-index: 1000;
    background-color: #CDB261;
    color: #fff;
    width: 50%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    font-size: 100%;
    text-align: center;
    padding: 11.5% 0 1px
}

@media screen and (min-width: 1001px) {
    main.idx .main__idxKv .slider .item>a>span {
        padding-top: 10%;
        font-size: 125%;
        top: -12%;
        left: -24%
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    main.idx .main__idxKv .slider .item>a>span {
        font-size: 87.5%;
        top: -9%;
        left: -20%
    }
}

main.idx .main__idxKv .slider .item__inner {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

@media screen and (min-width: 1001px) {
    main.idx .main__idxKv .slider .item__inner {
        width: 86%;
        bottom: 60px
    }
}

@media screen and (max-width: 1000px) {
    main.idx .main__idxKv .slider .item__inner {
        width: 90%;
        bottom: 15px
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    main.idx .main__idxKv .slider .item__inner {
        width: 86%;
        bottom: 30px
    }
}

main.idx .main__idxKv .slider .item__title {
    font-weight: bold;
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 3em;
    position: relative
}

@media all and (-ms-high-contrast: none) {
    main.idx .main__idxKv .slider .item__title {
        display: inline-block
    }
}

@media screen and (min-width: 1001px) {
    main.idx .main__idxKv .slider .item__title {
        font-size: 175%
    }
}

@media screen and (max-width: 1000px) {
    main.idx .main__idxKv .slider .item__title {
        -webkit-line-clamp: 3;
        max-height: calc(1.3em * 3);
        font-size: 130%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        line-height: 1.3;
        letter-spacing: 1.2px
    }
}

main.idx .main__idxKv .slider .item__date {
    display: block;
    color: #fff
}

main.idx .main__idxKv .slider .item__date.new:after {
    position: absolute;
    content: "NEW";
    color: #fff;
    display: inline-block;
    background-color: #dc7245;
    font-size: 14px;
    height: 16px;
    line-height: 1.2;
    padding: 1px 5px;
    margin-left: 5px;
    vertical-align: text-bottom;
    z-index: 10;
    left: -10px
}

@media screen and (min-width: 1001px) {
    main.idx .main__idxKv .slider .item__date.new:after {
        top: -30px;
        left: -5px
    }
}

@media screen and (max-width: 1000px) {
    main.idx .main__idxKv .slider .item__date.new:after {
        top: -25px;
        vertical-align: text-top
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    main.idx .main__idxKv .slider .item__date.new:after {
        top: -17px
    }
}

main.idx .main__idxKv .slider .item.slick-center>a {
    pointer-events: auto
}

main.idx .main__idxKv .slider .item.slick-center>a:before {
    opacity: 0.8
}

@media screen and (min-width: 1001px) {
    main.idx .main__idxKv .slider .item.slick-center>a:before {
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), color-stop(75%, #000), to(#000));
        background: linear-gradient(to bottom, transparent 0%, transparent 50%, #000 75%, #000 100%)
    }
}

@media screen and (max-width: 1000px) {
    main.idx .main__idxKv .slider .item.slick-center>a:before {
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(35%, transparent), color-stop(75%, #000), to(#000));
        background: linear-gradient(to bottom, transparent 0%, transparent 35%, #000 75%, #000 100%)
    }
}

main.idx .main__idxKv .slider .slick-prev,
main.idx .main__idxKv .slider .slick-next {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    background-repeat: no-repeat;
    z-index: 10
}

@media screen and (min-width: 1001px) {

    main.idx .main__idxKv .slider .slick-prev,
    main.idx .main__idxKv .slider .slick-next {
        top: calc(50% - 45px);
        width: 24px;
        height: 40px;
        background-image: url(/wp/wp-content/themes/fcnt/assets/img/top/index_ic_arrow01.png);
        background-size: cover;
        background-position: 0 0
    }

    main.idx .main__idxKv .slider .slick-prev:hover,
    main.idx .main__idxKv .slider .slick-next:hover {
        opacity: 0.8
    }
}

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

    main.idx .main__idxKv .slider .slick-prev,
    main.idx .main__idxKv .slider .slick-next {
        bottom: 0;
        width: 30px;
        height: 30px;
        background-image: url(/wp/wp-content/themes/fcnt/assets/img/top/index_ic_arrow02.png);
        background-size: 10px 17px;
        background-position: 0 100%
    }
}

@media screen and (min-width: 1001px) {
    main.idx .main__idxKv .slider .slick-prev {
        left: calc(20% - 50px)
    }
}

@media screen and (max-width: 1000px) {
    main.idx .main__idxKv .slider .slick-prev {
        left: 20px
    }
}

main.idx .main__idxKv .slider .slick-next {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

@media screen and (min-width: 1001px) {
    main.idx .main__idxKv .slider .slick-next {
        right: calc(20% - 50px)
    }
}

@media screen and (max-width: 1000px) {
    main.idx .main__idxKv .slider .slick-next {
        right: 20px
    }
}

main.idx .main__idxKv .slider .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 1000px) {
    main.idx .main__idxKv .slider .slick-dots {
        margin-top: 5px
    }
}

main.idx .main__idxKv .slider .slick-dots>li:not(:first-child) {
    margin-left: 20px
}

main.idx .main__idxKv .slider .slick-dots button {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    width: 12px;
    height: 12px;
    line-height: 12px;
    border-radius: 50%;
    border: 1px solid #2d8b32;
    font-size: 0
}

main.idx .main__idxKv .slider .slick-dots .slick-active button {
    background-color: #2d8b32
}

@media screen and (min-width: 1001px) {
    main.idx .main__bannerList {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 35px
    }
}

@media screen and (max-width: 1000px) {
    main.idx .main__bannerList {
        margin-top: 22px
    }
}

main.idx .main__bannerList .item {
    -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
    overflow: hidden
}

@media screen and (min-width: 1001px) {
    main.idx .main__bannerList .item {
        margin-right: 3.53vw
    }
}

@media screen and (min-width: 1001px) {
    main.idx .main__bannerList .item:last-child {
        margin-right: 0px
    }
}

@media screen and (max-width: 1000px) {
    main.idx .main__bannerList .item:not(:first-child) {
        margin-top: 18px
    }
}

main.idx .main__bannerList .item>a {
    display: block;
    position: relative;
    line-height: 0
}

@media screen and (min-width: 1001px) {
    main.idx .main__bannerList .item>a:hover>img {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2)
    }

    main.idx .main__bannerList .item>a:hover .viewIndex {
        color: #000;
        background-color: #fff
    }
}

main.idx .main__bannerList .item>a>img {
    max-width: 100%;
    width: auto;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

main.idx .main__bannerList .item .viewIndex {
    position: absolute;
    display: inline-block;
    border: 1px solid #fff;
    text-align: center;
    color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

@media screen and (min-width: 1001px) {
    main.idx .main__bannerList .item .viewIndex {
        left: 50%;
        bottom: 30px;
        font-size: 15px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 50.13%;
        line-height: 1.87;
        border-radius: 15px
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    main.idx .main__bannerList .item .viewIndex {
        bottom: 1.86vw;
        line-height: 1.87vw;
        font-size: 0.875vw
    }
}

@media screen and (max-width: 1000px) {
    main.idx .main__bannerList .item .viewIndex {
        left: calc(50%);
        bottom: 15px;
        font-size: 13px;
        height: 25px;
        line-height: 25px;
        padding: 0 20px;
        border-radius: 15px;
        font-size: 75%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

@media screen and (min-width: 1001px) {
    main.idx .main__contents__aside {
        padding-top: 0.5em
    }
}

main.idx .main__inner .modAdSense {
    margin-top: 15px
}

@media screen and (min-width: 1001px) {
    main.idx .main__inner .modSeries+.modAdSense {
        margin-top: 45px
    }
}

@media screen and (min-width: 1001px) {
    main.idx .main__inner #ranking .modAsideHedding2::first-line {
        line-height: 1.0
    }
}

@media screen and (min-width: 1001px) {
    main.idx .main__inner #recommended+.modAdSense {
        margin-top: 45px
    }
}

main.idx .spAnchor__list {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

main.idx .spAnchor__list>li {
    position: relative;
    margin-top: 5px;
    text-align: center;
    padding: 0 12px
}

main.idx .spAnchor__list>li>a {
    font-weight: bold;
    line-height: 1.2;
    color: #2d8b32;
    font-size: 125%
}

main.idx .spAnchor__list>li+li {
    border-left: solid 1px #666
}

main.idx .spAnchor__list+ul {
    margin-top: 10px
}

main.idx .spAnchor+.modAdSense {
    margin-top: 15px
}

@media screen and (max-width: 1000px) {
    main.idx .spAnchor+.modfeatureList {
        margin-top: 18px
    }
}

@font-face {
    font-family: 'NotoSerifJP-Bold';
    src: url("/wp/wp-content/themes/fcnt/assets/fonts/NotoSerifJP-Bold.otf")
}

@font-face {
    font-family: 'NotoSerifJP-Regular';
    src: url("/wp/wp-content/themes/fcnt/assets/fonts/NotoSerifJP-Regular.otf")
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .main__contents {
        margin-top: 0
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .main__contents {
        margin-top: 13px
    }
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .main__contents__body {
        margin-top: calc(50px + 22px)
    }
}

main.articlesDtl .main__contents__aside {
    position: relative
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .main__contents__aside {
        margin-top: calc(50px + 22px)
    }
}

main.articlesDtl .articleBody {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
    overflow-wrap: break-word
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .articleBody {
        padding: 40px
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .articleBody {
        -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
        margin: 0 -20px;
        padding: 0 20px 25px
    }
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .articleBody+.modAdSenseCols {
        margin-top: 40px
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .articleBody+.modAdSenseCols+.modAdSense {
        margin: 25px 0 0
    }
}

main.articlesDtl .articleBody blockquote,
main.articlesDtl .articleBody q {
    position: relative;
    padding: 20px 15px 5px 15px;
    margin-top: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-style: italic;
    background: #efefef
}

main.articlesDtl .articleBody blockquote:before,
main.articlesDtl .articleBody q:before {
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 3px;
    content: "“";
    font-family: sans-serif;
    color: #cfcfcf;
    font-size: 50px;
    line-height: 1
}

main.articlesDtl .articleBody blockquote p,
main.articlesDtl .articleBody q p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.75
}

main.articlesDtl .articleBody blockquote cite,
main.articlesDtl .articleBody q cite {
    display: block;
    text-align: right
}

main.articlesDtl .articleBody blockquote strong,
main.articlesDtl .articleBody q strong {
    font-weight: bold
}

main.articlesDtl .articleBody blockquote h2,
main.articlesDtl .articleBody blockquote h3,
main.articlesDtl .articleBody q h2,
main.articlesDtl .articleBody q h3 {
    font-weight: bold;
    line-height: 1.75;
    margin: 10px 0
}

main.articlesDtl .articleBody blockquote h2,
main.articlesDtl .articleBody q h2 {
    font-size: 137.5%
}

main.articlesDtl .articleBody blockquote h3,
main.articlesDtl .articleBody q h3 {
    font-size: 133%
}

main.articlesDtl .articleBody div.table_wrapper {
    overflow-x: scroll;
    white-space: nowrap
}

main.articlesDtl .articleBody div.table_wrapper table,
main.articlesDtl .articleBody div.table_wrapper th,
main.articlesDtl .articleBody div.table_wrapper td {
    border: 1px solid #bdbdbd
}

main.articlesDtl .articleBody div.table_wrapper tr.left td {
    text-align: left
}

main.articlesDtl .articleBody div.table_wrapper tr.center td {
    text-align: center
}

main.articlesDtl .articleBody div.table_wrapper tr.right td {
    text-align: right
}

main.articlesDtl .articleBody div.table_wrapper th {
    font-weight: bold;
    text-align: center;
    background-color: #e4e4e4
}

main.articlesDtl .articleBody div.table_wrapper th,
main.articlesDtl .articleBody div.table_wrapper td {
    padding: 5px 8px;
    vertical-align: middle
}

main.articlesDtl .articleBody div.table_wrapper th.left,
main.articlesDtl .articleBody div.table_wrapper td.left {
    text-align: left
}

main.articlesDtl .articleBody div.table_wrapper th.center,
main.articlesDtl .articleBody div.table_wrapper td.center {
    text-align: center
}

main.articlesDtl .articleBody div.table_wrapper th.right,
main.articlesDtl .articleBody div.table_wrapper td.right {
    text-align: right
}

main.articlesDtl .articleBody div.table_wrapper table {
    width: 100%
}

main.articlesDtl .articleBody div.table_wrapper::-webkit-scrollbar {
    height: 5px
}

main.articlesDtl .articleBody div.table_wrapper::-webkit-scrollbar-track {
    background: #F1F1F1
}

main.articlesDtl .articleBody div.table_wrapper::-webkit-scrollbar-thumb {
    background: #BCBCBC
}

main.articlesDtl .kv {
    font-size: 0
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .kv {
        margin: 0 -20px
    }
}

main.articlesDtl .kv>div {
    background-position: center;
    background-size: cover
}

main.articlesDtl .kv>div:after {
    display: block;
    width: 100%;
    content: '';
    padding-top: 66.7%
}

main.articlesDtl .kv>img {
    width: 100%;
    height: auto
}

main.articlesDtl .contentsTitle__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

main.articlesDtl .contentsTitle__label>li {
    font-weight: bold;
    font-size: 87.5%;
    background-color: #2d8b32
}

main.articlesDtl .contentsTitle__label>li>a {
    color: #fff
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .contentsTitle__label>li {
        margin: 20px 20px 0 0;
        padding: 0 15px;
        line-height: 36px
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .contentsTitle__label>li {
        margin: 20px 15px 0 0;
        padding: 0 10px;
        line-height: 30px
    }
}

main.articlesDtl .contentsTitle__text {
    font-weight: bold
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .contentsTitle__text {
        margin-top: 22px;
        font-size: 200%
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .contentsTitle__text {
        margin-top: 10px;
        font-size: 150%
    }
}

main.articlesDtl .contentsTitle__date {
    display: block
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .contentsTitle__date {
        margin-top: 20px
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .contentsTitle__date {
        margin-top: 10px
    }
}

main.articlesDtl .contentsTitle__lead {
    display: block;
    line-height: 1.75;
    letter-spacing: 0.8px
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .contentsTitle__lead {
        margin-top: 25px
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .contentsTitle__lead {
        margin-top: 15px
    }
}

main.articlesDtl .contentsWriter {
    border: 1px solid #cccbcd
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .contentsWriter {
        padding: 15px 20px 15px 20px;
        margin-top: 55px;
        margin-bottom: 55px
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .contentsWriter {
        padding: 10px 12px;
        margin-top: 25px;
        margin-bottom: 25px
    }
}

main.articlesDtl .contentsWriter__title {
    font-weight: bold;
    color: #666;
    font-size: 87.5%
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .contentsWriter__title {
        margin-bottom: 15px
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .contentsWriter__title {
        margin-bottom: 8px
    }
}

main.articlesDtl .contentsWriter__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .contentsWriter__box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

main.articlesDtl .contentsWriter__box__img {
    position: relative;
    overflow: hidden;
    border-radius: 50%
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .contentsWriter__box__img {
        width: 80px;
        height: 80px
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .contentsWriter__box__img {
        width: 50px;
        height: 50px
    }
}

main.articlesDtl .contentsWriter__box__img>div {
    width: 100%;
    background-size: cover;
    background-position: center
}

main.articlesDtl .contentsWriter__box__img>div::after {
    content: '';
    display: block;
    width: 100%;
    padding-top: 100%
}

main.articlesDtl .contentsWriter__box__name {
    width: auto;
    font-weight: bold;
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .contentsWriter__box__name {
        margin-bottom: 6px;
        width: calc(100% - 185px)
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .contentsWriter__box__name {
        padding-left: 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: calc(100% - 50px)
    }
}

main.articlesDtl .contentsWriter__box .writerTextLinks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-left: -0.5em;
    font-size: 87.5%
}

main.articlesDtl .contentsWriter__box .writerTextLinks .link {
    font-weight: 300;
    margin-left: 0.5em
}

main.articlesDtl .contentsWriter .writerSns ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 105px
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .contentsWriter .writerSns ul {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .contentsWriter .writerSns ul {
        margin-top: 15px
    }
}

main.articlesDtl .contentsWriter .writerSns__item {
    width: calc(calc(100% - 30px)/3)
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .contentsWriter .writerSns__item {
        width: 25px
    }
}

@media (orientation: landscape) and (max-width: 600px) {
    main.articlesDtl .contentsWriter .writerSns__item {
        width: calc(33% - 10px)
    }
}

main.articlesDtl .contentsWriter .writerSns__item:not(:first-child) {
    margin-left: 15px
}

main.articlesDtl .contentsWriter .writerSns__item__img img {
    width: 100%;
    height: auto
}

main.articlesDtl .contentsWriter__text {
    font-weight: 300;
    overflow: hidden;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: #666;
    font-size: 87.5%
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .contentsWriter__text {
        margin-top: 13px;
        height: auto
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .contentsWriter__text {
        margin-top: 10px;
        height: calc(1.6em * 3);
        -webkit-line-clamp: 3
    }

    main.articlesDtl .contentsWriter__text>p {
        margin-top: 2px
    }
}

main.articlesDtl .contentsWriter__text.is-open {
    height: 100%;
    display: block;
    -webkit-line-clamp: unset
}

main.articlesDtl .contentsWriter__btn {
    position: relative;
    display: none;
    color: #2c8b32;
    padding-right: 20px
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .contentsWriter__btn {
        display: none !important;
        font-size: 16px;
        margin: 13px auto 0
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .contentsWriter__btn {
        font-size: 14px;
        margin: 3px auto 0
    }
}

main.articlesDtl .contentsWriter__btn::after {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-top: 2px solid #2c8b32;
    border-right: 2px solid #2c8b32;
    top: 50%;
    right: 0;
    -webkit-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    -webkit-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg);
    margin-top: -4px
}

main.articlesDtl .contentsWriter__btn.is-open::after {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
    margin-top: 2px
}

main.articlesDtl .contentsExclus {
    margin-top: 15px
}

main.articlesDtl .contentsExclus+.contentsTitle__label>li {
    margin-top: 15px
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .contentsNav {
        margin-top: 55px
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .contentsNav {
        margin-top: 25px
    }
}

main.articlesDtl .contentsNav__title {
    text-align: center;
    font-size: 150%;
    color: #fff;
    background-color: #3d3d3d
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .contentsNav__title {
        line-height: 55px
    }
}

main.articlesDtl .contentsNav__list {
    border: 2px solid #3d3d3d;
    border-top: none
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .contentsNav__list {
        padding: 25px
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .contentsNav__list {
        padding: 15px
    }
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .contentsNav__list .item:not(:first-child) {
        margin-top: 20px
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .contentsNav__list .item:not(:first-child) {
        margin-top: 10px
    }
}

main.articlesDtl .contentsNav__list .item>a {
    color: #2d8b32;
    text-decoration: underline
}

main.articlesDtl .contentsNav__list .item:nth-child(1)>a:before {
    content: "1."
}

main.articlesDtl .contentsNav__list .item:nth-child(2)>a:before {
    content: "2."
}

main.articlesDtl .contentsNav__list .item:nth-child(3)>a:before {
    content: "3."
}

main.articlesDtl .contentsNav__list .item:nth-child(4)>a:before {
    content: "4."
}

main.articlesDtl .contentsNav__list .item:nth-child(5)>a:before {
    content: "5."
}

main.articlesDtl .contentsNav__list .item:nth-child(6)>a:before {
    content: "6."
}

main.articlesDtl .contentsNav__list .item:nth-child(7)>a:before {
    content: "7."
}

main.articlesDtl .contentsNav__list .item:nth-child(8)>a:before {
    content: "8."
}

main.articlesDtl .contentsNav__list .item:nth-child(9)>a:before {
    content: "9."
}

main.articlesDtl .contentsNav__list .item:nth-child(10)>a:before {
    content: "10."
}

main.articlesDtl .contentsNav__list .item:nth-child(11)>a:before {
    content: "11."
}

main.articlesDtl .contentsNav__list .item:nth-child(12)>a:before {
    content: "12."
}

main.articlesDtl .contentsNav__list .item:nth-child(13)>a:before {
    content: "13."
}

main.articlesDtl .contentsNav__list .item:nth-child(14)>a:before {
    content: "14."
}

main.articlesDtl .contentsNav__list .item:nth-child(15)>a:before {
    content: "15."
}

main.articlesDtl .contentsNav__list .item:nth-child(16)>a:before {
    content: "16."
}

main.articlesDtl .contentsNav__list .item:nth-child(17)>a:before {
    content: "17."
}

main.articlesDtl .contentsNav__list .item:nth-child(18)>a:before {
    content: "18."
}

main.articlesDtl .contentsNav__list .item:nth-child(19)>a:before {
    content: "19."
}

main.articlesDtl .contentsNav__list .item:nth-child(20)>a:before {
    content: "20."
}

main.articlesDtl .contentsNav__list .item:nth-child(21)>a:before {
    content: "21."
}

main.articlesDtl .contentsNav__list .item:nth-child(22)>a:before {
    content: "22."
}

main.articlesDtl .contentsNav__list .item:nth-child(23)>a:before {
    content: "23."
}

main.articlesDtl .contentsNav__list .item:nth-child(24)>a:before {
    content: "24."
}

main.articlesDtl .contentsNav__list .item:nth-child(25)>a:before {
    content: "25."
}

main.articlesDtl .contentsNav__list .item:nth-child(26)>a:before {
    content: "26."
}

main.articlesDtl .contentsNav__list .item:nth-child(27)>a:before {
    content: "27."
}

main.articlesDtl .contentsNav__list .item:nth-child(28)>a:before {
    content: "28."
}

main.articlesDtl .contentsNav__list .item:nth-child(29)>a:before {
    content: "29."
}

main.articlesDtl .contentsNav__list .item:nth-child(30)>a:before {
    content: "30."
}

main.articlesDtl .contentsNav__list .item:nth-child(31)>a:before {
    content: "31."
}

main.articlesDtl .contentsNav__list .item:nth-child(32)>a:before {
    content: "32."
}

main.articlesDtl .contentsNav__list .item:nth-child(33)>a:before {
    content: "33."
}

main.articlesDtl .contentsNav__list .item:nth-child(34)>a:before {
    content: "34."
}

main.articlesDtl .contentsNav__list .item:nth-child(35)>a:before {
    content: "35."
}

main.articlesDtl .contentsNav__list .item:nth-child(36)>a:before {
    content: "36."
}

main.articlesDtl .contentsNav__list .item:nth-child(37)>a:before {
    content: "37."
}

main.articlesDtl .contentsNav__list .item:nth-child(38)>a:before {
    content: "38."
}

main.articlesDtl .contentsNav__list .item:nth-child(39)>a:before {
    content: "39."
}

main.articlesDtl .contentsNav__list .item:nth-child(40)>a:before {
    content: "40."
}

main.articlesDtl .contentsNav__list .item:nth-child(41)>a:before {
    content: "41."
}

main.articlesDtl .contentsNav__list .item:nth-child(42)>a:before {
    content: "42."
}

main.articlesDtl .contentsNav__list .item:nth-child(43)>a:before {
    content: "43."
}

main.articlesDtl .contentsNav__list .item:nth-child(44)>a:before {
    content: "44."
}

main.articlesDtl .contentsNav__list .item:nth-child(45)>a:before {
    content: "45."
}

main.articlesDtl .contentsNav__list .item:nth-child(46)>a:before {
    content: "46."
}

main.articlesDtl .contentsNav__list .item:nth-child(47)>a:before {
    content: "47."
}

main.articlesDtl .contentsNav__list .item:nth-child(48)>a:before {
    content: "48."
}

main.articlesDtl .contentsNav__list .item:nth-child(49)>a:before {
    content: "49."
}

main.articlesDtl .contentsNav__list .item:nth-child(50)>a:before {
    content: "50."
}

main.articlesDtl .contentsNav__list .item:nth-child(51)>a:before {
    content: "51."
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .contentsNav+.modAdSense {
        margin-top: 25px
    }
}

main.articlesDtl #toc_container {
    padding: 0;
    background: none;
    border: none;
    display: block;
    font-size: 100%
}

@media screen and (min-width: 1001px) {
    main.articlesDtl #toc_container {
        margin-top: 55px
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl #toc_container {
        margin-top: 30px
    }
}

main.articlesDtl #toc_container .toc_title {
    text-align: center;
    font-size: 150%;
    color: #fff;
    background-color: #3d3d3d
}

@media screen and (min-width: 1001px) {
    main.articlesDtl #toc_container .toc_title {
        line-height: 55px
    }
}

main.articlesDtl #toc_container .toc_title+.toc_list {
    margin-top: 0
}

main.articlesDtl #toc_container .toc_list {
    border: 2px solid #3d3d3d;
    border-top: none;
    margin-top: 0
}

@media screen and (min-width: 1001px) {
    main.articlesDtl #toc_container .toc_list {
        padding: 25px
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl #toc_container .toc_list {
        padding: 15px
    }
}

@media screen and (min-width: 1001px) {
    main.articlesDtl #toc_container .toc_list>li:not(:first-child) {
        margin-top: 20px
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl #toc_container .toc_list>li:not(:first-child) {
        margin-top: 10px
    }
}

main.articlesDtl #toc_container .toc_list>li>a {
    color: #2d8b32;
    text-decoration: underline
}

main.articlesDtl #ez-toc-container {
    padding: 0;
    background: none;
    border: none;
    display: block;
    font-size: 100%
}

@media screen and (min-width: 1001px) {
    main.articlesDtl #ez-toc-container {
        margin-top: 55px
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl #ez-toc-container {
        margin-top: 30px
    }
}

main.articlesDtl #ez-toc-container.nodisplay {
    display: none
}

main.articlesDtl #ez-toc-container .ez-toc-title {
    text-align: center;
    display: block;
    font-size: 150%;
    color: #fff;
    background-color: #3d3d3d
}

@media screen and (min-width: 1001px) {
    main.articlesDtl #ez-toc-container .ez-toc-title {
        line-height: 55px
    }
}

main.articlesDtl #ez-toc-container .ez-toc-title-container+.toc_list {
    margin-top: 0
}

main.articlesDtl #ez-toc-container .ez-toc-list {
    border: 2px solid #3d3d3d;
    border-top: none;
    margin-top: 0
}

@media screen and (min-width: 1001px) {
    main.articlesDtl #ez-toc-container .ez-toc-list {
        padding: 25px
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl #ez-toc-container .ez-toc-list {
        padding: 15px
    }
}

@media screen and (min-width: 1001px) {
    main.articlesDtl #ez-toc-container .ez-toc-list>li:not(:first-child) {
        margin-top: 20px
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl #ez-toc-container .ez-toc-list>li:not(:first-child) {
        margin-top: 10px
    }
}

main.articlesDtl #ez-toc-container .ez-toc-list>li>a {
    color: #2d8b32;
    text-decoration: underline
}

main.articlesDtl .ez-toc-section-end {
    padding: 0
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .section--imageCol .section__image {
        float: right;
        margin: 1rem 0 10px 35px
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .section--imageCol .section__image {
        margin-top: 25px
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    main.articlesDtl .section--imageCol .section__image {
        float: inherit;
        width: 100%;
        margin: 4rem 0 10px
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .section--imageCol .section__image>img {
        width: 100%
    }
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .section--imageCol+.section--imageCol .section__image {
        float: left;
        margin: 1rem 35px 10px 0
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    main.articlesDtl .section--imageCol+.section--imageCol .section__image {
        float: inherit
    }
}

main.articlesDtl .section__hedding2 {
    overflow: hidden;
    position: relative;
    font-weight: bold;
    font-size: 162.5%
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .section__hedding2 {
        padding-bottom: 14px
    }
}

main.articlesDtl .section__hedding2:before,
main.articlesDtl .section__hedding2:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    display: block;
    height: 3px
}

main.articlesDtl .section__hedding2:before {
    width: 100%;
    background-color: #bdbdbd
}

main.articlesDtl .section__hedding2:after {
    background-color: #2d8b32
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .section__hedding2:after {
        width: 280px
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .section__hedding2:after {
        width: 100px
    }
}

main.articlesDtl .section__hedding3 {
    font-weight: bold;
    font-size: 133%
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .section__hedding3 {
        margin-top: 30px
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .section__hedding3 {
        margin-top: 15px
    }
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .section__text {
        margin-top: 30px
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .section__text {
        margin-top: 15px
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    main.articlesDtl .section__text {
        margin-top: 20px
    }
}

main.articlesDtl .section__image {
    font-size: 0
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .section__image {
        margin-top: 30px
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .section__image {
        margin-top: 15px
    }
}

main.articlesDtl .section__image>img {
    width: 100%
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .section--imageCol .section__image {
        float: right;
        margin: 1rem 0 10px 35px
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .section--imageCol .section__image {
        margin-top: 25px
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    main.articlesDtl .section--imageCol .section__image {
        float: inherit;
        width: 100%;
        margin: 4rem 0 10px
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .section--imageCol .section__image>img {
        width: 100%
    }
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .section--imageCol+.section--imageCol .section__image {
        float: left;
        margin: 1rem 35px 10px 0
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    main.articlesDtl .section--imageCol+.section--imageCol .section__image {
        float: inherit
    }
}

main.articlesDtl .section>h2 {
    overflow: hidden;
    position: relative;
    font-weight: bold;
    font-size: 137.5%
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .section>h2 {
        margin-top: 50px;
        padding-bottom: 14px;
        font-size: 162.5%
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .section>h2 {
        margin-top: 25px
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    main.articlesDtl .section>h2 {
        margin-top: 40px
    }
}

main.articlesDtl .section>h2>span {
    display: block
}

main.articlesDtl .section>h2>span.ez-toc-section-end {
    margin: 0
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .section>h2>span.ez-toc-section-end {
        padding-bottom: 10px
    }
}

main.articlesDtl .section>h2:before,
main.articlesDtl .section>h2:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    display: block;
    height: 3px
}

main.articlesDtl .section>h2:before {
    width: 100%;
    background-color: #bdbdbd
}

main.articlesDtl .section>h2:after {
    background-color: #2d8b32
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .section>h2:after {
        width: 280px
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .section>h2:after {
        width: 100px
    }
}

main.articlesDtl .section>h3 {
    font-weight: bold;
    font-size: 133%
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .section>h3 {
        margin-top: 30px
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .section>h3 {
        margin-top: 15px
    }
}

main.articlesDtl .section>p {
    line-height: 1.75;
    letter-spacing: 0.8px
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .section>p {
        margin-top: 30px
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .section>p {
        margin-top: 15px
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    main.articlesDtl .section>p {
        margin-top: 20px
    }
}

main.articlesDtl .section>p>img {
    font-size: 0;
    width: 100%;
    height: auto
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .section>p>img {
        margin-top: 30px
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .section>p>img {
        margin-top: 15px
    }
}

main.articlesDtl .section>p>em {
    font-style: italic
}

main.articlesDtl .section>p>strong {
    font-weight: bold
}

main.articlesDtl .section>ul {
    margin-top: 30px
}

main.articlesDtl .section>ul li {
    position: relative;
    padding-left: 20px
}

main.articlesDtl .section>ul li::after {
    display: block;
    content: "・";
    position: absolute;
    top: 0;
    left: 0
}

main.articlesDtl .section img {
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-touch-callout: none;
    -moz-user-select: none;
    touch-callout: none;
    -ms-user-select: none;
    user-select: none
}

main.articlesDtl .section a>img {
    pointer-events: auto
}

main.articlesDtl .section>iframe {
    min-width: auto !important
}

main.articlesDtl .snsList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 57px auto 0;
    position: relative
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .snsList {
        margin-top: 90px
    }
}

main.articlesDtl .snsList::before {
    position: absolute;
    content: "";
    width: 190px;
    height: 21px;
    background: url("/wp/wp-content/themes/fcnt/assets/img/common/com_img_snstext01.png") no-repeat 0 0;
    background-size: 100%;
    top: -41px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .snsList::before {
        top: -32px;
        width: 170px;
        height: 17px
    }
}

main.articlesDtl .snsList__item:not(:first-child) {
    margin-left: 15px
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .snsList__item:not(:first-child) {
        margin-left: 20px
    }
}

main.articlesDtl .snsList__item>a {
    position: relative;
    overflow: hidden;
    display: block;
    width: 50px;
    height: 50px
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .snsList__item>a:hover {
        opacity: 0.8
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .snsList__item>a {
        width: 40px;
        height: 40px
    }
}

main.articlesDtl .snsList__item>a img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .recommend {
        margin-top: 30px
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .recommend {
        margin-top: 45px
    }
}

main.articlesDtl .recommend__title {
    font-size: 150%;
    font-weight: bold;
    text-align: center
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .recommend__list {
        margin-top: 20px
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .recommend__list {
        margin-top: 22px
    }
}

main.articlesDtl .recommend__list .item {
    -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
    background-color: #fff
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .recommend__list .item:not(:first-child) {
        margin-top: 40px
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .recommend__list .item:not(:first-child) {
        margin-top: 20px
    }
}

main.articlesDtl .recommend__list .item>a {
    color: #000
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .recommend__list .item>a:hover {
        opacity: 0.8
    }

    main.articlesDtl .recommend__list .item>a:hover .readMore {
        color: #fff;
        background-color: #2d8b32
    }
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .recommend__list .item__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 20px 35px 20px 0
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    main.articlesDtl .recommend__list .item__inner {
        display: block;
        padding: 20px 0
    }
}

main.articlesDtl .recommend__list .item__figure {
    line-height: 0;
    position: relative
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .recommend__list .item__figure {
        margin: -20px 0;
        width: 46.8%;
        height: 100%;
        overflow: hidden
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    main.articlesDtl .recommend__list .item__figure {
        width: 100%;
        margin: -20px auto 20px
    }
}

main.articlesDtl .recommend__list .item__figure.new:after {
    position: absolute;
    content: "NEW";
    color: #fff;
    display: inline-block;
    background-color: #dc7245;
    font-size: 14px;
    height: 16px;
    line-height: 1.2;
    padding: 1px 5px;
    margin-left: 5px;
    vertical-align: text-bottom;
    bottom: 15px;
    z-index: 10;
    left: 15px;
    vertical-align: text-top
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .recommend__list .item__figure.new:after {
        display: none
    }
}

main.articlesDtl .recommend__list .item__figure>img {
    width: 100%
}

main.articlesDtl .recommend__list .item__figure>div {
    width: 100%;
    background-size: cover;
    background-position: center;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

main.articlesDtl .recommend__list .item__figure>div:after {
    content: '';
    display: block;
    width: 100%;
    padding-top: 66.7%
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .recommend__list .item__figure>div:after {
        padding-top: 40%
    }
}

main.articlesDtl .recommend__list .item__body {
    position: relative
}

main.articlesDtl .recommend__list .item__body.new:after {
    position: absolute;
    content: "NEW";
    color: #fff;
    display: inline-block;
    background-color: #dc7245;
    font-size: 14px;
    height: 16px;
    line-height: 1.2;
    padding: 1px 5px;
    vertical-align: text-bottom;
    top: -23px;
    z-index: 10
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .recommend__list .item__body.new:after {
        display: none
    }
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .recommend__list .item__body {
        width: calc(100% - 385px)
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    main.articlesDtl .recommend__list .item__body {
        width: calc(100% - 40px);
        margin: 0 auto
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .recommend__list .item__body {
        padding: 5px 20px 7px
    }
}

main.articlesDtl .recommend__list .item__body .title {
    font-weight: bold;
    font-size: 125%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: calc(1.6em * 2);
    overflow: hidden
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .recommend__list .item__body .title {
        font-size: 116%;
        -webkit-line-clamp: 3;
        height: 100%;
        max-height: calc(1.6em * 3)
    }
}

main.articlesDtl .recommend__list .item__body .lead {
    margin-top: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .recommend__list .item__body .lead {
        display: -webkit-box !important;
        margin-top: 13px;
        height: calc(1.6em * 2)
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .recommend__list .item__body .lead {
        margin-top: 10px
    }
}

@media all and (-ms-high-contrast: none) {
    main.articlesDtl .recommend__list .item__body .lead {
        display: inline-block;
        max-height: 2.8em;
        position: relative
    }
}

main.articlesDtl .recommend__list .item__body .date {
    display: block;
    margin-top: 5px
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .recommend__list .item__body .date {
        font-size: 88%;
        color: #666
    }
}

main.articlesDtl .recommend__list .item__body .readMore {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 20px;
    border: 1px solid #2d8b32;
    border-radius: 20px;
    font-size: 87.5%;
    color: #2d8b32;
    text-align: center
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .recommend__list .item__body .readMore {
        line-height: 40px
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .recommend__list .item__body .readMore {
        line-height: 35px
    }
}

main.articlesDtl .recommend--relation {
    margin-top: 25px
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .recommend--relation {
        margin-top: 20px
    }
}

main.articlesDtl .recommend--relation .recommend__list {
    margin-top: 5px
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .recommend--relation .recommend__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 0
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    main.articlesDtl .recommend--relation .recommend__list {
        display: block
    }
}

main.articlesDtl .recommend--relation .recommend__list .item {
    border: 2px solid #bdbdbd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    box-shadow: none
}

main.articlesDtl .recommend--relation .recommend__list .item:not(:first-child) {
    margin-top: 15px
}

main.articlesDtl .recommend--relation .recommend__list .item>section>a {
    color: #000
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .recommend--relation .recommend__list .item {
        width: calc(calc(100% - 40px)/2);
        margin-top: 0px
    }

    main.articlesDtl .recommend--relation .recommend__list .item:nth-child(even) {
        margin-top: 10px;
        margin-left: 40px
    }

    main.articlesDtl .recommend--relation .recommend__list .item:nth-child(2) {
        margin-top: 0
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    main.articlesDtl .recommend--relation .recommend__list .item {
        width: 100%;
        margin-top: 20px
    }

    main.articlesDtl .recommend--relation .recommend__list .item:nth-child(even) {
        margin-top: 20px;
        margin-left: 0
    }
}

main.articlesDtl .recommend--relation .recommend__list .item__inner {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

main.articlesDtl .recommend--relation .recommend__list .item__body {
    padding: 0 4px 0 8px;
    width: calc(100% - 120px)
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .recommend--relation .recommend__list .item__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

main.articlesDtl .recommend--relation .recommend__list .item__body .title {
    font-weight: normal;
    font-size: 100%;
    -webkit-line-clamp: 3;
    height: calc(1.6em * 3)
}

main.articlesDtl .recommend--relation .recommend__list .item__figure {
    width: 110px;
    margin: auto
}

main.articlesDtl .recommend--relation .recommend__list .item__figure>div {
    width: 110px
}

main.articlesDtl .recommend--relation .recommend__list .item__figure>div::after {
    padding-top: 100%
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .modAdSenseResponsive {
        margin-top: 40px
    }
}

main.articlesDtl .alertBox {
    border: 2px solid #3d3d3d;
    padding: 10px;
    font-size: 100%
}

@media screen and (min-width: 1001px) {
    main.articlesDtl .alertBox {
        margin-top: 55px
    }
}

@media screen and (max-width: 1000px) {
    main.articlesDtl .alertBox {
        margin-top: 30px
    }
}

main.articlesDtl .modArticleBanner {
    margin-top: 30px
}

main.articlesDtl .modArticleBanner>a>img {
    width: 100%
}

main.articlesDtl #ez-toc-container.counter-hierarchy ul {
    counter-reset: item
}

main.articlesDtl #ez-toc-container.counter-decimal ul.ez-toc-list li a::before {
    content: counters(item, ".") ". ";
    display: inline-block;
    counter-increment: item;
    margin-right: .2em
}

@font-face {
    font-family: 'NotoSerifJP-Bold';
    src: url("/wp/wp-content/themes/fcnt/assets/fonts/NotoSerifJP-Bold.otf")
}

@font-face {
    font-family: 'NotoSerifJP-Regular';
    src: url("/wp/wp-content/themes/fcnt/assets/fonts/NotoSerifJP-Regular.otf")
}

@media screen and (min-width: 1001px) {
    main.categoryIdx .main__contents {
        margin-top: 25px
    }
}

@media screen and (max-width: 1000px) {
    main.categoryIdx .main__contents {
        margin-top: 20px
    }
}

main.categoryIdx .main__contents__aside .modAdSense.modAdsense {
    margin-top: 25px
}

@font-face {
    font-family: 'NotoSerifJP-Bold';
    src: url("/wp/wp-content/themes/fcnt/assets/fonts/NotoSerifJP-Bold.otf")
}

@font-face {
    font-family: 'NotoSerifJP-Regular';
    src: url("/wp/wp-content/themes/fcnt/assets/fonts/NotoSerifJP-Regular.otf")
}

main.contactIdx .title {
    font-size: 150%
}

main.contactIdx .main__contents {
    margin-top: 0
}

main.contactIdx .hedding2 {
    font-weight: bold;
    font-size: 137.5%
}

main.contactIdx .contactList {
    font-size: 125%;
    font-weight: bold
}

@media screen and (min-width: 1001px) {
    main.contactIdx .contactList {
        margin-top: 26px
    }
}

@media screen and (max-width: 1000px) {
    main.contactIdx .contactList {
        margin-top: 15px
    }
}

main.contactIdx .contactList__item {
    padding-left: 15px;
    text-indent: -15px
}

@media screen and (min-width: 1001px) {
    main.contactIdx .contactList__item:not(:first-child) {
        margin-top: 8px
    }
}

main.contactIdx .contactList__item:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 5px;
    height: 5px;
    margin-right: 10px;
    border-radius: 50%;
    background-color: #3d3d3d
}

main.contactIdx .contactList--policy {
    font-size: 100%;
    font-weight: normal;
    list-style-type: disc;
    margin-left: 20px
}

main.contactIdx .contactList--policy .contactList__item {
    padding-left: 0;
    text-indent: 0
}

main.contactIdx .contactList--policy .contactList__item::before {
    content: none
}

main.contactIdx .contactList--policy a {
    color: #2d8b32;
    text-decoration: underline
}

@media screen and (min-width: 1001px) {
    main.contactIdx .contactList--policy a:hover {
        text-decoration: none
    }
}

main.contactIdx .contactNote {
    padding-left: 1em;
    text-indent: -1em
}

@media screen and (min-width: 1001px) {
    main.contactIdx .contactNote {
        margin-top: 29px
    }

    main.contactIdx .contactNote+.contactNote {
        margin-top: 10px
    }
}

@media screen and (max-width: 1000px) {
    main.contactIdx .contactNote {
        margin-top: 15px
    }
}

main.contactIdx .contactNote:before {
    content: '※'
}

@media screen and (min-width: 1001px) {

    main.contactIdx .contactText,
    main.contactIdx .contactTextLink {
        margin-top: 20px
    }
}

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

    main.contactIdx .contactText,
    main.contactIdx .contactTextLink {
        margin-top: 15px
    }
}

main.contactIdx .contactText ul,
main.contactIdx .contactTextLink ul {
    list-style: circle;
    padding-left: 1em
}

main.contactIdx .contactTextLink>a {
    color: #2d8b32;
    text-decoration: underline
}

@media screen and (min-width: 1001px) {
    main.contactIdx .contactTextLink>a:hover {
        text-decoration: none
    }
}

@media screen and (min-width: 1001px) {
    main.contactIdx .contactMailLink {
        margin-top: 55px
    }
}

@media screen and (max-width: 1000px) {
    main.contactIdx .contactMailLink {
        margin-top: 25px
    }
}

main.contactIdx .contactMailLink>a {
    -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
    font-weight: bold;
    font-size: 125%;
    color: #fff;
    background-color: #2d8b32;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

@media screen and (min-width: 1001px) {
    main.contactIdx .contactMailLink>a {
        display: inline-block;
        line-height: 80px;
        padding: 0 67px
    }
}

@media screen and (max-width: 1000px) {
    main.contactIdx .contactMailLink>a {
        display: block;
        padding: 10px 0;
        text-align: center
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    main.contactIdx .contactMailLink>a {
        font-size: 100%;
        line-height: 1.4;
        padding: 15px
    }
}

main.contactIdx .contactMailLink>a:after {
    content: '';
    width: 32px;
    height: 23px;
    vertical-align: sub;
    background-image: url(/wp/wp-content/themes/fcnt/assets/img/common/com_ic_mail.png);
    background-size: cover;
    background-position: 0 0
}

@media screen and (min-width: 1001px) {
    main.contactIdx .contactMailLink>a:after {
        display: inline-block;
        margin-left: 20px
    }
}

@media screen and (max-width: 1000px) {
    main.contactIdx .contactMailLink>a:after {
        display: block;
        margin: 10px auto 0
    }
}

@media screen and (min-width: 1001px) {
    main.contactIdx .contactMailLink>a:hover {
        opacity: 0.5
    }
}

main.contactIdx .contactSupport {
    border-top: 1px solid #a9aaaa
}

@media screen and (min-width: 1001px) {
    main.contactIdx .contactSupport {
        margin-top: 60px;
        padding-top: 50px
    }
}

@media screen and (max-width: 1000px) {
    main.contactIdx .contactSupport {
        margin-top: 30px;
        padding-top: 25px
    }
}

main.contactIdx .contactSupport__item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (min-width: 1001px) {
    main.contactIdx .contactSupport__item+.contactSupport__item {
        margin-top: 25px
    }
}

@media screen and (max-width: 1000px) {
    main.contactIdx .contactSupport__item+.contactSupport__item {
        margin-top: 20px
    }
}

main.contactIdx .contactSupport__item .title {
    font-weight: bold;
    font-size: 137.5%
}

main.contactIdx .contactSupport__item .col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

main.contactIdx .contactSupport__item .col--large {
    margin-top: 18px;
    font-size: 125%
}

main.contactIdx .contactSupport__item .col__title {
    white-space: nowrap
}

main.contactIdx .contactSupport__item .col__title:after {
    content: '：'
}

main.contactIdx .contactSupport__item .col.col--large+.col {
    margin-top: 8px
}

main.contactIdx .contactSupport__item .col+.col {
    margin-top: 5px
}

main.contactIdx .contactSupport__item .note {
    padding-left: 1em;
    text-indent: -1em
}

@media screen and (min-width: 1001px) {
    main.contactIdx .contactSupport__item .note {
        margin-top: 20px
    }
}

@media screen and (max-width: 1000px) {
    main.contactIdx .contactSupport__item .note {
        margin-top: 10px
    }
}

main.contactIdx .contactSupport__item .note:before {
    content: '※'
}

@media screen and (min-width: 1001px) {
    main.contactIdx .modContentsSection+.modContentsSection {
        margin-top: 45px
    }
}

@font-face {
    font-family: 'NotoSerifJP-Bold';
    src: url("/wp/wp-content/themes/fcnt/assets/fonts/NotoSerifJP-Bold.otf")
}

@font-face {
    font-family: 'NotoSerifJP-Regular';
    src: url("/wp/wp-content/themes/fcnt/assets/fonts/NotoSerifJP-Regular.otf")
}

main.siteMap .hedding2 {
    font-weight: bold;
    font-size: 125%
}

main.siteMap .hedding2--large {
    font-size: 150%
}

main.siteMap .main__contents {
    margin-top: 0
}

@media screen and (min-width: 1001px) {
    main.siteMap .text {
        margin-top: 25px
    }
}

@media screen and (max-width: 1000px) {
    main.siteMap .text {
        margin-top: 15px
    }
}

@font-face {
    font-family: 'NotoSerifJP-Bold';
    src: url("/wp/wp-content/themes/fcnt/assets/fonts/NotoSerifJP-Bold.otf")
}

@font-face {
    font-family: 'NotoSerifJP-Regular';
    src: url("/wp/wp-content/themes/fcnt/assets/fonts/NotoSerifJP-Regular.otf")
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .main__inner {
        width: auto
    }
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .main__contents {
        margin-top: 40px;
        display: block
    }
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .main__contents {
        margin-top: 10px
    }
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .titleArea {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        line-height: normal
    }
}

.hotspringsDtl .titleArea__name {
    font-weight: bold
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .titleArea__name {
        font-size: 32px;
        padding-right: 25px
    }
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .titleArea__name {
        font-size: 28px
    }
}

.hotspringsDtl .titleArea__rank {
    position: relative;
    color: #bd9700;
    padding-left: 120px
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .titleArea__rank {
        font-size: 22px
    }
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .titleArea__rank {
        font-size: 20px
    }
}

.hotspringsDtl .titleArea__rank::before {
    content: "☆☆☆☆☆";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    font-size: 22px
}

.hotspringsDtl .titleArea__rank::after {
    content: "★★★★★";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    overflow: hidden;
    font-size: 22px
}

.hotspringsDtl .titleArea__rank--5::after {
    width: 5em
}

.hotspringsDtl .titleArea__rank--4-5::after {
    width: 4.5em
}

.hotspringsDtl .titleArea__rank--4::after {
    width: 4em
}

.hotspringsDtl .titleArea__rank--3-5::after {
    width: 3.5em
}

.hotspringsDtl .titleArea__rank--3::after {
    width: 3em
}

.hotspringsDtl .titleArea__rank--2-5::after {
    width: 2.5em
}

.hotspringsDtl .titleArea__rank--2::after {
    width: 2em
}

.hotspringsDtl .titleArea__rank--1-5::after {
    width: 4em
}

.hotspringsDtl .titleArea__rank--1::after {
    width: 1em
}

.hotspringsDtl .titleArea__rank--0-5::after {
    width: 0.5em
}

.hotspringsDtl .titleArea__rank--0::after {
    width: 0em
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .kvSlider {
        width: 40%;
        max-width: 1200px
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    .hotspringsDtl .kvSlider {
        width: 40%;
        height: auto;
        vertical-align: top;
        display: inline-block
    }
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .kvSlider {
        margin-top: 20px;
        height: auto
    }
}

.hotspringsDtl .kvSlider__item {
    background-size: cover;
    background-position: center
}

.hotspringsDtl .kvSlider__item::after {
    content: '';
    display: block;
    padding-top: 75%
}

.hotspringsDtl .kvSlider .slick-prev,
.hotspringsDtl .kvSlider .slick-next {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    background-repeat: no-repeat;
    z-index: 10;
    top: calc(50% - 25px);
    width: 24px;
    height: 40px;
    background-image: url(/wp/wp-content/themes/fcnt/assets/img/top/index_ic_arrow01.png);
    background-size: cover;
    background-position: 0 0
}

.hotspringsDtl .kvSlider .slick-prev:hover,
.hotspringsDtl .kvSlider .slick-next:hover {
    opacity: 0.8
}

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

    .hotspringsDtl .kvSlider .slick-prev,
    .hotspringsDtl .kvSlider .slick-next {
        width: 12px;
        height: 20px
    }
}

@media (orientation: landscape) and (max-width: 1200px) {

    .hotspringsDtl .kvSlider .slick-prev,
    .hotspringsDtl .kvSlider .slick-next {
        width: 12px;
        height: 20px
    }
}

.hotspringsDtl .kvSlider .slick-prev {
    left: 10px
}

.hotspringsDtl .kvSlider .slick-next {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    right: 10px
}

.hotspringsDtl .kvSlider .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.hotspringsDtl .kvSlider .slick-dots>li:not(:first-child) {
    margin-left: 20px
}

@media (orientation: landscape) and (max-width: 1200px) {
    .hotspringsDtl .kvSlider .slick-dots {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .hotspringsDtl .kvSlider .slick-dots>li:not(:first-child) {
        margin-left: 0
    }
}

.hotspringsDtl .kvSlider .slick-dots button {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    width: 12px;
    height: 12px;
    line-height: 12px;
    border-radius: 50%;
    border: 1px solid #2d8b32;
    font-size: 0
}

.hotspringsDtl .kvSlider .slick-dots .slick-active button {
    background-color: #2d8b32
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .articleBox {
        margin-top: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    .hotspringsDtl .articleBox {
        display: block;
        text-align: justify
    }
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .articleBox {
        margin-top: 10px
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    .hotspringsDtl .articleBox:after {
        content: "";
        display: inline-block;
        width: 100%;
        line-height: 0;
        height: 0
    }
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .articleBox .lead {
        width: 55%;
        margin-left: auto
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    .hotspringsDtl .articleBox .lead {
        text-align: initial;
        vertical-align: top;
        display: inline-block
    }
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .articleBox .lead {
        margin-top: 15px
    }
}

.hotspringsDtl .articleBox h2 {
    color: #2d8b32;
    font-size: 26px;
    font-weight: bold
}

.hotspringsDtl .articleBox p {
    line-height: 1.75;
    letter-spacing: 0.8px
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .articleBox p {
        margin-top: 20px
    }
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .articleBox p {
        margin-top: 15px
    }
}

.hotspringsDtl .articleBox p>b,
.hotspringsDtl .articleBox p strong {
    color: #2d8b32
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .articleArea {
        margin-top: 30px
    }
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .articleArea {
        margin-top: 30px
    }
}

.hotspringsDtl .articleArea h2 {
    position: relative;
    font-weight: bold;
    font-size: 162.5%;
    margin-bottom: 14px;
    border-bottom: 3px solid #c0c0c0
}

.hotspringsDtl .articleArea h2::after {
    position: absolute;
    content: "";
    height: 3px;
    background-color: #2d8b32;
    bottom: -3px;
    left: 0
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .articleArea h2::after {
        width: 280px
    }
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .articleArea h2::after {
        width: 100px
    }
}

.hotspringsDtl .articleArea__tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .articleArea__tag {
        margin-top: 10px
    }
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .articleArea__tag {
        margin-top: 5px
    }
}

.hotspringsDtl .articleArea__tag .item {
    border-radius: 5px;
    border: 1px solid #999999;
    background-color: #fff
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .articleArea__tag .item {
        margin: 20px 20px 0 0;
        padding: 2px 16px 0;
        line-height: 36px
    }
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .articleArea__tag .item {
        margin: 15px 15px 0 0;
        padding: 2px 12px 0;
        line-height: 28px
    }
}

.hotspringsDtl .articleArea__box {
    background-color: #fff
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .articleArea__box {
        margin-top: 40px;
        padding: 40px;
        border: 3px solid #2d8b32
    }
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .articleArea__box {
        margin-top: 30px;
        padding: 20px 25px;
        border: 2px solid #2d8b32;
        width: auto
    }
}

.hotspringsDtl .articleArea__box h3 {
    border-bottom: 3px solid #c0c0c0;
    letter-spacing: 0.8px;
    font-size: 137.5%;
    padding-bottom: 10px;
    font-weight: bold
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .articleArea__box h3+.graphList {
        margin-top: 30px
    }
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .articleArea__box h3+.graphList {
        margin-top: 20px;
        margin-top: 20px
    }
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .articleArea__box .contentInner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 20px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .articleArea__box .contentInner--access {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    .hotspringsDtl .articleArea__box .contentInner {
        display: block
    }
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .articleArea__box .contentInner__item {
        width: calc(calc(100% - 60px)/2);
        line-height: 1.75;
        letter-spacing: 0.8px
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    .hotspringsDtl .articleArea__box .contentInner__item {
        width: 100%
    }

    .hotspringsDtl .articleArea__box .contentInner__item+.contentInner__item {
        margin-top: 30px
    }
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .articleArea__box .contentInner__item+.contentInner__item {
        margin-top: 30px
    }

    .hotspringsDtl .articleArea__box .contentInner__item+.contentInner__item--graph {
        margin: auto -20px
    }

    .hotspringsDtl .articleArea__box .contentInner__item+.contentInner__item--graph .wrap {
        width: 100%
    }

    .hotspringsDtl .articleArea__box .contentInner__item+.contentInner__item--graph h3 {
        margin: auto 20px
    }
}

.hotspringsDtl .articleArea__box .contentInner__item .wrap {
    margin: 0 auto
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .articleArea__box .contentInner__item .wrap {
        width: 440px
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    .hotspringsDtl .articleArea__box .contentInner__item .wrap {
        width: 100%
    }
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .articleArea__box .contentInner__item .wrap {
        width: calc(100% - 25px);
        font-size: 10px
    }

    .hotspringsDtl .articleArea__box .contentInner__item .wrap--access {
        width: calc(100% + 40px);
        margin-left: -20px
    }
}

.hotspringsDtl .articleArea__box .contentInner .graphList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .articleArea__box .contentInner .graphList {
        margin-top: 10px;
        margin-left: 20px
    }
}

.hotspringsDtl .articleArea__box .contentInner .graphList__item {
    position: relative
}

.hotspringsDtl .articleArea__box .contentInner .graphList__item+.graphList__item {
    margin-left: 10px
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .articleArea__box .contentInner .graphList__item {
        padding-left: 45px
    }
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .articleArea__box .contentInner .graphList__item {
        padding-left: 42px
    }
}

.hotspringsDtl .articleArea__box .contentInner .graphList__item::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    border: 2px solid #a1a1a1;
    background-color: #c6c6c6;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .articleArea__box .contentInner .graphList__item::before {
        width: 38px;
        height: 18px
    }
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .articleArea__box .contentInner .graphList__item::before {
        width: 32px;
        height: 12px
    }
}

.hotspringsDtl .articleArea__box .contentInner .graphList__item--onsen::before {
    border: 2px solid #0c7810;
    background-color: #88b987
}

.hotspringsDtl .articleArea__box .contentInner .graphList+.wrap {
    margin-top: 15px
}

.hotspringsDtl .articleArea__box .contentInner .aboutTitle {
    position: relative;
    color: #2d8b32;
    font-weight: bold
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .articleArea__box .contentInner .aboutTitle {
        font-size: 22px;
        margin-top: 40px;
        padding-left: 40px
    }
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .articleArea__box .contentInner .aboutTitle {
        font-size: 20px;
        margin: 25px 0 15px;
        padding-left: 35px
    }
}

.hotspringsDtl .articleArea__box .contentInner .aboutTitle::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url("./assets/img/hotsprings/img_icon_title01.png") no-repeat;
    background-size: 100%;
    width: 26px;
    height: 22px;
    margin-top: 17px
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .articleArea__box .contentInner .aboutText {
        margin-top: 20px
    }
}

.hotspringsDtl .articleArea__box .contentInner p {
    word-break: break-all
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .articleArea__box .contentInner p {
        margin-left: 40px
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    .hotspringsDtl .articleArea__box .contentInner p {
        margin-left: 0
    }
}

.hotspringsDtl .articleArea__box .contentInner p>b,
.hotspringsDtl .articleArea__box .contentInner p strong {
    color: #2d8b32
}

.hotspringsDtl .articleArea__box .contentInner dl {
    border-top: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.hotspringsDtl .articleArea__box .contentInner dl+dl {
    border-top: none
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .articleArea__box .contentInner dl {
        padding: 20px 12px
    }
}

.hotspringsDtl .articleArea__box .contentInner dl dt {
    font-weight: bold
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .articleArea__box .contentInner dl dt {
        font-size: 18px
    }
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .articleArea__box .contentInner dl dd {
        width: 340px
    }
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .articleArea__box .contentInner dl dd {
        width: calc(100% - 110px)
    }
}

.hotspringsDtl .articleArea__box .contentInner .effectBox__item>p {
    margin-left: 0
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .articleArea__box .contentInner .effectBox__item.effectBox__item {
        margin-top: 20px
    }
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .articleArea__box .contentInner .effectBox__item.effectBox__item {
        margin-top: 15px
    }
}

.hotspringsDtl .articleArea__box .contentInner .effectBox__item .title {
    font-weight: bold
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .articleArea__box .contentInner .effectBox__item .title {
        font-size: 20px
    }
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .articleArea__box .contentInner .effectBox__item .title {
        font-size: 18px
    }
}

.hotspringsDtl .articleArea__box .contentInner .effectBox__item .text {
    line-height: 1.75
}

.hotspringsDtl .articleArea__box .contentInner .effectBox__item--disease {
    color: #2d8b32
}

.hotspringsDtl .articleArea__box .contentInner iframe {
    width: 100%
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .articleArea__box .contentInner iframe {
        margin-top: 74px;
        height: 440px
    }
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .articleArea__box .contentInner iframe {
        margin-top: 30px;
        height: 360px
    }
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .articleArea__box .accessList {
        margin-top: 40px
    }
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .articleArea__box .accessList {
        margin-top: 30px
    }
}

.hotspringsDtl .articleArea__box .accessList__item {
    position: relative;
    border-bottom: 2px solid #c4c4c4
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .articleArea__box .accessList__item {
        padding: 25px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    .hotspringsDtl .articleArea__box .accessList__item {
        display: block
    }
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .articleArea__box .accessList__item {
        padding: 20px 0
    }
}

.hotspringsDtl .articleArea__box .accessList__item:last-child {
    border: none
}

.hotspringsDtl .articleArea__box .accessList__item .title {
    position: relative;
    font-size: 20px;
    padding-left: 50px
}

.hotspringsDtl .articleArea__box .accessList__item .title::before {
    position: absolute;
    content: "";
    top: 6px;
    left: 0
}

.hotspringsDtl .articleArea__box .accessList__item .title--car::before {
    background: url("./assets/img/hotsprings/img_icon_car01.png") no-repeat;
    background-size: 100%;
    width: 38px;
    height: 18px
}

.hotspringsDtl .articleArea__box .accessList__item .title--train::before {
    background: url("./assets/img/hotsprings/img_icon_train01.png") no-repeat;
    background-size: 100%;
    top: 0;
    width: 32px;
    height: 26px
}

.hotspringsDtl .articleArea__box .accessList__item .title--bus::before {
    background: url("./assets/img/hotsprings/img_icon_bus01.png") no-repeat;
    background-size: 100%;
    width: 38px;
    height: 17px
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .articleArea__box .accessList__item .text {
        max-width: 810px;
        width: calc(100% - 270px)
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    .hotspringsDtl .articleArea__box .accessList__item .text {
        width: 100%
    }
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .articleArea__box .accessList__item .text {
        margin-top: 15px
    }
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .articleWrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .hotspringsDtl .articleWrapper .linkArea {
        width: 100%
    }

    .hotspringsDtl .articleWrapper .linkArea+.linkArea {
        margin-left: 40px
    }
}

@media screen and (min-width: 1001px) and (orientation: landscape) and (max-width: 1200px) {
    .hotspringsDtl .articleWrapper .linkArea+.linkArea {
        margin-left: 0
    }
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .articleWrapper .linkArea--weather {
        width: auto
    }

    .hotspringsDtl .articleWrapper .linkArea__list--4col .item {
        width: calc(49% - 10px)
    }
}

@media screen and (min-width: 1001px) and (min-width: 1001px) {
    .hotspringsDtl .articleWrapper .linkArea__list--4col .item {
        min-width: 280px
    }
}

@media screen and (min-width: 1001px) and (orientation: landscape) and (max-width: 1200px) {
    .hotspringsDtl .articleWrapper .linkArea__list--4col .item {
        min-width: calc(49% - 10px)
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    .hotspringsDtl .articleWrapper {
        display: block
    }
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .contentNav {
        margin: 60px 0 50px
    }
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .contentNav {
        margin-top: 3px
    }
}

.hotspringsDtl .contentNav__list {
    width: 100%
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .contentNav__list {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    .hotspringsDtl .contentNav__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: justify;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 0px
    }

    .hotspringsDtl .contentNav__list:after {
        content: "";
        display: inline-block;
        width: 100%;
        height: 0
    }
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .contentNav__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: justify;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 0px
    }
}

.hotspringsDtl .contentNav__list .item {
    position: relative;
    background-color: #fff;
    text-align: center;
    border: #2d8b32 2px solid
}

@media (orientation: landscape) and (max-width: 1200px) {
    .hotspringsDtl .contentNav__list .item {
        margin: 5px 0;
        width: calc(49% - 5px)
    }
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .contentNav__list .item {
        margin: 5px 0;
        width: calc(49% - 5px)
    }
}

.hotspringsDtl .contentNav__list .item>a {
    color: #2d8b32;
    display: block;
    font-weight: bold;
    font-size: 22px
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .contentNav__list .item>a {
        padding: 16px 19px
    }
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .contentNav__list .item>a {
        padding: 8px 0;
        font-size: 18px
    }
}

.hotspringsDtl .contentNav__list .item>a::after {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-right: 2px solid #2d8b32;
    border-top: 2px solid #2d8b32;
    -webkit-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg);
    top: 40%;
    right: 10px;
    vertical-align: baseline
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .contentNav__list .item>a::after {
        top: 43%;
        right: 20px
    }
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .linkArea {
        margin-top: 40px
    }
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .linkArea {
        margin-top: 30px
    }
}

.hotspringsDtl .linkArea h2 {
    border-bottom: 3px solid #c0c0c0;
    letter-spacing: 0.8px;
    font-size: 137.5%;
    padding-bottom: 10px;
    font-weight: bold
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .linkArea__list {
        margin-top: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .linkArea__list {
        margin-top: 30px
    }
}

.hotspringsDtl .linkArea__list .item {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
    margin-top: 20px
}

.hotspringsDtl .linkArea__list .item:last-child {
    margin-left: 0
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .linkArea__list .item+.item {
        margin-top: 30px
    }
}

.hotspringsDtl .linkArea__list .item figure {
    position: relative;
    line-height: 0;
    text-align: center;
    overflow: hidden
}

.hotspringsDtl .linkArea__list .item figure>div {
    width: 100%;
    background-size: cover;
    background-position: center;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.hotspringsDtl .linkArea__list .item figure>div:hover {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2)
}

.hotspringsDtl .linkArea__list .item figure>div:after {
    content: '';
    display: block;
    width: 100%;
    padding-top: 66.7%
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .linkArea__list .item figure>div:after {
        padding-top: 40%
    }
}

.hotspringsDtl .linkArea__list .item__img {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden
}

.hotspringsDtl .linkArea__list .item__img>img {
    width: 100%;
    height: auto
}

.hotspringsDtl .linkArea__list .item__box {
    color: #000
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .linkArea__list .item__box {
        padding: 15px 25px
    }
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .linkArea__list .item__box {
        padding: 5px 20px 10px
    }
}

.hotspringsDtl .linkArea__list .item__box .title {
    font-weight: bold;
    display: -webkit-box;
    height: calc(1.6em * 2);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .linkArea__list .item__box .title {
        font-size: 125%
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    .hotspringsDtl .linkArea__list .item__box .title {
        height: 60px
    }
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .linkArea__list .item__box .title {
        font-size: 116%;
        -webkit-line-clamp: 3;
        height: 100%;
        max-height: calc(1.6em * 3)
    }
}

.hotspringsDtl .linkArea__list .item__box .lead {
    margin-top: 13px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .linkArea__list .item__box .lead {
        display: -webkit-box !important
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    .hotspringsDtl .linkArea__list .item__box .lead {
        height: 51px
    }
}

.hotspringsDtl .linkArea__list .item__box .link {
    display: block;
    text-align: center;
    border: 1px solid #2d8b32;
    color: #2d8b32;
    border-radius: 25px;
    line-height: 40px
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .linkArea__list .item__box .link {
        width: 100%;
        margin-top: 20px
    }
}

.hotspringsDtl .linkArea__list .item__box .etc {
    margin-top: 15px
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .linkArea__list .item__box .etc {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none
    }
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .linkArea__list .item__box .etc {
        font-size: 88%;
        margin-top: 5px
    }
}

.hotspringsDtl .linkArea__list .item__box .etc__date {
    display: block;
    color: #000
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .linkArea__list .item__box .etc__date {
        color: #3d3d3d
    }
}

.hotspringsDtl .linkArea__list .item__box .etc__readMore {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #2d8b32;
    border-radius: 20px;
    color: #2d8b32;
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .linkArea__list .item__box .etc__readMore {
        margin-top: 12px;
        line-height: 38px
    }
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .linkArea__list .item__box .etc__readMore {
        margin-top: 13px;
        line-height: 40px
    }
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .linkArea__list--3col .item {
        max-width: 380px;
        width: calc(calc(100% - 60px)/3);
        margin-right: 30px
    }

    .hotspringsDtl .linkArea__list--3col .item:nth-child(3n),
    .hotspringsDtl .linkArea__list--3col .item:last-child {
        margin-right: 0
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    .hotspringsDtl .linkArea__list--3col .item {
        display: inline-block;
        margin-right: 20px;
        width: calc(49% - 10px);
        max-width: none
    }

    .hotspringsDtl .linkArea__list--3col .item:nth-child(2n) {
        margin-right: 0
    }
}

.hotspringsDtl .linkArea__list--4col {
    text-align: justify
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .linkArea__list--4col .item {
        max-width: 270px;
        width: calc(calc(100% - 120px)/4);
        margin-right: 40px
    }

    .hotspringsDtl .linkArea__list--4col .item:nth-child(4n),
    .hotspringsDtl .linkArea__list--4col .item:last-child {
        margin-right: 0
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    .hotspringsDtl .linkArea__list--4col .item {
        display: inline-block;
        width: calc(49% - 10px);
        margin-right: 10px;
        max-width: none
    }

    .hotspringsDtl .linkArea__list--4col .item:nth-child(2n) {
        margin-right: 0
    }
}

.hotspringsDtl .linkArea__list--4col .item figure>div:after {
    padding-top: 75%
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .linkArea__list--4col .item figure>div:after {
        padding-top: 40%
    }
}

.hotspringsDtl .linkArea__list--1col {
    text-align: justify
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .linkArea__list--1col .item {
        max-width: 280px;
        width: 100%
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    .hotspringsDtl .linkArea__list--1col .item {
        display: inline-block;
        width: calc(49% - 10px);
        margin-right: 10px;
        max-width: none
    }
}

.hotspringsDtl .linkArea__list--1col .item figure>div:after {
    padding-top: 75%
}

@media screen and (max-width: 1000px) {
    .hotspringsDtl .linkArea__list--1col .item figure>div:after {
        padding-top: 40%
    }
}

.hotspringsDtl .topButton {
    text-align: center;
    width: 100%;
    background-color: #2d8b32;
    padding: 10px 0;
    border-radius: 25px;
    color: #fff;
    font-size: 13px;
    margin-top: 40px;
    position: relative
}

.hotspringsDtl .topButton::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-right: 3px solid #fff;
    border-top: 3px solid #fff;
    -webkit-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%);
    top: 50%;
    left: 25px;
    margin-top: 1px
}

@media screen and (min-width: 1001px) {
    .hotspringsDtl .modAdSenseResponsive {
        margin-bottom: 0;
        margin-top: 30px
    }
}

@font-face {
    font-family: 'NotoSerifJP-Bold';
    src: url("/wp/wp-content/themes/fcnt/assets/fonts/NotoSerifJP-Bold.otf")
}

@font-face {
    font-family: 'NotoSerifJP-Regular';
    src: url("/wp/wp-content/themes/fcnt/assets/fonts/NotoSerifJP-Regular.otf")
}

@media screen and (max-width: 1000px) {
    .keywordsIdx .main__inner {
        width: auto
    }
}

@media screen and (min-width: 1001px) {
    .keywordsIdx .main__contents {
        margin-top: 40px
    }
}

@media screen and (max-width: 1000px) {
    .keywordsIdx .main__contents {
        margin-top: 10px
    }
}

.keywordsIdx .main__contents__body {
    width: 100%
}

@font-face {
    font-family: 'NotoSerifJP-Bold';
    src: url("/wp/wp-content/themes/fcnt/assets/fonts/NotoSerifJP-Bold.otf")
}

@font-face {
    font-family: 'NotoSerifJP-Regular';
    src: url("/wp/wp-content/themes/fcnt/assets/fonts/NotoSerifJP-Regular.otf")
}

@media screen and (max-width: 1000px) {
    main.uranai .main__contents {
        margin-top: 10px
    }
}

@media screen and (max-width: 1000px) {
    main.uranai .main__idxKv {
        width: calc(100% + 40px);
        margin: 30px 0 0 -20px
    }
}

main.uranai .main__idxKv .slider {
    opacity: 0
}

main.uranai .main__idxKv .slider.slick-initialized {
    opacity: 1
}

main.uranai .main__idxKv .slider .item {
    position: relative
}

main.uranai .main__idxKv .slider .item>a {
    display: block;
    position: relative;
    pointer-events: none;
    background-size: cover
}

main.uranai .main__idxKv .slider .item>a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

@media screen and (min-width: 1001px) {
    main.uranai .main__idxKv .slider .item>a:before {
        background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
        background: linear-gradient(to bottom, #000, #000)
    }
}

@media screen and (max-width: 1000px) {
    main.uranai .main__idxKv .slider .item>a:before {
        opacity: 0.8;
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(35%, transparent), color-stop(75%, #000), to(#000));
        background: linear-gradient(to bottom, transparent 0%, transparent 35%, #000 75%, #000 100%)
    }
}

main.uranai .main__idxKv .slider .item>a:after {
    content: '';
    display: block;
    width: 100%;
    padding-top: 50%
}

main.uranai .main__idxKv .slider .item__inner {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

@media screen and (min-width: 1001px) {
    main.uranai .main__idxKv .slider .item__inner {
        width: 86%;
        bottom: 60px
    }
}

@media screen and (max-width: 1000px) {
    main.uranai .main__idxKv .slider .item__inner {
        width: 90%;
        bottom: 15px
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    main.uranai .main__idxKv .slider .item__inner {
        width: 86%;
        bottom: 30px
    }
}

main.uranai .main__idxKv .slider .item__title {
    font-weight: bold;
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 3em;
    position: relative
}

@media all and (-ms-high-contrast: none) {
    main.uranai .main__idxKv .slider .item__title {
        display: inline-block
    }
}

@media screen and (min-width: 1001px) {
    main.uranai .main__idxKv .slider .item__title {
        font-size: 175%
    }
}

@media screen and (max-width: 1000px) {
    main.uranai .main__idxKv .slider .item__title {
        -webkit-line-clamp: 3;
        max-height: calc(1.3em * 3);
        font-size: 130%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        line-height: 1.3;
        letter-spacing: 1.2px
    }
}

main.uranai .main__idxKv .slider .item__date {
    display: block;
    color: #fff
}

main.uranai .main__idxKv .slider .item__date.new:after {
    position: absolute;
    content: "NEW";
    color: #fff;
    display: inline-block;
    background-color: #dc7245;
    font-size: 14px;
    height: 16px;
    line-height: 1.2;
    padding: 1px 5px;
    margin-left: 5px;
    vertical-align: text-bottom;
    z-index: 10;
    left: -10px
}

@media screen and (min-width: 1001px) {
    main.uranai .main__idxKv .slider .item__date.new:after {
        top: -30px;
        left: -5px
    }
}

@media screen and (max-width: 1000px) {
    main.uranai .main__idxKv .slider .item__date.new:after {
        top: -25px;
        vertical-align: text-top
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    main.uranai .main__idxKv .slider .item__date.new:after {
        top: -17px
    }
}

main.uranai .main__idxKv .slider .item.slick-center>a {
    pointer-events: auto
}

main.uranai .main__idxKv .slider .item.slick-center>a:before {
    opacity: 0.8
}

@media screen and (min-width: 1001px) {
    main.uranai .main__idxKv .slider .item.slick-center>a:before {
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), color-stop(75%, #000), to(#000));
        background: linear-gradient(to bottom, transparent 0%, transparent 50%, #000 75%, #000 100%)
    }
}

@media screen and (max-width: 1000px) {
    main.uranai .main__idxKv .slider .item.slick-center>a:before {
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(35%, transparent), color-stop(75%, #000), to(#000));
        background: linear-gradient(to bottom, transparent 0%, transparent 35%, #000 75%, #000 100%)
    }
}

main.uranai .main__idxKv .slider .slick-prev,
main.uranai .main__idxKv .slider .slick-next {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    background-repeat: no-repeat;
    z-index: 10
}

@media screen and (min-width: 1001px) {

    main.uranai .main__idxKv .slider .slick-prev,
    main.uranai .main__idxKv .slider .slick-next {
        top: calc(50% - 45px);
        width: 24px;
        height: 40px;
        background-image: url(/wp/wp-content/themes/fcnt/assets/img/top/index_ic_arrow01.png);
        background-size: cover;
        background-position: 0 0
    }

    main.uranai .main__idxKv .slider .slick-prev:hover,
    main.uranai .main__idxKv .slider .slick-next:hover {
        opacity: 0.8
    }
}

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

    main.uranai .main__idxKv .slider .slick-prev,
    main.uranai .main__idxKv .slider .slick-next {
        bottom: 0;
        width: 30px;
        height: 30px;
        background-image: url(/wp/wp-content/themes/fcnt/assets/img/top/index_ic_arrow02.png);
        background-size: 10px 17px;
        background-position: 0 100%
    }
}

@media screen and (min-width: 1001px) {
    main.uranai .main__idxKv .slider .slick-prev {
        left: calc(20% - 50px)
    }
}

@media screen and (max-width: 1000px) {
    main.uranai .main__idxKv .slider .slick-prev {
        left: 20px
    }
}

main.uranai .main__idxKv .slider .slick-next {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

@media screen and (min-width: 1001px) {
    main.uranai .main__idxKv .slider .slick-next {
        right: calc(20% - 50px)
    }
}

@media screen and (max-width: 1000px) {
    main.uranai .main__idxKv .slider .slick-next {
        right: 20px
    }
}

main.uranai .main__idxKv .slider .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 1000px) {
    main.uranai .main__idxKv .slider .slick-dots {
        margin-top: 5px
    }
}

main.uranai .main__idxKv .slider .slick-dots>li:not(:first-child) {
    margin-left: 20px
}

main.uranai .main__idxKv .slider .slick-dots button {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    width: 12px;
    height: 12px;
    line-height: 12px;
    border-radius: 50%;
    border: 1px solid #2d8b32;
    font-size: 0
}

main.uranai .main__idxKv .slider .slick-dots .slick-active button {
    background-color: #2d8b32
}

@media screen and (min-width: 1001px) {
    main.uranai .main__contents__body .modContentsSection {
        margin-top: 40px
    }
}

main.uranai .main__contents__body .uranaiBox {
    background-color: #fff
}

@media screen and (min-width: 1001px) {
    main.uranai .main__contents__body .uranaiBox {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 0 50px
    }
}

@media screen and (max-width: 1000px) {
    main.uranai .main__contents__body .uranaiBox {
        margin-bottom: 15px
    }
}

main.uranai .main__contents__body .uranaiBox__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 1001px) {
    main.uranai .main__contents__body .uranaiBox__img {
        width: calc(100% - 60px);
        max-width: 320px;
        height: 240px
    }
}

@media screen and (max-width: 1000px) {
    main.uranai .main__contents__body .uranaiBox__img {
        width: 100%
    }
}

main.uranai .main__contents__body .uranaiBox__img>img {
    width: 100%;
    height: auto
}

@media screen and (min-width: 1001px) {
    main.uranai .main__contents__body .uranaiBox__area {
        padding: 30px 27px
    }
}

@media screen and (max-width: 1000px) {
    main.uranai .main__contents__body .uranaiBox__area {
        padding: 10px 20px
    }
}

main.uranai .main__contents__body .uranaiBox__area__title {
    font-weight: bold;
    font-size: 150%
}

@media screen and (max-width: 1000px) {
    main.uranai .main__contents__body .uranaiBox__area__title {
        letter-spacing: 0.4px;
        text-align: center;
        line-height: 1
    }
}

main.uranai .main__contents__body .uranaiBox__area__text {
    line-height: 1.75;
    letter-spacing: 0.8px;
    font-size: 100%
}

@media screen and (min-width: 1001px) {
    main.uranai .main__contents__body .uranaiBox__area__text {
        margin-top: 14px
    }
}

@media screen and (max-width: 1000px) {
    main.uranai .main__contents__body .uranaiBox__area__text {
        margin-top: 5px
    }
}

main.uranai .main__contents__body .uranaiBox__area__color {
    letter-spacing: 1.4px;
    font-size: 100%
}

@media screen and (min-width: 1001px) {
    main.uranai .main__contents__body .uranaiBox__area__color {
        margin-top: 5px
    }
}

@media screen and (max-width: 1000px) {
    main.uranai .main__contents__body .uranaiBox__area__color {
        margin-top: 4px
    }
}

main.uranai .main__contents__body .uranaiBox__area__color>span {
    font-weight: bold
}

@media screen and (min-width: 1001px) {
    main.uranai .main__contents__body .uranaiBox__area__color>span {
        font-size: 125%
    }
}

@media screen and (max-width: 1000px) {
    main.uranai .main__contents__body .uranaiBox__area__color>span {
        font-size: 112.5%
    }
}

main.uranai .main__contents__body .uranaiBox__area__color .orange {
    color: #FF6600
}

main.uranai .main__contents__body .uranaiBox__area__color .red {
    color: #FF0000
}

main.uranai .main__contents__body .uranaiBox__area__color .blue {
    color: #0070C0
}

main.uranai .main__contents__body .uranaiBox__area__color .yellow {
    color: #FFC301
}

main.uranai .main__contents__body .uranaiBox__area__color .green {
    color: #00B050
}

main.uranai .main__contents__body .uranaiBox__area__color .brown {
    color: #996633
}

main.uranai .main__contents__body .uranaiBox__area__color .pink {
    color: #FF00FF
}

main.uranai .main__contents__body .uranaiBox__area__color .purple {
    color: #7030A0
}

main.uranai .main__contents__body .uranaiBox__area__color .black {
    color: #000
}

main.uranai .main__contents__body .uranaiBox__area__color .white {
    color: #404040
}

main.uranai .main__contents__body .modNextPages__nextlink {
    text-align: center;
    margin-top: 30px
}

@media screen and (min-width: 1001px) {
    main.uranai .main__bannerList {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 35px
    }
}

@media screen and (max-width: 1000px) {
    main.uranai .main__bannerList {
        margin-top: 18px
    }
}

main.uranai .main__bannerList .item {
    -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
    overflow: hidden
}

@media screen and (min-width: 1001px) {
    main.uranai .main__bannerList .item {
        margin-right: 3.53vw
    }
}

@media screen and (min-width: 1001px) {
    main.uranai .main__bannerList .item:last-child {
        margin-right: 0px
    }
}

@media screen and (max-width: 1000px) {
    main.uranai .main__bannerList .item:not(:first-child) {
        margin-top: 18px
    }
}

main.uranai .main__bannerList .item>a {
    display: block;
    position: relative;
    line-height: 0
}

@media screen and (min-width: 1001px) {
    main.uranai .main__bannerList .item>a:hover>img {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2)
    }

    main.uranai .main__bannerList .item>a:hover .viewIndex {
        color: #000;
        background-color: #fff
    }
}

main.uranai .main__bannerList .item>a>img {
    max-width: 100%;
    width: auto;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

main.uranai .main__bannerList .item .viewIndex {
    position: absolute;
    display: inline-block;
    border: 1px solid #fff;
    text-align: center;
    color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

@media screen and (min-width: 1001px) {
    main.uranai .main__bannerList .item .viewIndex {
        left: 50%;
        bottom: 30px;
        font-size: 15px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 50.13%;
        line-height: 1.87;
        border-radius: 15px
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    main.uranai .main__bannerList .item .viewIndex {
        bottom: 1.86vw;
        line-height: 1.87vw;
        font-size: 0.875vw
    }
}

@media screen and (max-width: 1000px) {
    main.uranai .main__bannerList .item .viewIndex {
        left: calc(50%);
        bottom: 15px;
        font-size: 13px;
        height: 25px;
        line-height: 25px;
        padding: 0 20px;
        border-radius: 15px;
        font-size: 75%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

@media screen and (min-width: 1001px) {
    main.uranai .main__contents__aside {
        padding-top: 0
    }
}

main.uranai .main__contents__aside aside.forPc {
    margin-top: 45px
}

main.uranai .main__contents__aside .modfeatureList__list {
    margin-top: 0
}

main.uranai .main__inner .modAdSense {
    margin-top: 25px
}

@media screen and (max-width: 1000px) {
    main.uranai .main__inner .modAdSense {
        margin-top: 15px
    }
}

@media screen and (max-width: 1000px) {
    main.uranai .main__inner .modPathNav {
        margin-top: 10px
    }
}

@media screen and (min-width: 1001px) {
    main.uranai .main__inner .modSeries+.modAdSense {
        margin-top: 45px
    }
}

@media screen and (min-width: 1001px) {
    main.uranai .main__inner #ranking .modAsideHedding2::first-line {
        line-height: 1.0
    }
}

@media screen and (min-width: 1001px) {
    main.uranai .main__inner #recommended+.modAdSense {
        margin-top: 45px
    }
}

@media screen and (max-width: 1000px) {
    main.uranai .modCategoryKv__img {
        margin: 0 auto
    }
}

main.uranai .spAnchor__list {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

main.uranai .spAnchor__list>li {
    position: relative;
    margin-top: 5px;
    text-align: center;
    padding: 0 12px
}

main.uranai .spAnchor__list>li>a {
    font-weight: bold;
    line-height: 1.2;
    color: #2d8b32;
    font-size: 125%
}

main.uranai .spAnchor__list>li+li {
    border-left: solid 1px #666
}

main.uranai .spAnchor__list+ul {
    margin-top: 10px
}

main.uranai .spAnchor+.modAdSense {
    margin-top: 15px
}

@media screen and (max-width: 1000px) {
    main.uranai .spAnchor+.modfeatureList {
        margin-top: 18px
    }
}

@media screen and (min-width: 1001px) {
    main.uranaiDetail .main__contents__aside {
        display: block
    }
}

@media screen and (max-width: 1000px) {
    main.uranaiDetail .main__contents__aside {
        display: none
    }
}

@media screen and (min-width: 1001px) {
    main.uranaiDetail .modArticles {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (max-width: 1000px) {
    main.uranaiDetail .modArticles {
        display: none
    }
}

@font-face {
    font-family: 'NotoSerifJP-Bold';
    src: url("/wp/wp-content/themes/fcnt/assets/fonts/NotoSerifJP-Bold.otf")
}

@font-face {
    font-family: 'NotoSerifJP-Regular';
    src: url("/wp/wp-content/themes/fcnt/assets/fonts/NotoSerifJP-Regular.otf")
}

main.specialContent .main__contents__body h3 {
    font-weight: bold;
    font-size: 137.5%
}

@media screen and (min-width: 1001px) {
    main.specialContent .main__contents__body h3 {
        margin-top: 30px
    }
}

@media screen and (max-width: 1000px) {
    main.specialContent .main__contents__body h3 {
        margin-top: 15px
    }
}

main.specialContent .modSearchform {
    margin-top: 50px;
    margin-left: 0;
    margin-top: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    height: auto;
    width: auto
}

@media (orientation: landscape) and (max-width: 600px) {
    main.specialContent .modSearchform {
        display: block !important
    }
}

main.specialContent .modSearchform form {
    width: 400px;
    height: 40px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 20px
}

@media screen and (max-width: 1000px) {
    main.specialContent .modSearchform form {
        width: 100%;
        height: 48px
    }
}

@media (orientation: landscape) and (max-width: 600px) {
    main.specialContent .modSearchform form {
        height: 48px
    }
}

main.specialContent .modSearchform__field {
    width: 360px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    padding-left: 20px;
    font-size: 100%;
    font-weight: bold;
    height: 40px
}

@media screen and (max-width: 1000px) {
    main.specialContent .modSearchform__field {
        font-size: 112.5%;
        height: 48px;
        width: calc(100% - 48px)
    }
}

@media (orientation: landscape) and (max-width: 600px) {
    main.specialContent .modSearchform__field {
        height: 48px
    }
}

main.specialContent .modSearchform__btn {
    padding: 11px 0 9px;
    position: relative
}

@media screen and (min-width: 1001px) {
    main.specialContent .modSearchform__btn {
        padding: 7px 0 5px;
        width: 40px;
        height: 40px
    }
}

@media screen and (min-width: 1001px) and (orientation: landscape) and (max-width: 600px) {
    main.specialContent .modSearchform__btn {
        width: 48px;
        height: 48px
    }
}

main.specialContent .modAreaSearch__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-top: 5px
}

@media screen and (max-width: 1000px) {
    main.specialContent .modAreaSearch__list {
        margin-top: 20px;
        margin-left: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

main.specialContent .modAreaSearch__list .subList {
    display: none;
    width: calc(100% - 120px);
    max-height: 70vh;
    max-height: calc(var(--vh, 1vh) * 120);
    padding: 30px 20px 20px
}

@media screen and (min-width: 1001px) {
    main.specialContent .modAreaSearch__list .subList {
        width: 30%;
        max-width: 500px
    }
}

main.specialContent .modAreaSearch__list .subList.modal__content {
    background: #fff;
    left: 50%;
    position: fixed;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10000
}

main.specialContent .modAreaSearch__list .subList__button {
    width: 100%;
    margin: 20px 0 0;
    font-weight: bold;
    font-size: 100%;
    text-align: center
}

main.specialContent .modAreaSearch__list .subList ul {
    position: relative;
    z-index: 1000;
    max-height: 60vh;
    max-height: calc(80vh - 102px);
    overflow-y: auto
}

main.specialContent .modAreaSearch__list .subList ul>li+li {
    border-top: 1px solid #ebebeb
}

main.specialContent .modAreaSearch__list .subList ul>li>a {
    cursor: pointer;
    display: block;
    position: relative;
    font-weight: bold;
    color: #000;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 125%;
    line-height: 45px;
    padding: 0 40px 0 0;
    font-size: 112.5%
}

@media screen and (min-width: 1001px) {
    main.specialContent .modAreaSearch__list .subList ul>li>a {
        line-height: 60px;
        padding: 0 40px 0 38px
    }

    main.specialContent .modAreaSearch__list .subList ul>li>a:hover {
        opacity: 0.5
    }
}

main.specialContent .modAreaSearch__list .subList ul>li>a:after {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

@media screen and (min-width: 1001px) {
    main.specialContent .modAreaSearch__list .subList ul>li>a:after {
        width: 10px;
        height: 10px;
        border-top: 3px solid #3d3d3d;
        border-right: 3px solid #3d3d3d;
        top: 50%;
        right: 23px
    }
}

@media screen and (max-width: 1000px) {
    main.specialContent .modAreaSearch__list .subList ul>li>a:after {
        width: 6px;
        height: 6px;
        border-top: 2px solid #3d3d3d;
        border-right: 2px solid #3d3d3d;
        top: 50%;
        right: 20px
    }
}

main.specialContent .modAreaSearch__item {
    background: #fff;
    -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
    padding: auto
}

@media screen and (min-width: 1001px) {
    main.specialContent .modAreaSearch__item {
        width: calc(20% - 20px);
        margin: 15px 0 0;
        margin-left: 20px
    }
}

@media screen and (min-width: 1001px) and (orientation: landscape) and (max-width: 800px) {
    main.specialContent .modAreaSearch__item {
        width: calc(50% - 20px)
    }
}

main.specialContent .modAreaSearch__item a {
    color: #000;
    cursor: pointer;
    display: block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    padding: 0;
    font-size: 112.5%
}

main.specialContent .modAreaSearch__item a.js-modal-open::after {
    content: none
}

main.specialContent .modTagsList .list {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

main.specialContent .modTagsList+h2.modContentsHedding2 {
    margin: 20px 0
}

main.specialContent .modAreaLinks {
    margin-top: 40px
}

main.specialContent .modAreaLinks a {
    color: #666;
    border-bottom: solid 1px #666
}

main.specialContent .modAreaLinks__header {
    text-align: left
}

@media screen and (max-width: 1000px) {
    main.specialContent .modAreaLinks__header {
        font-weight: bold;
        width: 100%;
        display: block
    }
}

main.specialContent .modAreaLinks__data {
    padding-left: 40px
}

@media screen and (max-width: 1000px) {
    main.specialContent .modAreaLinks__data {
        width: 100%;
        display: block;
        padding-left: 0
    }
}

main.specialContent .modAreaLinks__data ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

main.specialContent .modAreaLinks__data ul li {
    display: block;
    margin-right: 20px
}

@media screen and (max-width: 1000px) {
    main.specialContent .modAreaLinks__data ul li {
        font-weight: normal
    }
}

main.specialContent .modAreaLinks__data ul li::after {
    content: '';
    border-right: 1px solid #666;
    left: 10px;
    position: relative
}

main.specialContent .modAreaLinks__data ul li:last-child {
    margin-right: 0
}

main.specialContent .modAreaLinks__data ul li:last-child::after {
    content: none
}

main.specialContent .modAreaLinks h3 {
    margin-bottom: 15px;
    font-weight: bold
}

@media screen and (min-width: 1001px) {
    main.specialContent .modHotspringLink {
        margin-top: 40px
    }
}

@media screen and (max-width: 1000px) {
    main.specialContent .modHotspringLink {
        margin-top: 30px
    }
}

main.specialContent .modHotspringLink__item {
    display: block;
    margin-right: 20px;
    font-weight: normal
}

@media screen and (max-width: 1000px) {
    main.specialContent .modHotspringLink__item {
        display: list-item;
        white-space: nowrap
    }
}

@media (orientation: landscape) and (max-width: 600px) {
    main.specialContent .modHotspringLink__item {
        display: list-item;
        white-space: nowrap
    }
}

main.specialContent .modHotspringLink__item::after {
    content: '';
    border-right: 1px solid #666;
    left: 10px
}

main.specialContent .modHotspringLink__item:last-child::after {
    content: none
}

main.specialContent .modHotspringLink h3 {
    margin-bottom: 15px;
    font-weight: bold
}

main.specialContent .modHotspringLink ul {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

main.specialContent .modHotspringLink a {
    color: #666;
    border-bottom: solid 1px #666
}

@font-face {
    font-family: 'NotoSerifJP-Bold';
    src: url("/wp/wp-content/themes/fcnt/assets/fonts/NotoSerifJP-Bold.otf")
}

@font-face {
    font-family: 'NotoSerifJP-Regular';
    src: url("/wp/wp-content/themes/fcnt/assets/fonts/NotoSerifJP-Regular.otf")
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvIdx {
        background-image: url("/wp/wp-content/themes/fcnt/assets/img/rakurakuyutabi-tv/img_bg01.png")
    }
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvIdx {
        background-image: url("/wp/wp-content/themes/fcnt/assets/img/rakurakuyutabi-tv/img_bg01_sp.png");
        background-size: 100%
    }
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvIdx .header__upper {
        padding: 11px 0
    }
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvIdx .header__upper {
        padding: 14px 20px
    }
}

.rakurakuyutabi-tvIdx .header__upper .logo {
    margin: 0 auto
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvIdx .header__upper .logo {
        width: 160px
    }
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvIdx .header__upper .logo {
        width: 130px
    }
}

.rakurakuyutabi-tvIdx .header__upper .logo>a>img {
    width: 100%;
    height: auto
}

.rakurakuyutabi-tvIdx .modPathNav {
    margin: 0
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvIdx .modPathNav {
        padding: 0 0 5px;
        width: 85.7vw;
        max-width: 1200px;
        margin: 0 auto
    }
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvIdx .modPathNav {
        padding: 5px 20px 5px
    }
}

@media screen and (max-width: 360px) {
    .rakurakuyutabi-tvIdx .modPathNav {
        padding: 5px 10px 5px
    }
}

.rakurakuyutabi-tvIdx .modPathNav__item {
    color: #fff
}

.rakurakuyutabi-tvIdx .modPathNav__item>a {
    color: #fff
}

.rakurakuyutabi-tvIdx .modPathNav__item::after {
    color: #fff
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvIdx .modPathNav__item:first-child {
        margin-left: 0
    }
}

.rakurakuyutabi-tvIdx .modContentsHedding2 {
    line-height: 1;
    color: #fff;
    letter-spacing: 1.8px;
    text-align: center
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvIdx .modContentsHedding2 {
        padding-top: 60px
    }
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvIdx .modContentsHedding2 {
        padding-top: 20px
    }
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvIdx .modCompanyNameChange {
        margin: 30px auto 0
    }
}

.rakurakuyutabi-tvIdx .main__breadcrumb {
    background: url(/wp/wp-content/themes/fcnt/assets/img/common/com_bg_header-footer01.png) repeat 0 0
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvIdx .main__kvArea {
        margin-top: 32px
    }
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvIdx .main__kvArea {
        margin: 0 -20px
    }
}

.rakurakuyutabi-tvIdx .main__kvArea>h1 {
    display: none
}

.rakurakuyutabi-tvIdx .main__kvArea__img {
    width: 100%
}

.rakurakuyutabi-tvIdx .main__kvArea__img>img {
    width: 100%;
    height: auto;
    vertical-align: bottom
}

.rakurakuyutabi-tvIdx .main__kvArea__text {
    background-color: #000;
    color: #fff;
    line-height: 1.6
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvIdx .main__kvArea__text {
        padding: 32px 60px
    }
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvIdx .main__kvArea__text {
        padding: 18px 20px
    }
}

.rakurakuyutabi-tvIdx .main__yutabiTag {
    background-color: #f8f7eb
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvIdx .main__yutabiTag {
        margin-top: 60px;
        padding: 24px 0 40px
    }
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvIdx .main__yutabiTag {
        margin-top: 40px;
        padding: 19px 0 20px
    }
}

.rakurakuyutabi-tvIdx .main__yutabiTag__title {
    color: #665c3d;
    text-align: center
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvIdx .main__yutabiTag__title {
        font-size: 120%
    }
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvIdx .main__yutabiTag__title {
        font-size: 112.5%
    }
}

.rakurakuyutabi-tvIdx .main__yutabiTag__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvIdx .main__yutabiTag__list {
        margin: 20px auto 0;
        width: calc(100% - 200px)
    }
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvIdx .main__yutabiTag__list {
        margin: 0 auto;
        width: calc(100% - 40px)
    }
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvIdx .main__yutabiTag__list .item+.item {
        margin-left: 10px
    }
}

@media (orientation: landscape) and (max-width: 768px) {
    .rakurakuyutabi-tvIdx .main__yutabiTag__list .item+.item {
        margin: 10px 0 0 10px
    }
}

.rakurakuyutabi-tvIdx .main__yutabiTag__list .item>a {
    display: block;
    background-color: #665c3d;
    color: #fff;
    letter-spacing: 0
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvIdx .main__yutabiTag__list .item>a {
        padding: 5px 13px
    }
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvIdx .main__yutabiTag__list .item>a {
        padding: 5px 15px;
        margin: 18px 0 0 10px
    }
}

.rakurakuyutabi-tvIdx .modReturnLink {
    text-align: center;
    margin-top: 30px
}

.rakurakuyutabi-tvIdx .modReturnLink>a {
    width: calc(100% - 30px);
    color: #fff;
    position: relative;
    background-color: #d0ab55;
    border-radius: 50px;
    margin: 0 auto;
    line-height: 40px;
    display: block;
    font-size: 100%
}

@font-face {
    font-family: 'NotoSerifJP-Bold';
    src: url("/wp/wp-content/themes/fcnt/assets/fonts/NotoSerifJP-Bold.otf")
}

@font-face {
    font-family: 'NotoSerifJP-Regular';
    src: url("/wp/wp-content/themes/fcnt/assets/fonts/NotoSerifJP-Regular.otf")
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvDetail {
        background-image: url("/wp/wp-content/themes/fcnt/assets/img/rakurakuyutabi-tv/detail/img_bg01.png")
    }
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvDetail {
        background-image: url("/wp/wp-content/themes/fcnt/assets/img/rakurakuyutabi-tv/detail/img_bg01_sp.png")
    }
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvDetail .header__upper {
        padding: 11px 0
    }
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvDetail .header__upper {
        padding: 17px 20px 18px
    }
}

.rakurakuyutabi-tvDetail .header__upper .logo {
    width: 160px;
    margin: 0 auto
}

.rakurakuyutabi-tvDetail .header__upper .logo>a>img {
    width: 100%;
    height: auto
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvDetail .main__inner {
        max-width: 800px
    }
}

.rakurakuyutabi-tvDetail .article {
    overflow-wrap: break-word;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3)
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvDetail .article {
        margin: 70px 0 0;
        padding: 40px 40px 60px
    }
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvDetail .article {
        margin: 22px 0 0;
        padding: 20px 15px 50px
    }
}

.rakurakuyutabi-tvDetail .article__titleArea__title {
    color: #665c3d;
    font-weight: bold
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvDetail .article__titleArea__title {
        font-size: 200%;
        margin-bottom: 4 px;
        letter-spacing: 2.2px
    }
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvDetail .article__titleArea__title {
        font-size: 175%;
        margin-bottom: 4px;
        letter-spacing: 0.8px
    }
}

.rakurakuyutabi-tvDetail .article__titleArea__name {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvDetail .article__titleArea__name {
        margin: 0 0 34px
    }
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvDetail .article__titleArea__name {
        font-size: 100%;
        margin: 0 0 25px
    }
}

.rakurakuyutabi-tvDetail .article__titleArea__name::before {
    content: "";
    max-width: 100%;
    height: 1px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #665c3d;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.rakurakuyutabi-tvDetail .article__titleArea__name p {
    color: #665c3d;
    letter-spacing: 3.6px;
    font-weight: bold
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvDetail .article__titleArea__name p {
        font-size: 112.5%;
        margin: 0 0 0 30px
    }
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvDetail .article__titleArea__name p {
        font-size: 100%;
        margin: 0 0 0 20px
    }
}

.rakurakuyutabi-tvDetail .article__titleArea__video {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%
}

.rakurakuyutabi-tvDetail .article__titleArea__video video,
.rakurakuyutabi-tvDetail .article__titleArea__video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.rakurakuyutabi-tvDetail .article__titleArea__text {
    line-height: 1.75;
    letter-spacing: 0.8px;
    margin-top: 23px
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvDetail .article__titleArea__text {
        margin-top: 20px
    }
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvDetail .article__information {
        margin-top: 44px
    }
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvDetail .article__information {
        margin-top: 30px
    }
}

.rakurakuyutabi-tvDetail .article__information__title {
    color: #665c3d;
    font-weight: bold;
    border-bottom: 1px solid #665c3d;
    font-size: 137.5%;
    letter-spacing: 0.8px
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvDetail .article__information__title {
        font-size: 162.5%;
        padding-bottom: 8px;
        margin-bottom: 25px
    }
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvDetail .article__information__title {
        padding-bottom: 5px;
        margin-bottom: 15px
    }
}

.rakurakuyutabi-tvDetail .article__information__subtitle {
    color: #665c3d;
    font-weight: bold;
    margin-bottom: 15px;
    letter-spacing: 0.8px;
    font-size: 112.5%
}

.rakurakuyutabi-tvDetail .article__information__table {
    border: 1px solid #665c3d;
    width: 100%
}

.rakurakuyutabi-tvDetail .article__information__table tr {
    vertical-align: middle;
    letter-spacing: 0.8px
}

.rakurakuyutabi-tvDetail .article__information__table tr+tr {
    border-top: 1px solid #665c3d
}

.rakurakuyutabi-tvDetail .article__information__table tr th {
    text-align: left;
    background-color: #f7f7f5;
    color: #665c3d
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvDetail .article__information__table tr th {
        width: 22%;
        padding: 11px 10px 10px 27px
    }
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvDetail .article__information__table tr th {
        width: 30%;
        padding: 8px 6px 8px
    }
}

.rakurakuyutabi-tvDetail .article__information__table tr td {
    text-align: left;
    background-color: #fff
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvDetail .article__information__table tr td {
        padding: 11px 14px 10px
    }
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvDetail .article__information__table tr td {
        padding: 8px 9px 8px
    }
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvDetail .article__information__table+.article__information__subtitle {
        margin-top: 30px
    }
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvDetail .article__information__table+.article__information__subtitle {
        margin-top: 20px
    }
}

.rakurakuyutabi-tvDetail .article__information__tagList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvDetail .article__information__tagList {
        margin-top: 20px
    }
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvDetail .article__information__tagList {
        margin-top: 24px
    }
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvDetail .article__information__tagList>li {
        margin: 20px 15px 0 0
    }
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvDetail .article__information__tagList>li {
        margin: 18px 19px 0 0
    }
}

.rakurakuyutabi-tvDetail .article__information__tagList>li>a {
    display: block;
    color: #fff;
    background-color: #665c3d
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvDetail .article__information__tagList>li>a {
        letter-spacing: 0.8px;
        padding: 8px 14px 6px;
        font-size: 80%
    }
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvDetail .article__information__tagList>li>a {
        letter-spacing: 1.6px;
        padding: 6px 13px 6px 16px;
        font-size: 100%
    }
}

.rakurakuyutabi-tvDetail .article h2 {
    position: relative;
    color: #665c3d;
    border-bottom: 2px #665c3d solid;
    font-size: 137.5%;
    letter-spacing: normal;
    font-weight: bold
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvDetail .article h2 {
        font-size: 162.5%;
        padding: 0 0 11px 37px;
        margin-top: 60px
    }
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvDetail .article h2 {
        padding: 0 0 10px 33px;
        margin-top: 44px
    }
}

.rakurakuyutabi-tvDetail .article h2::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background: url("/wp/wp-content/themes/fcnt/assets/img/rakurakuyutabi-tv/img_decoration01.png");
    left: 0;
    top: 7px
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvDetail .article h2::before {
        top: 8px
    }
}

.rakurakuyutabi-tvDetail .article h3 {
    color: #665c3d;
    letter-spacing: normal;
    font-size: 133%;
    font-weight: bold
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvDetail .article h3 {
        margin: 35px 0 -17px
    }
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvDetail .article h3 {
        letter-spacing: normal;
        margin: 17px 0 -19px
    }
}

.rakurakuyutabi-tvDetail .article>p {
    letter-spacing: 0.8px;
    font-weight: normal;
    margin-top: 24px;
    line-height: 1.75
}

.rakurakuyutabi-tvDetail .article>p>img {
    height: auto
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvDetail .article>p>img {
        margin-top: 30px;
        width: 100%
    }
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvDetail .article>p>img {
        margin: 17px -4px 0;
        width: calc(100% + 8px)
    }
}

.rakurakuyutabi-tvDetail .article>table {
    width: 100%;
    border: 1px solid #665c3d
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvDetail .article>table {
        margin-top: 30px
    }
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvDetail .article>table {
        margin-top: 26px
    }
}

.rakurakuyutabi-tvDetail .article>table thead>tr>th {
    text-align: center;
    background-color: #665c3d;
    color: #fff
}

.rakurakuyutabi-tvDetail .article>table thead>tr>th+th {
    border-left: 1px solid #fff
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvDetail .article>table thead>tr>th {
        padding: 7px 0 6px
    }
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvDetail .article>table thead>tr>th {
        padding: 13px 0 11px
    }
}

.rakurakuyutabi-tvDetail .article>table tr {
    letter-spacing: 1.2px
}

.rakurakuyutabi-tvDetail .article>table tr+tr {
    border-top: 1px solid #665c3d
}

.rakurakuyutabi-tvDetail .article>table tr th {
    text-align: left;
    background-color: #f7f7f5;
    color: #665c3d
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvDetail .article>table tr th {
        padding: 12px 0 11px 21px
    }
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvDetail .article>table tr th {
        padding: 12px 0 11px 18px
    }
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvDetail .article>table tr th:first-child {
        width: 23.4%
    }
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvDetail .article>table tr th:first-child {
        width: 36%
    }
}

.rakurakuyutabi-tvDetail .article>table tr td {
    background-color: #fff
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvDetail .article>table tr td {
        padding: 12px 15px 11px 24px
    }
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvDetail .article>table tr td {
        padding: 12px 15px 11px 18px
    }
}

.rakurakuyutabi-tvDetail .article .chart .headding {
    font-size: 112.5%;
    text-align: center;
    font-weight: bold;
    color: #000;
    margin-top: 17px
}

.rakurakuyutabi-tvDetail .article .chart .wrap {
    width: 100%;
    margin: 15px auto 0
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvDetail .article .chart .wrap {
        width: 50%
    }
}

.rakurakuyutabi-tvDetail .article .chart .itemList {
    margin-top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvDetail .article .chart .itemList {
        display: block
    }
}

.rakurakuyutabi-tvDetail .article .chart .itemList__item {
    position: relative;
    margin-left: 10px;
    margin-top: 10px;
    padding-left: 45px
}

.rakurakuyutabi-tvDetail .article .chart .itemList__item::before {
    content: "";
    position: absolute;
    width: 38px;
    height: 18px;
    border: 2px solid #0c7810;
    background-color: #88b987;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.rakurakuyutabi-tvDetail .article .chart .itemList__item--average::before {
    border: 2px solid #a1a1a1;
    background-color: #c6c6c6
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvDetail .article .chart .itemList__item {
        display: block
    }
}

.rakurakuyutabi-tvDetail .article .chart .itemList+.wrap {
    margin-top: 0
}

.rakurakuyutabi-tvDetail .article #ez-toc-container {
    padding: 0;
    background: none;
    border: none;
    display: block;
    font-size: 100%
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvDetail .article #ez-toc-container {
        margin-top: 60px
    }
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvDetail .article #ez-toc-container {
        margin: 50px -4px 0
    }
}

.rakurakuyutabi-tvDetail .article #ez-toc-container.nodisplay {
    display: none
}

.rakurakuyutabi-tvDetail .article #ez-toc-container .ez-toc-title {
    text-align: center;
    color: #fff;
    background-color: #665c3d;
    font-size: 125%
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvDetail .article #ez-toc-container .ez-toc-title {
        line-height: 48px
    }
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvDetail .article #ez-toc-container .ez-toc-title {
        line-height: 36px
    }
}

.rakurakuyutabi-tvDetail .article #ez-toc-container .ez-toc-title-container+.toc_list {
    margin-top: 0
}

.rakurakuyutabi-tvDetail .article #ez-toc-container .ez-toc-list {
    border: 2px solid #665c3d;
    border-top: none;
    margin-top: 0;
    background-color: #fff
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvDetail .article #ez-toc-container .ez-toc-list {
        padding: 28px 37px
    }
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvDetail .article #ez-toc-container .ez-toc-list {
        padding: 21px 22px
    }
}

.rakurakuyutabi-tvDetail .article #ez-toc-container .ez-toc-list>li {
    font-size: 100%
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvDetail .article #ez-toc-container .ez-toc-list>li:not(:first-child) {
        margin-top: 20px
    }
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvDetail .article #ez-toc-container .ez-toc-list>li:not(:first-child) {
        margin-top: 10px
    }
}

.rakurakuyutabi-tvDetail .article #ez-toc-container .ez-toc-list>li>a {
    color: #665c3d
}

.rakurakuyutabi-tvDetail .article #ez-toc-container .ez-toc-list>li>a::before {
    font-weight: bold
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvDetail .article #ez-toc-container .ez-toc-list-level-3 {
        margin-left: 2.5em
    }
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvDetail .article #ez-toc-container .ez-toc-list-level-3 {
        margin-left: 1.3em
    }
}

.rakurakuyutabi-tvDetail .article #ez-toc-container .ez-toc-list-level-3>li {
    font-size: 100%
}

@media screen and (min-width: 1001px) {
    .rakurakuyutabi-tvDetail .article #ez-toc-container .ez-toc-list-level-3>li {
        margin-top: 19px
    }
}

@media screen and (max-width: 1000px) {
    .rakurakuyutabi-tvDetail .article #ez-toc-container .ez-toc-list-level-3>li {
        margin-top: 11px
    }
}

.rakurakuyutabi-tvDetail .article #ez-toc-container .ez-toc-list-level-3>li>a {
    color: #665c3d
}

.rakurakuyutabi-tvDetail .article #ez-toc-container .ez-toc-list-level-3>li>a::before {
    content: "・"
}

.rakurakuyutabi-tvDetail .article .ez-toc-section-end {
    padding: 0
}