@charset "UTF-8";
/* reset
----------------------------------------------------------*/
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: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

html {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

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

caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}

q, blockquote {
    quotes: none;
}

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

a img {
    border: none;
}

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

button:focus {
    outline: none;
}

button {
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
}

input[type="text"],
input[type="search"],
input[type="submit"],
input[type="reset"] {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
    outline: none;
}

input[type="submit"],
input[type="reset"] {
    cursor: pointer;
}

/* base
----------------------------------------------------------*/
html {
    height: 100%;
    font-size: 62.5%;
}

body {
    font-family: futura-pt, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.7;
    color: #303030;
    -webkit-text-size-adjust: 100%;
}

.ie body {
    font-family: futura-pt, "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body.hbg-on {
    overflow: hidden;
}

@media all and (-ms-high-contrast: none) {
    body {
        font-family: futura-pt, "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
    -ms-interpolation-mode: bicubic;
    touch-callout: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-touch-callout: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-drag: none;
}

a {
    text-decoration: none;
    color: #303030;
}

a:hover {
    -moz-transition: opacity 0.23s ease-in-out;
    -o-transition: opacity 0.23s ease-in-out;
    -webkit-transition: opacity 0.23s ease-in-out;
    transition: opacity 0.23s ease-in-out;
    opacity: 0.5;
}

.f-futura {
    font-family: Futura, futura-pt, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.f-teko {
    font-family: 'Teko', sans-serif;
    font-weight: 500;
}

.wrapper {
    position: relative;
    margin: 0 auto;
}

.col3:after,
.col2:after {
    content: "";
    clear: both;
    display: block;
}

.fl-l {
    float: left;
}

.fl-r {
    float: right;
}

.txt-l {
    text-align: left;
}

.txt-c {
    text-align: center;
}

.txt-r {
    text-align: right;
}

@media (min-width: 769px) {
    .sp-mode {
        display: none !important;
    }
}

@media only screen and (max-width: 768px) {
    .pc-mode {
        display: none !important;
    }

    .fl-l,
    .fl-r {
        float: none;
    }
}

/* contents
----------------------------------------------------------*/
.contents {
    position: relative;
    /* overflow: hidden; */
    background: #fff;
    z-index: 99;
}

.ttl01 {
    font-size: 45px;
    font-size: 4.5rem;
    font-weight: bold;
    letter-spacing: 0.024em;
}

.ttl02 {
    font-size: 27px;
    font-size: 2.7rem;
    font-weight: bold;
    letter-spacing: 0.017em;
}

.ttl03 {
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
}

.ttl04 {
    font-size: 31px;
    font-size: 3.1rem;
}

.sub-ttl01 {
    font-size: 16px;
    font-size: 1.6rem;
    color: #8b8b8b;
    letter-spacing: 0.03em;
}

.sub-ttl02 {
    font-size: 22px;
    font-size: 2.2rem;
    color: #fff;
    letter-spacing: 0.03em;
    font-weight: bold;
}

.recommend-posts {
    padding: 0 20px 9px;
}

.recommend-posts .inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 0 0;
}

.recommend-posts .head {
    overflow: hidden;
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 0 53px;
    line-height: 1;
    letter-spacing: 0.07em;
}

.head-add-area .inner {
    padding: 30px 20px;
    text-align: center;
}

.head-add-area .inner > div {
    display: inline-block;
    vertical-align: top;
}

.head-add-area .inner a:hover {
    opacity: 1;
}

@media only screen and (max-width: 768px) {
    .ttl01 {
        font-size: 30px;
        font-size: 3rem;
        letter-spacing: normal;
    }

    .ttl02 {
        font-size: 16px;
        font-size: 1.6rem;
    }

    .ttl03 {
        font-size: 16px;
        font-size: 1.6rem;
    }

    .ttl04 {
        font-size: 22px;
        font-size: 2.2rem;
    }

    .sub-ttl02 {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .recommend-posts {
        padding: 0;
        margin-bottom: 30px;
    }

    .recommend-posts .link-list{
        padding-left: 4%;
        padding-right: 4%;
    }
    .recommend-posts .inner {
        padding: 0 0 0;
    }

    .recommend-posts .head {
        padding: 0 0 26px;
        letter-spacing: 0.17em;
    }
    .recommend-posts .head h2{
        margin: 0;
        padding: 14px 4% 14px;
        background: #f3f3f3;
        text-align: left;
        font-weight: bold;
        font-size: 19px;
        font-size: 1.9rem;
    }

    .head-add-area .inner {
        padding: 30px 0;
        text-align: center;
    }
}

/* home 2column */
body.home .ttl01 {
    font-size: 45px;
    font-size: 4.5rem;
    font-weight: bold;
    letter-spacing: 0.024em;
}

body.home .ttl02 {
    font-size: 27px;
    font-size: 2.7rem;
    font-weight: bold;
    letter-spacing: 0.017em;
}

body.home .ttl03 {
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
}

body.home .ttl04 {
    font-size: 31px;
    font-size: 3.1rem;
}

body.home .sub-ttl01 {
    font-size: 16px;
    font-size: 1.6rem;
    color: #8b8b8b;
    letter-spacing: 0.03em;
}

body.home .sub-ttl02 {
    font-size: 22px;
    font-size: 2.2rem;
    color: #fff;
    letter-spacing: 0.03em;
    font-weight: bold;
}

body.home .recommend-posts {
    padding: 0 20px 9px;
}

body.home .recommend-posts .inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 0 0;
}

body.home .recommend-posts .head {
    overflow: hidden;
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 0 53px;
    line-height: 1;
    letter-spacing: 0.07em;
}

body.home .head-add-area .inner {
    padding: 30px 20px;
    text-align: center;
}

body.home .head-add-area .inner > div {
    display: inline-block;
    vertical-align: top;
}

body.home .head-add-area .inner a:hover {
    opacity: 1;
}

@media only screen and (max-width: 768px) {
    body.home .ttl01 {
        font-size: 30px;
        font-size: 3rem;
        letter-spacing: normal;
        padding-top: 20px;
    }

    body.home .ttl02 {
        font-size: 16px;
        font-size: 1.6rem;
    }

    body.home .ttl03 {
        font-size: 16px;
        font-size: 1.6rem;
    }

    body.home .ttl04 {
        font-size: 22px;
        font-size: 2.2rem;
    }

    body.home .sub-ttl02 {
        font-size: 14px;
        font-size: 1.4rem;
    }

    body.home .recommend-posts {
        padding: 0 4% 9px;
    }

    body.home .recommend-posts .inner {
        padding: 0 0 0;
    }

    body.home .recommend-posts .head {
        padding: 0 0 26px;
        letter-spacing: 0.17em;
    }

    body.home .head-add-area .inner {
        padding: 30px 0;
        text-align: center;
    }
}

/* header
----------------------------------------------------------*/
.global-header {
    position: relative;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
}

.global-header.top .head {
    display: none;
}

.global-header.top .global-nav .main-nav {
    padding: 0 0 0 3.96825%;
}

.global-header.top .global-nav .main-nav .main-link {
    position: relative;
}

.global-header.top .global-nav .main-nav .main-link a {
    padding: 0 26px 0 0;
}

.global-header.top .global-nav .main-nav .sub-link {
    margin: 0 -13px 0 0;
}

.global-header.top .global-nav .main-nav .mega-menu {
    left: -13px;
}

.global-header.top .global-nav .main-link > a {
    letter-spacing: 0.11em;
    font-weight: normal;
    line-height: 23px;
}

.global-header.top .global-nav .main-link .sub-link a {
    padding: 0 10px 0 10px;
}

.global-header.top .global-nav a {
    font-size: 19px;
    font-size: 1.9rem;
}

.global-header.top .global-nav .white {
    width: 180px;
    padding: 0;
    background: #f4f4f4 url(../images/bg-white-nav.png) no-repeat 0 -25px;
}

.global-header.top .global-nav .white > ul {
    padding: 0 6px 0 0;
    line-height: 23px;
}

.global-header.top .global-nav .search a {
    width: 15px;
}

.global-header.top .global-nav .search img {
    margin: 0 0 2px;
}

.global-header.top .global-nav .sns a {
    width: 14px;
}

.global-header.top .global-nav .sns img {
    margin: 0 0 3px;
}

.global-header.top .global-nav .mail a {
    width: 15px;
}

.global-header.top .global-nav .en a {
    width: 19px;
}

.global-header.top .global-nav .en img {
    margin: 0 0 2px;
}

.global-header .header-wrap {
    background-color: #fff;
}
.global-header.fix-header .header-wrap {
    padding-bottom: 6px;
}
.global-header .header-wrap > div {
    margin: 0 auto;
}
.global-header .header-wrap .header-top-block {
    display: flex;
    max-width: 1080px;
}
.global-header.fix-header .header-wrap .header-top-block {
    padding-bottom: 5px;
}

.global-header .head {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 8px 0 0 30px;
    background: #979898;
}

.global-header .logo {
    width: 150px;
}

.global-header .nav-wrap > .logo {
    width: 60px;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 6px;
}

.global-header .logo a {
    display: block;
}

.global-header .logo img {
    width: 100%;
}

.global-header .global-nav {
    table-layout: fixed;
    width: 1080px;
    margin: 0 auto;
}

.global-header .header-top-banner {
    display: none;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .global-header .global-nav {
        width: auto;
    }
}

.global-header .global-nav .link {
    display: flex;
    justify-content: space-between;
    padding: 0px;
    font-size: 0;
    vertical-align: top;
}

.global-header .global-nav .mega-menu {
    position: absolute;
    top: 100%;
    left: 5%;
    z-index: 99999;
}

.global-header .global-nav .mega-menu.head-search {
    top: 0px;
}

.global-header .global-nav .mega-menu.head-sns {
    left: 0;
}

.global-header .global-nav .mega-menu a:hover {
    text-decoration: none;
    -moz-transition: color 0.23s ease-in-out;
    -o-transition: color 0.23s ease-in-out;
    -webkit-transition: color 0.23s ease-in-out;
    transition: color 0.23s ease-in-out;
    color: #e9e9e9;
}

.global-header .global-nav .white {
    width: 205px;
    padding: 0;
    background: #f4f4f4 url(../images/bg-white-nav.png) no-repeat top left;
}

.global-header .global-nav .white > ul {
    padding: 0 19px 0 0;
    text-align: right;
    line-height: 48px;
}

.global-header .global-nav .white > ul img {
    width: 100%;
}

.global-header .global-nav .white .main-link {
    margin: 0 0 0 27px;
}

.global-header .global-nav .white .main-link > a {
    position: relative;
    display: block;
    padding: 0;
}

.global-header .global-nav .white .main-link > a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -20px;
    width: 10px;
    height: 12px;
    background-image: url('../images/sprite-sbc42361294.png');
    background-position: 0 -74px;
    background-repeat: no-repeat;
    -moz-background-size: 196px auto;
    -o-background-size: 196px auto;
    -webkit-background-size: 196px auto;
    background-size: 196px auto;
    display: inline-block;
    overflow: hidden;
    text-indent: -9999px;
    vertical-align: middle;
    vertical-align: top;
    margin: -5px 0 0;
}

.global-header .global-nav .white .main-link > a img {
    vertical-align: middle;
}

.global-header .global-nav .white .main-link:first-child {
    margin: 0;
}

.global-header .global-nav .white .main-link:first-child > a:before {
    display: none;
}

.global-header .global-nav .main-nav {
    text-align: center;
}

.global-header .global-nav .main-nav .main-link {
    position: relative;
}

.global-header .global-nav .main-nav .main-link a {
    padding: 0 9px 0 7px;
}

.global-header .global-nav .main-nav .main-link a.on {
    -moz-transition: opacity 0.23s ease-in-out;
    -o-transition: opacity 0.23s ease-in-out;
    -webkit-transition: opacity 0.23s ease-in-out;
    transition: opacity 0.23s ease-in-out;
    opacity: 0.5;
}

.global-header .global-nav .main-nav .main-link.currentH {
}

.global-header .global-nav .main-nav .main-link.currentH > a {
}

.global-header .global-nav .main-nav .main-link.currentH > a > span {
    border-bottom: solid 1px #fff;
}

.global-header .global-nav .main-nav .mega-menu a {
    background: #979898;
}

.global-header .global-nav .main-nav .mega-menu a:hover {
    opacity: 1;
}

.global-header .global-nav .main-nav .mega-menu a:hover span {
    -moz-transition: opacity 0.23s ease-in-out;
    -o-transition: opacity 0.23s ease-in-out;
    -webkit-transition: opacity 0.23s ease-in-out;
    transition: opacity 0.23s ease-in-out;
    opacity: 0.5;
}

.global-header .global-nav .main-link {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: left;
}

.global-header .global-nav .main-link > a {
    display: block;
    line-height: 35px;
    letter-spacing: 0.1em;
}

.global-header .global-nav .main-link .sub-link a {
    padding: 0 10px 0 10px;
}

.global-header .global-nav .sub-link {
    white-space: nowrap;
}

.global-header .global-nav .sub-link a {
    display: block;
    padding: 5px 10px;
    letter-spacing: 0.023em;
}

.global-header .global-nav a {
    color: #fff;
    font-size: 20px;
}

.global-header .global-nav .search a {
    width: 15px;
    margin: 1px 0 0;
}

.global-header .global-nav .search a.on {
    background: url(../fonts/close.svg) no-repeat;
    -moz-background-size: 14px 14px;
    -o-background-size: 14px 14px;
    -webkit-background-size: 14px 14px;
    background-size: 14px 14px;
    background-position: center left;
}

.global-header .global-nav .search a.on img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

.global-header .global-nav .sns a {
    width: 14px;
}

.global-header .global-nav .mail a {
    width: 15px;
}

.global-header .global-nav .en a {
    width: 20px;
}

.global-header .global-nav .head-search {
    width: 100% !important;
    background: none;
    text-align: right;
    left: 0;
}

.global-header .global-nav .head-search div {
    display: inline-block;
    border: solid 3px #9f9f9f;
    background: #f4f4f4;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 3px 10px 1px;
}

.global-header .global-nav .head-search form {
    position: relative;
    height: 40px;
}

.global-header .global-nav .head-search .text-box {
    font-size: 30px;
    height: 30px;
    /*border-bottom: 1px solid #bebebe; */
    background: none;
    width: 100%;
}

.global-header .global-nav .head-search ::-webkit-input-placeholder {
    font-size: 24px;
    opacity: 0.4;
}

.global-header .global-nav .head-search ::-moz-placeholder {
    font-size: 24px;
    opacity: 0.4;
}

.global-header .global-nav .head-search :-ms-input-placeholder {
    font-size: 24px;
    opacity: 0.4;
}

.global-header .global-nav .head-search .btn-search {
    position: absolute;
    top: 7px;
    right: 50px;
    z-index: 1;
    height: 25px;
    width: 25px;
    background: #f4f4f4 url(../fonts/search.svg) no-repeat top left;
    -moz-background-size: 25px 25px;
    -o-background-size: 25px 25px;
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
    text-indent: -9999px;
    font-size: 12px;
    font-size: 1.2rem;
}

.global-header .global-nav .head-search .btn-close {
    position: absolute;
    top: 7px;
    right: 2px;
    z-index: 1;
    height: 25px;
    width: 25px;
    background: #f4f4f4 url(../fonts/close.svg) no-repeat top left;
    -moz-background-size: 25px 25px;
    -o-background-size: 25px 25px;
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
    text-indent: -9999px;
    font-size: 12px;
    font-size: 1.2rem;
    border: none;
    cursor: pointer;
}

.global-header .global-nav .head-sns {
    width: 100% !important;
    background: none;
    text-align: right;
}

.global-header .global-nav .head-sns .box {
    display: inline-block;
    background: #f4f4f4;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 0 14px;
}

.global-header .global-nav .head-sns .box-inner {
    display: table;
    table-layout: fixed;
}

.global-header .global-nav .head-sns h3 {
    display: table-cell;
    width: 158px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0px 0 14px;
    text-align: center;
    color: #8b8b8b;
    vertical-align: middle;
}

.global-header .global-nav .head-sns .head-sns-list {
    display: table-cell;
    width: 272px;
    vertical-align: middle;
}

.global-header .global-nav .head-sns .head-sns-list div {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.global-header .global-nav .head-sns .head-sns-list p {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    line-height: 1;
}

.global-header .global-nav .head-sns .head-sns-list p a {
    display: inline-block;
}

.global-header .global-nav .head-sns .head-sns-list p img {
    width: 18px;
    margin: 0 auto;
    max-width: inherit;
    vertical-align: baseline;
}

.global-header .btn-menu {
    position: absolute;
    top: 0;
    left: 0;
    height: 37px;
    width: 37px;
}

.global-header #btn-menu-sp.btn-menu {
    display: none;
}

.global-header #btn-menu-pc.btn-menu {
    display: block;
}

.global-header .hbg-btn-wrap {
    display: block;
    position: relative;
    width: 41px;
    height: 41px;
    z-index: 0;
    margin-left: 10px;
}

.global-header .btn-menu span {
    display: block;
    position: absolute;
    left: 0;
    z-index: 1;
    height: 2px;
    width: 30px;
    background: #979898;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.global-header .btn-menu .bar01 {
    top: 5px;
}

.global-header .btn-menu .bar02 {
    top: 17.5px;
}

.global-header .btn-menu .bar03 {
    bottom: 5px;
}

.global-header .btn-menu.on .bar01 {
    -moz-transform: translateY(8px) rotate(-135deg);
    -ms-transform: translateY(8px) rotate(-135deg);
    -webkit-transform: translateY(8px) rotate(-135deg);
    transform: translateY(8px) rotate(-135deg);
    top: 14px
}

.global-header .btn-menu.on .bar02 {
    opacity: 0;
}

.global-header .btn-menu.on .bar03 {
    -moz-transform: translateY(-7px) rotate(135deg);
    -ms-transform: translateY(-7px) rotate(135deg);
    -webkit-transform: translateY(-7px) rotate(135deg);
    transform: translateY(-7px) rotate(135deg);
    bottom: 5px;
}

.global-header .white-area {
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    width: 102px;
    padding: 0 14px 0 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: right;
}

.global-header .white-area .main-link {
    margin: 13px 0 0;
    display: inline-block;
    vertical-align: top;
}

.global-header .white-area .main-link > a {
    display: inline-block;
    vertical-align: top;
    line-height: 1;
}

.global-header .white-area .main-link:first-child:before {
    display: none;
}

.global-header .white-area .main-link.search a.on {
    width: 13px;
    height: 13px;
    background: url(../images/close.svg) no-repeat;
    -moz-background-size: 13px 13px;
    -o-background-size: 13px 13px;
    -webkit-background-size: 13px 13px;
    background-size: 13px 13px;
}

.global-header .white-area .main-link.search a.on img {
    display: none;
}

.global-header .white-area .search a {
    width: 15px;
    margin: 1px 0 0;
}

.global-header .white-area .en a {
    margin: 3px 0 0;
    width: 16px;
}

.global-header .hbg-nav-wrap {
    width: 400px;
    position: fixed;
    top: -3px;
    right: 0px;
    background-color: #fff;
    border-top: 3px solid #000;
    border-left: 3px solid #000;
    height: 100vh;
    overflow-y: scroll;

    transition: transform 0.25s linear;
    transform: translate3d(500px, 0px, 0);
    display: block !important;
}
.global-header .hbg-nav-wrap.on {
    transform: translate3d(0, 0, 0);
    -webkit-overflow-scrolling: touch;
}
.global-header .hbg-nav-wrap.on .hbg-nav-header {
    display: flex;
    justify-content: space-between;
}
.global-header .hbg-nav-wrap.on .hbg-nav-header > a{
    position: relative;
    top: 9px;
    right: 10px;
}
.global-header .hbg-nav-wrap.on .nav-wrap-pickup-post {
}

.global-header .hbg-nav-wrap.on .global-nav {
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0px 5.88889% 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
}

.global-header .hbg-nav-wrap.on .global-nav .main-nav.link{
    padding-left: 10px;
    margin-bottom: 15px;
    display: block;
}

.global-header .hbg-nav-wrap.on .global-nav .main-nav .main-link {
    position: relative;
    margin:0;
    display: block;
}
.global-header .hbg-nav-wrap.on .global-nav .main-nav .main-link a{
    padding: 4px 0 4px;
    line-height: 27px;
}
.global-header .hbg-nav-wrap.on .global-nav .main-nav .main-link a span.ja{
    margin-left: 25px;
    font-size: 13px;
    color: #999;
    position: relative;
    top: -1px;
}

.global-header .hbg-nav-wrap.on .nav-wrap-backnumber {
    width: auto;
    margin-left: 0;
}
.global-header .hbg-nav-wrap.on .nav-wrap-members {
    margin-left: 10px;
    margin-right: 10px;
}

.global-header .hbg-nav-wrap.on .sns-list {
    margin: 20px 10px;
    font-size: 0;
    width: auto;
    text-align: center;
    display: flex;
}
.global-header .hbg-nav-wrap.on .sns-list li{
    display: inline-block;
    width: 15%;
    margin: 0 5px 5px 0;
    vertical-align: top;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
}
.global-header .hbg-nav-wrap.on .sns-list li a{
    display: block;
    color: #303030;
}
.global-header .hbg-nav-wrap.on .sns-list li .icon div{
    position: relative;
    width: 100%;
    padding: 100% 0 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #3c3c3c;
    line-height: 1;
    text-align: center;
}
.global-header .hbg-nav-wrap.on .sns-list li .icon div p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.global-header .hbg-nav-wrap.on .sns-list li .icon img {
    width: 100%;
}

.global-header .hbg-nav-wrap.on .foot-link {
    margin: 15px 0 0;
    padding: 0px 8.88889% 28px;
}
.global-header .hbg-nav-wrap.on .foot-link > div {
    padding-left: 10px;
}
.global-header .hbg-nav-wrap.on .foot-link > div:nth-of-type(1n+2) {
    padding-top: 15px;
}

.global-header .hbg-nav-wrap.on .foot-link h4 {
    display: flex;
    align-items: center;
    margin: 0px;
    font-size: 2rem;
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0.1em;
}
.global-header .hbg-nav-wrap.on .foot-link li {
    margin: 0 0 1px;
    padding-left: 10px;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.9;
    letter-spacing: 0.06em;
}

body.home .global-header .underlayer-wrap {
    margin-top: 0px;
}

.global-header.fix-header .underlayer-wrap {
    margin-top: 0px;
}
.global-header .underlayer-wrap {
    width: 100%;
    background: #f3f3f3;
    margin-top: 15px;
}

.global-header .underlayer-wrap > ul{
    margin: 0 auto;
    max-width: 1200px;
}

.global-header .underlayer-wrap > ul > li{
    display: none;
}

.global-header .underlayer-wrap > ul > li.on{
    display: block;
}

.global-header .underlayer-wrap .underlayer ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 15px 0px 15px;
}

.global-header .underlayer-wrap .underlayer ul li{
    padding-right: 5px;
    color: #303030;
    font-size: 1.5rem;
    line-height: 20px;
    letter-spacing: 0.1em;
}
.global-header .underlayer-wrap .underlayer ul li:nth-of-type(1) {
    padding-left: 0px;
}

.global-header .underlayer-wrap .underlayer ul li:after {
    content: '|';
    font-size: 15px;
    color: #aaaaaa;
}

.global-header .underlayer-wrap .underlayer ul li:last-of-type:after {
    content: '';
}

.global-header .nav-wrap-pickup-post {
    background-color: #333;
    padding: 10px;
}
.global-header .nav-wrap-pickup-post a {
    display: flex;
    align-items: center;
}
.global-header .nav-wrap-pickup-post p {
    width: 60vw;
    font-size: 13px;
    color: #fff;
    margin-left: 15px;
}
.global-header .nav-wrap-pickup-post .nav-wrap-pickup-post-img-wrap {
    width: 45vw;
    min-height: 20vh;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.global-header .nav-wrap-accent-link {
    margin-bottom: 15px;
}
.global-header .nav-wrap-pickup-post.is-accent-link {
    background-color: #e7e7e7;
    padding: 20px 10px;
}
.global-header .nav-wrap-pickup-post.is-accent-link a {
    align-items: stretch;
}
.global-header .nav-wrap-pickup-post.is-accent-link .nav-wrap-pickup-post-img-wrap {
    min-height: auto;
}
.global-header .nav-wrap-pickup-post.is-accent-link .nav-wrap-pickup-post-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.global-header .nav-wrap-pickup-post.is-accent-link p {
    color: #555;
}
.global-header .nav-wrap-pickup-post.is-accent-link .accent-link-label {
    display: inline-block;
    font-weight: bold;
    background-color: #fff;
    padding: 0 8px;
    line-height: 2;
    margin-bottom: 10px;
}
.global-header .nav-wrap-pickup-post.is-accent-link .accent-link-head {
    font-weight: bold;
}
.global-header .nav-wrap-pickup-tags {
    display: flex;
    padding: 0px 10px 10px;
}
.global-header .nav-wrap-pickup-tags h3 {
    position: relative;
    min-width: 50px;
    margin-right: 10px;
    text-align: left;
    top: 0px;
}
.global-header .nav-wrap-pickup-tags li {
    display: inline-block;
    font-size: 13px;
    margin: 0 10px 10px 0;
    text-align: center;
    vertical-align: top;
    line-height: 1.4;
    border: 1px solid #333;

    background: #000;
    box-sizing: border-box;
    letter-spacing: 0.03em;
    padding: 4px 10px 4px;
    min-width: 77px;
    border-radius: 15px;
}
.global-header .nav-wrap-pickup-tags li a {
    color: #fff;
}
.global-header .nav-wrap-backnumber {
    width: 100vw;
    margin-left: -10.8%;
    background-color: #e7e7e7;
}
.global-header .nav-wrap-backnumber a {
    display: flex;
    padding-top: 15px;
    padding-bottom: 15px;
}
.global-header .nav-wrap-backnumber .nav-wrap-backnumber-img-wrap {
    width: 200px;
    background-size: contain;
    background-color: #e7e7e7;
    background-repeat: no-repeat;
    background-position: center top;
}
.global-header .nav-wrap-backnumber .nav-wrap-backnumber-text-wrap {
    width: 200px;
    padding: 0px 10px;
}
.global-header .nav-wrap-backnumber .nav-wrap-backnumber-text-wrap h3 {
    font-size: 14px;
    line-height: 20px;
}
.global-header .nav-wrap-backnumber .nav-wrap-backnumber-text-wrap .nav-wrap-backnumber-date {
    font-size: 11px;
}
.global-header .nav-wrap-backnumber .nav-wrap-backnumber-text-wrap h4 {
    font-size: 11px;
    padding-top: 15px;
    line-height: 20px;
}
.global-header .nav-wrap-backnumber .nav-wrap-backnumber-text-wrap h4 span {
    display: block;
    font-size: 16px;
    line-height: 1.7;
}
.global-header .nav-wrap-backnumber .nav-wrap-backnumber-text-wrap .nav-wrap-backnumber-lead {
    font-size: 11px;
    padding-top: 5px;
    word-wrap: break-word;
}

.global-header .nav-wrap-members {
    border: 1px solid #333;
    margin-top: 20px;
    margin-left: -8%;
    margin-right: -8%;
    padding: 15px 20px;
}
.global-header .nav-wrap-members p {
    font-size: 12px;
    margin-bottom: 10px;
}
.global-header .nav-wrap-members a {
    background-color: #333;
    width: 100%;
    display: block;
    text-align: center;
    line-height: 37px;
}
.global-header .nav-wrap-members a span{
    color: #fff;
    font-size: 17px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .global-header.top .global-nav {
        padding: 0 0 0 3.96825%;
    }

    .global-header.top .global-nav .main-nav {
        padding: 0;
    }
}

@media screen and (max-width: 1270px) {
    .global-header.top .global-nav .main-nav .main-link > a {
        padding: 0 24px 0 0;
    }
}

@media screen and (max-width: 1259px) {
    .global-header.top .global-nav .main-link > a {
        letter-spacing: 0.05em;
    }
}

@media screen and (max-width: 1220px) {
    .global-header .global-nav a {
        font-size: 17px;
        font-size: 1.7rem;
    }
}

@media screen and (max-width: 1200px) {
    .global-header.top .global-nav a {
        font-size: 17px;
        font-size: 1.7rem;
    }
}

@media screen and (max-width: 1180px) {
    .global-header .global-nav a {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 1140px) {
    .global-header.top .global-nav .main-nav {
        padding: 0 0 0 20px;
    }

    .global-header.top .global-nav .main-nav .main-link > a {
        padding: 0 10px 0 10px;
    }
}

@media screen and (max-width: 1140px) and (-ms-high-contrast: active), screen and (max-width: 1140px) and (-ms-high-contrast: none) {
    .global-header.top .global-nav {
        padding: 0 0 0 20px;
    }

    .global-header.top .global-nav .main-nav {
        padding: 0;
    }
}

@media screen and (max-width: 1130px) {
    .global-header .global-nav a {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 1080px) {
    .global-header .global-nav .main-nav .main-link a {
        padding: 0 10px 0 10px;
    }
}

@media screen and (max-width: 1060px) {
    .global-header .global-nav a {
        font-size: 15px;
        font-size: 1.5rem;
    }

    .global-header .global-nav .main-nav .main-link a {
        padding: 0 9px 0 11px;
    }
}

@media screen and (max-width: 1059px) {
    .global-header .global-nav a {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .global-header .global-nav .main-nav .main-link a {
        padding: 0 9px 0 9px;
    }
}

@media screen and (max-width: 1050px) {
    .global-header.top .global-nav .main-nav {
        padding: 0 0 0 10px;
    }

    .global-header.top .global-nav .main-nav .main-link a {
        padding: 0 8px 0 8px;
    }

    .global-header.top .global-nav a {
        font-size: 19px;
        font-size: 1.9rem;
    }

    .global-header a {
        font-size: 11px;
        font-size: 1.1rem;
    }
}

@media screen and (max-width: 1050px) and (-ms-high-contrast: active), screen and (max-width: 1050px) and (-ms-high-contrast: none) {
    .global-header.top .global-nav {
        padding: 0 0 0 10px;
    }

    .global-header.top .global-nav .main-nav {
        padding: 0;
    }
}

@media screen and (max-width: 1040px) {
    .global-header .head {
        padding: 8px 0 0 10px;
    }

    .global-header .global-nav .link {
        padding: 0 0 0 80px;
    }

    .global-header .global-nav .white {
        padding: 0;
    }
}

@media screen and (max-width: 1000px) {
    .global-header.top .global-nav .main-nav {
        padding: 0 0 0 10px;
    }

    .global-header.top .global-nav a {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

@media screen and (max-width: 1000px) and (-ms-high-contrast: active), screen and (max-width: 1000px) and (-ms-high-contrast: none) {
    .global-header.top .global-nav {
        padding: 0 0 0 10px;
    }

    .global-header.top .global-nav .main-nav {
        padding: 0;
    }
}

@media screen and (max-width: 980px) {
    .global-header .global-nav a {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .global-header .global-nav .main-nav .main-link a {
        padding: 0 8px;
    }
}

@media screen and (max-width: 960px) {
    .global-header.top .global-nav .white {
        width: 155px;
        padding: 0;
    }

    .global-header.top .global-nav .white .main-link {
        margin: 0 0 0 21px;
    }

    .global-header.top .global-nav .white .main-link a:before {
        left: -16px;
    }

    .global-header .global-nav .main-link > a {
        letter-spacing: 0.1em;
    }
}

@media screen and (max-width: 930px) {
    .global-header.top .global-nav a {
        font-size: 17px;
        font-size: 1.7rem;
    }
}

@media screen and (max-width: 900px) {
    .global-header .global-nav .white {
        width: 190px;
        padding: 0;
    }

    .global-header .global-nav .white .main-link:before {
        margin: 2px 4px 0;
    }

    .global-header .global-nav .main-nav .main-link a {
        padding: 0 7px;
    }
}

@media screen and (max-width: 880px) {
    .global-header.top .global-nav .main-nav {
        padding: 0 0 0 5px;
    }

    .global-header.top .global-nav a {
        font-size: 16px;
        font-size: 1.6rem;
    }

    .global-header.top .global-nav .white {
        width: 145px;
    }

    .global-header.top .global-nav .white .main-link:before {
        margin: 2px 3px 0;
    }

    .global-header.top .global-nav .search a {
        width: 12px;
    }

    .global-header.top .global-nav .sns a {
        width: 12px;
    }

    .global-header.top .global-nav .mail a {
        width: 14px;
    }

    .global-header.top .global-nav .en a {
        width: 16px;
    }

    .global-header .global-nav a {
        font-size: 13px;
        font-size: 1.3rem;
    }
}

@media screen and (max-width: 880px) and (-ms-high-contrast: active), screen and (max-width: 880px) and (-ms-high-contrast: none) {
    .global-header.top .global-nav {
        padding: 0 0 0 5px;
    }

    .global-header.top .global-nav .main-nav {
        padding: 0;
    }
}

@media screen and (max-width: 850px) {
    .global-header .head {
        padding: 10px 0 0 10px;
    }

    .global-header .logo {
        width: 50px;
    }

    .global-header .global-nav .link {
        padding: 0 0 0 60px;
    }

    .global-header .global-nav .white {
        width: 156px;
        padding: 0;
    }

    .global-header .global-nav .white > ul {
        padding: 0 10px 0 0;
    }

    .global-header .global-nav .white .main-link {
        margin: 0 0 0 19px;
    }

    .global-header .global-nav .white .main-link > a:before {
        left: -14px;
    }

    .global-header .global-nav a {
        font-size: 13px;
        font-size: 1.3rem;
    }

    .global-header .global-nav .search a {
        width: 12px;
    }

    .global-header .global-nav .sns a {
        width: 12px;
    }

    .global-header .global-nav .mail a {
        width: 14px;
    }

    .global-header .global-nav .en a {
        width: 16px;
    }
}

@media screen and (max-width: 820px) {
    .global-header.top .global-nav a {
        font-size: 15px;
        font-size: 1.5rem;
    }

    .global-header.top .global-nav .main-nav .main-link a {
        padding: 0 7px 0 7px;
    }
}

@media screen and (max-width: 800px) {
    .global-header .global-nav .main-nav .main-link a {
        padding: 0 5px 0 4px;
    }
}

@media screen and (max-width: 768px) {
    .global-header {
        position: relative;
        top: 0;
        left: 0;
        z-index: 99999;
        width: 100%;
        background: #979898;
    }

    .global-header a:hover {
        opacity: 1;
    }

    .global-header.top .head {
        display: block;
    }

    .global-header.top .logo {
        display: none;
    }

    .global-header.top .global-nav .main-nav {
        padding: 0;
    }

    .global-header.top .global-nav .main-nav .main-link {
        position: relative;
    }

    .global-header.top .global-nav .main-nav .main-link a {
        padding: 9px 0 8px;
    }

    .global-header.top .global-nav .main-nav .mega-menu {
        left: inherit;
    }

    .global-header.top .global-nav .main-link > a {
        letter-spacing: 0.02em;
        font-weight: normal;
        line-height: 1;
    }

    .global-header.top .global-nav a {
        font-size: 19px;
        font-size: 1.9rem;
    }

    .global-header .header-wrap .header-top-block {
        display: none;
    }

    .global-header .header-top-banner {
        display: block;
    }
    .global-header .header-top-banner .imanext {
        position: relative;
        background: #000;
        text-align: center;
        height: 56px;
    }
    .global-header .header-top-banner .imanext::before {
        content: '＞';
        color: #fff;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 56px;
        position: absolute;
        top: 0;
        right: 10px;
    }
    .global-header .header-top-banner .imanext a {
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px 40px 0px 40px;
        width: 100%;
        height: 100%;
        color: #fff;
        position: relative;
    }
    .global-header .header-top-banner .imanext a::after {
        width: 12px;
        transform-origin: top right;
        transform: rotate(30deg);
    }

    .global-header .head {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        height: 40px;
        width: 100%;
        padding: 0;
        background: #979898;
    }

    .global-header .hbg-btn-wrap {
        margin-left: 0px;
        height: 56px;
    }
    .global-header .sp-head-search {
        display: none;
        position: absolute;
        top: 40px;
        right: 5%;
        z-index: 999;
        width: 309px;
        background: none;
        border: solid 2px #000;
        width: 90%;
    }

    .global-header .sp-head-search div {
        display: inline-block;
        background: #f4f4f4;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: 4px 25px 7px 22px;
    }

    .global-header .sp-head-search form {
        position: relative;
    }

    .global-header .sp-head-search .text-box {
        /*height: 24px;*/
        border-bottom: 1px solid #bebebe;
        background: none;
        width: 100%;
        font-size: 16px;
        font-size: 1.6rem;
        padding: 3px 0px;
    }

    .global-header .sp-head-search .text-box::-webkit-input-placeholder {
        font-size: 16px;
        font-size: 1.6rem;
    }

    .global-header .sp-head-search .text-box:-ms-input-placeholder {
        font-size: 11px;
        font-size: 1.1rem;
    }

    .global-header .sp-head-search .text-box::-moz-placeholder {
        font-size: 11px;
        font-size: 1.1rem;
    }

    .global-header .sp-head-search .btn-search {
        position: absolute;
        top: 7px;
        right: 10px;
        z-index: 1;
        height: 14px;
        width: 15px;
        background: #f4f4f4 url(../fonts/search.svg) no-repeat top left;
        -moz-background-size: 15px 14px;
        -o-background-size: 15px 14px;
        -webkit-background-size: 15px 14px;
        background-size: 15px 14px;
        text-indent: -9999px;
        font-size: 16px;
    }

    .global-header .sp-head-search .btn-close {
        position: absolute;
        top: 8px;
        right: -50px;
        z-index: 1;
        height: 14px;
        width: 15px;
        background: url(../fonts/close.svg) no-repeat top left;
        -moz-background-size: 15px 14px;
        -o-background-size: 15px 14px;
        -webkit-background-size: 15px 14px;
        background-size: 15px 14px;
        text-indent: -9999px;
        border: none;
        font-size: 16px;
    }

    .global-header .btn-menu {
        position: absolute;
        top: 0;
        left: 8px;
        height: 40px;
        width: 40px;
        cursor: pointer;
    }

    .global-header #btn-menu-sp.btn-menu {
        display: block;
        top: 50%;
        transform: translate(0%, -50%);
        -webkit-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
    }

    .global-header #btn-menu-pc.btn-menu {
        display: none;
    }


    .global-header .btn-menu span {
        display: block;
        position: absolute;
        left: 10px;
        z-index: 1;
        height: 1px;
        width: 20px;
        background: #979898;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }

    .global-header .btn-menu .bar01 {
        top: 11px;
    }

    .global-header .btn-menu .bar02 {
        top: 20px;
    }

    .global-header .btn-menu .bar03 {
        bottom: 10px;
    }

    .global-header .btn-menu.on .bar01 {
        -moz-transform: translateY(8px) rotate(-135deg);
        -ms-transform: translateY(8px) rotate(-135deg);
        -webkit-transform: translateY(8px) rotate(-135deg);
        transform: translateY(8px) rotate(-135deg);
        top: 10px;
    }

    .global-header .btn-menu.on .bar02 {
        opacity: 0;
    }

    .global-header .btn-menu.on .bar03 {
        -moz-transform: translateY(-7px) rotate(135deg);
        -ms-transform: translateY(-7px) rotate(135deg);
        -webkit-transform: translateY(-7px) rotate(135deg);
        transform: translateY(-7px) rotate(135deg);
        bottom: 14px;
    }

    .global-header .white-area {
        position: absolute;
        top: 50%;
        transform: translate(0%, -50%);
        -webkit-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
        height: 40px;
        width: 44px;
        padding: 0 14px 0 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: right;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .global-header .white-area .main-link {
        margin: 0;
        display: inline-block;
        vertical-align: top;
    }

    .global-header .white-area .main-link > a {
        display: inline-block;
        vertical-align: top;
        line-height: 1;
    }
    .global-header .white-area .main-link.search a.on {
        width: auto;
        background-image: none;
    }

    .global-header .white-area .main-link.search a.on img {
        display: block;
    }

    .global-header .white-area .search a {
        width: auto;
        margin: 0;
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
    }
    .global-header .white-area .search a img {
        height: 20px;
        width: auto;
        display: block;
    }

    .global-header .white-area .search a span {
        color: #979898;
        letter-spacing: 0.08em;
        line-height: 1.5;
    }

    .global-header .white-area .store a {
        width: auto;
        margin: 0;
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
    }
    .global-header .white-area .store a img {
        height: 20px;
        width: auto;
        display: block;
    }

    .global-header .white-area .store a span {
        color: #979898;
        letter-spacing: 0.08em;
        line-height: 1.5;
    }

    .global-header .white-area .en a {
        margin: 3px 0 0;
        width: 16px;
    }

    .global-header .logo {
        width: 49px;
        padding: 6px 0 0;
        margin: 0 auto;
    }

    .global-header .logo a {
        display: block;
    }

    .global-header .nav-wrap {
        display: none;
        position: absolute;
        top: auto;
        left: 0;
        z-index: 99999;
        width: 100vw;
        background: #f4f4f4;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .global-header .toggle-btn > a {
        position: relative;
    }

    .global-header .toggle-btn > a:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        z-index: 1;
        width: 10px;
        height: 9px;
        background-image: url('../images/sprite-sbc42361294.png');
        background-position: -15px -37px;
        background-repeat: no-repeat;
        -moz-background-size: 98px auto;
        -o-background-size: 98px auto;
        -webkit-background-size: 98px auto;
        background-size: 98px auto;
        display: inline-block;
        overflow: hidden;
        text-indent: -9999px;
        vertical-align: middle;
        margin: -5px 0 0;
    }

    .global-header .toggle-btn > a.on {
        color: #999a9a;
    }

    .global-header .toggle-btn > a.on:after {
        width: 10px;
        height: 9px;
        background-image: url('../images/sprite-sbc42361294.png');
        background-position: -5px -37px;
        background-repeat: no-repeat;
        -moz-background-size: 98px auto;
        -o-background-size: 98px auto;
        -webkit-background-size: 98px auto;
        background-size: 98px auto;
        display: inline-block;
        overflow: hidden;
        text-indent: -9999px;
        vertical-align: middle;
    }

    .global-header .global-nav {
        width: auto;
        overflow: hidden;
        display: block;
        margin: 0;
        padding: 0px 8.88889% 28px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .global-header .global-nav .link {
        display: block;
        padding: 0 0 0;
    }

    .global-header .global-nav .mega-menu {
        position: relative;
        top: inherit;
        left: inherit;
        background: none;
    }

    .global-header .global-nav .main-nav {
        padding: 0;
    }
    .global-header .global-nav .main-nav.link {
        padding-left: 10px;
        margin-bottom: 15px;
    }

    .global-header .global-nav .main-nav .main-link {
        position: relative;
    }

    .global-header .global-nav .main-nav .main-link.currentH {
        background-color: inherit;
    }

    .global-header .global-nav .main-nav .main-link a {
        padding: 4px 0 4px;
    }

    .global-header .global-nav .main-nav .main-link a span.ja {
        margin-left: 30px;
        font-size: 13px;
        color: #999;
        position: relative;
        top: -1px;
    }
    .global-header .global-nav .main-nav .main-link a span.ja:before {
        content: "|";
        font-size: 13px;
        position: absolute;
        top: -3px;
        left: -13px;
    }

    .global-header .global-nav .main-nav .main-link .sub-link a {
        padding: 1px 0;
    }

    .global-header .global-nav .main-nav .mega-menu {
        left: inherit;
    }

    .global-header .global-nav .main-nav .mega-menu a {
        background: none;
    }

    .global-header .global-nav .main-link {
        margin: 0;
        display: block;
    }

    .global-header .global-nav .main-link > a {
        display: block;
        line-height: 1.5;
        letter-spacing: normal;
    }

    .global-header .global-nav .sub-link {
        margin: 0 0 4px;
        white-space: inherit;
    }

    .global-header .global-nav .sub-link a {
        display: block;
        padding: 5px 10px;
        letter-spacing: 0.023em;
        font-size: 14px;
        font-size: 1.4rem;
    }

    .global-header .global-nav a {
        color: #303030;
        font-size: 19px;
        font-size: 1.9rem;
    }

    .global-header .foot-link {
        margin: 15px 0 0;
        padding: 7px 0 0;
    }

    .global-header .foot-link a {
        display: block;
        font-size: 10px;
        font-size: 1rem;
        padding: 0 0 4px;
    }

    .global-header .foot-link .main-link > a {
        padding: 7px 0 7px;
        font-size: 14px;
        font-size: 1.4rem;
    }

    .global-header .sns-list {
        margin: 20px 0 0 0;
        font-size: 0;
        width: auto;
        text-align: center;
    }

    .global-header .sns-list li {
        display: inline-block;
        width: 15%;
        margin: 0 5px 5px 0;
        vertical-align: top;
        font-size: 14px;
        font-size: 1.4rem;
        text-align: center;
    }

    .global-header .sns-list li:last-child {
        margin-right: 0px;
    }
    .global-header .sns-list li a {
        display: block;
    }

    .global-header .sns-list li .icon div {
        position: relative;
        width: 100%;
        padding: 100% 0 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background: #3c3c3c;
        line-height: 1;
        text-align: center;
    }

    .global-header .sns-list li .icon p {
        position: absolute;
        top: 50%;
        left: 50%;
    }

    .global-header .sns-list li .icon img {
        width: 100%;
    }

    .global-header .hbg-nav-wrap.on {
        width: 100vw;
        border-left: none;
        padding-bottom: 50px;
    }
    .global-header .hbg-nav-wrap.on .global-nav .main-nav .main-link a {
        line-height: 1.5;
    }

    .global-header .hbg-nav-wrap.on .sns-list {
        display: flex;
    }

    .global-header .hbg-nav-wrap.on .foot-link {
        padding-bottom: 80px;
    }
    .global-header .hbg-nav-wrap.on .foot-link h4 a  {
        font-size: 16px;
        font-size: 1.6rem;
    }

    .global-header .hbg-nav-wrap.on .foot-link h4 a:after  {
        display: none;
    }
    .global-header .hbg-nav-wrap.on .foot-link .toggle-area a {
        font-size: 12px;
        font-size: 1.2rem;
    }
}

/* footer
----------------------------------------------------------*/
.global-footer {
    position: relative;
    z-index: 9;
    color: #c4c4c4;
    margin-top: 60px;
}

.global-footer a {
    color: #c4c4c4;
}

.global-footer h3 {
    color: #fff;
}

.global-footer .ttl02 {
    line-height: 1.1;
    letter-spacing: 0.01em;
}

.global-footer .foot01 {
    padding: 0 20px;
    background: #303030;
}

.global-footer .foot01 .inner {
    max-width: 770px;
    margin: 0 auto;
    padding: 70px 0 50px;
}

.global-footer .foot01 .sns-list {
    width: 70.77922%;
}

.global-footer .foot01 .sns-list li {
    width: 100%;
}

.global-footer .foot01 .sns-list li:first-child {
    margin: 0;
}

.global-footer .foot01 .rss {
    width: 26.62338%;
    text-align: center;
}

.global-footer .foot01 .rss ul {
    justify-content: center;
}

.global-footer .foot01 ul {
    margin: 34px 0 0;
    font-size: 0;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: flex-start;
}

.global-footer .foot01 li {
    display: inline-block;
    width: 80px;
    vertical-align: top;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
}

.global-footer .foot01 li a {
    display: block;
}

.global-footer .foot01 li .icon {
    margin: 0 0 21px;
}

.global-footer .foot01 li .icon div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.global-footer .foot01 li .icon p {
    display: table-cell;
    height: 70px;
    width: 70px;
    background: #3c3c3c;
    border: 1px solid #595959;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle;
    line-height: 1;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.global-footer .foot01 li .icon img {
    max-width: 30px;
    width: 100%;
}

.global-footer .foot01 li h4 {
    letter-spacing: 0.07em;
}

.global-footer .join {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 34px 0 59px;
}

.global-footer .join .link {
    display: table-cell;
    vertical-align: top;
    width: 245px;
    padding: 0 36px 0 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.global-footer .join .link h4 {
    width: 196px;
    height: 68px;
    background-image: url('../images/sprite-sbc42361294.png');
    background-position: 0 -214px;
    background-repeat: no-repeat;
    -moz-background-size: 196px auto;
    -o-background-size: 196px auto;
    -webkit-background-size: 196px auto;
    background-size: 196px auto;
    display: inline-block;
    overflow: hidden;
    text-indent: -9999px;
    vertical-align: middle;
}

.global-footer .join .link a {
    display: block;
}

.global-footer .join .link p {
    margin: 15px 0 0;
    text-align: center;
    font-size: 12px;
    font-size: 1.2rem;
}

.global-footer .join .text {
    display: table-cell;
    vertical-align: top;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.7;
}

.global-footer .foot02 {
    background: #3c3c3c;
    padding: 0 20px;
    min-width: 1000px;
}

.global-footer .foot02 .inner {
    max-width: 1000px;
    margin: 0 auto;
    padding: 27px 0 20px;
}

.global-footer .foot02 .link-list {
    margin: 0 0 27px;
    font-size: 0;
    display: flex;
    justify-content: center;
}

.global-footer .foot02 .link-list > div {
    display: inline-block;
    margin: 0 6.49351%;
    vertical-align: top;
    text-align: left;
}

.global-footer .foot02 .link-list .foot02-pc-column-block {
    flex: 1;
    margin: 0 15px;
}

.global-footer .foot02 .link-list .foot02-pc-column-block h4 {
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    font-size: 2rem;
}
.global-footer .foot02 .link-list .foot02-pc-column-block h4 span {
    font-size: 11px;
    padding-left: 10px;
}

.global-footer .foot02 .link-list .foot02-pc-column-block > div:nth-of-type(1n+1) {
    padding-top: 20px;
}


.global-footer .foot02 h4 {
    margin: 0 0 11px;
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0.1em;
}

.global-footer .foot02 li {
    margin: 0 0 1px;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.9;
    letter-spacing: 0.06em;
}

.global-footer .foot02 .bnr-list {
    padding: 20px 0 0;
    margin: 0 0 20px;
}

.global-footer .foot02 .bnr-list ul {
    text-align: center;
    font-size: 0;
}

.global-footer .foot02 .bnr-list li {
    display: inline-block;
    margin: 0 2.5974% 20px;
    vertical-align: top;
    text-align: left;
}

.global-footer .foot02 .bnr-list li a {
    display: block;
}

.global-footer .foot02 .bnr-list img {
    height: 29px;
}

.global-footer .foot02 .copyright {
    text-align: center;
    color: #fff;
    letter-spacing: 0.1em;
}

.global-footer .foot02 .copyright a {
    color: #fff;
}

@media screen and (max-width: 768px) {
    .global-footer {
        position: relative;
        z-index: 9;
        color: #c4c4c4;
        overflow: hidden;
        margin-top: 30px;
    }

    .global-footer a {
        color: #c4c4c4;
    }

    .global-footer a:hover {
        opacity: 1;
    }

    .global-footer h3 {
        color: #fff;
    }

    .global-footer .ttl02 {
        line-height: 1.1;
    }

    .global-footer .foot01 {
        padding: 0 4%;
        text-align: center;
    }

    .global-footer .foot01 .inner {
        margin: 0 auto;
        padding: 34px 0 25px;
    }

    .global-footer .foot01 .sns-list {
        width: 100%;
    }

    .global-footer .foot01 .sns-list li {
        width: 40px;
        margin: 0 2.6087% 20px;
    }

    .global-footer .foot01 .sns-list li:first-child {
        margin: 0 2.6087% 20px;
    }

    .global-footer .foot01 .rss {
        width: 100%;
        padding: 7px 0 0;
    }

    .global-footer .foot01 ul {
        margin: 20px 0 0;
        font-size: 0;
        gap: 0;
        justify-content: space-between;
    }

    .global-footer .foot01 .rss ul {
        width: 100%;
        padding: 7px 0 0;
    }

    .global-footer .foot01 li {
        display: inline-block;
        width: 40px;
        vertical-align: top;
        font-size: 9px;
        font-size: 0.9rem;
        text-align: center;
    }

    .global-footer .foot01 li a {
        display: block;
    }

    .global-footer .foot01 li .icon {
        margin: 0 0 7px;
    }

    .global-footer .foot01 li .icon p {
        height: 40px;
    }

    .global-footer .foot01 li .icon img {
        max-width: 15px;
        width: 100%;
    }

    .global-footer .join {
        display: block;
        margin: 15px 0 25px;
    }

    .global-footer .join .link {
        display: block;
        width: 100%;
        padding: 0;
    }

    .global-footer .join .link a {
        display: inline-block;
    }

    .global-footer .join .link h4 {
        width: 98px;
        height: 34px;
        background-image: url('../images/sprite-sbc42361294.png');
        background-position: 0 -107px;
        background-repeat: no-repeat;
        -moz-background-size: 98px auto;
        -o-background-size: 98px auto;
        -webkit-background-size: 98px auto;
        background-size: 98px auto;
        display: inline-block;
        overflow: hidden;
        text-indent: -9999px;
        vertical-align: middle;
    }

    .global-footer .join .link p {
        margin: 8px 0 0;
        text-align: center;
        font-size: 10px;
        font-size: 1rem;
    }

    .global-footer .join .text {
        display: block;
        width: 75.36232%;
        margin: 0 auto 17px;
        font-size: 9px;
        font-size: 0.9rem;
        text-align: left;
        letter-spacing: 0.04em;
    }

    .global-footer .foot02 {
        padding: 0 4%;
        min-width: inherit;
    }

    .global-footer .foot02 .inner {
        max-width: 770px;
        margin: 0 auto;
        padding: 26px 0 20px;
    }

    .global-footer .foot02 .link-list {
        margin: 0;
        text-align: left;
    }

    .global-footer .foot02 .link-list div {
        display: block;
        margin: 0 0 10px;
        background: #303030;
    }

    .global-footer .foot02 .link-list .toggle-area {
        display: none;
    }

    .global-footer .foot02 .toggle-btn:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        right: 11px;
        width: 10px;
        height: 9px;
        background-image: url('../images/sprite-sbc42361294.png');
        background-position: -35px -37px;
        background-repeat: no-repeat;
        -moz-background-size: 98px auto;
        -o-background-size: 98px auto;
        -webkit-background-size: 98px auto;
        background-size: 98px auto;
        display: inline-block;
        overflow: hidden;
        text-indent: -9999px;
        vertical-align: middle;
        margin: -4px 0 0;
    }

    .global-footer .foot02 .toggle-btn.on:after {
        width: 10px;
        height: 9px;
        background-image: url('../images/sprite-sbc42361294.png');
        background-position: -25px -37px;
        background-repeat: no-repeat;
        -moz-background-size: 98px auto;
        -o-background-size: 98px auto;
        -webkit-background-size: 98px auto;
        background-size: 98px auto;
        display: inline-block;
        overflow: hidden;
        text-indent: -9999px;
        vertical-align: middle;
    }

    .global-footer .foot02 h4 {
        position: relative;
        padding: 5px 18px 5px;
        margin: 0 0;
        font-size: 16px;
        font-size: 1.6rem;
        letter-spacing: normal;
    }

    .global-footer .foot02 h4 a {
        display: block;
    }

    .global-footer .foot02 ul {
        padding: 2px 19px 12px;
    }

    .global-footer .foot02 li {
        margin: 0 0 6px;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 1.8;
        letter-spacing: normal;
    }

    .global-footer .foot02 .link-list .foot02-pc-column-block {
        background-color: initial;
    }

    .global-footer .foot02 .link-list .foot02-pc-column-block > div:nth-of-type(1n+1) {
        padding-top: 0;
    }

    .global-footer .foot02 .link-list .foot02-pc-column-block h4 {
        font-size: 1.6rem;
    }

    .global-footer .foot02 .bnr-list {
        padding: 17px 0 0;
        margin: 0 0 20px;
    }

    .global-footer .foot02 .bnr-list ul {
        text-align: center;
        padding: 0;
    }

    .global-footer .foot02 .bnr-list li {
        display: inline-block;
        width: 33.333333%;
        margin: 0 0 10px;
        text-align: center;
    }

    .global-footer .foot02 .bnr-list li a {
        display: inline-block;
        vertical-align: top;
    }

    .global-footer .foot02 .bnr-list img {
        height: 22px;
    }

    .global-footer .foot02 .copyright {
        font-size: 9px;
        font-size: 0.9rem;
    }
}

/* top page
----------------------------------------------------------*/
/* メインビジュアル */
.top-main-area {
    position: relative;
    width: 100%;
}

.top-main-area .main-slider {
    max-width: 1200px;
    margin: 0 auto;
}

.top-main-area .main-logo,
.top-main-area h1 {
    position: absolute;
    top: 53px;
    left: 3.96825%;
    z-index: 9;
}

.top-main-area .main-logo img,
.top-main-area h1 img {
    width: 213px;
}

.top-main-area .meter-area {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    padding: 0 2.38095%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.meter-wrap {
    background: #b2b2b2;
}

.meter {
    width: 0%;
    height: 1px;
    background: #000;
}

.main-slider:hover .slick-prev,
.main-slider:hover .slick-next {
    -moz-transition: opacity 0.23s ease-in-out;
    -o-transition: opacity 0.23s ease-in-out;
    -webkit-transition: opacity 0.23s ease-in-out;
    transition: opacity 0.23s ease-in-out;
    opacity: 1;
    top: 43%;
}

.main-slider.hover h2,
.main-slider.hover .data,
.main-slider.hover .lead-text {
    -moz-transition: opacity 0.23s ease-in-out;
    -o-transition: opacity 0.23s ease-in-out;
    -webkit-transition: opacity 0.23s ease-in-out;
    transition: opacity 0.23s ease-in-out;
    opacity: 0.6;
}

.main-slider.hover img {
    opacity: 1;
}

.main-slider.slide-one .text-box {
    padding-bottom: 0;
}

.main-slider .slide-wrap,
.main-slider a {
    position: relative;
    display: block;
    height: 100%;
}

.main-slider .slide-wrap:hover,
.main-slider a:hover {
    opacity: 1;
}

.main-slider .img {
    position: relative;
    width: 100%;
    padding: 777px 0 0;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    /*background-position: bottom center;*/
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -9999px;
}

.main-slider .info-text {
    position: absolute;
    bottom: 100%;
    left: 0;
    z-index: 1;
    width: 50%;
    background-color: rgba(0, 0, 0, 0.3);
    margin: 0;
    padding: 30px 37px 34px;
    width: calc(100% - 74px);
    color: #fff;
    letter-spacing: 0.07em;
}

.main-slider h2 {
    margin: 0 0 19px;
    font-size: 38px;
    font-size: 3.8rem;
    line-height: 1.2;
    font-weight: bold;
}

.main-slider h2 small {
    display: block;
    margin: 15px 0 0;
    font-size: 17px;
    font-size: 1.7rem;
    letter-spacing: 0.015em;
}

.main-slider .data {
    font-weight: bold;
}

.main-slider .data p {
    display: inline-block;
    vertical-align: top;
    font-size: 30px;
    font-size: 3rem;
    line-height: 1;
    letter-spacing: 0.01em;
}

.main-slider .data small {
    display: block;
    margin: 3px 0 0;
    font-size: 15px;
    font-size: 1.5rem;
}

.main-slider .text-box {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    padding: 11px 20px 73px;
    background: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.main-slider .text-box .copyright {
    max-width: 1200px;
    margin: 0 auto;
}

.main-slider .text-box .copyright br {
    display: none;
}

.main-slider .lead-text {
    margin: 22px 0 0;
    z-index: 1;
    width: 100%;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.7;
    color: #fff;
}

.main-slider .copyright {
    text-align: right;
    font-size: 12px;
    font-size: 1.2rem;
}

.main-slider .slick-dots {
    bottom: 46px;
}

@media screen and (min-width: 769px) {
    .main-slider .info-text.col-gray,
    .main-slider .lead-text.col-gray {
        color: #3c3c3c;
    }

    .main-slider .info-text.col-black,
    .main-slider .lead-text.col-black {
        color: #000;
    }
}

/* Information */
.information {
    background: #e7e7e7;
    padding: 0 20px;
    margin-bottom: 30px;
}

.information .inner {
    max-width: 1120px;
    margin: 0 auto;
}

.information .text-wrap {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.information h2 {
    display: table-cell;
    width: 164px;
    vertical-align: middle;
    font-size: 23px;
    font-size: 2.3rem;
    font-weight: bold;
    letter-spacing: 0.03em;
}

.information ul {
    display: table-cell;
    vertical-align: top;
}

.information li {
    border-top: 1px solid #b2b2b2;
    padding: 15px 0 15px;
    letter-spacing: 0.05em;
}

.information li:first-child {
    border-top: none;
}

/* What’s new */
.head .fa-chevron-right {
    margin: 0 0 0 9px;
    font-size: 17px;
    font-size: 1.7rem;
}

.whats-new {
    padding: 0 20px 3px;
}

.whats-new .inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 70px 0 0;
}

.whats-new .head {
    overflow: hidden;
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 0 53px;
    line-height: 1;
}

.whats-new .head h2 {
    /*float: left;*/
    line-height: 1;
}

.whats-new .head p {
    margin: 23px 0 0;
    float: right;
    font-size: 20px;
    font-size: 2rem;
}

.whats-new .head a {
    /*color: #525252;*/
}

/* リンクリスト */
.img-list-col3-01,
.tab-img-list-col3-01,
.img-list-col4-01,
.img-list-col4-02 {
    width: 101.66667%;
    font-size: 0;
}

.img-list-col3-01 li,
.tab-img-list-col3-01 li,
.img-list-col4-01 li,
.img-list-col4-02 li {
    display: inline-block;
    width: 31.63934%;
    margin: 0 1.63934% 4.5082% 0;
    vertical-align: top;
}

.img-list-col3-01 a,
.tab-img-list-col3-01 a,
.img-list-col4-01 a,
.img-list-col4-02 a {
    display: block;
}

.img-list-col3-01 .info,
.tab-img-list-col3-01 .info,
.img-list-col4-01 .info,
.img-list-col4-02 .info {
    margin: 0 0 21px;
    padding: 0 10px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
}

.img-list-col3-01 .info p,
.tab-img-list-col3-01 .info p,
.img-list-col4-01 .info p,
.img-list-col4-02 .info p {
    display: inline-block;
    vertical-align: top;
}

.img-list-col3-01 .label,
.tab-img-list-col3-01 .label,
.img-list-col4-01 .label,
.img-list-col4-02 .label {
    margin: 0 10px 0 0;
    color: #525252;
}

.img-list-col3-01 .data,
.tab-img-list-col3-01 .data,
.img-list-col4-01 .data,
.img-list-col4-02 .data {
    color: #878787;
}

.img-list-col3-01 .img,
.tab-img-list-col3-01 .img,
.img-list-col4-01 .img,
.img-list-col4-02 .img {
    overflow: hidden;
    position: relative;
    padding-top: 63.21244%;
    background: #e7e7e7;
}

.img-list-col3-01 .img div,
.img-list-col3-01 .img p,
.img-list-col3-01 .img iframe,
.tab-img-list-col3-01 .img div,
.tab-img-list-col3-01 .img p,
.tab-img-list-col3-01 .img iframe,
.img-list-col4-01 .img div,
.img-list-col4-01 .img p,
.img-list-col4-01 .img iframe,
.img-list-col4-02 .img div,
.img-list-col4-02 .img p,
.img-list-col4-02 .img iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.img-list-col3-01 .img img,
.tab-img-list-col3-01 .img img,
.img-list-col4-01 .img img,
.img-list-col4-02 .img img {
    display: block;
    height: 100%;
    margin: 0 auto;
}

.img-list-col3-01 .add,
.tab-img-list-col3-01 .add,
.img-list-col4-01 .add,
.img-list-col4-02 .add {
    text-align: center;
}

.img-list-col3-01 .add div,
.tab-img-list-col3-01 .add div,
.img-list-col4-01 .add div,
.img-list-col4-02 .add div {
    display: inline-block;
    vertical-align: top;
}

.img-list-col3-01 .add .img,
.tab-img-list-col3-01 .add .img,
.img-list-col4-01 .add .img,
.img-list-col4-02 .add .img {
    padding-top: 73.31606%;
}

.img-list-col3-01 h3,
.tab-img-list-col3-01 h3,
.img-list-col4-01 h3,
.img-list-col4-02 h3 {
    margin: 13px 0 0;
    padding: 0 10px;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.8;
    letter-spacing: 0.04em;
}

.img-list-col4-01.staff-picks .img,
.img-list-col4-02.staff-picks .img {
    padding-top: 100%;
}

.img-list-col4-01 li,
.img-list-col4-02 li {
    display: inline-block;
    width: 23.36066%;
}

.img-list-col4-01 .img,
.img-list-col4-02 .img {
    padding-top: 63.15789%;
}

.img-list-col4-01 h3,
.img-list-col4-02 h3 {
    font-size: 14px;
    font-size: 1.4rem;
}

/* Most popular */
.most-popular {
    margin: 0 0 13px;
}

.most-popular .head {
    /* background: #e7e7e7; */
    padding: 0 20px;
    margin: 0 0 60px;
}

.most-popular .head-inner {
    overflow: hidden;
    max-width: 1120px;
    margin: 0 auto;
    padding: 28px 0 25px;
    line-height: 1;
}

.most-popular .head-inner h2 {
    float: left;
    font-size: 27px;
    font-size: 2.7rem;
    font-weight: bold;
    letter-spacing: 0.02em;
}

.most-popular .head-inner p {
    float: right;
    font-size: 20px;
    font-size: 2rem;
}

.most-popular .head-inner a {
    color: #525252;
}

.post-contents .most-popular h2 {
    text-align: left;
}

.most-popular .link-list {
    padding: 0 20px;
}

.most-popular .inner {
    max-width: 1200px;
    margin: 0 auto;
    position: 70px 0 0;
}

.add-box {
    text-align: center;
    padding: 0 20px;
}

.add-box div {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.add-box a {
    display: block;
}

.add-box .add-mobkoi {
    display: none;
    z-index: 99999;
}

/* Exhibition */
.exhibition {
    position: relative;
    padding: 0 20px;
}

.exhibition .inner {
    min-width: 700px;
    max-width: 1120px;
    margin: 0 auto;
}

.exhibition .head {
    /*background: #e7e7e7;*/
    padding: 0 20px;
    overflow: hidden;
    max-width: 1120px;
    margin: 0 auto;
    padding: 0px 0 0;
    position: relative;
}

.exhibition .head-inner {
    overflow: hidden;
    max-width: 1120px;
    margin: 0 auto;
    padding: 70px 0 0px;
    line-height: 1;
}

.exhibition .head-inner .ttl01 {
    /*float: left;*/
    margin-bottom: 0px;
}

.exhibition .head-inner p {
    margin: 23px 0 0;
    float: right;
    font-size: 20px;
    font-size: 2rem;
}

.exhibition .head-inner a {
    color: #525252;
}

.exhibition .meter-wrap {
    position: absolute;
    bottom: 60px;
    left: 0px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
    background: none;
}

.exhibition .meter-wrap > div {
    max-width: 1200px;
    margin: 0 auto;
    background: #b2b2b2;
}

.exhibition #img-slider01 {
    min-width: 700px;
    max-width: 1200px;
}

.img-slider01:hover .slick-prev,
.img-slider01:hover .slick-next {
    -moz-transition: opacity 0.23s ease-in-out;
    -o-transition: opacity 0.23s ease-in-out;
    -webkit-transition: opacity 0.23s ease-in-out;
    transition: opacity 0.23s ease-in-out;
    opacity: 1;
}

.img-slider01.hover h2,
.img-slider01.hover .place,
.img-slider01.hover .data,
.img-slider01.hover .lead-text,
.img-slider01.hover .copyright {
    -moz-transition: opacity 0.23s ease-in-out;
    -o-transition: opacity 0.23s ease-in-out;
    -webkit-transition: opacity 0.23s ease-in-out;
    transition: opacity 0.23s ease-in-out;
    opacity: 0.6;
}

.img-slider01.hover img {
    opacity: 1;
}

.img-slider01 a {
    position: relative;
    display: block;
    height: 100%;
}

.img-slider01 a:hover {
    opacity: 1;
}

.img-slider01 a:hover .slick-prev,
.img-slider01 a:hover .slick-next {
    -moz-transition: opacity 0.23s ease-in-out;
    -o-transition: opacity 0.23s ease-in-out;
    -webkit-transition: opacity 0.23s ease-in-out;
    transition: opacity 0.23s ease-in-out;
    opacity: 1;
}

.img-slider01 .img-box {
    overflow: hidden;
    position: relative;
    padding-top: 50.95238%;
    background: #d1d1d1;
}

.img-slider01 .img-box .img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.img-slider01 .img-box img {
    display: block;
    height: 100%;
    width: auto;
    margin: 0 auto;
}

.img-slider01 .info-text {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: calc(100% - 74px);
    margin: 0;
    padding: 30px 37px 34px;
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
}

.img-slider01 h2 {
    margin: 0 0 15px;
    font-size: 38px;
    font-size: 3.8rem;
    font-weight: bold;
    line-height: 1.15;
    letter-spacing: 0.01em;
}

.img-slider01 h2 small {
    display: block;
    margin: 14px 0 0;
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.4;
}

.img-slider01 .data {
    margin: 0 0 6px;
    letter-spacing: 0.01em;
    font-weight: bold;
}

.img-slider01 .data p {
    display: inline-block;
    vertical-align: top;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1;
}

.img-slider01 .data small {
    display: block;
    margin: 3px 0 0;
    font-size: 12px;
    font-size: 1.2rem;
}

.img-slider01 .place {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.4;
    font-weight: bold;
}

.img-slider01 .text-box {
    padding: 10px 20px 104px;
    background: #e7e7e7;
}

.home .img-slider01 .text-box {
    background: none;
}

.img-slider01 .text-box .copyright br {
    display: none;
}

.img-slider01 .place {
    margin: 19px 0 0;
    font-size: 20px;
    font-size: 2rem;
}

.img-slider01 .lead-text {
    width: 100%;
    margin: 19px 0 0;
    padding: 0;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.7;
    color: #fff;
}

.img-slider01 .slick-dots {
    bottom: 74px;
}

.img-slider01 .copyright {
    max-width: 1120px;
    margin: 0 auto;
    text-align: right;
    font-size: 12px;
    font-size: 1.2rem;
}

/* Event */
.event {
    padding: 0 20px 0px;
    position: relative;
}

.event .inner {
    max-width: 1120px;
    min-width: 700px;
    margin: 0 auto;
    padding: 0px 0 0;
    position: relative;
}

.event .head {
    overflow: hidden;
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 0 0px;
    line-height: 1;
}

.event .head .ttl01 {
    /*float: left;*/
}

.event .head p {
    margin: 23px 0 0;
    float: right;
    font-size: 20px;
    font-size: 2rem;
}

.event .head a {
    color: #303030;
}

.event .slick-slider {
    margin: 0 0 15px;
    padding-bottom: 50px;
}

.img-slider02:hover .slick-prev,
.img-slider02:hover .slick-next {
    -moz-transition: opacity 0.23s ease-in-out;
    -o-transition: opacity 0.23s ease-in-out;
    -webkit-transition: opacity 0.23s ease-in-out;
    transition: opacity 0.23s ease-in-out;
    opacity: 1;
}

.img-slider02 .slick-prev {
    left: 2.25%;
}

.img-slider02 .slick-next {
    right: 2.25%;
}

.img-slider02 .slick-slide,
.img-slider02 a {
    position: relative;
    display: block;
    height: 100%;
}

.img-slider02 .slick-slide:hover,
.img-slider02 a:hover {
    opacity: 1;
}

.img-slider02 .slick-slide:hover .slick-prev,
.img-slider02 .slick-slide:hover .slick-next,
.img-slider02 a:hover .slick-prev,
.img-slider02 a:hover .slick-next {
    -moz-transition: opacity 0.23s ease-in-out;
    -o-transition: opacity 0.23s ease-in-out;
    -webkit-transition: opacity 0.23s ease-in-out;
    transition: opacity 0.23s ease-in-out;
    opacity: 1;
}

.img-slider02 .slick-slide:hover .text-box,
.img-slider02 a:hover .text-box {
    -moz-transition: opacity 0.23s ease-in-out;
    -o-transition: opacity 0.23s ease-in-out;
    -webkit-transition: opacity 0.23s ease-in-out;
    transition: opacity 0.23s ease-in-out;
    opacity: 0.6;
}

.img-slider02 .slick-slide .img-wrap,
.img-slider02 a .img-wrap {
    display: table;
    table-layout: fixed;
    width: 100%;
    background: #e7e7e7;
}

.img-slider02 .img-box {
    display: table-cell;
    width: 50%;
    vertical-align: top;
}

.img-slider02 .img-box .img {
    overflow: hidden;
    height: 100%;
    position: relative;
    padding: 80% 0 0;
}

.img-slider02 .img-box p {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.img-slider02 .img-box img {
    display: block;
    margin: 0 auto;
    height: 100%;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.img-slider02 .text-box {
    display: table-cell;
    width: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3.33333% 5.83333%;
    vertical-align: middle;
    font-size: 17px;
    font-size: 1.7rem;
}

.img-slider02 h3 {
    margin: 0 0 15px;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.8;
}

.img-slider02 .data,
.img-slider02 .place,
.img-slider02 h4 {
    margin: 0 0 15px;
}

.img-slider02 .lead {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.7;
}

.img-slider02 .more {
    margin: 30px 0 0;
    font-size: 20px;
    font-size: 2rem;
    text-align: right;
}

.img-slider02 .bottom-text {
    padding: 10px 0 30px;
    text-align: right;
}

.img-slider02 .slick-dots {
    bottom: 0;
}

/* Imapedia */
.imapedia {
    padding: 0 20px 70px;
    position: relative;
}

.imapedia .inner {
    max-width: 1200px;
    min-width: 700px;
    margin: 0 auto;
    padding: 0px 0 0;
    position: relative;
}

.imapedia .head {
    overflow: hidden;
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 0 0px;
    line-height: 1;
}

.imapedia .head .ttl01 {
    /*float: left;*/
}

.imapedia .head p {
    margin: 23px 0 0;
    float: right;
    font-size: 20px;
    font-size: 2rem;
}

.imapedia .head a {
    color: #303030;
}

.imapedia .slick-slider {
    margin: 0 0 15px;
    padding-bottom: 50px;
}

.imapedia .img-slider03:hover .slick-prev,
.imapedia .img-slider03:hover .slick-next {
    -moz-transition: opacity 0.23s ease-in-out;
    -o-transition: opacity 0.23s ease-in-out;
    -webkit-transition: opacity 0.23s ease-in-out;
    transition: opacity 0.23s ease-in-out;
    opacity: 1;
}

.imapedia .img-slider03 .slick-prev {
    left: 2.25%;
}

.imapedia .img-slider03 .slick-next {
    right: 2.25%;
}

.imapedia .img-slider03 .slick-slide,
.imapedia .img-slider03 a {
    position: relative;
    display: block;
    height: 100%;
}

.imapedia .img-slider03 .slick-slide:hover,
.imapedia .img-slider03 a:hover {
    opacity: 1;
}

.imapedia .img-slider03 .slick-slide:hover .slick-prev,
.imapedia .img-slider03 .slick-slide:hover .slick-next,
.imapedia .img-slider03 a:hover .slick-prev,
.imapedia .img-slider03 a:hover .slick-next {
    -moz-transition: opacity 0.23s ease-in-out;
    -o-transition: opacity 0.23s ease-in-out;
    -webkit-transition: opacity 0.23s ease-in-out;
    transition: opacity 0.23s ease-in-out;
    opacity: 1;
}

.imapedia .img-slider03 .slick-slide:hover .text-box,
.imapedia .img-slider03 a:hover .text-box {
    -moz-transition: opacity 0.23s ease-in-out;
    -o-transition: opacity 0.23s ease-in-out;
    -webkit-transition: opacity 0.23s ease-in-out;
    transition: opacity 0.23s ease-in-out;
    opacity: 0.6;
}

.imapedia .img-slider03 .slick-slide .img-wrap,
.imapedia .img-slider03 a .img-wrap {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.imapedia .img-slider03 .img-box {
    display: table-cell;
    width: 48.36066%;
}

.imapedia .img-slider03 .img-box .img {
    overflow: hidden;
    height: 100%;
    position: relative;
    padding: 56.61017% 0 0;
}

.imapedia .img-slider03 .img-box p {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.imapedia .img-slider03 .img-box img {
    display: block;
    margin: 0 auto;
    height: 100%;
    width: auto;
}

.imapedia .img-slider03 .text-box {
    display: table-cell;
    width: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 5.83333%;
    vertical-align: top;
    font-size: 17px;
    font-size: 1.7rem;
}

.imapedia .img-slider03 h3 {
    margin: 0 0 15px;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.8;
}

.imapedia .img-slider03 .data,
.imapedia .img-slider03 .place,
.imapedia .img-slider03 h4 {
    margin: 0 0 15px;
}

.imapedia .img-slider03 .lead {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.7;
}

.imapedia .img-slider03 .more {
    margin: 30px 0 0;
    font-size: 20px;
    font-size: 2rem;
    text-align: right;
}

.imapedia .img-slider03 .bottom-text {
    padding: 10px 0 30px;
    text-align: right;
}

.imapedia .img-slider03 .slick-dots {
    bottom: 0;
}

/* imapedia検索結果（word / tag）*/
.page-template-page-imagram_search .img-list-col1-01 .img {
    border: solid 1px #e7e7e7;
    background: #ffffff;
    padding-top: 39.70149%;
}

/* School */
.school {
    padding: 0 20px;
    margin: 0 0 60px;
}

.school .head {
    max-width: 1120px;
    margin: 0 auto 36px;
}

.school .inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 46px 0 0;
}

.school .img-slider03:hover .slick-prev,
.school .img-slider03:hover .slick-next {
    -moz-transition: opacity 0.23s ease-in-out;
    -o-transition: opacity 0.23s ease-in-out;
    -webkit-transition: opacity 0.23s ease-in-out;
    transition: opacity 0.23s ease-in-out;
    opacity: 1;
}

.school .slider {
    width: 62.5%;
}

.school .text-box {
    width: 37.5%;
}

.school .text-box .text-inner {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.school .text-box .text-inner div {
    display: table-cell;
    vertical-align: middle;
    padding: 40px 40px 0 60px;
}

.school .text-box .text-inner a {
    display: block;
}

.school .text-box .text-inner a:hover {
    -moz-transition: opacity 0.23s ease-in-out;
    -o-transition: opacity 0.23s ease-in-out;
    -webkit-transition: opacity 0.23s ease-in-out;
    transition: opacity 0.23s ease-in-out;
    opacity: 0.6;
}

.school .more {
    margin: 15px 0 0;
    text-align: right;
    font-size: 20px;
    font-size: 2rem;
    color: #525252;
}

.school .img {
    overflow: hidden;
    position: relative;
    padding-top: 64%;
    background: #e7e7e7;
}

.school .img p {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.school .img img {
    display: block;
    height: 100%;
    margin: 0 auto;
}

.school .slick-dots {
    bottom: -26px;
}

.school .slick-slider {
    margin: 0 0 38px;
}

.mgb0 {
    margin-bottom: 0;
}

/* Publishing */
.publishing {
    padding: 0 20px;
    margin: 0 0 5px;
}

.publishing .head {
    max-width: 1120px;
    margin: 0 auto 35px;
}

.publishing .inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 44px 0 0;
}

/* online gallery */
.online-ga {
    padding: 0 20px;
    margin: 0px 0px 70px;
}

.online-ga .head {
    max-width: 1120px;
    margin: 0 auto 35px;
}

.online-ga .inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0px;
}

.online-ga .inner .img-list-col2-01 > li {
    margin-top: 0px;
    margin-bottom: 0px;
}

body.home .inner a:hover .img-box {
    -moz-transition: opacity 0.23s ease-in-out;
    -o-transition: opacity 0.23s ease-in-out;
    -webkit-transition: opacity 0.23s ease-in-out;
    transition: opacity 0.23s ease-in-out;
    opacity: 0.5;
}

/* home free area */
body.home .free-area {
    padding: 0px 20px 70px;
    margin: 0px 0px 70px;
}

body.home .free-area .head {
    max-width: 1000px;
    margin: 0px auto;
}

body.home .free-area .head h2 {
    /*padding-left: 10%; */
    text-align: center;
    margin: 0px;
    margin-bottom: 20px;
}

body.home .free-area .head h2 a div {
    text-align: center;
}

body.home .free-area .head h2 a div:hover {
    -moz-transition: opacity 0.23s ease-in-out;
    -o-transition: opacity 0.23s ease-in-out;
    -webkit-transition: opacity 0.23s ease-in-out;
    transition: opacity 0.23s ease-in-out;
    opacity: 0.5;
}

body.home .free-area .inner {
    min-width: 700px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 0 45px;
}

body.home .free-area .inner .free-wrap {
    display: flex;
    max-width: 1200px;
    min-width: 700px;
}

body.home .free-area .inner .free-wrap > div {
    flex: 1;
}

body.home .free-area .inner .free-wrap > div.info-box {
    /*padding-left: 10%;*/
    width: 48.36066%;
    min-width: 250px;
}

body.home .free-area .inner .free-wrap > div.info-box:hover {
    -moz-transition: opacity 0.23s ease-in-out;
    -o-transition: opacity 0.23s ease-in-out;
    -webkit-transition: opacity 0.23s ease-in-out;
    transition: opacity 0.23s ease-in-out;
    opacity: 0.5;
}

body.home .free-area .inner .free-wrap > div.info-box div.img p {
    background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-repeat: no-repeat;
    /*padding: 350px 350px 0px 0px;*/
    /* padding: 100% 100% 0px 0px;*/
    padding: 334px 100% 0px 0px;
    background-position: center center;
}

body.home .free-area .inner .free-wrap > div.text-box {
    padding-left: 5%;
    vertical-align: top;
    width: 50%;
    /* min-width: 650px; */
}

body.home .free-area .inner .free-wrap > div.info-box div.img {
    /*
  width: 350px;
  height: 350px;
  */
    overflow: hidden;
    position: relative;
    width: 100%;
    min-width: 350px;
    /*background: #e7e7e7; */
    margin: 0 auto;
}

body.home .free-area .inner .free-wrap > div.text-box {
    position: relative;
    padding: 10px 0px ;
}

body.home .free-area .inner .free-wrap > div.text-box .text-box-wrap {
    padding-left: 40px;
}
body.home .free-area .inner .free-wrap > div.text-box .view-more-wrap {
    position: absolute;
    bottom: 0px;
    width: 300px;
    max-width: 400px;
    left: 0px;
    right: 0px;
}

body.home .free-area .inner .free-wrap > div.text-box .view-more-wrap a {
    margin-bottom: 0;
}

.about-list,
.img-list-col2-01 {
    width: 101.66667%;
    font-size: 0;
}

.about-list li,
.img-list-col2-01 li {
    display: inline-block;
    width: 48.36066%;
    margin: 0 1.63934% 3.27869% 0;
    vertical-align: top;
}

.about-list a,
.img-list-col2-01 a {
    display: block;
}

.about-list .img,
.img-list-col2-01 .img {
    overflow: hidden;
    position: relative;
    padding-top: 56.61017%;
    background: #e7e7e7;
}

.about-list .img p,
.img-list-col2-01 .img p {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.about-list .img img,
.img-list-col2-01 .img img {
    display: block;
    height: 100%;
    margin: 0 auto;
}

.about-list .text-box,
.img-list-col2-01 .text-box {
    padding: 35px 20px 32px;
}

.about-list h3,
.img-list-col2-01 h3 {
    margin: 0 0 5px;
    font-size: 23px;
    font-size: 2.3rem;
    font-weight: bold;
    letter-spacing: 0.07em;
}

.about-list .f-futura,
.img-list-col2-01 .f-futura {
    letter-spacing: 0.1em;
}

.about-list .lead,
.img-list-col2-01 .lead {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.7;
}

.about-list .more,
.img-list-col2-01 .more {
    text-align: right;
    font-size: 20px;
    font-size: 2rem;
    color: #525252;
}

.about-list .lead-box,
.img-list-col2-01 .lead-box {
    overflow: hidden;
    margin: 37px 0 8px;
}

.about-list .lead-box h3,
.img-list-col2-01 .lead-box h3 {
    float: left;
    width: 35.59322%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    text-align: center;
}

.about-list .lead-box .ima img,
.img-list-col2-01 .lead-box .ima img {
    max-width: 137px;
    width: 100%;
}

.about-list .lead-box .store img,
.img-list-col2-01 .lead-box .store img {
    max-width: 100px;
    width: 100%;
}

.about-list .lead-box .text,
.img-list-col2-01 .lead-box .text {
    width: 64.40678%;
    float: right;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.7;
}

.about-list .more {
    padding: 0 18px 0 0;
}

.about-list a:hover p img {
    opacity: 1;
}

.about-list a:hover .text,
.about-list a:hover .more {
    -moz-transition: opacity 0.23s ease-in-out;
    -o-transition: opacity 0.23s ease-in-out;
    -webkit-transition: opacity 0.23s ease-in-out;
    transition: opacity 0.23s ease-in-out;
    opacity: 0.5;
}

/* Artist */
.artist {
    margin: 0 0 54px;
}

.artist .head {
    padding: 0 20px;
}

.artist .head h2 {
    float: left;
}

.artist .head p {
    margin: 28px 0 0;
    float: right;
    font-size: 20px;
    font-size: 2rem;
}

.artist .head a {
    color: #525252;
}

.artist .head-inner {
    overflow: hidden;
    max-width: 1120px;
    margin: 0 auto 38px;
}

.artist-slider a {
    display: block;
    padding: 0 10px 0;
}

.artist-slider .img {
    overflow: hidden;
    position: relative;
    padding-top: 300px;
}

.artist-slider .img p {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.artist-slider .img img {
    display: block;
    margin: 0 auto;
}

.artist-slider h3 {
    margin: 23px 0 0;
    text-align: center;
    font-size: 17px;
    font-size: 1.7rem;
    letter-spacing: 0.178em;
}

.artist-slider li {
    width: 320px;
}

/* About */
.about {
    /* background: #e9e9e9; */
    padding: 0 20px;
    margin: 0;
}

.about + .add-box {
    margin-top: 70px;
}

.about .head {
    max-width: 1120px;
    margin: 0 auto 40px;
}

.about .inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 54px 0 34px;
}

.about .amana {
    padding: 13px 0 20px;
}

.about .amana h4 {
    width: 160px;
    margin: 0 auto 35px;
}

.about .amana h4 img {
    width: 100%;
}

.about .amana a {
    display: block;
}

.about .amana p {
    max-width: 675px;
    margin: 0 auto;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.7;
}

/* view more */
.view-more-wrap {
    width: 300px;
    margin: 0 auto;
}

.view-more-wrap > a {
    text-align: center;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.08em;
    margin: 0 0 50px;
    padding: 10px 0px;
    border: #999 1px solid;
    color: #525252;
    display: block;
}

@media screen and (max-width: 768px) {
    /* メインビジュアル */
    .top-main-area {
        position: relative;
        top: inherit;
        left: inherit;
        width: 100%;
    }

    .top-main-area .main-logo,
    .top-main-area h1 {
        top: 13px;
        left: 3.73333%;
    }

    .top-main-area .main-logo img,
    .top-main-area h1 img {
        width: 86px;
    }

    .top-main-area .meter-area {
        display: none;
    }

    .meter-wrap {
        background: #b2b2b2;
    }

    .meter {
        width: 0%;
        height: 1px;
        background: #000;
    }

    .main-slider:hover .slick-prev,
    .main-slider:hover .slick-next {
        -moz-transition: opacity 0.23s ease-in-out;
        -o-transition: opacity 0.23s ease-in-out;
        -webkit-transition: opacity 0.23s ease-in-out;
        transition: opacity 0.23s ease-in-out;
        opacity: 1;
    }

    .main-slider .slide-wrap,
    .main-slider a {
        position: relative;
        display: block;
        height: 100%;
    }

    .main-slider .slide-wrap:hover h2,
    .main-slider .slide-wrap:hover .data,
    .main-slider .slide-wrap:hover .lead-text,
    .main-slider a:hover h2,
    .main-slider a:hover .data,
    .main-slider a:hover .lead-text {
        -moz-transition: opacity 0.23s ease-in-out;
        -o-transition: opacity 0.23s ease-in-out;
        -webkit-transition: opacity 0.23s ease-in-out;
        transition: opacity 0.23s ease-in-out;
        opacity: 1;
    }

    .main-slider .img {
        position: relative;
        width: 100%;
        padding: 61.66667% 0 0;
    }

    .main-slider .info-text {
        width: 100%;
    }

    .main-slider h2 {
        margin: 0px;
        font-size: 30px;
        font-size: 3rem;
        line-height: 1.2;
    }

    .main-slider h2 small {
        margin: 10px 0 0;
        font-size: 14px;
        font-size: 1.4rem;
    }

    .main-slider .data {
        letter-spacing: 0.05em;
    }

    .main-slider .data p {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .main-slider .data small {
        margin: 3px 0 0;
        font-size: 8px;
        font-size: 0.8rem;
    }

    .main-slider .text-box {
        position: relative;
        bottom: inherit;
        left: inherit;
        padding: 5px 4% 10px;
        background: none;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .main-slider .text-box .copyright {
        margin: 0 auto 5px;
    }

    .main-slider .text-box .copyright br {
        display: block;
    }

    .main-slider .lead-text {
        margin: 12px 0 0;
        width: 100%;
        font-size: 11px;
        font-size: 1.1rem;
        color: #303030;

        display: none;
    }

    .main-slider .copyright {
        font-size: 8px;
        font-size: 0.8rem;
        line-height: 1.8;
        letter-spacing: 0.08em;
    }

    .main-slider .slick-dots {
        top: 9px;
        bottom: inherit;
        padding: 0 2.66667% 0 0;
        text-align: right;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .main-slider .slick-dots li button {
        border: 1px solid #fff;
    }

    .main-slider .slick-dots li {
        margin: 0 6px;
    }

    /* Information */
    .information {
        padding: 0;
        background: none;
        margin-bottom: 0px;
    }

    .information .text-wrap {
        display: block;
        width: 100%;
    }

    .information h2 {
        /*display: block;*/
        width: 100%;
        padding: 11px 0 6px;
        font-size: 22px;
        font-size: 2.2rem;
        letter-spacing: normal;
        text-align: center;

        display: none;
    }

    .information ul {
        display: block;
        background: #e7e7e7;
        padding: 6px 4% 5px;
    }

    .information li {
        padding: 7px 0 6px;
        font-size: 9px;
        font-size: 0.9rem;
    }

    /* What’s new */
    .head .fa-chevron-right {
        margin: 0 0 0 4px;
        font-size: 9px;
        font-size: 0.9rem;
    }

    .whats-new {
        padding: 0 4% 0;
    }

    .whats-new .inner {
        padding: 30px 0 16px;
    }

    .whats-new .ttl01 {
        letter-spacing: normal;
    }

    .whats-new .head {
        padding: 0 0 25px;
    }

    .whats-new .head p {
        margin: 20px 9px 0 0;
        font-size: 14px;
        font-size: 1.4rem;
    }

    /* リンクリスト */
    .img-list-col3-01,
    .tab-img-list-col3-01,
    .img-list-col4-01,
    .img-list-col4-02 {
        width: 102.6087%;
        font-size: 0;
    }

    .img-list-col3-01 a:hover img,
    .tab-img-list-col3-01 a:hover img,
    .img-list-col4-01 a:hover img,
    .img-list-col4-02 a:hover img {
        opacity: 1;
    }

    .img-list-col3-01 li,
    .tab-img-list-col3-01 li,
    .img-list-col4-01 li,
    .img-list-col4-02 li {
        width: 47.45763%;
        margin: 0 2.54237% 3.9548% 0;
    }

    .img-list-col3-01 .info,
    .tab-img-list-col3-01 .info,
    .img-list-col4-01 .info,
    .img-list-col4-02 .info {
        margin: 0 0 5px;
        padding: 0;
        font-size: 11px;
        font-size: 1.1rem;
    }

    .img-list-col3-01 .label,
    .tab-img-list-col3-01 .label,
    .img-list-col4-01 .label,
    .img-list-col4-02 .label {
        margin: 0 7px 0 0;
    }

    .img-list-col3-01 .add,
    .tab-img-list-col3-01 .add,
    .img-list-col4-01 .add,
    .img-list-col4-02 .add {
        display: block;
        width: 97.45763%;
        margin: 0 0 3.9548%;
    }

    .img-list-col3-01 .add .img,
    .tab-img-list-col3-01 .add .img,
    .img-list-col4-01 .add .img,
    .img-list-col4-02 .add .img {
        padding-top: 0;
    }

    .img-list-col3-01 .add .img div,
    .img-list-col3-01 .add .img p,
    .tab-img-list-col3-01 .add .img div,
    .tab-img-list-col3-01 .add .img p,
    .img-list-col4-01 .add .img div,
    .img-list-col4-01 .add .img p,
    .img-list-col4-02 .add .img div,
    .img-list-col4-02 .add .img p {
        position: relative;
        top: inherit;
        left: inherit;
        padding-top: 0;
        width: 100%;
    }

    .img-list-col3-01 .add .img img,
    .tab-img-list-col3-01 .add .img img,
    .img-list-col4-01 .add .img img,
    .img-list-col4-02 .add .img img {
        height: auto !important;
        width: 100% !important;
    }

    .img-list-col3-01 h3,
    .tab-img-list-col3-01 h3,
    .img-list-col4-01 h3,
    .img-list-col4-02 h3 {
        margin: 7px 0 0;
        padding: 0;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 1.7;
    }

    .img-list-col3-01 h3 br,
    .tab-img-list-col3-01 h3 br,
    .img-list-col4-01 h3 br,
    .img-list-col4-02 h3 br {
        display: none;
    }

    .img-list-col4-01 li,
    .img-list-col4-02 li {
        width: 47.45763%;
    }

    /* Most popular */
    .most-popular {
        margin: 0;
    }

    .most-popular .head {
        padding: 0 3.73333%;
        margin: 0 0 19px;
    }

    .most-popular .head-inner {
        padding: 11px 0 12px;
    }

    .most-popular .head-inner h2 {
        font-size: 19px;
        font-size: 1.9rem;
        letter-spacing: normal;
    }

    .most-popular .head-inner p {
        margin: 10px 10px 0 0;
        font-size: 14px;
        font-size: 1.4rem;
    }

    .most-popular .link-list {
        padding: 0 4%;
    }

    .most-popular .inner {
        position: 70px 0 0;
    }

    .add-box {
        padding: 0 4%;
    }

    .add-box div {
        margin: 0 auto;
    }

    .add-box .add-mobkoi {
        display: block;
        height: 100vh;
        margin-bottom: -30px;
    }

    /* Exhibition */
    .exhibition {
        background: #e7e7e7;
    }

    .exhibition .head {
        padding: 0 2.93333%;
    }

    .exhibition .inner {
        padding-top: 0px;
        max-width: inherit;
        min-width: inherit;
    }

    .exhibition #img-slider01 {
        min-width: inherit;
        max-width: inherit;
    }

    .exhibition .head-inner {
        margin: 0 auto;
        padding: 16px 0 17px;
    }

    .exhibition .head-inner p {
        margin: 17px 10px 0 0;
        font-size: 14px;
        font-size: 1.4rem;
    }

    .exhibition .meter-wrap {
        position: relative;
        bottom: inherit;
        left: inherit;
        padding: 0 4%;
        background: #e7e7e7;
    }

    .exhibition .sp-text-wrap,
    .exhibition .exhibition-text-elm {
        padding: 0 4%;
        background: #e7e7e7;
    }

    .exhibition .sp-text-wrap a,
    .exhibition .exhibition-text-elm a {
        display: block;
    }

    .exhibition .sp-text-wrap h2,
    .exhibition .exhibition-text-elm h2 {
        padding: 14px 0 8px;
        font-size: 24px;
        font-size: 2.4rem;
        font-weight: bold;
        line-height: 1.15;
    }

    .exhibition .sp-text-wrap h2 small,
    .exhibition .exhibition-text-elm h2 small {
        margin: 10px 0 0;
        display: block;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.2;
    }

    .exhibition .sp-text-wrap .data,
    .exhibition .exhibition-text-elm .data {
        margin: 0 0 9px;
        font-weight: bold;
        letter-spacing: 0.1em;
    }

    .exhibition .sp-text-wrap .data p,
    .exhibition .exhibition-text-elm .data p {
        display: inline-block;
        vertical-align: top;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1;
    }

    .exhibition .sp-text-wrap .data small,
    .exhibition .exhibition-text-elm .data small {
        display: block;
        margin: 4px 0 0;
        font-size: 8px;
        font-size: 0.8rem;
    }

    .exhibition .sp-text-wrap .place,
    .exhibition .exhibition-text-elm .place {
        margin: 0 0 6px;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.4;
        font-weight: bold;
    }

    .exhibition .sp-text-wrap .lead-text,
    .exhibition .exhibition-text-elm .lead-text {
        padding: 0 0 15px;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 1.7;
    }

    .exhibition .exhibition-slide-text-box {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 92%;
    }

    .img-slider01 .sp-text {
        background: #e7e7e7;
    }

    .img-slider01 .slick-dots {
        bottom: 0;
    }

    .img-slider01 .text-box {
        padding: 5px 20px 25px;
    }

    .img-slider01 .copyright {
        font-size: 8px;
        font-size: 0.8rem;
        line-height: 1.8;
    }

    /* Event */
    .event {
        padding: 0;
    }

    .event .head .ttl01 {
        margin-bottom: 0px;
    }

    .event .inner {
        padding: 25px 0 0;
        min-width: inherit;
        max-width: inherit;
    }

    .event .head {
        padding: 0 0 0px;
    }

    .event .head p {
        margin: 16px 8px 0 0;
        font-size: 14px;
        font-size: 1.4rem;
    }

    .event .slick-slider {
        margin-bottom: 1px;
        padding-bottom: 0;
    }

    .event .meter-wrap {
        margin: 0 0 15px;
    }

    .event .sp-text-wrap,
    .event .event-slide-text-box {
        padding: 14px 4.34783% 7px;
        font-size: 10px;
        font-size: 1rem;
        background: #e7e7e7;
    }

    .event .sp-text-wrap a,
    .event .event-slide-text-box a {
        display: block;
    }

    .event .sp-text-wrap h3,
    .event .event-slide-text-box h3 {
        margin: 0 0 9px;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.8;
        letter-spacing: 0.09em;
    }

    .event .sp-text-wrap .data,
    .event .sp-text-wrap .place,
    .event .sp-text-wrap h4,
    .event .event-slide-text-box .data,
    .event .event-slide-text-box .place,
    .event .event-slide-text-box h4 {
        margin: 0 0 9px;
    }

    .event .sp-text-wrap .data,
    .event .event-slide-text-box .data {
        letter-spacing: 0.04em;
    }

    .event .sp-text-wrap .place,
    .event .event-slide-text-box .place {
        letter-spacing: 0.1em;
    }

    .event .sp-text-wrap h4,
    .event .event-slide-text-box h4 {
        letter-spacing: 0.11em;
    }

    .event .sp-text-wrap .lead,
    .event .event-slide-text-box .lead {
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 1.7;
        letter-spacing: 0.052em;
    }

    .event .sp-text-wrap .more,
    .event .event-slide-text-box .more {
        text-align: right;
        margin: 20px -7px 0 0;
        font-size: 12px;
        font-size: 1.2rem;
    }

    .event .event-slide-text-box {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 92%;
    }

    .img-slider02 .slick-slide,
    .img-slider02 a {
        position: relative;
        display: block;
        height: 100%;
    }

    .img-slider02 .slick-slide:hover,
    .img-slider02 a:hover {
        opacity: 1;
    }

    .img-slider02 .slick-slide:hover .slick-prev,
    .img-slider02 .slick-slide:hover .slick-next,
    .img-slider02 a:hover .slick-prev,
    .img-slider02 a:hover .slick-next {
        -moz-transition: opacity 0.23s ease-in-out;
        -o-transition: opacity 0.23s ease-in-out;
        -webkit-transition: opacity 0.23s ease-in-out;
        transition: opacity 0.23s ease-in-out;
        opacity: 1;
    }

    .img-slider02 .slick-slide:hover .text-box,
    .img-slider02 a:hover .text-box {
        -moz-transition: opacity 0.23s ease-in-out;
        -o-transition: opacity 0.23s ease-in-out;
        -webkit-transition: opacity 0.23s ease-in-out;
        transition: opacity 0.23s ease-in-out;
        opacity: 0.6;
    }

    .img-slider02 .slick-slide .img-wrap,
    .img-slider02 a .img-wrap {
        display: block;
        table-layout: fixed;
        width: 100%;
        background: none;
    }

    .img-slider02 .img-box {
        display: block;
        width: 100%;
    }

    .img-slider02 .img-box .img {
        position: relative;
        padding: 80% 0 0;
    }

    .img-slider02 .bottom-text {
        padding: 4px 0 17px;
        font-size: 8px;
        font-size: 0.8rem;
        line-height: 1.8;
    }

    .img-slider02 .img-box img {
        padding-left: 0px;
        padding-right: 0px;
    }

    .img-slider02 .slick-dots {
        bottom: 0;
    }

    /* imapedia */
    .imapedia {
        padding: 0;
        padding-bottom: 30px;
    }

    .imapedia .head .ttl01 {
        margin-bottom: 0px;
    }

    .imapedia .inner {
        padding: 25px 0 0;
        min-width: inherit;
        max-width: inherit;
    }

    .imapedia .head {
        padding: 0 0 0px;
    }

    .imapedia .head p {
        margin: 16px 8px 0 0;
        font-size: 14px;
        font-size: 1.4rem;
    }

    .imapedia .slick-slider {
        margin-bottom: 1px;
        padding-bottom: 25px;
    }

    .imapedia .img-slider03 h3 {
        font-size: 1.6rem;
        line-height: 1.8;
        letter-spacing: 0.09em;
    }

    .imapedia .img-slider03 .lead {
        font-size: 1.2rem;
        letter-spacing: 1px;
        line-height: 1.7;
    }

    .imapedia .meter-wrap {
        margin: 0 auto;
        width: 90%;
    }

    .imapedia .sp-text-wrap,
    .imapedia .imapedia-slide-text-box {
        padding: 14px 4.34783% 7px;
        font-size: 10px;
        font-size: 1rem;
        background: #e7e7e7;
    }

    .imapedia .sp-text-wrap a,
    .imapedia .imapedia-slide-text-box a {
        display: block;
    }

    .imapedia .sp-text-wrap h3,
    .imapedia .imapedia-slide-text-box h3 {
        margin: 0 0 9px;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.8;
        letter-spacing: 0.09em;
    }

    .imapedia .sp-text-wrap .data,
    .imapedia .sp-text-wrap .place,
    .imapedia .sp-text-wrap h4,
    .imapedia .imapedia-slide-text-box .data,
    .imapedia .imapedia-slide-text-box .place,
    .imapedia .imapedia-slide-text-box h4 {
        margin: 0 0 9px;
    }

    .imapedia .sp-text-wrap .data,
    .imapedia .imapedia-slide-text-box .data {
        letter-spacing: 0.04em;
    }

    .imapedia .sp-text-wrap .place,
    .imapedia .imapedia-slide-text-box .place {
        letter-spacing: 0.1em;
    }

    .imapedia .sp-text-wrap h4,
    .imapedia .imapedia-slide-text-box h4 {
        letter-spacing: 0.11em;
    }

    .imapedia .sp-text-wrap .lead,
    .imapedia .imapedia-slide-text-box .lead {
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 1.7;
        letter-spacing: 0.052em;
    }

    .imapedia .sp-text-wrap .more,
    .imapedia .imapedia-slide-text-box .more {
        text-align: right;
        margin: 20px -7px 0 0;
        font-size: 12px;
        font-size: 1.2rem;
    }

    .imapedia .imapedia-slide-text-box {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 92%;
    }

    .imapedia .img-slider03 .slick-slide,
    .imapedia .img-slider03 a {
        position: relative;
        display: block;
        height: 100%;
    }

    .imapedia .img-slider03 .slick-slide:hover,
    .imapedia .img-slider03 a:hover {
        opacity: 1;
    }

    .imapedia .img-slider03 .slick-slide:hover .slick-prev,
    .imapedia .img-slider03 .slick-slide:hover .slick-next,
    .imapedia .img-slider03 a:hover .slick-prev,
    .imapedia .img-slider03 a:hover .slick-next {
        -moz-transition: opacity 0.23s ease-in-out;
        -o-transition: opacity 0.23s ease-in-out;
        -webkit-transition: opacity 0.23s ease-in-out;
        transition: opacity 0.23s ease-in-out;
        opacity: 1;
    }

    .imapedia .img-slider03 .slick-slide:hover .text-box,
    .imapedia .img-slider03 a:hover .text-box {
        -moz-transition: opacity 0.23s ease-in-out;
        -o-transition: opacity 0.23s ease-in-out;
        -webkit-transition: opacity 0.23s ease-in-out;
        transition: opacity 0.23s ease-in-out;
        opacity: 0.6;
    }

    .imapedia .img-slider03 .slick-slide .img-wrap,
    .imapedia .img-slider03 a .img-wrap {
        display: block;
        table-layout: fixed;
        width: 100%;
        background: none;
    }

    .imapedia .img-slider03 .img-box {
        display: block;
        width: 100%;
    }

    .imapedia .img-slider03 .img-box .img {
        position: relative;
        padding: 80% 0 0;
    }

    .imapedia .img-slider03 .bottom-text {
        padding: 4px 0 17px;
        font-size: 8px;
        font-size: 0.8rem;
        line-height: 1.8;
    }

    .imapedia .img-slider03 .more {
        font-size: 1.2rem;
        color: #525252;
    }

    .imapedia .img-slider03 .img-box img {
        padding-left: 0px;
        padding-right: 0px;
    }

    .imapedia .img-slider03 .slick-dots {
        bottom: 40px;
    }

    /* School */
    .school {
        padding: 0 4%;
        margin: 0 0 24px;
    }

    .school .inner {
        padding: 22px 0 0;
    }

    .school .head {
        margin: 0 0 17px;
    }

    .school .slider {
        width: 100%;
    }

    .school .text-box {
        width: 100%;
    }

    .school .text-box .text-inner {
        display: block;
    }

    .school .text-box .text-inner div {
        display: block;
        padding: 0 0 0;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 1.7;
    }

    .school .text-box .text-inner a {
        display: block;
    }

    .school .more {
        margin: 2px 8px 0 0;
        font-size: 12px;
        font-size: 1.2rem;
    }

    .school .slick-dots {
        bottom: -20px;
    }

    .school .slick-slider {
        margin: 0 0 20px;
    }

    .school .meter-wrap {
        margin: 0 0 18px;
    }

    .mgb0 {
        margin-bottom: 0;
    }

    /* Publishing */
    .publishing {
        padding: 20px 4% 2px;
        margin: 0;
    }

    .publishing .inner {
        padding: 0;
    }

    .publishing .head {
        margin: 0 0 18px;
    }

    /* online-gallery */
    .online-ga {
        padding: 20px 4% 2px;
        margin: 0;
    }

    .online-ga .inner {
        padding: 0;
    }

    .online-ga .head {
        margin: 0 0 18px;
    }

    .online-ga .inner .img-list-col2-01 > li:first-child {
        margin-bottom: 30px;
    }

    .about-list,
    .img-list-col2-01 {
        width: 100%;
    }

    .about-list li,
    .img-list-col2-01 li {
        display: block;
        width: 100%;
        margin: 0 0 14px;
    }

    .about-list .text-box,
    .img-list-col2-01 .text-box {
        padding: 7px 0 0;
    }

    .about-list h3,
    .img-list-col2-01 h3 {
        margin: 0 0 1px;
        font-size: 16px;
        font-size: 1.6rem;
        letter-spacing: normal;
    }

    .about-list .lead,
    .img-list-col2-01 .lead {
        font-size: 11px;
        font-size: 1.1rem;
        letter-spacing: 0.08em;
    }

    .about-list .more,
    .img-list-col2-01 .more {
        margin: 4px 8px 0 0;
        font-size: 12px;
        font-size: 1.2rem;
    }

    .about-list .info-box,
    .img-list-col2-01 .info-box {
        height: auto !important;
    }

    .about-list .lead-box,
    .img-list-col2-01 .lead-box {
        margin: 19px 0 -3px;
    }

    .about-list .lead-box h3,
    .img-list-col2-01 .lead-box h3 {
        width: 30.43478%;
        padding: 0 10px;
    }

    .about-list .lead-box .ima img,
    .img-list-col2-01 .lead-box .ima img {
        max-width: 69px;
    }

    .about-list .lead-box .store img,
    .img-list-col2-01 .lead-box .store img {
        max-width: 50px;
    }

    .about-list .lead-box .text,
    .img-list-col2-01 .lead-box .text {
        width: 69.56522%;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 1.7;
    }

    .about-list li {
        margin: 0 0 24px;
    }

    .about-list .more {
        padding: 0;
    }

    /* Artist */
    .artist {
        margin: 0 0 25px;
    }

    .artist .head {
        padding: 0 4% 18px;
    }

    .artist .head p {
        margin: 15px 8px 0 0;
        font-size: 14px;
        font-size: 1.4rem;
    }

    .artist .head .head-inner {
        margin: 0 auto;
    }

    .artist-slider a {
        padding: 0 5px 0;
    }

    .artist-slider a:hover img {
        opacity: 1;
    }

    .artist-slider .img {
        padding-top: 170px;
    }

    .artist-slider li {
        width: 180px;
    }

    .artist-slider h3 {
        margin: 12px 0 0;
        text-align: center;
        font-size: 11px;
        font-size: 1.1rem;
        letter-spacing: 0.05em;
    }

    /* About */
    .about {
        padding: 0 4%;
        margin: 0;
    }

    .about + .add-box {
        margin-top: 30px;
    }

    .about .head {
        margin: 0 auto 18px;
    }

    .about .inner {
        padding: 18px 0 4px;
    }

    .about .amana {
        padding: 0 0 24px;
    }

    .about .amana h4 {
        width: 80px;
        margin: 0 auto 16px;
    }

    .about .amana p {
        font-size: 1px;
        font-size: 1.1rem;
    }

    /* view more */
    .view-more-wrap {
        width: 80%;
    }

    .view-more-wrap > a {
        padding: 0.5rem 0px;
    }

    /* sec_vision */
    #top_vision.sec_vision {
        background: #e7e7e7;
        padding: 0 20px 10px;
    }

    #top_vision.sec_vision .head {
        padding: 0 2.93333%;
    }

    #top_vision.sec_vision .inner {
        padding-top: 0px;
        max-width: inherit;
        min-width: inherit;
    }

    #top_vision.sec_vision #img-slider01 {
        min-width: inherit;
        max-width: inherit;
    }

    #top_vision.sec_vision .head-inner {
        margin: 0 auto;
        padding: 16px 0 17px;
    }

    #top_vision.sec_vision .head-inner p {
        margin: 17px 10px 0 0;
        font-size: 14px;
        font-size: 1.4rem;
    }

    #top_vision.sec_vision .sp-text-box,
    #top_vision.sec_vision .exhibition-text-elm {
        display: block;
        padding: 0 4%;
        background: #e7e7e7;
    }

    #top_vision.sec_vision .sp-text-box a,
    #top_vision.sec_vision .exhibition-text-elm a {
        display: block;
    }

    #top_vision.sec_vision .sp-text-box h2,
    #top_vision.sec_vision .exhibition-text-elm h2 {
        padding: 14px 0 8px;
        font-size: 24px;
        font-size: 2.4rem;
        font-weight: bold;
        line-height: 1.15;
    }

    #top_vision.sec_vision .sp-text-box h2 small,
    #top_vision.sec_vision .exhibition-text-elm h2 small {
        margin: 10px 0 0;
        display: block;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.2;
    }

    #top_vision.sec_vision .sp-text-box .place,
    #top_vision.sec_vision .exhibition-text-elm .place {
        margin: 0 0 6px;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.4;
        font-weight: bold;
    }

    #top_vision.sec_vision .sp-text-box .lead-text,
    #top_vision.sec_vision .exhibition-text-elm .lead-text {
        padding: 0 0 15px;
        font-size: 1.2rem;
        letter-spacing: 1px;
        line-height: 1.7;
    }

    #top_vision.sec_vision .exhibition-slide-text-box {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 92%;
    }

    #top_vision.sec_vision .inner .sp-text {
        background: #e7e7e7;
    }

    #top_vision.sec_vision .inner .text-box {
        padding: 5px 20px 25px;
    }

    #top_vision.sec_vision .inner .img-box img {
        height: auto;
    }
}

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

.slick-slide:active, .slick-slide:focus {
    outline: none;
}

.slick-slide *:active,
.slick-slide *:focus {
    outline: none;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/* Arrows */
.slick-prev,
.slick-next {
    opacity: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    z-index: 2;
    top: 50%;
    display: block;
    width: 74px;
    height: 74px;
    padding: 0;
    margin-top: -3.18966%;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev {
    left: 4.91379%;
    width: 74px;
    height: 74px;
    background-image: url('../images/sprite-sbc42361294.png');
    background-position: 0 -356px;
    background-repeat: no-repeat;
    -moz-background-size: 196px auto;
    -o-background-size: 196px auto;
    -webkit-background-size: 196px auto;
    background-size: 196px auto;
    display: inline-block;
    overflow: hidden;
    text-indent: -9999px;
    vertical-align: middle;
}

.slick-next {
    right: 5.08621%;
    width: 74px;
    height: 74px;
    background-image: url('../images/sprite-sbc42361294.png');
    background-position: -96px 0;
    background-repeat: no-repeat;
    -moz-background-size: 196px auto;
    -o-background-size: 196px auto;
    -webkit-background-size: 196px auto;
    background-size: 196px auto;
    display: inline-block;
    overflow: hidden;
    text-indent: -9999px;
    vertical-align: middle;
}

/* Dots */
.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: 36px;
    display: block;
    width: 100%;
    padding: 0;
    z-index: 1;
    list-style: none;
    text-align: center;
    line-height: 1;
}

.slick-dots .slick-active button {
    background: #303030;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 20px;
    padding: 0;
    vertical-align: top;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 1;
    display: block;
    width: 12px;
    height: 12px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
    background: #878787;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
    background: #303030;
    -moz-transition: background 0.23s ease-in-out;
    -o-transition: background 0.23s ease-in-out;
    -webkit-transition: background 0.23s ease-in-out;
    transition: background 0.23s ease-in-out;
}

@media screen and (max-width: 768px) {
    .slick-slider {
        margin: 0;
    }

    .slick-dots li {
        width: 6px;
        height: 6px;
        margin: 0 10px;
    }

    .slick-dots li button {
        width: 6px;
        height: 6px;
    }

    .slick-prev,
    .slick-next {
        display: none !important;
    }
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
    -webkit-transform: translate3d(0, 0, 0);
}

#cboxWrapper {
    max-width: none;
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
    clear: left;
}

#cboxContent {
    position: relative;
}

#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

#cboxTitle {
    margin: 0;
}

#cboxTitle small {
    font-size: 80%;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor: pointer;
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic;
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3ffffff, endColorstr=#B3ffffff);
    background: rgba(255, 255, 255, 0.9);
}

#colorbox {
    outline: 0;
}

#cboxContent {
    background: #fff;
}

.cboxIframe {
    background: #fff;
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}

#cboxCurrent {
    padding: 5px;
}

#cboxTitle {
    position: absolute;
    top: 100%;
    left: 0;
    text-align: left;
    width: 100%;
    padding: 13px 8px;
    color: #303030;
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: normal;
}

#cboxCurrent {
    display: none !important;
}

#cboxTopLeft {
    width: 100px;
    height: 30px;
}

#cboxTopRight {
    width: 100px;
    height: 30px;
}

#cboxBottomLeft {
    width: 100px;
    height: 100px;
}

#cboxBottomRight {
    width: 100px;
    height: 100px;
}

#cboxMiddleLeft {
    width: 100px;
}

#cboxMiddleRight {
    width: 100px;
}

#cboxTopCenter {
    height: 30px;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    width: auto;
    background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
    outline: 0;
}

#cboxSlideshow {
    position: absolute;
    bottom: 4px;
    right: 30px;
    color: #0092ef;
}

#cboxPrevious {
    position: absolute;
    top: 50%;
    left: -100px;
    width: 74px;
    height: 74px;
    background-image: url('../images/sprite-sbc42361294.png');
    background-position: -74px -282px;
    background-repeat: no-repeat;
    -moz-background-size: 196px auto;
    -o-background-size: 196px auto;
    -webkit-background-size: 196px auto;
    background-size: 196px auto;
    display: inline-block;
    overflow: hidden;
    text-indent: -9999px;
    vertical-align: middle;
    margin: -37px 0 0 0;
}

#cboxNext {
    position: absolute;
    top: 50%;
    right: -100px;
    width: 74px;
    height: 74px;
    background-image: url('../images/sprite-sbc42361294.png');
    background-position: 0 -282px;
    background-repeat: no-repeat;
    -moz-background-size: 196px auto;
    -o-background-size: 196px auto;
    -webkit-background-size: 196px auto;
    background-size: 196px auto;
    display: inline-block;
    overflow: hidden;
    text-indent: -9999px;
    vertical-align: middle;
    margin: -37px 0 0 0;
}

#cboxClose {
    position: absolute;
    top: -88px;
    right: -92px;
    width: 44px;
    height: 44px;
    background-image: url('../images/sprite-sbc42361294.png');
    background-position: -52px 0;
    background-repeat: no-repeat;
    -moz-background-size: 196px auto;
    -o-background-size: 196px auto;
    -webkit-background-size: 196px auto;
    background-size: 196px auto;
    display: inline-block;
    overflow: hidden;
    text-indent: -9999px;
    vertical-align: middle;
}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
@media screen and (max-width: 768px) {
    #cboxPrevious {
        position: absolute;
        top: 50%;
        left: -43px;
        width: 37px;
        height: 37px;
        background-image: url('../images/sprite-sbc42361294.png');
        background-position: -37px -141px;
        background-repeat: no-repeat;
        -moz-background-size: 98px auto;
        -o-background-size: 98px auto;
        -webkit-background-size: 98px auto;
        background-size: 98px auto;
        display: inline-block;
        overflow: hidden;
        text-indent: -9999px;
        vertical-align: middle;
        margin: -18px 0 0 0;
    }

    #cboxNext {
        position: absolute;
        top: 50%;
        right: -43px;
        width: 37px;
        height: 37px;
        background-image: url('../images/sprite-sbc42361294.png');
        background-position: 0 -141px;
        background-repeat: no-repeat;
        -moz-background-size: 98px auto;
        -o-background-size: 98px auto;
        -webkit-background-size: 98px auto;
        background-size: 98px auto;
        display: inline-block;
        overflow: hidden;
        text-indent: -9999px;
        vertical-align: middle;
        margin: -18px 0 0 0;
    }

    #cboxClose {
        top: -37px;
        right: -37px;
        width: 22px;
        height: 22px;
        background-image: url('../images/sprite-sbc42361294.png');
        background-position: -26px 0;
        background-repeat: no-repeat;
        -moz-background-size: 98px auto;
        -o-background-size: 98px auto;
        -webkit-background-size: 98px auto;
        background-size: 98px auto;
        display: inline-block;
        overflow: hidden;
        text-indent: -9999px;
        vertical-align: middle;
    }

    #cboxTopLeft {
        width: 50px;
        height: 50px;
    }

    #cboxTopRight {
        width: 50px;
        height: 50px;
    }

    #cboxBottomLeft {
        width: 50px;
        height: 50px;
    }

    #cboxBottomRight {
        width: 50px;
        height: 50px;
    }

    #cboxMiddleLeft {
        width: 50px;
    }

    #cboxMiddleRight {
        width: 50px;
    }

    #cboxTopCenter {
        height: 50px;
    }

    #cboxBottomCenter {
        height: 50px;
    }

    #cboxTitle {
        font-size: 13px;
        font-size: 1.3rem;
        padding: 7px 4px;
    }
}

/* single page
----------------------------------------------------------*/
.single-page-ttl {
    padding: 0 20px;
    margin: 0 0 54px;
}

.single-page-ttl.artist {
    margin: 0 0 57px;
}

.single-page-ttl.artist h1 {
    letter-spacing: 0.02em;
}

.single-page-ttl.artist small {
    display: block;
    margin: 20px 0 0;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: normal;
}

.single-page-ttl.event-ttl h1 {
    letter-spacing: 0.02em;
}

.single-page-ttl .inner {
    max-width: 1000px;
    margin: 0 auto;
    padding: 63px 0 0;
}

.single-page-ttl .pdt0 {
    padding-top: 0;
}

.single-page-ttl h1 {
    margin: 0 0 17px;
    font-size: 46px;
    font-size: 4.6rem;
    text-align: center;
    line-height: 1.1;
    font-weight: bold;
}

.single-page-ttl .fw-n {
    /* margin: 0 0 13px;
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: normal;
  line-height: 1.7; */
    letter-spacing: 0.02em;
    margin: 0 0 17px;
    font-size: 40px;
    font-size: 4.0rem;
    text-align: center;
    line-height: 1.1;
    font-weight: bold;
}

.single-page-ttl .lead {
    max-width: 820px;
    margin: 0 auto 56px;
    text-align: center;
    letter-spacing: 0.15em;
    font-size: 1.5rem;
}

.single-page-ttl .lead02 {
    max-width: 820px;
    margin: 0 auto 18px;
    text-align: center;
    letter-spacing: 0.15em;
}

.single-page-ttl .data {
    text-align: center;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: bold;
    letter-spacing: 0.02em;
}

.single-page-ttl .place {
    text-align: center;
    font-size: 17px;
    font-size: 1.7rem;
    letter-spacing: 0.09em;
}

.single-page-ttl .mgb {
    margin: 0 0 40px;
}

.single-page-ttl .cap {
    max-width: 920px;
    margin: 12px auto 0;
    text-align: right;
    font-size: 11px;
    font-size: 1.1rem;
    letter-spacing: 0.086em;
}

.single-page-ttl .col2-text {
    padding: 0 0 6px;
    text-align: center;
}

.single-page-ttl .col2-text p {
    display: inline-block;
    margin: 0 31px;
    vertical-align: top;
    font-size: 17px;
    font-size: 1.7rem;
    letter-spacing: 0.08em;
    font-weight: bold;
}

.single-page-ttl .top-store-link {
    text-align: center;
    height: 100%;
}

.single-page-ttl .top-store-link .btn-gray {
    display: inline-block;
    min-width: 260px;
    margin: 50px auto 0px;
}

.single-page-ttl .top-store-link.two .btn-gray:nth-child(1) {
    margin-right: 150px;
}

.single-page-ttl .top-store-link .btn-gray a {
    display: block;
    padding: 10px 20px 10px;
    background: #979898;
    color: #fff;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.6;
    letter-spacing: 0.07em;
}

.main-img a {
    display: block;
}

.main-img p img {
    width: 100%;
}

.single-tags {
    margin: 0 0 22px;
    padding: 0 20px 9px;
}

.single-tags .inner {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0;
}

.single-tags .inner div {
    position: relative;
    padding: 0 5% 0 11.3%;
}

.single-tags h2 {
    position: absolute;
    top: 0px;
    left: 9px;
    z-index: 1;
    color: #bdbdbd;
}

.single-tags ul {
    font-size: 0;
}

.single-tags li {
    display: inline-block;
    margin: 0 10px 10px 0;
    text-align: center;
    font-size: 13px;
    font-size: 1.3rem;
    vertical-align: top;
    line-height: 1.4;
}

.single-tags li a {
    display: block;
    background: #f4f4f4;
    padding: 4px 10px 2px;
    min-width: 80px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: 0.03em;
}

.single-tags li.tag-vol a {
    background-color: #000;
    color: #fff;
}

.single-share {
    margin: 0 0 60px;
    padding: 0 20px;
    background: #303030;
}
.single-share.bottom-pc {
    display: block;
    margin: 0 0 -60px;
}
.single-share.bottom-sp {
    display: none;
}

.single-share .inner {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0;
}

.single-share .inner > div {
    position: relative;
    padding: 10px 100px 10px 140px;
}

.single-share h2 {
    position: absolute;
    top: 12px;
    left: 14px;
    z-index: 1;
}

.single-share ul {
    font-size: 0;
}

.single-share li {
    display: inline-block;
    width: 40px;
    margin: 0 40px 0 0;
    vertical-align: top;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
}

.single-share li a {
    display: block;
}

.single-share li .icon div {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.single-share li .icon p {
    display: table-cell;
    height: 40px;
    background: #3c3c3c;
    border: 1px solid #595959;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle;
    line-height: 1;
    text-align: center;
}

.single-share li .icon img {
    max-width: 20px;
    width: 100%;
}

.single-slider {
    margin: 0 0 59px;
}

.single-slider .bottom {
    max-width: 1000px;
    margin: 0 auto;
    padding: 11px 0 0;
}

.single-slider .slick-dots {
    bottom: -28px;
}

.col2-contents {
    margin: 0 0 28px;
    padding: 0 20px;
}

.col2-contents + .single-tags {
    margin: -25px 0 40px;
}

.col2-contents .inner {
    display: table;
    table-layout: fixed;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.post-contents {
    display: table-cell;
    vertical-align: top;
}

.post-contents .post-inner {
    padding: 0 4.28571% 0 0;
}

.post-contents .post-inner > .notFoundOpen {
    padding-bottom: 40px;
    font-size: 1.8rem;
}

.post-contents h2 {
    margin: 0 0 20px;
    font-size: 21px;
    font-size: 2.1rem;
    text-align: center;
    line-height: 1.4;
    letter-spacing: 0.08em;
}

.post-contents h2.noresult {
    padding-top: 30px;
}

.post-contents h3 {
    margin: 0 0 20px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.08em;
}

.post-contents em {
    font-style: italic;
}

.post-contents strong {
    font-weight: bold;
}

.post-contents .ttl-set-style {
    font-weight: bold;
}

.post-contents .ttl-set-style h3 {
    margin: 0 0 20px;
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 1.4;
}

.post-contents .ttl-set-style h2 {
    font-weight: bold;
    font-size: 45px;
    font-size: 4.5rem;
    text-align: left;
    letter-spacing: 0.02em;
}

.post-contents .text-set {
    max-width: 650px;
    margin: 0 auto 51px;
}

.post-contents .wysiwyg p,
.post-contents .wysiwyg center {
    line-height: 2;
    font-size: 13px;
    font-size: 1.5rem;
    letter-spacing: 0.09em;
}

.post-contents .wysiwyg p + p {
    margin-top: 21px;
}

.post-contents .wysiwyg h3 + p {
    margin: -14px 0 0;
}

.post-contents .wysiwyg a {
    text-decoration: underline;
    font-style: italic;
    word-break: break-all;
}

.post-contents .ttl-set + .img-set {
    margin-top: 34px;
}

.post-contents .ttl-set + .table-set {
    margin-top: 35px;
}

.post-contents .img-set {
    margin: 0 0 50px;
}

.post-contents .img-set + .img-set {
    margin: -16px 0 50px;
}

.post-contents .img-set .img {
    overflow: hidden;
    position: relative;
    padding-top: 62.98507%;
    background: #e7e7e7;
}

.post-contents .img-set .img p,
.post-contents .img-set .img iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.post-contents .img-set .img img {
    display: block;
    height: 100%;
    margin: 0 auto;
}

.post-contents .img-set .nomal-img {
    text-align: center;
    background: #e7e7e7;
}

.post-contents .img-set .nomal-img img {
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    margin: 0 auto !important;
}

.post-contents .img-set .cap {
    margin: 13px 0 0;
    text-align: right;
    font-size: 11px;
    font-size: 1.1rem;
    letter-spacing: 0.086em;
}

.post-contents .img-list-col3-02,
.post-contents .img-list-col2-02,
.post-contents .img-list-col2-02-pc2sp1 {
    width: 102.98507%;
    margin: 25px 0 41px;
    font-size: 0;
}

.post-contents .img-list-col3-02.light-box li,
.post-contents .img-list-col2-02.light-box li,
.post-contents .img-list-col2-02-pc2sp1.light-box li {
    margin-bottom: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.post-contents .img-list-col3-02.light-box li a,
.post-contents .img-list-col2-02.light-box li a,
.post-contents .img-list-col2-02-pc2sp1.light-box li a {
    padding-bottom: 7.14286%;
}

.post-contents .img-list-col3-02 li,
.post-contents .img-list-col2-02 li,
.post-contents .img-list-col2-02-pc2sp1 li {
    display: inline-block;
    width: 30.43478%;
    margin: 0 2.89855% 2.17391% 0;
    vertical-align: top;
}

.post-contents .img-list-col3-02 a,
.post-contents .img-list-col2-02 a,
.post-contents .img-list-col2-02-pc2sp1 a {
    display: block;
}

.post-contents .img-list-col3-02 a:hover,
.post-contents .img-list-col2-02 a:hover,
.post-contents .img-list-col2-02-pc2sp1 a:hover {
    opacity: 1;
}

.post-contents .img-list-col3-02 a:hover img,
.post-contents .img-list-col2-02 a:hover img,
.post-contents .img-list-col2-02-pc2sp1 a:hover img {
    -moz-transition: opacity 0.23s ease-in-out;
    -o-transition: opacity 0.23s ease-in-out;
    -webkit-transition: opacity 0.23s ease-in-out;
    transition: opacity 0.23s ease-in-out;
    opacity: 0.5;
}

.post-contents .img-list-col3-02 a:focus,
.post-contents .img-list-col2-02 a:focus,
.post-contents .img-list-col2-02-pc2sp1 a:focus {
    outline: none;
}

.post-contents .img-list-col3-02 .wysiwyg p a,
.post-contents .img-list-col2-02 .wysiwyg p a,
.post-contents .img-list-col2-02-pc2sp1 .wysiwyg p a {
    display: inline
}

.post-contents .img-list-col3-02 .img,
.post-contents .img-list-col2-02 .img,
.post-contents .img-list-col2-02-pc2sp1 .img {
    overflow: hidden;
    position: relative;
    padding-top: 62.85714%;
    background: #e7e7e7;
}

.post-contents .img-list-col3-02 .img p,
.post-contents .img-list-col2-02 .img p,
.post-contents .img-list-col2-02-pc2sp1 .img p {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.post-contents .img-list-col3-02 .img img,
.post-contents .img-list-col2-02 .img img,
.post-contents .img-list-col2-02-pc2sp1 .img img {
    display: block;
    height: 100%;
    margin: 0 auto;
}

.post-contents .img-list-col3-02 .cap,
.post-contents .img-list-col2-02 .cap,
.post-contents .img-list-col2-02-pc2sp1 .cap {
    margin: 8px 0 0;
    text-align: right;
    font-size: 11px;
    font-size: 1.1rem;
    letter-spacing: 0.086em;
}

.post-contents .img-list-col3-02 .text-box,
.post-contents .img-list-col2-02 .text-box,
.post-contents .img-list-col2-02-pc2sp1 .text-box {
    margin: 11px 0 0;
    line-height: 1.7;
    font-size: 13px;
    font-size: 1.3rem;
}

.post-contents .img-list-col3-02 .text-box h3,
.post-contents .img-list-col2-02 .text-box h3,
.post-contents .img-list-col2-02-pc2sp1 .text-box h3 {
    font-size: 1.5rem;
    font-weight: bold;
    margin: 0 0 11px;
}

.post-contents .img-list-col3-02 .text-box p,
.post-contents .img-list-col2-02 .text-box p,
.post-contents .img-list-col2-02-pc2sp1 .text-box p {
    letter-spacing: 0.07em;
}

.post-contents .img-list-col2-02,
.post-contents .img-list-col2-02-pc2sp1 {
    margin: 25px 0 36px;
}

.post-contents .img-list-col2-02.light-box li a,
.post-contents .img-list-col2-02-pc2sp1.light-box li a {
    padding-bottom: 4.61538%;
}

.post-contents .img-list-col2-02 li,
.post-contents .img-list-col2-02-pc2sp1 li {
    width: 47.10145%;
}

.post-contents .img-list-col2-02 .img,
.post-contents .img-list-col2-02-pc2sp1 .img {
    padding-top: 66.15385%;
}

.post-contents .img-list-col3-02.books {
    margin: 35px 0 11px;
}

.post-contents .img-list-col3-02.books a:hover {
    -moz-transition: opacity 0.23s ease-in-out;
    -o-transition: opacity 0.23s ease-in-out;
    -webkit-transition: opacity 0.23s ease-in-out;
    transition: opacity 0.23s ease-in-out;
    opacity: 0.5;
}

.post-contents .img-list-col3-02.books .img {
    padding-top: 100%;
}

.post-contents .img-list-col3-02.books img {
    height: auto;
}

.post-contents .img-list-col3-02.books .info {
    padding: 0 0 0 5px;
}

.post-contents .img-list-col3-02.books h3 {
    margin: 16px 0 6px;
    font-size: 17px;
    font-size: 1.7rem;
}

.post-contents .img-list-col3-02.books .lead,
.post-contents .img-list-col3-02.books h4 {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 0.08em;
}

.post-contents .img-list-col2-02-pc2sp1 .btn-gray {
    margin-top: 19px;
}

.post-contents .img-text-set {
    margin: 23px 0 50px;
}

.post-contents .img-text-set .img-box {
    width: 57.61194%;
}

.post-contents .img-text-set .img-box .img {
    overflow: hidden;
    position: relative;
    padding-top: 72.47191%;
    background: #e7e7e7;
}

.post-contents .img-text-set .img-box .img p {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.post-contents .img-text-set .img-box .img img {
    display: block;
    height: 100%;
    margin: 0 auto;
}

.post-contents .img-text-set .text-box {
    margin: 15px 0 0;
    width: 39.40299%;
    text-align: justify;
}

.post-contents .img-text-set .cap {
    margin: 7px 0 0;
    text-align: right;
    font-size: 11px;
    font-size: 1.1rem;
    letter-spacing: 0.086em;
}

.post-contents .project-set {
    margin: 0 0 56px;
}

.post-contents .project-set .post {
    margin: 0 0 40px;
}

.post-contents .project-set a {
    overflow: hidden;
    display: block;
}

.post-contents .project-set .img {
    width: 57.61194%;
}

.post-contents .project-set .text-box {
    width: 39.40299%;
}

.post-contents .project-set h3 {
    margin: 5px 0 11px;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: bold;
    letter-spacing: 0.03em;
}

.post-contents .project-set p {
    font-size: 21px;
    font-size: 2.1rem;
    letter-spacing: 0.1em;
}

.post-contents .project-set .place {
    margin: 0 0 15px;
}

.post-contents .project-set .data {
    letter-spacing: 0.13em;
    line-height: 1.4;
}

.post-contents .books-set {
    margin: 0 0 35px;
}

.post-contents .event-set {
    margin: 34px 0 52px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.7;
}

.post-contents .event-set a {
    display: block;
}

.post-contents .event-set .img {
    margin: 0 0 24px;
}

.post-contents .event-set .img img {
    width: 100%;
}

.post-contents .event-set h4 {
    margin: 0 0 10px;
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 1.4;
    letter-spacing: 0.1em;
}

.post-contents .event-set .head {
    overflow: hidden;
    margin: 0 0 11px;
    letter-spacing: 0.11em;
}

.post-contents .event-set .head p {
    float: left;
    margin: 0 1.5em 0 0;
}

.post-contents .event-set p {
    letter-spacing: 0.085em;
}

.post-contents .whats-set {
    margin: 31px 0 55px;
}

.post-contents .whats-set a {
    display: block;
}

.post-contents .whats-set .info {
    margin: 0 0 -8px;
    padding: 0 10px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
}

.post-contents .whats-set .info p {
    display: inline-block;
    vertical-align: top;
}

.post-contents .whats-set .label {
    margin: 0 10px 0 0;
    color: #525252;
}

.post-contents .whats-set .data {
    color: #878787;
}

.post-contents .whats-set .text-box {
    margin: 28px 0 0;
}

.post-contents .table-set {
    margin: 0 0 55px;
    padding: 14px 30px;
    background: #f3f3f3;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.7;
}

.post-contents .table-set table {
    width: 100%;
}

.post-contents .table-set th {
    width: 139px;
    padding: 11px 10px 11px 0;
    vertical-align: top;
}

.post-contents .table-set td {
    padding: 11px 0 11px;
    vertical-align: top;
    letter-spacing: 0.09em;
}

.post-contents .table-set-history {
    max-width: 626px;
    margin: 0 auto 30px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.7;
}

.post-contents .table-set-history table {
    width: 100%;
}

.post-contents .table-set-history th {
    width: 43px;
    padding: 0 10px 0 0;
    vertical-align: top;
    letter-spacing: 0.1em;
}

.post-contents .table-set-history td {
    padding: 0 0 0;
    vertical-align: top;
    letter-spacing: 0.09em;
}

.post-contents .map-set {
    margin: 35px 0 50px;
}

.post-contents .map-set .map-wrap {
    margin: 0 auto;
    position: relative;
    padding: 43.58209% 0 0;
}

.post-contents .map-set .map {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.post-contents .map-set .text {
    max-width: 630px;
    margin: 17px auto 0;
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 0.075em;
    line-height: 1.7;
}

.post-contents .btn-set {
    margin: 0 0 34px;
    text-align: center;
}

.post-contents .btn-set + .btn-set {
    margin-top: -34px;
}

.post-contents .btn-gray {
    display: inline-block;
    min-width: 260px;
    margin: 16px auto 24px;
}

.post-contents .btn-gray a {
    display: block;
    padding: 10px 20px 10px;
    background: #979898;
    color: #fff;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.6;
    letter-spacing: 0.07em;
}

.post-contents .btn-gray + .btn-gray {
    margin: 40px 0 0;
}

.post-contents .youtube {
    width: 94.02985%;
    margin: 23px auto 57px;
}

.post-contents .youtube .inner {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.post-contents .youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.post-contents .gray-box {
    margin: 25px 0 56px;
    background: #f3f3f3;
    padding: 26px 30px 25px;
}

.post-contents .faq-set {
    margin: 24px 0 0;
}

.post-contents .faq-set .head {
    background: #f3f3f3;
    margin: 0 0 30px;
    padding: 28px 0 10px 30px;
}

.post-contents .faq-set .head li {
    display: inline-block;
    margin: 0 38px 12px 0;
    vertical-align: top;
    letter-spacing: 0.07em;
}

.post-contents .faq-set dt {
    position: relative;
    margin: 0 0 20px;
    padding: 3px 0 14px 65px;
    letter-spacing: 0.04em;
}

.post-contents .faq-set dt:before {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 20px;
    width: 26px;
    height: 24px;
    background-image: url('../images/sprite-sbc42361294.png');
    background-position: -144px -74px;
    background-repeat: no-repeat;
    -moz-background-size: 196px auto;
    -o-background-size: 196px auto;
    -webkit-background-size: 196px auto;
    background-size: 196px auto;
    display: inline-block;
    overflow: hidden;
    text-indent: -9999px;
    vertical-align: middle;
}

.post-contents .faq-set dd {
    position: relative;
    padding: 0 0 56px 65px;
    letter-spacing: 0.084em;
}

.post-contents .faq-set dd:before {
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    left: 21px;
    width: 22px;
    height: 22px;
    background-image: url('../images/sprite-sbc42361294.png');
    background-position: -122px -74px;
    background-repeat: no-repeat;
    -moz-background-size: 196px auto;
    -o-background-size: 196px auto;
    -webkit-background-size: 196px auto;
    background-size: 196px auto;
    display: inline-block;
    overflow: hidden;
    text-indent: -9999px;
    vertical-align: middle;
}

.post-contents .shop-set {
    margin: 33px 0 0;
}

.post-contents .shop-set .head {
    background: #f3f3f3;
    margin: 0 0 28px;
    padding: 26px 6px 11px 30px;
}

.post-contents .shop-set .head li {
    display: inline-block;
    margin: 0 38px 12px 0;
    vertical-align: top;
    letter-spacing: 0.05em;
}

.post-contents .shop-set .shop-list {
    overflow: hidden;
}

.post-contents .shop-set .shop-list ul {
    width: 108.95522%;
    margin: 0 0 0 1.34328%;
    font-size: 0;
}

.post-contents .shop-set .shop-list li {
    display: inline-block;
    width: 41.78082%;
    margin: 0 6.84932% 3.28767% 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.7;
    letter-spacing: 0.08em;
}

.post-contents .shop-set .shop-list li h4,
.post-contents .shop-set .shop-list li .cat {
    margin: 0 0 3px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.2;
}

.post-contents .page-break {
    border-bottom: 0px;
    opacity: 0;
    margin: 0;
}

.post-contents .page-break[id] {
    padding-top: 112px;
    margin-top: -112px;
    pointer-events: none;
}

.post-contents .ttl-anchor {
    padding-top: 140px;
    margin-top: -140px;
}
.admin-bar .post-contents .ttl-anchor {
    padding-top: 172px;
    margin-top: -172px;
}

.post-contents .toc-wrap {
    display: flex;
    margin: 62px 50px 79px;
}
.post-contents .toc-wrap.is-margin-top-s {
    margin-top: 12px;
}
.post-contents .toc-ttl {
    padding: 11.5px 0;
    width: 46px;
    font-size: 14px;
}
.post-contents .toc {
    width: calc(100% - 46px);
}
.post-contents .toc-item {
    font-size: 13px;
    line-height: 2;
    border-bottom: 1px solid #e8e8e8;
    padding: 10.5px 0;
}
.post-contents .toc-item a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 24px;
    box-sizing: border-box;
}
.post-contents .toc-item a::before {
    content: '';
    position: absolute;
    border-bottom: 1px solid #a9a8a8;
    border-left: 1px solid #a9a8a8;
    top: calc(50% - 5px);
    left: 7px;
    width: 6px;
    height: 6px;
    display: block;
    transform: rotate(-45deg);
}
.post-contents .toc-item.is-2ndlvl {
    padding-left: 10px;
}

.tab-list li {
    cursor: pointer;
}

.tab-list li.current {
    font-weight: bold;
}

.tab-list li:hover {
    -moz-transition: opacity 0.23s ease-in-out;
    -o-transition: opacity 0.23s ease-in-out;
    -webkit-transition: opacity 0.23s ease-in-out;
    transition: opacity 0.23s ease-in-out;
    opacity: 0.5;
}

@media screen and (max-width: 768px) {
    .single-page-ttl {
        padding: 0 4%;
        margin: 0 0 38px;
    }

    .single-page-ttl.artist {
        margin: 0 0 3px;
    }

    .single-page-ttl.artist small {
        margin: 8px 0 0;
        font-size: 11px;
        font-size: 1.1rem;
    }

    .single-page-ttl .inner {
        padding: 5px 0 0;
    }

    .single-page-ttl .pdt0 {
        padding-top: 0;
    }

    .single-page-ttl h1 {
        margin: 0 0 7px;
        font-size: 28px;
        font-size: 2.8rem;
        line-height: 1.1;
    }

    .single-page-ttl.editors_pick h1 br {
        display: none;
    }

    .single-page-ttl .fw-n {
        margin: 0 0 8px;
        font-size: 19px;
        font-size: 1.9rem;
        line-height: 1.4;
    }

    .single-page-ttl .fw-n br {
        display: none;
    }

    .single-page-ttl .lead {
        margin: 12px auto 26px;
        font-size: 12px;
        font-size: 1.2rem;
    }

    .single-page-ttl .lead02 {
        margin: 12px auto 2px;
        font-size: 12px;
        font-size: 1.2rem;
    }

    .single-page-ttl .data {
        font-size: 17px;
        font-size: 1.7rem;
    }

    .single-page-ttl .place {
        font-size: 13px;
        font-size: 1.3rem;
    }

    .single-page-ttl .mgb {
        margin: 0 0 20px;
    }

    .single-page-ttl .cap {
        margin: 4px auto 0;
        padding: 0 3px;
        font-size: 8px;
        font-size: 0.8rem;
        text-align: left;
    }

    .single-page-ttl .col2-text {
        padding: 0 0 5px;
        text-align: left;
    }

    .single-page-ttl .col2-text p {
        margin: 0;
        font-size: 13px;
        font-size: 1.3rem;
        letter-spacing: 0.06em;
        font-weight: normal;
        color: #878787;
    }

    .single-page-ttl .top-store-link {
        padding-top: 35px;
    }

    .single-page-ttl .top-store-link .btn-gray {
        min-width: 180px;
        margin: 2px auto 19px;
    }

    .single-page-ttl .top-store-link.two .btn-gray:nth-child(1) {
        margin-right: 0;
    }

    .single-page-ttl .top-store-link.two .btn-gray:nth-child(2) {
        margin-bottom: 0;
    }

    .single-page-ttl .top-store-link .btn-gray a {
        padding: 6px 10px 8px;
        background: #979898;
        color: #fff;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.6;
        letter-spacing: 0.13em;
    }

    .single-page-ttl .left-sp {
        text-align: left;
    }

    .single-tags {
        margin: -17px 0 3px;
        padding: 0 4% 9px;
    }

    .single-tags.sp-mode {
        margin: 0 0 13px;
    }

    .single-tags .inner div {
        padding: 0;
    }

    .single-tags h2 {
        position: relative;
        top: inherit;
        left: inherit;
        text-align: center;
        font-size: 16px;
        font-size: 1.6rem;
    }

    .single-tags ul {
        font-size: 0;
    }

    .single-tags li {
        display: inline-block;
        margin: 0 7.5px 7.5px 0;
        text-align: center;
        font-size: 10px;
        font-size: 1rem;
        line-height: 1.4;
    }

    .single-tags li a {
        padding: 3px 10px 2px;
        min-width: 77px;
    }

    .single-tags.is-content-bottom-sp {
        padding: 0;
        margin: 0 0 30px;
    }
    .single-tags.is-content-bottom-sp h2 {
        margin: 0 0 10px;
        padding-top: 5px;
    }

    .single-share {
        margin: 0 0 29px;
        padding: 0 20px;
        background: #303030;
    }

    .single-share.bottom-pc {
        display: none;
    }
    .single-share.bottom-sp {
        display: block;
        margin: -15px 0 30px;
    }
    .single-share.bottom-sp.is-wide {
        width: 100vw;
        margin: 30px calc(-50vw + 50%) 30px;
    }
    .single-share.bottom-sp.is-wide .inner h2.sub-ttl02 {
        font-size: 14px;
        font-size: 1.4rem;
        letter-spacing: 0.03em;
        line-height: inherit;
    }

    .single-share.sp-mode {
        margin: 0 0 19px;
    }

    .single-share .inner > div {
        position: relative;
        padding: 10px 33px 10px 66px;
    }

    .single-share h2 {
        top: 9px;
        left: 0;
    }

    .single-share li {
        display: inline-block;
        width: 20px;
        margin: 0 20px 0 0;
        vertical-align: top;
        font-size: 14px;
        font-size: 1.4rem;
        text-align: center;
    }

    .single-share li a {
        display: block;
    }

    .single-share li .icon p {
        height: 20px;
    }

    .single-share li .icon img {
        margin: 3px 0 0;
        max-width: 12px;
    }

    .single-slider {
        margin: 0 0 29px;
        padding: 0 4%;
    }

    .single-slider .bottom {
        padding: 21px 0 0;
    }

    .single-slider .slick-dots {
        bottom: -21px;
    }

    .col2-contents {
        margin: 0 0 28px;
        padding: 0;
    }

    .col2-contents .inner {
        display: block;
        width: 100%;
        max-width: 1000px;
        margin: 0 auto;
    }

    .post-contents {
        display: block;
        padding: 0 4%;
        vertical-align: top;
        overflow: hidden;
    }

    .post-contents .post-inner {
        padding: 0;
    }

    .post-contents .post-inner > .notFoundOpen {
        font-size: 1.4rem;
        padding-bottom: 30px;
        padding-top: 10px;
    }

    .post-contents h2 {
        margin: 0 0 24px;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.4;
        letter-spacing: 0.2em;
    }

    .post-contents h3 {
        margin: 0 0 17px;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.5;
        letter-spacing: 0.14em;
    }

    .post-contents .ttl-set-style h3 {
        margin: 0 0 17px;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.4;
        letter-spacing: 0.2em;
    }

    .post-contents .ttl-set-style h2 {
        margin: 0 0 10px;
        font-weight: bold;
        font-size: 30px;
        font-size: 3rem;
        text-align: left;
        letter-spacing: 0.04em;
    }

    .post-contents .text-set {
        margin: 0 auto 25px;
    }

    .post-contents .wysiwyg p,
    .post-contents .wysiwyg center{
        line-height: 2;
        font-size: 15px;
        font-size: 1.5rem;
        letter-spacing: 0.06em;
    }

    .post-contents .wysiwyg p + p {
        margin-top: 17px;
    }

    .post-contents .project-set {
        margin: 0 0 20px;
    }

    .post-contents .project-set .post {
        margin: 0 0 26px;
    }

    .post-contents .project-set a {
        display: block;
    }

    .post-contents .project-set .img {
        width: 100%;
        text-align: center;
    }

    .post-contents .project-set .text-box {
        width: 100%;
    }

    .post-contents .project-set h3 {
        margin: 6px 0 1px;
        font-size: 23px;
        font-size: 2.3rem;
        font-weight: bold;
        letter-spacing: 0;
    }

    .post-contents .project-set .place {
        margin: 0 0 7px;
        letter-spacing: 0.09em;
    }

    .post-contents .project-set p {
        font-size: 11px;
        font-size: 1.1rem;
        letter-spacing: 0.06em;
    }

    .post-contents .project-set p br {
        display: none;
    }

    .post-contents .ttl-set + .img-set {
        margin-top: 27px;
    }

    .post-contents .ttl-set + .table-set {
        margin-top: 26px;
    }

    .post-contents .img-set {
        margin: 0 0 23px;
    }

    .post-contents .img-set + .img-set {
        margin: -4px 0 23px;
    }

    .post-contents .img-set .img {
        position: relative;
        padding-top: 65.97015%;
        background: #e7e7e7;
    }

    .post-contents .img-set .cap {
        margin: 5px 0 0;
        text-align: left;
        font-size: 8px;
        font-size: 0.8rem;
    }

    .post-contents .img-list-col3-02,
    .post-contents .img-list-col2-02,
    .post-contents .img-list-col2-02-pc2sp1 {
        width: 102.6087%;
        margin: 17px 0 19px;
        font-size: 0;
    }

    .post-contents .img-list-col2-02-pc2sp1 {
        overflow: hidden;
    }

    .post-contents .img-list-col3-02.light-box li,
    .post-contents .img-list-col2-02.light-box li,
    .post-contents .img-list-col2-02-pc2sp1.light-box li {
        margin-bottom: 0;
    }

    .post-contents .img-list-col3-02.light-box li a,
    .post-contents .img-list-col2-02.light-box li a,
    .post-contents .img-list-col2-02-pc2sp1.light-box li a {
        padding-bottom: 2.97619%;
    }

    .post-contents .img-list-col3-02 li,
    .post-contents .img-list-col2-02 li,
    .post-contents .img-list-col2-02-pc2sp1 li {
        display: inline-block;
        width: 47.45763%;
        margin: 0 2.54237% 1.41243% 0;
        vertical-align: top;
    }

    .post-contents .img-list-col3-02 a,
    .post-contents .img-list-col2-02 a,
    .post-contents .img-list-col2-02-pc2sp1 a {
        display: block;
    }

    .post-contents .img-list-col3-02 a:hover,
    .post-contents .img-list-col2-02 a:hover,
    .post-contents .img-list-col2-02-pc2sp1 a:hover {
        opacity: 1;
    }

    .post-contents .img-list-col3-02 a:hover img,
    .post-contents .img-list-col2-02 a:hover img,
    .post-contents .img-list-col2-02-pc2sp1 a:hover img {
        -moz-transition: opacity 0.23s ease-in-out;
        -o-transition: opacity 0.23s ease-in-out;
        -webkit-transition: opacity 0.23s ease-in-out;
        transition: opacity 0.23s ease-in-out;
        opacity: 0.5;
    }

    .post-contents .img-list-col3-02 .cap,
    .post-contents .img-list-col2-02 .cap,
    .post-contents .img-list-col2-02-pc2sp1 .cap {
        margin: 3px 0 0;
        font-size: 8px;
        font-size: 0.8rem;
    }

    .post-contents .img-list-col3-02 .text-box,
    .post-contents .img-list-col2-02 .text-box,
    .post-contents .img-list-col2-02-pc2sp1 .text-box {
        margin: 11px 0 0;
        line-height: 1.7;
        font-size: 1px;
        font-size: 1rem;
    }

    .post-contents .img-list-col3-02 .text-box h3,
    .post-contents .img-list-col2-02 .text-box h3 {
        margin: 0 0 11px;
        font-size: 1.5rem;
    }

    .post-contents .img-list-col2-02-pc2sp1 .text-box h3 {
        font-size: 1.6rem;
        line-height: 1.5;
        letter-spacing: 0.14em;
    }

    .post-contents .img-list-col3-02 .text-box p,
    .post-contents .img-list-col2-02 .text-box p {
        letter-spacing: 0.07em;
    }

    .post-contents .img-list-col2-02-pc2sp1 .text-box p {
        letter-spacing: 0.06em;
    }

    .post-contents .img-list-col2-02,
    .post-contents .img-list-col2-02-pc2sp1 {
        margin: 17px 0 20px;
    }

    .post-contents .img-list-col2-02 li,
    .post-contents .img-list-col2-02-pc2sp1 li {
        width: 47.10145%;
    }

    .post-contents .img-list-col2-02-pc2sp1 li {
        width: 100%;
    }

    .post-contents .img-list-col2-02 li.light-box li a,
    .post-contents .img-list-col2-02-pc2sp1 li.light-box li a {
        padding-bottom: 1.53846%;
    }

    .post-contents .img-list-col2-02 .text-box,
    .post-contents .img-list-col2-02-pc2sp1 .text-box {
        margin: 6px 0 0;
    }

    .post-contents .img-list-col2-02
    .text-box h3,
    .post-contents .img-list-col2-02-pc2sp1 .text-box h3 {
        margin: 0 0 3px;
    }

    .post-contents .img-list-col3-02.books {
        margin: -10px 0 0;
    }

    .post-contents .img-list-col3-02.books .info {
        padding: 0;
    }

    .post-contents .img-list-col3-02.books h3 {
        margin: 5px 0 -2px;
        font-size: 12px;
        font-size: 1.2rem;
        letter-spacing: 0.09em;
    }

    .post-contents .img-list-col3-02.books h4 {
        margin: 0 0 11px;
        font-size: 10px;
        font-size: 1rem;
        letter-spacing: 0.06em;
    }

    .post-contents .img-list-col2-02-pc2sp1 .btn-gray {
        margin: 19px auto 19px;
    }

    .post-contents .img-text-set {
        margin: 18px 0 27px;
    }

    .post-contents .img-text-set .img-box {
        width: 100%;
    }

    .post-contents .img-text-set .text-box {
        margin: 9px 0 0;
        width: 100%;
        text-align: justify;
    }

    .post-contents .img-text-set .cap {
        margin: 3px 0 0;
        font-size: 8px;
        font-size: 0.8rem;
        letter-spacing: 0.024em;
    }

    .post-contents .img-text-set h3 {
        margin: 0 0 4px;
    }

    .post-contents .event-set {
        margin: 18px 0 22px;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 1.7;
    }

    .post-contents .event-set .img {
        margin: 0 0 11px;
    }

    .post-contents .event-set h4 {
        margin: 0;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.7;
        letter-spacing: 0.1em;
    }

    .post-contents .event-set .head {
        margin: 0 0 4px;
    }

    .post-contents .event-set .head p {
        float: none;
        width: 100%;
        margin: 0;
        font-size: 10px;
        font-size: 1rem;
    }

    .post-contents .whats-set {
        margin: 17px 0 27px;
    }

    .post-contents .whats-set .img-box {
        margin: 0 0 12px;
    }

    .post-contents .whats-set .info {
        margin: 0 0 3px;
        padding: 0 0;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1;
    }

    .post-contents .whats-set .info p {
        display: inline-block;
        vertical-align: top;
    }

    .post-contents .whats-set .label {
        margin: 0 10px 0 0;
        color: #525252;
    }

    .post-contents .whats-set .data {
        color: #878787;
    }

    .post-contents .whats-set .text-box {
        margin: 0;
    }

    .post-contents .table-set {
        margin: 0 0 28px;
        padding: 3px 14px;
        background: #f3f3f3;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 1.7;
    }

    .post-contents .table-set + .btn-set {
        margin-top: 0;
    }

    .post-contents .table-set table {
        width: 100%;
    }

    .post-contents .table-set th {
        width: 65px;
        padding: 8px 10px 8px 0;
        vertical-align: top;
        line-height: 2;
    }

    .post-contents .table-set td {
        padding: 8px 0 8px;
        vertical-align: top;
        letter-spacing: 0.1em;
    }
    .post-contents .table-set td p {
        font-size: 11px;
    }

    .post-contents .table-set-history {
        margin: 0 auto 19px;
        font-size: 11px;
        font-size: 1.1rem;
        padding: 0 2.89855%;
    }

    .post-contents .table-set-history table {
        width: 100%;
    }

    .post-contents .table-set-history th {
        width: 31px;
    }

    .post-contents .works-set h2 {
        margin: 0 0 9px;
    }

    .post-contents .works-set .img-list-col3-02 {
        margin-top: 0;
    }

    .post-contents .map-set {
        margin: 17px 0 25px;
    }

    .post-contents .map-set .map-wrap {
        margin: 0 auto;
        position: relative;
        padding: 43.58209% 0 0;
    }

    .post-contents .map-set .text {
        max-width: 630px;
        margin: 13px auto 0;
        font-size: 11px;
        font-size: 1.1rem;
        letter-spacing: 0.07em;
        line-height: 1.7;
    }

    .post-contents .btn-set {
        margin: 0 0 8px;
        text-align: center;
    }

    .post-contents .btn-set + .btn-set {
        margin-top: -8px;
    }

    .post-contents .btn-gray {
        min-width: 180px;
        margin: 2px auto 19px;
    }

    .post-contents .btn-gray a {
        padding: 6px 10px 8px;
        background: #979898;
        color: #fff;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.6;
        letter-spacing: 0.13em;
    }

    .post-contents .img-list-col2-02-pc2sp1 .btn-gray a {
        padding: 6px 20px 8px;
    }

    .post-contents .btn-gray + .btn-gray {
        margin: 40px 0 0;
    }

    .post-contents .youtube {
        width: 92%;
        margin: 17px auto 27px;
    }

    .post-contents .gray-box {
        margin: 17px 0 27px;
        background: #f3f3f3;
        padding: 13px 16px 10px;
    }

    .post-contents .faq-set {
        margin: 17px 0 0;
    }

    .post-contents .faq-set .head {
        margin: 0 0 19px;
        padding: 8px 0 2px 15px;
    }

    .post-contents .faq-set .head li {
        display: inline-block;
        margin: 0 17px 8px 0;
        vertical-align: top;
        letter-spacing: 0.05em;
        font-size: 11px;
        font-size: 1.1rem;
    }

    .post-contents .faq-set dl {
        font-size: 11px;
        font-size: 1.1rem;
    }

    .post-contents .faq-set dt {
        position: relative;
        margin: 0;
        padding: 3px 0 14px 34px;
        letter-spacing: 0.13em;
    }

    .post-contents .faq-set dt:before {
        top: 3px;
        left: 11px;
        width: 13px;
        height: 12px;
        background-image: url('../images/sprite-sbc42361294.png');
        background-position: -72px -37px;
        background-repeat: no-repeat;
        -moz-background-size: 98px auto;
        -o-background-size: 98px auto;
        -webkit-background-size: 98px auto;
        background-size: 98px auto;
        display: inline-block;
        overflow: hidden;
        text-indent: -9999px;
        vertical-align: middle;
    }

    .post-contents .faq-set dd {
        position: relative;
        padding: 0 0 26px 34px;
        letter-spacing: 0.13em;
    }

    .post-contents .faq-set dd:before {
        top: 1px;
        left: 11px;
        width: 11px;
        height: 11px;
        background-image: url('../images/sprite-sbc42361294.png');
        background-position: -61px -37px;
        background-repeat: no-repeat;
        -moz-background-size: 98px auto;
        -o-background-size: 98px auto;
        -webkit-background-size: 98px auto;
        background-size: 98px auto;
        display: inline-block;
        overflow: hidden;
        text-indent: -9999px;
        vertical-align: middle;
    }

    .post-contents .shop-set {
        margin: 17px 0 0;
    }

    .post-contents .shop-set .head {
        margin: 0 0 21px;
        padding: 11px 6px 1px 16px;
    }

    .post-contents .shop-set .head li {
        margin: 0 17px 8px 0;
        letter-spacing: 0.05em;
        font-size: 11px;
        font-size: 1.1rem;
    }

    .post-contents .shop-set .shop-list {
        overflow: inherit;
    }

    .post-contents .shop-set .shop-list:after {
        content: "";
        clear: both;
        display: block;
    }

    .post-contents .shop-set .shop-list li {
        width: 45%;
        margin: 0 1.5% 7.5% 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        vertical-align: top;
        font-size: 10px;
        font-size: 1rem;
        line-height: 1.7;
        letter-spacing: 0.08em;
    }

    .post-contents .shop-set .shop-list li h4,
    .post-contents .shop-set .shop-list li .cat {
        margin: 0 0 3px;
        font-size: 10px;
        font-size: 1rem;
        line-height: 1.2;
    }

    .post-contents .ttl-anchor {
        padding-top: 106px;
        margin-top: -106px;
    }
    .admin-bar .post-contents .ttl-anchor {
        padding-top: 106px;
        margin-top: -106px;
    }
    .post-contents .toc-wrap {
        display: block;
        margin: 55px 16px;
    }
    .post-contents .toc-ttl {
        width: 100%;
        padding: 0 0 10px;
        border-bottom: 1px solid #e8e8e8;
    }
    .post-contents .toc {
        width: 100%;
    }
}

@media screen and (max-width: 1080px) {
    .post-contents .img-list-col2-02-pc2sp1 .btn-gray {
        min-width: auto;
    }
}

.post-contents .imapedia-related {
    padding-top: 10px;
}

.imapedia-related_posts {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 4.28571%;

    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
}

/* side area
----------------------------------------------------------*/
.side-area {
    display: table-cell;
    width: 300px;
    vertical-align: top;
    padding-right: 20px;
}

.side-area .gray-box {
    background: #f3f3f3;
    margin: 0 0 10px;
    padding: 10px 0 30px;
}

.side-area .add01 {
    text-align: center;
    padding-bottom: 10px;
}

.side-area .add01 > div {
    display: inline-block;
    vertical-align: top;
}

.add01s > div {
    text-align: center;
    margin: 0 auto;
}

.side-area .add02 {
    margin: 0 0 10px;
    text-align: center;
}

.side-area .add02 > div {
    display: inline-block;
}

.side-area .add03 {
    text-align: center;
    padding: 10px 0px;
}

.side-area .add03 > div {
    display: inline-block;
}

.side-area .staff-picks {
    padding: 0 3.33333%;
}

.side-area .staff-picks h3 {
    margin: 30px 0 30px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    font-size: 2rem;
}

.side-area .staff-picks .artist-list a {
    display: block;
}

.side-area .staff-picks .artist-list a > div {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.side-area .staff-picks .artist-list a .img-box {
    display: table-cell;
    width: 38%;
    vertical-align: top;
}

.side-area .staff-picks .artist-list a .img {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-top: 100%;
    background: #e7e7e7;
}

.side-area .staff-picks .artist-list a .img p {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.side-area .staff-picks .artist-list a .img img {
    display: block;
    height: auto;
    margin: 0 auto;
}

.side-area .staff-picks .artist-list a .text {
    display: table-cell;
    vertical-align: middle;
}

.side-area .staff-picks .artist-list a h4 {
    padding: 0 0 0 12.5%;
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 0.06em;
}

.side-area .staff-picks li + li {
    margin: 30px 0 0;
}

.side-area .staff-picks a {
    display: block;
}

.side-area .staff-picks .info {
    margin: 0 0 5px;
    padding: 0 1px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
}

.side-area .staff-picks .info p {
    display: inline-block;
    vertical-align: top;
}

.side-area .staff-picks .label {
    margin: 0 10px 0 0;
    color: #525252;
}

.side-area .staff-picks .data {
    color: #878787;
}

.side-area .staff-picks .img {
    width: 43.57143%;
    overflow: hidden;
    position: relative;
    padding-top: 43.57143%;
    background: #e7e7e7;
}

.side-area .staff-picks .img p {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.side-area .staff-picks .img img {
    display: block;
    height: 100%;
    margin: 0 auto;
}

.side-area .staff-picks .text {
    margin: 8px 0 0;
    width: 50.35714%;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.6;
}
.side-area .staff-picks .label.fl-r{
    margin: 0;
    width: 50.35714%;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.6;
}

.side-area .blog-wrap {
    padding: 0 3.33333%;
}

.side-area .blog-wrap h3 {
    margin: 30px 0 30px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    font-size: 2rem;
}

.side-area .blog-wrap .artist-list a {
    display: block;
}

.side-area .blog-wrap .artist-list a > div {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.side-area .blog-wrap .artist-list a .img-box {
    display: table-cell;
    width: 38%;
    vertical-align: top;
}

.side-area .blog-wrap .artist-list a .img {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-top: 100%;
    background: #e7e7e7;
}

.side-area .blog-wrap .artist-list a .img p {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.side-area .blog-wrap .artist-list a .img img {
    display: block;
    height: auto;
    margin: 0 auto;
}

.side-area .blog-wrap .artist-list a .text {
    display: table-cell;
    vertical-align: middle;
}

.side-area .blog-wrap .artist-list a h4 {
    padding: 0 0 0 12.5%;
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 0.06em;
}

.side-area .blog-wrap li + li {
    margin: 30px 0 0;
}

.side-area .blog-wrap a {
    display: block;
}

.side-area .blog-wrap .info {
    margin: 0 0 5px;
    padding: 0 1px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
}

.side-area .blog-wrap .info p {
    display: inline-block;
    vertical-align: top;
}

.side-area .blog-wrap .label {
    margin: 0 10px 0 0;
    color: #525252;
}

.side-area .blog-wrap .data {
    color: #878787;
}

.side-area .blog-wrap .img {
    width: 43.57143%;
    overflow: hidden;
    position: relative;
    padding-top: 43.57143%;
    background: #e7e7e7;
}

.side-area .blog-wrap .img p {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.side-area .blog-wrap .img img {
    display: block;
    height: 100%;
    margin: 0 auto;
}

.side-area .blog-wrap .text {
    margin: 8px 0 0;
    width: 50.35714%;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.6;
}

.side-area .free-wrap {
    padding: 0 3.33333%;
}

.side-area .free-wrap h3 {
    margin: 20px 0 30px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    font-size: 2rem;
}

.side-area .free-wrap .artist-list a {
    display: block;
}

.side-area .free-wrap .artist-list a > div {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.side-area .free-wrap .artist-list a .img-box {
    display: table-cell;
    width: 38%;
    vertical-align: top;
}

.side-area .free-wrap .artist-list a .img {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-top: 100%;
    background: #e7e7e7;
}

.side-area .free-wrap .artist-list a .img p {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.side-area .free-wrap .artist-list a .img img {
    display: block;
    height: auto;
    margin: 0 auto;
}

.side-area .free-wrap .artist-list a .text {
    display: table-cell;
    vertical-align: middle;
}

.side-area .free-wrap .artist-list a h4 {
    padding: 0 0 0 12.5%;
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 0.06em;
}

.side-area .free-wrap li + li {
    margin: 30px 0 0;
}

.side-area .free-wrap a {
    display: block;
}

.side-area .free-wrap .info {
    margin: 0 0 5px;
    padding: 0 1px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
}

.side-area .free-wrap .info p {
    display: inline-block;
    vertical-align: top;
}

.side-area .free-wrap .label {
    margin: 0 10px 0 0;
    color: #525252;
}

.side-area .free-wrap .data {
    color: #878787;
}

.side-area .free-wrap .img {
    width: 43.57143%;
    overflow: hidden;
    position: relative;
    padding-top: 43.57143%;
    background: #e7e7e7;
}

.side-area .free-wrap .img p {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.side-area .free-wrap .img img {
    display: block;
    height: auto;
    margin: 0 auto;
}

.side-area .free-wrap .text {
    width: 50.35714%;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.6;
}

.side-area .free-wrap-banner {
    margin: 0 0 20px;
    padding: 0 3.33333%;
}
.side-area .free-wrap-banner h3 {
    margin: 20px 0 30px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    font-size: 2rem;
}
.side-area .free-wrap-banner a {
    display: block;
}
.side-area .free-wrap-banner .img {
    width: 100%;
    background: #e7e7e7;
}
.side-area .free-wrap-banner .img p {
    width: 100%;
}
.side-area .free-wrap-banner .img img {
    width: 100%;
    height: auto;
}
.side-area .free-wrap-banner .text {
    display: none;
}


.side-area .imapedia-wrap {
    padding: 0 3.33333%;
}

.side-area .imapedia-wrap h3 {
    margin: 20px 0 20px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    font-size: 2rem;
}

.side-area .imapedia-wrap .artist-list a {
    display: block;
}

.side-area .imapedia-wrap .artist-list a > div {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.side-area .imapedia-wrap .artist-list a .img-box {
    display: table-cell;
    width: 38%;
    vertical-align: top;
}

.side-area .imapedia-wrap .artist-list a .img {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-top: 100%;
    background: #e7e7e7;
}

.side-area .imapedia-wrap .artist-list a .img p {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.side-area .imapedia-wrap .artist-list a .img img {
    display: block;
    height: auto;
    margin: 0 auto;
}

.side-area .imapedia-wrap .artist-list a .text {
    display: table-cell;
    vertical-align: middle;
}

.side-area .imapedia-wrap .artist-list a h4 {
    padding: 0 0 0 12.5%;
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 0.06em;
}

.side-area .imapedia-wrap li + li {
    margin: 30px 0 0;
}

.side-area .imapedia-wrap a {
    display: block;
}

.side-area .imapedia-wrap .info {
    margin: 0 0 5px;
    padding: 0 1px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
}

.side-area .imapedia-wrap .info p {
    display: inline-block;
    vertical-align: top;
}

.side-area .imapedia-wrap .label {
    margin: 0 10px 0 0;
    color: #525252;
}

.side-area .imapedia-wrap .data {
    color: #878787;
}

.side-area .imapedia-wrap .img {
    width: 43.57143%;
    overflow: hidden;
    position: relative;
    padding-top: 43.57143%;
    background: #e7e7e7;
}

.side-area .imapedia-wrap .img p {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.side-area .imapedia-wrap .img img {
    display: block;
    height: 62.57143%;
    margin: 0 auto;
}

.side-area .imapedia-wrap .text {
    margin: 8px 0 0;
    width: 50.35714%;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.6;
}

.side-area .imagraphy-wrap {
    padding: 0 3.33333%;
}

.side-area .imagraphy-wrap h3 {
    margin: 20px 0 20px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    font-size: 2rem;
}

.side-area .imagraphy-wrap .artist-list a {
    display: block;
}

.side-area .imagraphy-wrap .artist-list a > div {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.side-area .imagraphy-wrap .artist-list a .img-box {
    display: table-cell;
    width: 38%;
    vertical-align: top;
}

.side-area .imagraphy-wrap .artist-list a .img {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-top: 100%;
    background: #e7e7e7;
}

.side-area .imagraphy-wrap .artist-list a .img p {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.side-area .imagraphy-wrap .artist-list a .img img {
    display: block;
    height: auto;
    margin: 0 auto;
}

.side-area .imagraphy-wrap .artist-list a .text {
    display: table-cell;
    vertical-align: middle;
}

.side-area .imagraphy-wrap .artist-list a h4 {
    padding: 0 0 0 12.5%;
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 0.06em;
}

.side-area .imagraphy-wrap li + li {
    margin: 30px 0 0;
}

.side-area .imagraphy-wrap a {
    display: block;
}

.side-area .imagraphy-wrap .info {
    margin: 0 0 5px;
    padding: 0 1px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
}

.side-area .imagraphy-wrap .info p {
    display: inline-block;
    vertical-align: top;
}

.side-area .imagraphy-wrap .label {
    margin: 0 10px 0 0;
    color: #525252;
}

.side-area .imagraphy-wrap .data {
    color: #878787;
}

.side-area .imagraphy-wrap .img {
    width: 43.57143%;
    overflow: hidden;
    position: relative;
    padding-top: 43.57143%;
    background: #e7e7e7;
}

.side-area .imagraphy-wrap .img p {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.side-area .imagraphy-wrap .img img {
    display: block;
    height: auto;
    margin: 0 auto;
}

.side-area .imagraphy-wrap .text {
    margin: 8px 0 0;
    width: 50.35714%;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.6;
}

.side-area .members {
    margin: 0 0 10px;
    padding: 30px 10px 1px;
    background: #303030;
    color: #fff;
    text-align: center;
}

.side-area .members .text {
    color: #c4c4c4;
}

.side-area .members .join {
    margin: 24px 0 29px;
}

.side-area .members .join .link {
    width: 245px;
    margin: 0 auto 32px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.side-area .members .join .link h4 {
    width: 144px;
    height: 48px;
    background-image: url('../images/sprite-sbc42361294.png');
    background-position: 0 -100px;
    background-repeat: no-repeat;
    -moz-background-size: 196px auto;
    -o-background-size: 196px auto;
    -webkit-background-size: 196px auto;
    background-size: 196px auto;
    display: inline-block;
    overflow: hidden;
    text-indent: -9999px;
    vertical-align: middle;
}

.side-area .members .join .link a {
    display: block;
}

.side-area .members .join .link p {
    margin: 15px auto 0;
    text-align: center;
    font-size: 12px;
    font-size: 1.2rem;
}

.side-area .members .join .text {
    max-width: 236px;
    margin: 0 auto 0;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.85;
    text-align: left;
    letter-spacing: 0.02em;
}

.side-area .members .sns-list {
    text-align: center;
}

.side-area .members .sns-list li {
    width: 14.28571%;
    margin: 0 0 0 6.42202%;
}

.side-area .members .sns-list li:first-child {
    margin: 0;
}

.side-area .members .rss {
    text-align: center;
}

.side-area .members ul {
    margin: 20px 0 31px;
    padding: 0 3px;
    font-size: 0;
}

.side-area .members li {
    display: inline-block;
    width: 40px;
    vertical-align: top;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
}

.side-area .members li a {
    display: block;
}

.side-area .members li .icon div {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.side-area .members li .icon p {
    display: table-cell;
    height: 40px;
    background: #3c3c3c;
    border: 1px solid #595959;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle;
    line-height: 1;
    text-align: center;
}

.side-area .members li .icon img {
    max-width: 20px;
    width: 100%;
}

@media screen and (max-width: 1059px) {
    body.home .post-contents {
        display: block;
    }

    body.home .side-area {
        display: block;
        margin: 0 0 33px;
        width: 100%;
        vertical-align: top;
        padding: 0px;
    }

    body.home .side-area .gray-box {
        background: none;
        margin: 0 0 10px;
        padding: 10px 0 2px;
    }

    body.home .side-area .add01,
    body.home .side-area .add02 {
        margin: 0 auto 30px;
    }

    body.home .side-area .staff-picks {
        padding: 0;
    }

    body.home .side-area .staff-picks h3 {
        margin: 0 0 21px;
        padding: 6px 4% 6px;
        background: #f3f3f3;
        text-align: left;
        font-weight: bold;
        font-size: 19px;
        font-size: 1.9rem;
    }

    body.home .side-area .staff-picks ul {
        padding: 0 0 0 4%;
    }

    body.home .side-area .staff-picks li {
        display: inline-block;
        width: 46.66667%;
        margin: 0 2.77778% 3.88889% 0;
        vertical-align: top;
    }

    body.home .side-area .blog-wrap li {
        display: inline-block;
        width: 46.66667%;
        margin: 0 2.77778% 3.88889% 0;
        vertical-align: top;
    }

    body.home .side-area .staff-picks .artist-list a > div {
        display: block;
    }

    body.home .side-area .staff-picks .artist-list a .img-box {
        display: block;
        width: 100%;
    }

    body.home .side-area .staff-picks .artist-list a .text {
        display: block;
        margin: 7px 0 0;
    }

    body.home .side-area .staff-picks .artist-list a h4 {
        padding: 0;
        font-size: 11px;
        font-size: 1.1rem;
        letter-spacing: 0.14em;
    }

    body.home .side-area .staff-picks li + li {
        margin: 0 2.77778% 3.88889% 0;
    }

    body.home .side-area .staff-picks a {
        display: block;
    }

    body.home .side-area .staff-picks .info {
        margin: 0 0 8px;
        padding: 0 1px;
        font-size: 10px;
        font-size: 1rem;
        line-height: 1;
    }

    body.home .side-area .staff-picks .info p {
        display: inline-block;
        vertical-align: top;
    }

    body.home .side-area .staff-picks .label {
        margin: 0 10px 0 0;
        color: #525252;
    }

    body.home .side-area .staff-picks .data {
        color: #878787;
    }

    body.home .side-area .staff-picks .img {
        width: 100%;
        padding-top: 62.57143%;
    }

    body.home .side-area .staff-picks .text {
        margin: 8px 0 0;
        width: 100%;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 1.6;
    }

    body.home .side-area .blog-wrap {
        padding: 0;
    }

    body.home .side-area .blog-wrap h3 {
        margin: 0 0 21px;
        padding: 6px 4% 6px;
        background: #f3f3f3;
        text-align: left;
        font-weight: bold;
        font-size: 19px;
        font-size: 1.9rem;
    }

    body.home .side-area .blog-wrap ul {
        padding: 0 0 0 4%;
    }

    body.home .side-area .blog-wrap li {
        display: inline-block;
        width: 95%;
        margin: 0 2.77778% 3.88889% 0;
        vertical-align: top;
    }

    body.home .side-area .blog-wrap li {
        display: inline-block;
        width: 46.66667%;
        margin: 0 2.77778% 3.88889% 0;
        vertical-align: top;
    }

    body.home .side-area .blog-wrap .artist-list a > div {
        display: block;
    }

    body.home .side-area .blog-wrap .artist-list a .img-box {
        display: block;
        width: 100%;
    }

    body.home .side-area .blog-wrap .artist-list a .text {
        display: block;
        margin: 7px 0 0;
    }

    body.home .side-area .blog-wrap .artist-list a h4 {
        padding: 0;
        font-size: 11px;
        font-size: 1.1rem;
        letter-spacing: 0.14em;
    }

    body.home .side-area .blog-wrap li + li {
        margin: 0 2.77778% 3.88889% 0;
    }

    body.home .side-area .blog-wrap a {
        display: block;
    }

    body.home .side-area .blog-wrap .info {
        margin: 0 0 8px;
        padding: 0 1px;
        font-size: 10px;
        font-size: 1rem;
        line-height: 1;
    }

    body.home .side-area .blog-wrap .info p {
        display: inline-block;
        vertical-align: top;
    }

    body.home .side-area .blog-wrap .label {
        margin: 0 10px 0 0;
        color: #525252;
    }

    body.home .side-area .blog-wrap .data {
        color: #878787;
    }

    body.home .side-area .blog-wrap .img {
        width: 100%;
        padding-top: 62.57143%;
    }

    body.home .side-area .blog-wrap .text {
        margin: 8px 0 0;
        width: 100%;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 1.6;
    }

    body.home .side-area .free-wrap {
        padding: 0;
    }

    body.home .side-area .free-wrap h3 {
        margin: 0 0 21px;
        padding: 6px 4% 6px;
        background: #f3f3f3;
        text-align: left;
        font-weight: bold;
        font-size: 19px;
        font-size: 1.9rem;
    }

    body.home .side-area .free-wrap ul {
        padding: 0 0 0 4%;
    }

    body.home .side-area .free-wrap li {
        display: inline-block;
        width: 95%;
        margin: 0 2.77778% 3.88889% 0;
        vertical-align: top;
    }

    body.home .side-area .blog-wrap li {
        display: inline-block;
        width: 95%;
        margin: 0 2.77778% 3.88889% 0;
        vertical-align: top;
    }

    body.home .side-area .free-wrap .artist-list a > div {
        display: block;
    }

    body.home .side-area .free-wrap .artist-list a .img-box {
        display: block;
        width: 100%;
    }

    body.home .side-area .free-wrap .artist-list a .text {
        display: block;
        margin: 7px 0 0;
    }

    body.home .side-area .free-wrap .artist-list a h4 {
        padding: 0;
        font-size: 11px;
        font-size: 1.1rem;
        letter-spacing: 0.14em;
    }

    body.home .side-area .free-wrap li + li {
        margin: 0 2.77778% 3.88889% 0;
    }

    body.home .side-area .free-wrap a {
        display: block;
    }

    body.home .side-area .free-wrap .info {
        margin: 0 0 8px;
        padding: 0 1px;
        font-size: 10px;
        font-size: 1rem;
        line-height: 1;
    }

    body.home .side-area .free-wrap .info p {
        display: inline-block;
        vertical-align: top;
    }

    body.home .side-area .free-wrap .label {
        margin: 0 10px 0 0;
        color: #525252;
    }

    body.home .side-area .free-wrap .data {
        color: #878787;
    }

    body.home .side-area .free-wrap .img {
        width: 100%;
        padding-top: 62.57143%;
    }

    body.home .side-area .free-wrap .text {
        margin: 8px 0 0;
        width: 100%;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 1.6;
    }

    body.home .side-area .members {
        margin: 0 0 30px;
        padding: 30px 15px 1px;
        background: #303030;
        color: #fff;
        text-align: center;
    }

    body.home .side-area .members .text {
        color: #c4c4c4;
    }

    body.home .side-area .members .join {
        margin: 11px 0 0;
    }

    body.home .side-area .members .join .link {
        width: 98px;
        margin: 0 auto 28px;
    }

    body.home .side-area .members .join .link h4 {
        width: 98px;
        height: 33px;
        background-image: url('../images/sprite-sbc42361294.png');
        background-position: 0 -74px;
        background-repeat: no-repeat;
        -moz-background-size: 98px auto;
        -o-background-size: 98px auto;
        -webkit-background-size: 98px auto;
        background-size: 98px auto;
        display: inline-block;
        overflow: hidden;
        text-indent: -9999px;
        vertical-align: middle;
    }

    body.home .side-area .members .join .link a {
        display: block;
    }

    body.home .side-area .members .join .link p {
        margin: 15px auto 0;
        text-align: center;
        font-size: 12px;
        font-size: 1.2rem;
    }

    body.home .side-area .members .join .text {
        max-width: inherit;
        width: 75.36232%;
        margin: 0 auto 13px;
        font-size: 10px;
        font-size: 1rem;
        line-height: 1.85;
        letter-spacing: 0.08em;
    }

    body.home .side-area .members .sns-list {
        text-align: center;
    }

    body.home .side-area .members .sns-list li {
        width: 14.28571%;
        margin: 0 0 0 6.42202%;
    }

    body.home .side-area .members .sns-list li:first-child {
        margin: 0;
    }

    body.home .side-area .members .rss {
        text-align: center;
    }

    body.home .side-area .members ul {
        width: 280px;
        margin: 12px auto 27px;
        padding: 0;
        font-size: 0;
    }

    body.home .side-area .members li {
        display: inline-block;
        width: 40px;
        vertical-align: top;
        font-size: 14px;
        font-size: 1.4rem;
        text-align: center;
    }

    body.home .side-area .members li a {
        display: block;
    }

    body.home .side-area .members li .icon div {
        display: table;
        table-layout: fixed;
        width: 100%;
    }

    body.home .side-area .members li .icon p {
        display: table-cell;
        height: 40px;
        background: #3c3c3c;
        border: 1px solid #595959;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        vertical-align: middle;
        line-height: 1;
        text-align: center;
    }

    body.home .side-area .members li .icon img {
        max-width: 20px;
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .side-area {
        display: block;
        margin: 0 0 33px;
        width: 100%;
        vertical-align: top;
        padding: 0px;
    }

    .side-area .gray-box {
        background: none;
        margin: 0 0 10px;
        padding: 10px 0 2px;
    }

    .side-area .add01,
    .side-area .add02 {
        margin: 0 auto 30px;
    }

    .side-area .staff-picks {
        padding: 0;
    }

    .side-area .staff-picks h3 {
        margin: 0 0 21px;
        padding: 6px 4% 6px;
        background: #f3f3f3;
        text-align: left;
        font-weight: bold;
        font-size: 19px;
        font-size: 1.9rem;
    }

    .side-area .staff-picks ul {
        padding: 0 0 0 4%;
    }

    .side-area .staff-picks li {
        display: inline-block;
        width: 46.66667%;
        margin: 0 2.77778% 3.88889% 0;
        vertical-align: top;
    }

    .side-area .blog-wrap li {
        display: inline-block;
        width: 46.66667%;
        margin: 0 2.77778% 3.88889% 0;
        vertical-align: top;
    }

    .side-area .staff-picks .artist-list a > div {
        display: block;
    }

    .side-area .staff-picks .artist-list a .img-box {
        display: block;
        width: 100%;
    }

    .side-area .staff-picks .artist-list a .text {
        display: block;
        margin: 7px 0 0;
    }

    .side-area .staff-picks .artist-list a h4 {
        padding: 0;
        font-size: 11px;
        font-size: 1.1rem;
        letter-spacing: 0.14em;
    }

    .side-area .staff-picks li + li {
        margin: 0 2.77778% 3.88889% 0;
    }

    .side-area .staff-picks a {
        display: block;
    }

    .side-area .staff-picks .info {
        margin: 0 0 8px;
        padding: 0 1px;
        font-size: 10px;
        font-size: 1rem;
        line-height: 1;
    }

    .side-area .staff-picks .info p {
        display: inline-block;
        vertical-align: top;
    }

    .side-area .staff-picks .label {
        margin: 0 10px 0 0;
        color: #525252;
    }

    .side-area .staff-picks .data {
        color: #878787;
    }

    .side-area .staff-picks .img {
        width: 100%;
        padding-top: 62.57143%;
    }

    .side-area .staff-picks .text {
        margin: 8px 0 0;
        width: 100%;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 1.6;
    }

    .side-area .staff-picks .label.fl-r {
        padding-top: 8px;
        width: 100%;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 1.6;
    }

    .side-area .blog-wrap {
        padding: 0;
    }

    .side-area .blog-wrap h3 {
        margin: 0 0 21px;
        padding: 6px 4% 6px;
        background: #f3f3f3;
        text-align: left;
        font-weight: bold;
        font-size: 19px;
        font-size: 1.9rem;
    }

    .side-area .blog-wrap ul {
        padding: 0 0 0 4%;
    }

    .side-area .blog-wrap li {
        display: inline-block;
        width: 95%;
        margin: 0 2.77778% 3.88889% 0;
        vertical-align: top;
    }

    .side-area .blog-wrap li {
        display: inline-block;
        width: 46.66667%;
        margin: 0 2.77778% 3.88889% 0;
        vertical-align: top;
    }

    .side-area .blog-wrap .artist-list a > div {
        display: block;
    }

    .side-area .blog-wrap .artist-list a .img-box {
        display: block;
        width: 100%;
    }

    .side-area .blog-wrap .artist-list a .text {
        display: block;
        margin: 7px 0 0;
    }

    .side-area .blog-wrap .artist-list a h4 {
        padding: 0;
        font-size: 11px;
        font-size: 1.1rem;
        letter-spacing: 0.14em;
    }

    .side-area .blog-wrap li + li {
        margin: 0 2.77778% 3.88889% 0;
    }

    .side-area .blog-wrap a {
        display: block;
    }

    .side-area .blog-wrap .info {
        margin: 0 0 8px;
        padding: 0 1px;
        font-size: 10px;
        font-size: 1rem;
        line-height: 1;
    }

    .side-area .blog-wrap .info p {
        display: inline-block;
        vertical-align: top;
    }

    .side-area .blog-wrap .label {
        margin: 0 10px 0 0;
        color: #525252;
    }

    .side-area .blog-wrap .data {
        color: #878787;
    }

    .side-area .blog-wrap .img {
        width: 100%;
        padding-top: 62.57143%;
    }

    .side-area .blog-wrap .text {
        margin: 8px 0 0;
        width: 100%;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 1.6;
    }

    .side-area .free-wrap {
        padding: 0;
    }

    .side-area .free-wrap h3 {
        margin: 0 0 21px;
        padding: 6px 4% 6px;
        background: #f3f3f3;
        text-align: left;
        font-weight: bold;
        font-size: 19px;
        font-size: 1.9rem;
    }

    .side-area .free-wrap ul {
        padding: 0 0 0 4%;
    }

    .side-area .free-wrap li {
        display: inline-block;
        width: 95%;
        margin: 0 2.77778% 3.88889% 0;
        vertical-align: top;
    }

    .side-area .blog-wrap li {
        display: inline-block;
        width: 95%;
        margin: 0 2.77778% 3.88889% 0;
        vertical-align: top;
    }

    .side-area .free-wrap .artist-list a > div {
        display: block;
    }

    .side-area .free-wrap .artist-list a .img-box {
        display: block;
        width: 100%;
    }

    .side-area .free-wrap .artist-list a .text {
        display: block;
        margin: 7px 0 0;
    }

    .side-area .free-wrap .artist-list a h4 {
        padding: 0;
        font-size: 11px;
        font-size: 1.1rem;
        letter-spacing: 0.14em;
    }

    .side-area .free-wrap li + li {
        margin: 0 2.77778% 3.88889% 0;
    }

    .side-area .free-wrap a {
        display: block;
    }

    .side-area .free-wrap .info {
        margin: 0 0 8px;
        padding: 0 1px;
        font-size: 10px;
        font-size: 1rem;
        line-height: 1;
    }

    .side-area .free-wrap .info p {
        display: inline-block;
        vertical-align: top;
    }

    .side-area .free-wrap .label {
        margin: 0 10px 0 0;
        color: #525252;
    }

    .side-area .free-wrap .data {
        color: #878787;
    }

    .side-area .free-wrap .img {
        width: 100%;
        padding-top: 62.57143%;
    }

    .side-area .imapedia-wrap .img {
        width: 100%;
        padding-top: 62.57143%;
    }

    .side-area .imapedia-wrap .text {
        margin: 8px 0 0;
        width: 100%;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 1.6;
    }

    .side-area .imagraphy-wrap .img {
        width: 100%;
    }

    .side-area .imagraphy-wrap .text {
        margin: 8px 0 0;
        width: 100%;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 1.6;
    }

    .side-area .free-wrap {
        padding: 0;
    }

    .side-area .free-wrap h3 {
        margin: 0 0 21px;
        padding: 6px 4% 6px;
        background: #f3f3f3;
        text-align: left;
        font-weight: bold;
        font-size: 19px;
        font-size: 1.9rem;
    }

    .side-area .free-wrap h3.no-title {
        display: none;
    }

    .side-area .free-wrap ul {
        padding: 0 0 0 4%;
    }

    .side-area .free-wrap li {
        display: inline-block;
        width: 95%;
        margin: 0 2.77778% 3.88889% 0;
        vertical-align: top;
    }

    .side-area .imapedia-wrap li {
        display: inline-block;
        width: 95%;
        margin: 0 2.77778% 3.88889% 0;
        vertical-align: top;
    }

    .side-area .imagraphy-wrap li {
        display: inline-block;
        width: 100%;
        margin: 0 0 3.88889% 0;
        vertical-align: top;
    }

    .side-area .free-wrap .text {
        margin: 8px 0 0;
        width: 100%;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 1.6;
    }

    .side-area .free-wrap-banner {
        padding: 0;
        margin: 0 0 21px;
    }
    .side-area .free-wrap-banner h3 {
        margin: 0 0 21px;
        padding: 6px 4% 6px;
        background: #f3f3f3;
        text-align: left;
        font-weight: bold;
        font-size: 19px;
        font-size: 1.9rem;
    }
    .side-area .free-wrap-banner h3.no-title {
        display: none;
    }
    .side-area .free-wrap-banner ul {
        padding: 0 4%;
    }

    .side-area .members {
        margin: 0 0 30px;
        padding: 30px 15px 1px;
        background: #303030;
        color: #fff;
        text-align: center;
    }

    .side-area .members .text {
        color: #c4c4c4;
    }

    .side-area .members .join {
        margin: 11px 0 0;
    }

    .side-area .members .join .link {
        width: 98px;
        margin: 0 auto 28px;
    }

    .side-area .members .join .link h4 {
        width: 98px;
        height: 33px;
        background-image: url('../images/sprite-sbc42361294.png');
        background-position: 0 -74px;
        background-repeat: no-repeat;
        -moz-background-size: 98px auto;
        -o-background-size: 98px auto;
        -webkit-background-size: 98px auto;
        background-size: 98px auto;
        display: inline-block;
        overflow: hidden;
        text-indent: -9999px;
        vertical-align: middle;
    }

    .side-area .members .join .link a {
        display: block;
    }

    .side-area .members .join .link p {
        margin: 15px auto 0;
        text-align: center;
        font-size: 12px;
        font-size: 1.2rem;
    }

    .side-area .members .join .text {
        max-width: inherit;
        width: 75.36232%;
        margin: 0 auto 13px;
        font-size: 10px;
        font-size: 1rem;
        line-height: 1.85;
        letter-spacing: 0.08em;
    }

    .side-area .members .sns-list {
        text-align: center;
    }

    .side-area .members .sns-list li {
        width: 14.28571%;
        margin: 0 0 0 6.42202%;
    }

    .side-area .members .sns-list li:first-child {
        margin: 0;
    }

    .side-area .members .rss {
        text-align: center;
    }

    .side-area .members ul {
        width: 280px;
        margin: 12px auto 27px;
        padding: 0;
        font-size: 0;
    }

    .side-area .members li {
        display: inline-block;
        width: 40px;
        vertical-align: top;
        font-size: 14px;
        font-size: 1.4rem;
        text-align: center;
    }

    .side-area .members li a {
        display: block;
    }

    .side-area .members li .icon div {
        display: table;
        table-layout: fixed;
        width: 100%;
    }

    .side-area .members li .icon p {
        display: table-cell;
        height: 40px;
        background: #3c3c3c;
        border: 1px solid #595959;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        vertical-align: middle;
        line-height: 1;
        text-align: center;
    }

    .side-area .members li .icon img {
        max-width: 20px;
        width: 100%;
    }

    .post-inner .add01,
    .post-inner .add02,
    .post-inner .add03 {
        text-align: center;
        padding: 20px 0px 30px;
        max-width: 300px;
        margin: 0 auto;
    }

    body.home .add03 {
        margin-bottom: 15px;
    }
}

/* list
----------------------------------------------------------*/
.list-page-ttl {
    padding: 0 20px;
    margin: 0;
    text-align: center;
}

.list-page-ttl.bd-b {
    margin: 0 0 63px;
    border-bottom: 1px solid #f3f3f3;
}

.list-page-ttl.bd-b .inner {
    padding: 64px 0 45px;
}

.list-page-ttl .inner {
    max-width: 1000px;
    margin: 0 auto;
    padding: 50px 0 45px;
}

.list-page-ttl .lead {
    margin: 3px auto 0;
    letter-spacing: 0.15em;
    font-size: 15px;
    font-size: 1.5rem;
}
.list-page-ttl .lead p a {
    text-decoration: underline;
}

.category-list {
    background: #f4f4f4;
    padding: 0 20px;
    margin: 0 0 10px;
}

.category-list .inner {
    max-width: 1000px;
    margin: 0 auto;
    padding: 11px 0 12px;
}

.category-list .inner div {
    position: relative;
    padding: 0 65px;
}

.category-list h2 {
    position: absolute;
    top: 4px;
    left: 8px;
    z-index: 1;
}

.category-list ul {
    text-align: center;
    font-size: 0;
}

.category-list li {
    display: inline-block;
    margin: 0 30px;
    vertical-align: top;
    font-size: 15px;
    font-size: 1.5rem;
}

.category-list a {
    color: #8b8b8b;
    letter-spacing: 0.1em;
}

.tags-list {
    margin: 0 0 54px;
    padding: 0 20px 9px;
    border-bottom: 1px solid #f3f3f3;
}

.tags-list .inner {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
    padding: 11px 0 0;
}

.tags-list h2 {
    position: absolute;
    top: 1px;
    left: 8px;
    z-index: 1;
}

.tags-list .col2-wrap {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 0 0 0 110px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.tags-list .col2-wrap ul {
    display: table-cell;
    width: 490px;
    padding: 0 43px 0 0;
    vertical-align: top;
    font-size: 0;
}

.tags-list .col2-wrap li {
    display: inline-block;
    margin: 0 10px 10px 0;
    text-align: center;
    font-size: 13px;
    font-size: 1.3rem;
    vertical-align: top;
    line-height: 1.4;
}

.tags-list .col2-wrap li a {
    display: block;
    background: #f4f4f4;
    padding: 4px 10px 2px;
    min-width: 80px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: 0.03em;
}

.tags-list .col2-wrap .search-box {
    display: table-cell;
    vertical-align: top;
}

.tags-list .col2-wrap .search-box div {
    background: #f4f4f4;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 9px 25px 11px;
    margin: 0 0 10px;
}

.tags-list .col2-wrap .search-box form {
    position: relative;
}

.tags-list .col2-wrap .search-box .text-box {
    height: 28px;
    border-bottom: 1px solid #bebebe;
    background: none;
    width: 100%;
}

.tags-list .col2-wrap .search-box .text-box::-webkit-input-placeholder {
    font-family: Futura, futura-pt, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    letter-spacing: 0.1em;
}

.tags-list .col2-wrap .search-box .text-box:-ms-input-placeholder {
    font-family: Futura, futura-pt, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    letter-spacing: 0.1em;
}

.tags-list .col2-wrap .search-box .text-box::-moz-placeholder {
    font-family: Futura, futura-pt, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    letter-spacing: 0.1em;
}

.tags-list .col2-wrap .search-box .btn-search {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 1;
    height: 16px;
    width: 17px;
    background: #f4f4f4 url(../fonts/search.svg) no-repeat top left;
    -moz-background-size: 17px 16px;
    -o-background-size: 17px 16px;
    -webkit-background-size: 17px 16px;
    background-size: 17px 16px;
    text-indent: -9999px;
    font-size: 12px;
    font-size: 1.2rem;
}

.opening-list {
    margin: 0 0 54px;
    padding: 0 20px 9px;
    border-bottom: 1px solid #f3f3f3;
}

.opening-list .inner {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
    padding: 11px 0 0;
}

.opening-list h2 {
    position: absolute;
    left: 8px;
    top: 22px;
    z-index: 1;
}

.opening-list .col2-wrap {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 0 0 0 110px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.opening-list .col2-wrap ul {
    display: table-cell;
    width: 490px;
    padding: 0 43px 0 0;
    vertical-align: top;
    font-size: 0;
}

.opening-list .col2-wrap li {
    display: inline-block;
    margin: 10px 10px 10px 0;
    text-align: center;
    font-size: 13px;
    font-size: 1.3rem;
    vertical-align: top;
    line-height: 1.4;
}

.opening-list .col2-wrap li a {
    display: block;
    padding: 2px 10px 2px;
    min-width: 80px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: 0.03em;
    font-size: 15px;
}

.opening-list .col2-wrap li.all a,
.opening-list .col2-wrap li.opening a {
    text-decoration: underline;
}

.opening-list .col2-wrap .search-box {
    display: table-cell;
    vertical-align: top;
}

.opening-list .col2-wrap .search-box div {
    background: #f4f4f4;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 9px 25px 11px;
    margin: 0 0 10px;
}

.opening-list .col2-wrap .search-box form {
    position: relative;
}

.opening-list .col2-wrap .search-box .text-box {
    height: 28px;
    border-bottom: 1px solid #bebebe;
    background: none;
    width: 100%;
}

.opening-list .col2-wrap .search-box .text-box::-webkit-input-placeholder {
    font-family: Futura, futura-pt, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    letter-spacing: 0.1em;
}

.opening-list .col2-wrap .search-box .text-box:-ms-input-placeholder {
    font-family: Futura, futura-pt, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    letter-spacing: 0.1em;
}

.opening-list .col2-wrap .search-box .text-box::-moz-placeholder {
    font-family: Futura, futura-pt, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    letter-spacing: 0.1em;
}

.opening-list .col2-wrap .search-box .btn-search {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 1;
    height: 16px;
    width: 17px;
    background: #f4f4f4 url(../images/search.svg) no-repeat top left;
    -moz-background-size: 17px 16px;
    -o-background-size: 17px 16px;
    -webkit-background-size: 17px 16px;
    background-size: 17px 16px;
    text-indent: -9999px;
    font-size: 12px;
    font-size: 1.2rem;
}

.img-list-col1-01 {
    padding: 4px 0 6px;
    padding-top: 0px;
}

.img-list-col1-01 a {
    display: block;
}

.img-list-col1-01 li {
    margin: 0 0 39px;
}

.img-list-col1-01 .label {
    margin: 0 10px 0 0;
    color: #525252;
}

.img-list-col1-01 .data {
    color: #878787;
}

.img-list-col1-01 .info {
    margin: 0 0 16px;
    padding: 0 10px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
}

.img-list-col1-01 .info p {
    display: inline-block;
    vertical-align: top;
}

.img-list-col1-01 .img {
    float: left;
    width: 57.61194%;
    overflow: hidden;
    position: relative;
    padding-top: 36.41791%;
    background: #e7e7e7;
}

.img-list-col1-01 .img p {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.img-list-col1-01 .img img {
    display: block;
    height: 100%;
    margin: 0 auto;
}

.img-list-col1-01 h3 {
    float: right;
    width: 39.70149%;
    margin: 3.58209% 0 0;
    padding: 0;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.8;
    letter-spacing: 0.1em;
}

.img-list-col1-02 li {
    margin: 0 0 55px;
    font-size: 13px;
    font-size: 1.3rem;
}

.img-list-col1-02 a {
    display: block;
}

.img-list-col1-02 .img {
    overflow: hidden;
    position: relative;
    margin: 0 0 27px;
    padding-top: 62.98507%;
    background: #e7e7e7;
}

.img-list-col1-02 .img p {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.img-list-col1-02 .img img {
    display: block;
    height: 100%;
    margin: 0 auto;
}

.img-list-col1-02 h3 {
    margin: 0 0 8px;
    font-size: 21px;
    font-size: 2.1rem;
}

.img-list-col1-02 .data {
    margin: 0 0 9px;
    letter-spacing: 0.1em;
}

.img-list-col1-02 .artist-name {
    margin: 0 0 10px;
    letter-spacing: 0.1em;
}

.img-list-col1-02 .lead {
    letter-spacing: 0.08em;
}

.img-list-col1-03 li {
    margin: 0 0 33px;
}

.img-list-col1-03 a {
    display: block;
}

.img-list-col1-03 .img {
    overflow: hidden;
    margin: 0 0 13px;
    position: relative;
    padding-top: 62.98507%;
    background: #e7e7e7;
}

.img-list-col1-03 .img p {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.img-list-col1-03 .img img {
    display: block;
    margin: 0 auto;
}

.img-list-col1-03 .fl-l {
    width: 35.8209%;
    line-height: 1.7;
}

.img-list-col1-03 .fl-r {
    margin: 3px 0 0;
    width: 61.19403%;
    font-size: 13px;
    font-size: 1.3rem;
}

.img-list-col1-03 .fl-r p {
    letter-spacing: 0.08em;
}

.img-list-col1-03 h3 {
    font-size: 21px;
    font-size: 2.1rem;
    letter-spacing: 0.1em;
}

.img-list-col2-03 {
    width: 102.98507%;
    padding: 3px 0 0;
    margin: 0 0 32px;
    font-size: 0;
}

.img-list-col2-03.single {
    width: 100%;
}

.img-list-col2-03.single li {
    display: block;
    width: 100%;
    margin-right: 0;
}

.img-list-col2-03.single .img {
    padding-top: 50%;
}

.img-list-col2-03 li {
    display: inline-block;
    width: 47.10145%;
    margin: 0 2.89855% 2.89855% 0;
    vertical-align: top;
}

.img-list-col2-03 a {
    display: block;
}

.img-list-col2-03 .img {
    overflow: hidden;
    margin: 0 0 13px;
    position: relative;
    padding-top: 100%;
    background: #e7e7e7;
}

.img-list-col2-03 .img p {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.img-list-col2-03 .img img {
    display: block;
    margin: 0 auto;
}

.img-list-col2-03 .wysiwyg {
    padding: 0 5px;
}

.img-list-col2-03 h3 {
    line-height: 1.7;
    letter-spacing: 0.09em;
}

.img-list-col3-03 {
    width: 102.98507%;
    margin: 0 0 34px;
    font-size: 0;
}

.img-list-col3-03 li {
    display: inline-block;
    width: 30.43478%;
    margin: 0 2.89855% 2.17391% 0;
    vertical-align: top;
}

.img-list-col3-03 a {
    display: block;
}

.img-list-col3-03 a:hover {
    opacity: 1;
}

.img-list-col3-03 a:hover img {
    -moz-transition: opacity 0.23s ease-in-out;
    -o-transition: opacity 0.23s ease-in-out;
    -webkit-transition: opacity 0.23s ease-in-out;
    transition: opacity 0.23s ease-in-out;
    opacity: 0.5;
}

.img-list-col3-03 a:focus {
    outline: none;
}

.img-list-col3-03 .img {
    overflow: hidden;
    margin: 0 0 14px;
    position: relative;
    padding-top: 100%;
    background: #e7e7e7;
}

.img-list-col3-03 .img p {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.img-list-col3-03 .img img {
    display: block;
    height: 100%;
    margin: 0 auto;
}

.img-list-col3-03 .wysiwyg {
    padding: 0 5px;
}

.img-list-col3-03 h3 {
    line-height: 1.7;
    letter-spacing: 0.09em;
}

.wp-pagenavi {
    margin: 0 0 23px;
    text-align: center;
    font-size: 17px;
    font-size: 1.7rem;
}

.wp-pagenavi .left {
    display: inline-block;
    margin: 0 13px -3px 0;
    width: 16px;
    height: 20px;
    background-image: url('../images/sprite-sbc42361294.png');
    background-position: -106px -74px;
    background-repeat: no-repeat;
    -moz-background-size: 196px auto;
    -o-background-size: 196px auto;
    -webkit-background-size: 196px auto;
    background-size: 196px auto;
    display: inline-block;
    overflow: hidden;
    text-indent: -9999px;
    vertical-align: middle;
    vertical-align: baseline;
}

.wp-pagenavi .left a {
    display: block;
}

.wp-pagenavi .previouspostslink {
    display: inline-block;
    margin: 0 13px -3px 0;
    width: 16px;
    height: 20px;
    background-image: url('../images/sprite-sbc42361294.png');
    background-position: -106px -74px;
    background-repeat: no-repeat;
    -moz-background-size: 196px auto;
    -o-background-size: 196px auto;
    -webkit-background-size: 196px auto;
    background-size: 196px auto;
    display: inline-block;
    overflow: hidden;
    text-indent: -9999px;
    vertical-align: middle;
    vertical-align: baseline;
}

.wp-pagenavi .nextpostslink {
    display: inline-block;
    margin: 0 0 -3px 13px;
    width: 16px;
    height: 20px;
    background-image: url('../images/sprite-sbc42361294.png');
    background-position: -90px -74px;
    background-repeat: no-repeat;
    -moz-background-size: 196px auto;
    -o-background-size: 196px auto;
    -webkit-background-size: 196px auto;
    background-size: 196px auto;
    display: inline-block;
    overflow: hidden;
    text-indent: -9999px;
    vertical-align: middle;
    vertical-align: baseline;
}

.wp-pagenavi .right {
    display: inline-block;
    margin: 0 0 -3px 13px;
    width: 16px;
    height: 20px;
    background-image: url('../images/sprite-sbc42361294.png');
    background-position: -90px -74px;
    background-repeat: no-repeat;
    -moz-background-size: 196px auto;
    -o-background-size: 196px auto;
    -webkit-background-size: 196px auto;
    background-size: 196px auto;
    display: inline-block;
    overflow: hidden;
    text-indent: -9999px;
    vertical-align: middle;
    vertical-align: baseline;
}

.wp-pagenavi .right a {
    display: block;
}

.wp-pagenavi .page {
    margin: 0 10px;
}

.wp-pagenavi .current {
    margin: 0 13px;
    font-size: 26px;
    font-size: 2.6rem;
}

@media screen and (max-width: 768px) {
    .list-page-ttl {
        width: 92%;
        padding: 0;
        margin: 0 auto;
    }

    .list-page-ttl.bd-b {
        margin: 0 auto 21px;
    }

    .list-page-ttl.bd-b .inner {
        padding: 24px 0 26px;
    }

    .list-page-ttl .inner {
        padding: 18px 0 26px;
    }

    .list-page-ttl h1 {
        line-height: 1.5;
    }

    .list-page-ttl .lead {
        letter-spacing: 0.15em;
        margin: 12px 0;
        font-size: 12px;
        font-size: 1.2rem;
    }

    .sp-menu-list {
        margin: 0 0 27px;
    }

    .sp-menu-list .select-list {
        background: #f4f4f4;
        padding: 6px 4% 4px;
        font-size: 20px;
        font-size: 2rem;
        text-align: center;
        line-height: 1;
    }

    .sp-menu-list .select-list p {
        position: relative;
        padding: 0;
        margin: 0 24px;
        display: inline-block;
        vertical-align: top;
        cursor: pointer;
        color: #8b8b8b;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.4;
        letter-spacing: 0.1em;
    }

    .sp-menu-list .select-list .current:after {
        content: "";
        display: block;
        position: absolute;
        left: -10%;
        bottom: -3px;
        z-index: 1;
        width: 120%;
        height: 1px;
        background: #8b8b8b;
    }

    .sp-menu-list .hidden-box {
        display: none;
        width: 92%;
        margin: 0 auto;
        padding: 15px 0 7px;
        border-bottom: 1px solid #f3f3f3;
    }

    .sp-menu-list .hidden-box > .tags {
        text-align: center;
    }

    .sp-menu-list ul {
        font-size: 0;
    }

    .sp-menu-list li {
        display: inline-block;
        margin: 0 7.5px 7.5px 0;
        text-align: center;
        font-size: 10px;
        font-size: 1rem;
        vertical-align: top;
        line-height: 1.4;
    }

    .sp-menu-list li a {
        display: block;
        background: #f4f4f4;
        padding: 4px 10px 2px;
        min-width: 77px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        letter-spacing: 0.03em;
    }

    .sp-menu-list .search-box {
        margin: 0 0 7px;
    }

    .sp-menu-list .search-box div {
        background: #f4f4f4;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: 4px 25px 7px 22px;
    }

    .sp-menu-list .search-box form {
        position: relative;
    }

    .sp-menu-list .search-box .text-box {
        height: 24px;
        border-bottom: 1px solid #bebebe;
        background: none;
        width: 100%;
        font-size: 16px;
        font-size: 1.6rem;
    }

    .sp-menu-list .search-box .text-box::-webkit-input-placeholder {
        font-size: 16px;
        font-size: 1.6rem;
    }

    .sp-menu-list .search-box .text-box:-ms-input-placeholder {
        font-size: 16px;
        font-size: 1.6rem;
    }

    .sp-menu-list .search-box .text-box::-moz-placeholder {
        font-size: 16px;
        font-size: 1.6rem;
    }

    .sp-menu-list .search-box .btn-search {
        position: absolute;
        top: 5px;
        right: 2px;
        z-index: 1;
        height: 14px;
        width: 15px;
        background: #f4f4f4 url(../images/search.svg) no-repeat top left;
        -moz-background-size: 15px 14px;
        -o-background-size: 15px 14px;
        -webkit-background-size: 15px 14px;
        background-size: 15px 14px;
        text-indent: -9999px;
    }

    .img-list-col1-01 {
        padding: 0 0 6px;
    }

    .img-list-col1-01 li {
        margin: 0 0 19px;
    }

    .img-list-col1-01 .label {
        margin: 0 7px 0 0;
    }

    .img-list-col1-01 .info {
        margin: 0 0 5px;
        padding: 0;
        font-size: 11px;
        font-size: 1.1rem;
    }

    .img-list-col1-01 .img {
        width: 56%;
        padding-top: 35.6%;
    }

    .img-list-col1-01 h3 {
        width: 41.3%;
        margin: 3.58209% 0 0;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 1.6;
    }

    .img-list-col1-03 li {
        margin: 0 0 15px;
    }

    .img-list-col1-03 .img {
        margin: 0 0 7px;
    }

    .img-list-col1-03 .fl-l {
        width: 100%;
        line-height: 1.7;
    }

    .img-list-col1-03 .fl-r {
        margin: 0 0 0;
        width: 100%;
        font-size: 11px;
        font-size: 1.1rem;
    }

    .img-list-col1-03 h3 {
        margin: 0 0 2px;
        font-size: 16px;
        font-size: 1.6rem;
    }

    .img-list-col1-02 li {
        margin: 0 0 26px;
        font-size: 11px;
        font-size: 1.1rem;
    }

    .img-list-col1-02 .img {
        margin: 0 0 10px;
    }

    .img-list-col1-02 h3 {
        margin: 0 0 4px;
        font-size: 16px;
        font-size: 1.6rem;
        letter-spacing: 0;
    }

    .img-list-col1-02 .head {
        overflow: hidden;
    }

    .img-list-col1-02 .data {
        float: left;
        margin: 0 1.7em 5px 0;
        letter-spacing: 0.1em;
    }

    .img-list-col1-02 .artist-name {
        float: left;
        margin: 0 0 5px;
        letter-spacing: 0.1em;
    }

    .img-list-col2-03 {
        padding: 3px 0 0;
        margin: 0 0;
        font-size: 0;
    }

    .img-list-col2-03 li {
        margin: 0 2.89855% 16px 0;
    }

    .img-list-col2-03 .img {
        margin: 0 0 4px;
    }

    .img-list-col2-03 .wysiwyg {
        padding: 0;
    }

    .img-list-col2-03 h3 {
        margin: 0 0 14px;
        line-height: 1.7;
        font-size: 13px;
        font-size: 1.3rem;
    }

    .img-list-col3-03 {
        width: 102.98507%;
        margin: 0;
        font-size: 0;
    }

    .img-list-col3-03 li {
        width: 47.10145%;
        margin: 0 2.89855% 16px 0;
    }

    .img-list-col3-03 .img {
        margin: 0 0 6px;
    }

    .img-list-col3-03 .wysiwyg {
        padding: 0;
    }

    .img-list-col3-03 h3 {
        margin: 0 0 14px;
        line-height: 1.7;
        font-size: 13px;
        font-size: 1.3rem;
    }

    .wp-pagenavi {
        margin: 0 0 23px;
        font-size: 14px;
        font-size: 1.4rem;
    }

    .wp-pagenavi .left {
        margin: 0 22px 2px 0;
        width: 13px;
        height: 17px;
        background-image: url('../images/sprite-sbc42361294.png');
        background-position: -13px 0;
        background-repeat: no-repeat;
        -moz-background-size: 98px auto;
        -o-background-size: 98px auto;
        -webkit-background-size: 98px auto;
        background-size: 98px auto;
        display: inline-block;
        overflow: hidden;
        text-indent: -9999px;
        vertical-align: middle;
    }

    .wp-pagenavi .right {
        margin: 0 0 2px 22px;
        width: 13px;
        height: 17px;
        background-image: url('../images/sprite-sbc42361294.png');
        background-position: 0 0;
        background-repeat: no-repeat;
        -moz-background-size: 98px auto;
        -o-background-size: 98px auto;
        -webkit-background-size: 98px auto;
        background-size: 98px auto;
        display: inline-block;
        overflow: hidden;
        text-indent: -9999px;
        vertical-align: middle;
    }

    .wp-pagenavi .previouspostslink {
        margin: 0 22px 2px 0;
        width: 13px;
        height: 17px;
        background-image: url('../images/sprite-sbc42361294.png');
        background-position: -13px 0;
        background-repeat: no-repeat;
        -moz-background-size: 98px auto;
        -o-background-size: 98px auto;
        -webkit-background-size: 98px auto;
        background-size: 98px auto;
        display: inline-block;
        overflow: hidden;
        text-indent: -9999px;
        vertical-align: middle;
    }

    .wp-pagenavi .nextpostslink {
        margin: 0 0 2px 22px;
        width: 13px;
        height: 17px;
        background-image: url('../images/sprite-sbc42361294.png');
        background-position: 0 0;
        background-repeat: no-repeat;
        -moz-background-size: 98px auto;
        -o-background-size: 98px auto;
        -webkit-background-size: 98px auto;
        background-size: 98px auto;
        display: inline-block;
        overflow: hidden;
        text-indent: -9999px;
        vertical-align: middle;
    }

    .wp-pagenavi .page {
        margin: 0 7px;
    }

    .wp-pagenavi .current {
        margin: 0 8px;
        font-size: 23px;
        font-size: 2.3rem;
    }
}

.imagraphy-slider-wrap .name-wrap {
    overflow: hidden;
    min-height: 38px;
    font-size: 110%;
}

.imagraphy-slider-wrap .name {
    float: left;
    padding-bottom: 10px;
}

.imagraphy-slider-wrap .profile {
    float: right;
}

.imagraphy-slider-wrap .shop-link {
    float: right;
    margin-top: -0px;
    margin-right: 20px;
    padding-top: 0px;
}

.imagraphy-slider-wrap .shop-link a {
    display: inline-block;
    padding: 2px 25px;
    background-color: #979898;
    color: #fff;
}

.imagraphy-slider-wrap .profile i {
    font-size: 130%;
}

.imagraphy-slider-wrap .slide-count {
    margin: 10px 0 0;
    text-align: center;
}

.imagraphy-slider-wrap .credit-wrap {
    height: 55px;
}

.imagraphy-slider-wrap .credit {
    margin: 0;
    text-align: right;
}

.imagraphy-show {
    display: none;
}

.imagraphy-show1 {
    display: block;
}

.imagraphy-tags {
    margin: 15px 0 50px;
}

.imagraphy-tags a {
    text-decoration: underline;
}

.imagraphy-tags a:hover {
    text-decoration: none;
}

.imagraphy-slider {
    opacity: 0;
}

.imagraphy-slider .sp-slides-container {
    /*background-color: #e7e7e7;*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.imagraphy-slider .sp-thumbnails {
    margin: 0 2px;
    padding: 2px;
}

.imagraphy-slider .sp-thumbnail-container {
    background-color: #e7e7e7;
}

.imagraphy-slider .sp-thumbnail-container:hover {
    -moz-transition: opacity 0.23s ease-in-out;
    -o-transition: opacity 0.23s ease-in-out;
    -webkit-transition: opacity 0.23s ease-in-out;
    transition: opacity 0.23s ease-in-out;
    opacity: 0.5;
}

.imagraphy-slider .sp-selected-thumbnail {
    /* outline: 2px solid #999; */
}

.imagraphy-slider .sp-selected-thumbnail::before {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ' ';
}

.imagraphy-slider .sp-nomodal {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.imagraphy-imagelist h3 {
    background-color: #999;
    color: #fff;
    text-align: center;
}

.imagraphy-imagelist ul {
    overflow: hidden;
}

.imagraphy-imagelist li {
    float: left;
    position: relative;
    width: 18%;
    margin: 0 1% 2%;
    padding-top: 18%;
}

.imagraphy-imagelist li a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.single-imagraphy-con .side-area .members {
    display: none;
}

@media screen and (max-width: 768px) {
    .imagraphy-slider-wrap .name-wrap {
        min-height: inherit;
    }

    .imagraphy-slider-wrap .shop-link {
        clear: both;
        float: none;
        margin: 0;
        padding-top: 5px;
        padding-bottom: 20px;
        text-align: center;
    }

    .imagraphy-slider .sp-nomodal {
        display: block;
    }

    .imagraphy-imagelist li {
        width: 46%;
        margin: 0 2% 4%;
        padding-top: 46%;
    }
}

/* sec_vision */
.sec_vision {
    position: relative;
    padding: 0 20px 70px;
}

.sec_vision .inner {
    min-width: 700px;
    max-width: 1120px;
    margin: 0 auto;
}

.sec_vision .head {
    /*background: #e7e7e7;*/
    padding: 0 20px;
    overflow: hidden;
    max-width: 1120px;
    margin: 0 auto;
    padding: 0px 0 0;
    position: relative;
}

.sec_vision .head-inner {
    overflow: hidden;
    max-width: 1120px;
    margin: 0 auto;
    padding: 70px 0 0px;
    line-height: 1;
}

.sec_vision .head-inner .ttl01 {
    /*float: left;*/
    margin-bottom: 0px;
}

.sec_vision .head-inner p {
    margin: 23px 0 0;
    float: right;
    font-size: 20px;
    font-size: 2rem;
}

.sec_vision .head-inner a {
    color: #525252;
}

.sec_vision .inner .img-box {
    overflow: hidden;
    position: relative;
    padding-top: 50%;
}

.sec_vision .inner .img-box .img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.sec_vision .inner .img-box img {
    display: block;
    height: auto;
    width: auto;
    margin: 0 auto;
}

.sec_vision .inner .info-text {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: calc(100% - 74px);
    margin: 0;
    padding: 30px 37px 34px;
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
}

.sec_vision .inner h2 {
    margin: 0 0 15px;
    font-size: 38px;
    font-size: 3.8rem;
    font-weight: bold;
    line-height: 1.15;
    letter-spacing: 0.01em;
}

.sec_vision .inner h2 small {
    display: block;
    margin: 14px 0 0;
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.4;
}

.sec_vision .inner .place {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.4;
    font-weight: bold;
}

.sec_vision .inner .text-box {
    padding: 10px 20px 104px;
    background: #e7e7e7;
}

.sec_vision .inner .lead-text {
    width: 100%;
    margin: 19px 0 0;
    padding: 0;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.7;
    color: #fff;
}

.sec_vision .inner .slick-dots {
    bottom: 74px;
}

.sec_vision .sp-text-box {
    display: none;
}

.sec_vision .view-more-wrap {
    margin-top: 54px;
}

/* add start fuku */
/* パンくず */
ul.breadcrumbs {
    padding: 5px 0px;
    background: #f3f3f3;
    width: 100%;
    z-index: 100;
    margin-bottom: 14px;
}

ul.breadcrumbs > li:first-child {
    padding-left: 10px;
}
ul.breadcrumbs .bread-last br {
    display: none;
}
ul.breadcrumbs .bread-last-prev br {
    display: none;
}

/* topへ戻るボタン */
#scroll-top-btn {
    position: fixed;
    bottom: -300px;
    right: 0px;
    z-index: 999;
    background-color: #fff;
    border: 1px solid #9f9f9f;
    opacity: 0.6;

    bottom: 1px;
    width: 68px;
    height: 68px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#scroll-top-btn:hover {
    opacity: 0.4;
}

#scroll-top-btn > a {
    padding: 10px 10px;
}

#scroll-top-btn > a > img {
    width: 30px;
    padding-top: 4px;
}

/* ページ送り */
div.nav-prev-next {
    width: 95%;
    max-width: 1000px;
    margin: 0 auto;
    display: table;
    padding-bottom: 20px;
    position: relative;
}

div.nav-prev-next > .nav-previous,
div.nav-prev-next > .nav-next {
    display: table-cell;
    width: 50%;
    position: relative;
}

div.nav-prev-next > .nav-previous {
    padding-left: 35px;
}

div.nav-prev-next .nav-previous:before {
    left: 0px;
    top: 16px;
    width: 22px;
    height: 36px;
    content: "";
    background: url(../images/arrow_prev.png) no-repeat center center;
    background-size: 10px;
    position: absolute;
    display: block;
    cursor: pointer;
}

div.nav-prev-next .nav-next:before {
    top: 16px;
    right: 0px;
    width: 22px;
    height: 36px;
    content: "";
    background: url(../images/arrow_next.png) no-repeat center center;
    background-size: 10px;
    position: absolute;
    display: block;
    cursor: pointer;
}

div.nav-prev-next .nav-previous.befNoDisp:before,
div.nav-prev-next .nav-next.befNoDisp:before {
    display: none;
}

div.nav-prev-next > .nav-next {
    text-align: right;
    padding-right: 35px;
}

div.nav-prev-next > .nav-previous a,
div.nav-prev-next > .nav-next a {
    display: block;
    width: 150px;
}

div.nav-prev-next > .nav-next a {
    margin-left: auto;
}

div.nav-prev-next > .nav-top {
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 80px;
    text-align: center;
}

/* アーカイブページ */
.col2-contents .img-list-col1-01 li {
    margin-bottom: 30px;
}

.col2-contents .img-list-col1-01 hr {
    width: 90%;
    padding: 0;
    margin: 0 auto;
    border: none;
    height: 2px;
    margin-bottom: 25px;
    background-image: linear-gradient(to right, #e7e7e7 50%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 10px 2px;
    background-repeat: repeat-x;
}

.col2-contents .img-list-col1-01 hr:last-child {
    display: none;
}

/* TOP */
body.home .contents {
    display: table;
    table-layout: fixed;
    width: 100%;
    /*min-width: 1000px;*/
}

body.home .post-contents {
    width: 100%;
    /* width: 1200px ; */
    /*max-width: 100%;*/
}

body.home .post-contents .whats-new {
    padding: 0 40px 3px;
}

body.home .post-contents .whats-new .head {
    padding-bottom: 20px;
}

body.home .post-contents .whats-new .inner {
    min-width: 700px;
    max-width: 1200px;
    padding-top: 0px;
}

body.home .post-contents .whats-new .inner .info.f-teko {
    margin-bottom: 10px;
}

body.home .post-contents .whats-new .inner .info.f-teko p.label,
.side-area .staff-picks .info.f-teko p.label {
    font-family: futura-pt, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body.home .post-contents .whats-new .inner p.data {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1;
    letter-spacing: 1px;
    padding-left: 10px;
    padding-top: 10px;
}

body.home .post-contents .whats-new h3 {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.7;
    margin-top: 10px;
}

body.home .post-contents section.most-popular {
    min-width: 700px;
    max-width: 1200px;
    margin: 0 auto;
}

body.home .post-contents .online-ga .inner {
    min-width: 700px;
    max-width: 1200px;
    margin: 0 auto;
}

body.home .post-contents .publishing .inner {
    min-width: 700px;
    max-width: 1200px;
    margin: 0 auto;
}

body.home .post-contents .about .inner {
    min-width: 700px;
    max-width: 1200px;
    margin: 0 auto;
}

/* /all/ */
.search-header .search-box div {
    background: #f4f4f4;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 9px 25px 11px;
    margin: 0px 50px 10px 0px;
}

.search-header .search-box form {
    position: relative;
}

.search-header .search-box .text-box {
    height: 28px;
    border-bottom: 1px solid #bebebe;
    background: none;
    width: 100%;
}

.search-header .search-box .btn-search {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 1;
    height: 16px;
    width: 17px;
    background: #f4f4f4 url(../images/search.svg) no-repeat top left;
    -moz-background-size: 17px 16px;
    -o-background-size: 17px 16px;
    -webkit-background-size: 17px 16px;
    background-size: 17px 16px;
    text-indent: -9999px;
    font-size: 12px;
    font-size: 1.2rem;
}

body .post-contents.all .post-inner .info.f-teko p.label {
    /*font-family: futura-pt, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
}

body.tax-whatsnew_cat .list-page-ttl h1.ttl04 {
    font-size: 45px;
    font-size: 4.5rem;
    font-weight: bold;
    letter-spacing: 0.024em;
}

.post-contents.list-category-detail .post-inner p.data {
    /*font-size: 18px;*/
}

/* /news/ /articles/  */
.post-contents.list-category-detail .post-inner .info.f-teko p.label {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.post-contents.list-category-detail .post-inner .col2 p.area {
    font-family: futura-pt, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* アーカイブ */
.post-contents.list-category-detail .post-inner .info-wrap {
    position: relative;
}

.post-contents.list-category-detail .post-inner .img-list-col1-01 a.category-link {
    display: inline-block;
}

.post-contents.list-category-detail .post-inner .img-list-col1-01 .info {
    /*width: 57.61194%;*/
    padding: 0px;
    position: relative;
    margin-bottom: 10px;
}

.post-contents.list-category-detail .post-inner .img-list-col1-01 .info p {
    padding-left: 10px;
    padding-top: 6px;
}

.post-contents.list-category-detail .post-inner .img-list-col1-01 .info p.label {
    border: 1px solid #000;
    padding: 5px 15px;
    background-color: #000;
    color: #fff;
}
.post-contents.list-category-detail .post-inner .img-list-col1-01 .info .tag-vol p.label {
    background-color: #fff;
    color: #000;
}

.post-contents.list-category-detail .img-list-col1-01 .col2 .img_detail {
    float: right;
    width: 39.70149%;
    padding: 0;
}

.post-contents.list-category-detail .img-list-col1-01 .col2 p.area {
    /*float: right;
  width: 39.70149%;*/
    padding: 0;
    letter-spacing: 0.1em;
    /*font-weight: bold;*/
    font-size: 16px;
    font-size: 1.7rem;
    padding-top: 20px;
}

.post-contents.list-category-detail .img-list-col1-01 div.col2 p.data {
    /*float: right;
  width: 39.70149%;*/
    padding: 0;
    letter-spacing: 0.1em;
}

.post-contents.list-category-detail .img-list-col1-01 h3 {
    margin-top: 1%;
    float: none;
    width: auto;
}

body .post-contents.all .search-header .search-box .text-box {
    font-size: 20px;
    opacity: 0.4;
}

body .post-contents.all .search-header .search-box .text-box ::-webkit-input-placeholder {
    font-size: 20px;
    opacity: 0.4;
}

body .post-contents.all .search-header .search-box .text-box ::-moz-placeholder {
    font-size: 20px;
    opacity: 0.4;
}

body .post-contents.all .search-header .search-box .text-box :-ms-input-placeholder {
    font-size: 20px;
    opacity: 0.4;
}

@media screen and (max-width: 768px) {
    body .post-contents.all .search-header .search-box div {
        margin: 0px 0px 10px 0px;
        padding: 5px 10px 8px;
    }

    body .post-contents.all .search-header .search-box .text-box {
        font-size: 16px;
    }
}

/* news詳細 */
body.single-news .page-ttl-area {
    margin: 0 0 0 0;
    padding: 0 20px 9px;
}

body.single-news .page-ttl-area .inner {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0;
}

body.single-news .page-ttl-area .inner > div {
    position: relative;
    padding: 0 5% 0 11.3%;
}

body.single-news .page-ttl-area .inner > div > h2,
body.single-news .page-ttl-area .inner > div > p {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 500;
}

body.single-news .page-ttl-area .inner > div > h2 {
    position: absolute;
    top: 0px;
    left: 9px;
    z-index: 1;
    letter-spacing: 0.03em;
    font-family: 'Teko', sans-serif;
}

/* articles詳細 */
body.single-articles .side-area .gray-box {
    position: static;
    top: 150px;
}

body.single-articles .page-ttl-area {
    margin: 0 0 0 0;
    padding: 0;
}

body.single-articles .page-ttl-area .inner {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0;
}

body.single-articles .page-ttl-area .inner > div {
    position: relative;
    padding: 0 5% 0 11.3%;
}

body.single-articles .page-ttl-area .inner > div > h2,
body.single-articles .page-ttl-area .inner > div > p {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 500;
}

body.single-articles .page-ttl-area .inner > div > h2 {
    position: absolute;
    top: 0px;
    left: 9px;
    z-index: 1;
    letter-spacing: 0.03em;
    font-family: 'Teko', sans-serif;
}

body.single-articles .single-page-ttl.page-ttl1 {
    margin: 0 0 10px;
}

/* news slide スライド*/
/* articles slide スライド*/
.news-slider-wrap {
    padding: 20px 0px;
    padding-bottom: 40px;
}

.news-slider-wrap .name-wrap {
    overflow: hidden;
    min-height: 38px;
    font-size: 110%;
}

.news-slider-wrap .name {
    float: left;
    padding-bottom: 10px;
}

.news-slider-wrap .profile {
    float: right;
}

.news-slider-wrap .shop-link {
    float: right;
    margin-top: -0px;
    margin-right: 20px;
    padding-top: 0px;
}

.news-slider-wrap .shop-link a {
    display: inline-block;
    padding: 2px 25px;
    background-color: #979898;
    color: #fff;
}

.news-slider-wrap .profile i {
    font-size: 130%;
}

.news-slider-wrap .slide-count {
    margin: 10px 0 0;
    text-align: center;
}

.news-slider-wrap .credit-wrap {
    height: auto;
    padding-bottom: 5px;
}

.news-slider-wrap .credit {
    margin: 0;
    text-align: right;
    font-size: 1.1rem;
    font-size: 11px;
}

.news-show {
    display: none;
}

.news-show1 {
    display: block;
}

.news-tags {
    margin: 15px 0 50px;
}

.news-tags a {
    text-decoration: underline;
}

.news-tags a:hover {
    text-decoration: none;
}

.news-slider {
    opacity: 0;
}

.news-slider .sp-slides-container {
    /*background-color: #e7e7e7;*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.news-slider .sp-thumbnails {
    margin: 0 2px;
    padding: 2px;
}

.news-slider .sp-thumbnail-container {
    background-color: #e7e7e7;
}

.news-slider .sp-thumbnail-container:hover {
    -moz-transition: opacity 0.23s ease-in-out;
    -o-transition: opacity 0.23s ease-in-out;
    -webkit-transition: opacity 0.23s ease-in-out;
    transition: opacity 0.23s ease-in-out;
    opacity: 0.5;
}

.news-slider .sp-selected-thumbnail {
    /* outline: 2px solid #999; */
}

.news-slider .sp-selected-thumbnail::before {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ' ';
}

.news-slider .sp-nomodal {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.comego-imapedia-imagraphy {
    text-align: right;
    margin-top: -20px;
    margin-bottom: 20px;
    font-weight: bold;
}

.news-imagelist h3 {
    background-color: #999;
    color: #fff;
    text-align: center;
}

.news-imagelist ul {
    overflow: hidden;
}

.news-imagelist li {
    float: left;
    position: relative;
    width: 18%;
    margin: 0 1% 2%;
    padding-top: 18%;
}

.news-imagelist li a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.single-news-con .side-area .members {
    display: none;
}

/* news kvスライド */
#news-kv-slide-wrap {
    opacity: 0;
}

#news-kv-slide-wrap .sp-slides-container {
    margin-bottom: 0px;
}

#news-kv-slide-wrap .sp-caption-container {
    text-align: right;
}

#news-kv-slide-wrap .sp-buttons {
    padding-top: 20px;
}

body.single-news .sp-slides-container {

    margin-bottom: 30px;
}

body.single-news .sp-buttons {
    /* position: absolute;
  bottom: 36px; */
    display: block;
    width: 100%;
    padding: 0;
    z-index: 1;
    list-style: none;
    text-align: center;
    line-height: 1;
}

body.single-news .sp-buttons .sp-button.sp-selected-button {
    background: #303030;
}

body.single-news .sp-buttons .sp-button {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 20px;
    padding: 0;
    vertical-align: top;
    cursor: pointer;
    font-size: 0;
    line-height: 1;
    /*
  display: block;
  width: 12px;
  height: 12px;
  padding: 0;
  cursor: pointer;
  */
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
    background: #878787;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body.single-news .sp-buttons .sp-button:hover,
body.single-news .sp-buttons .sp-button:focus {
    outline: none;
    background: #303030;
    -moz-transition: background 0.23s ease-in-out;
    -o-transition: background 0.23s ease-in-out;
    -webkit-transition: background 0.23s ease-in-out;
    transition: background 0.23s ease-in-out;
}

@media screen and (max-width: 768px) {
    body.single-news .sp-slides-container {
        margin: 0 0 15px 0px;
    }

    body.single-news .sp-buttons .sp-button {
        width: 6px;
        height: 6px;
        margin: 0 10px;
    }

    body.single-news .sp-buttons .sp-button {
        width: 6px;
        height: 6px;
    }

    .news-slider-wrap .credit {
        font-size: 0.8rem;
        text-align: left;
    }

}

/* articles */
body.tax-articles_category .img-list-col3-03 h3 {
    font-size: 16px;
    font-size: 1.6rem;
}

body.tax-articles_category .img-list-col3-03 .img {
    background-color: #fff;
}

/* articles kvスライド */
body.single-articles .news-kv-slide-wrap {
    opacity: 0;
}

body.single-articles .sp-slides-container {
    margin-bottom: 30px;
}

body.single-news .post-contents .sp-slides-container,
body.single-articles .post-contents .sp-slides-container,
body.single-ima_magazine .sp-slides-container,
body.single-imapedia .sp-slides-container {
    margin-bottom: 10px;
}

body.single-articles .sp-buttons {
    /* position: absolute;
  bottom: 36px; */
    display: block;
    width: 100%;
    padding: 0;
    z-index: 1;
    list-style: none;
    text-align: center;
    line-height: 1;
}

body.single-articles .sp-buttons .sp-button.sp-selected-button {
    background: #303030;
}

body.single-articles .sp-buttons .sp-button {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 20px;
    padding: 0;
    vertical-align: top;
    cursor: pointer;
    font-size: 0;
    line-height: 1;
    /*
  display: block;
  width: 12px;
  height: 12px;
  padding: 0;
  cursor: pointer;
  */
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
    background: #878787;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body.single-articles .sp-buttons .sp-button:hover,
body.single-articles .sp-buttons .sp-button:focus {
    outline: none;
    background: #303030;
    -moz-transition: background 0.23s ease-in-out;
    -o-transition: background 0.23s ease-in-out;
    -webkit-transition: background 0.23s ease-in-out;
    transition: background 0.23s ease-in-out;
}

@media screen and (max-width: 768px) {
    body.single-articles .sp-slides-container {
        margin: 0 0 15px 0px;
    }

    body.single-articles .sp-buttons .sp-button {
        width: 6px;
        height: 6px;
        margin: 0 10px;
    }

    body.single-articles .sp-buttons .sp-button {
        width: 6px;
        height: 6px;
    }
}

/* ima-photography */
body.page-id-1667 .img-list-col3-03 .img {
    background-color: #fff;
}

@media screen and (max-width: 768px) {
    /* パンくず */
    ul.breadcrumbs .bread-last-prev:after {
        display: none;
    }

    ul.breadcrumbs .bread-last {
        display: none;
    }

    #scroll-top-btn {
        /*bottom: 10px;*/
        width: 48px;
        height: 48px;
        bottom: 51px;
    }
    #scroll-top-btn.no-nav-horizontal-bottom {
        bottom: 0;
    }

    #scroll-top-btn > a {
        padding: 10px 8px;
    }

    .search-header .search-box div {
        padding: 8px 10px 8px;
        margin: 0px 0px 10px 0px;
    }

    body .post-contents.all .search-header .search-box .text-box {
        height: 20px;
    }

    .search-header .search-box .btn-search {
        top: 2px;
    }

    body .post-contents.all .search-header .search-box .text-box {
        font-size: 12px;
        font-size: 1.2rem;
    }

    body .post-contents.all .search-header .search-box .text-box ::-webkit-input-placeholder {
        font-size: 12px;
        font-size: 1.2rem;
    }

    body .post-contents.all .search-header .search-box .text-box ::-moz-placeholder {
        font-size: 12px;
        font-size: 1.2rem;
    }

    body .post-contents.all .search-header .search-box .text-box :-ms-input-placeholder {
        font-size: 12px;
        font-size: 1.2rem;
    }

    body.single-news .page-ttl-area {
        margin: -17px 0 3px;
        padding: 0 4% 15px;
    }

    body.single-news .page-ttl-area .inner > div {
        padding: 0;
        text-align: left;
    }

    body.single-news .page-ttl-area .inner > div > h2 {
        position: relative;
        top: inherit;
        left: inherit;
        text-align: center;
        font-size: 13px;
        font-size: 1.3rem;
        display: inline;
        padding-right: 11px;
        line-height: 1;
        color: #878787;
    }

    body.single-news .page-ttl-area .inner > div > p {
        text-align: center;
        display: inline;
        line-height: 1;
        font-size: 13px;
        font-size: 1.3rem;
        color: #878787;
    }

    body.single-articles .page-ttl-area {
        margin: -17px 0 3px;
    }

    body.single-articles .page-ttl-area .inner > div {
        padding: 0;
        padding-bottom: 0px;
    }

    body.single-articles .page-ttl-area .inner > div > h2 {
        position: relative;
        top: inherit;
        left: inherit;
        text-align: center;
        font-size: 13px;
        font-size: 1.3rem;
        display: inline;
        padding-right: 11px;
        line-height: 1;
        color: #878787;
    }

    body.single-articles .page-ttl-area .inner > div > p {
        text-align: center;
        display: inline;
        line-height: 1;
        font-size: 13px;
        font-size: 1.3rem;
        color: #878787;
    }

    body.tax-whatsnew_cat .list-page-ttl h1.ttl04 {
        font-size: 30px;
        font-size: 3rem;
        line-height: 1.5;
        letter-spacing: normal;
    }

    .news-slider-wrap .name-wrap,
    body.single-news .news-slider-wrap .name-wrap,
    body.single-articles .news-slider-wrap .name-wrap {
        min-height: inherit;
    }

    .news-slider-wrap .shop-link,
    body.single-news .news-slider-wrap .shop-link,
    body.single-articles .news-slider-wrap .shop-link {
        clear: both;
        float: none;
        margin: 0;
        padding-top: 5px;
        padding-bottom: 20px;
        text-align: center;
    }

    .news-slider .sp-nomodal,
    body.single-news .news-slider .sp-nomodal,
    body.single-articles .news-slider .sp-nomodal {
        display: block;
    }

    .news-imagelist li,
    body.single-news .news-imagelist li,
    body.single-articles .news-imagelist li {
        width: 46%;
        margin: 0 2% 4%;
        padding-top: 46%;
    }

    .post-contents.list-category-detail .img-list-col1-01 .info {
        width: 56%;
    }

    .post-contents.list-category-detail .post-inner .info.f-teko p.data,
    .post-contents.list-category-detail .post-inner .col2 p.area {
        font-size: 100%;
    }

    body.single-news .page-ttl-area {
        padding-top: 5px;
    }

    body.single-news .page-ttl-area > p {
        font-size: 13px;
        font-size: 1.3rem;
    }

    body.single-news .single-page-ttl {
        margin-bottom: 0px;
    }

    body.single-articles .single-page-ttl .page-ttl-area {
        padding-top: 15px;
        margin-top: 0px;
        padding-bottom: 0;
    }

    body.single-articles .single-page-ttl .page-ttl-area > p {
        font-size: 13px;
        font-size: 1.3rem;
    }
}

@media screen and (min-width: 769px) and (max-width: 1100px) {
    body.home .post-contents .whats-new {
        padding: 0 20px 3px;
    }
}

@media screen and (min-width: 769px) and (max-width: 1060px) {
    .search-header .search-box div {
        padding: 5px 25px 8px;
        margin: 0px 0px 10px 0px;
    }

    body.home .post-contents .whats-new {
        padding: 0 20px 3px;
    }

    .post-contents.list-category-detail .img-list-col1-01 .info {
        margin-bottom: 10px;
    }

    .post-contents.list-category-detail .img-list-col1-01 .info p.area {
        position: relative;
        display: block;
        margin-top: 10px;
        font-size: 15px;
    }
}

@media screen and (min-width: 769px) and (max-width: 900px) {
    div.nav-prev-next > .nav-top {
        top: 60px;
    }

    body.single-news div.nav-prev-next > .nav-top {
        top: 90px;
    }
}

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

    .post-contents.list-category-detail .img-list-col1-01 .info p.area {
        position: relative;
        display: block;
        margin-top: 5px;
    }
}

@media screen and (max-width: 1059px) {
    body.home .free-area .inner .free-wrap > div.info-box {
        width: 30%;
    }

    body.home .free-area .inner .free-wrap > div.info-box div.img {
        min-width: inherit;
        max-width: inherit;
        width: 85%;
    }

    body.home .free-area .inner .free-wrap > div.text-box {
        padding-left: 2%;
    }

    body.home .free-area .inner .free-wrap > div.text-box .text-box-wrap{
        font-size: 1.2rem;
        letter-spacing: 1px;
        line-height: 1.7;
    }

    .side-area .staff-picks ul > ul {
        padding: 0;
    }

    .side-area .add03 {
        padding-bottom: 40px;
    }
}

@media screen and (max-width: 768px) {
    body.home .contents {
        min-width: inherit;
    }

    body.home .contents .post-contents {
        padding: 0px;
    }

    body.home .post-contents .whats-new .inner p.data {
        padding-left: 0px;
        padding-right: 0px;
    }

    body.home .post-contents section.most-popular {
        min-width: inherit;
    }

    body.home .post-contents .online-ga .inner {
        min-width: inherit;
        padding-bottom: 40px;
    }

    body.home .post-contents .publishing .inner {
        min-width: inherit;
    }

    body.home .post-contents .about .inner {
        min-width: inherit;
    }

    body.home .post-contents .about .inner .about-list .info-box > p {
        text-align: center;
    }

    body.home .post-contents .free-area .inner {
        min-width: inherit;
        padding-bottom: 40px;
    }

    body.home .post-contents .free-area .head h2 {
        text-align: center;
        padding-bottom: 10px;
    }

    body.home .free-area {
        padding-top: 30px;
        padding-bottom: 20px;
        margin-bottom: 0;
    }
    body.home .free-area .inner .free-wrap {
        display: block;
        width: auto;
        overflow: hidden;
        min-width: auto;
    }

    body.home .free-area .inner .free-wrap > div {
        display: block;
    }

    body.home .free-area .inner .free-wrap > div.info-box {
        width: 100%;
        padding-bottom: 20px;
        max-width: 100vw;
    }

    body.home .free-area .inner .free-wrap > div.info-box div.img {
        width: 100%;
    }

    body.home .free-area .inner .free-wrap > div.text-box {
        width: 100%;
        max-width: 100vw;
        padding-left: 0px;
        padding-right: 0px;
    }

    body.home .free-area .inner .free-wrap > div.text-box .text-box-wrap {
        padding-left: 0;
    }

    body.home .free-area .inner .free-wrap > div.text-box .view-more-wrap {
        position: relative;
        margin-top: 40px;
        width: 80%;
    }

    div.nav-prev-next {
        padding-bottom: 45px;
    }

    div.nav-prev-next > .nav-previous a,
    div.nav-prev-next > .nav-next a {
        width: auto;
    }

    div.nav-prev-next > .nav-previous {
        padding-right: 60px;
        padding-left: 25px;
    }

    div.nav-prev-next > .nav-next {
        padding-left: 60px;
        padding-right: 25px;
    }

    div.nav-prev-next > .nav-top {
        top: 35px;
    }
}

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

    div.nav-prev-next .nav-previous:before,
    div.nav-prev-next .nav-next:before {
        top: 25px;
    }
}

/* imapadia */
.post-type-archive-imapedia .img-list-col3-03 h3 {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.7;
    text-align: left;
}

.post-type-archive-imapedia .img-list-col3-03 .img {
    margin-bottom: 10px;
    background-color: inherit;
    border: 1px solid #e7e7e7;
    padding-top: calc(100% - 2px);
}

.post-type-archive-imapedia .img-list-col3-03 .img p {
}

.single-imapedia .imapedia-related_post h3 {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.7;
}

.single-imapedia .imapedia-related_post a:hover h3 {
    -moz-transition: opacity 0.23s ease-in-out;
    -o-transition: opacity 0.23s ease-in-out;
    -webkit-transition: opacity 0.23s ease-in-out;
    transition: opacity 0.23s ease-in-out;
    opacity: 0.5;
}

/* articles */
body.post-type-archive-artist .single-page-ttl .lead {
    font-size: 1.5rem;
}

@media screen and (max-width: 768px) {
    body.post-type-archive-artist .single-page-ttl .lead {
        font-size: 0.9rem;
    }
}

/* for modern brouser */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

/* IE7,MacIE5 */
.clearfix {
    display: inline-block;
}

/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/*footer magazine */
.magazine {
    background-color: #f3f3f3;
    color: #303030;
}

.magazine .magazine-wrap {
    max-width: 1200px;
    margin: 0 auto;
}

.magazine .head {
    margin-bottom: 20px;
}

.magazine .head .ttl01 {
    text-align: center;
}

.magazine .head a {
    color: #303030;
}

.magazine p {
    margin: 5px 0;
}

.magazine p.magazine_lead {
    margin-bottom: 30px;
}

.magazine_left p a {
    color: #303030;
}

.magazine-red {
    display: inline-block;
}

.magazine-red a {
    display: block;
    background: #b22222;
    color: #fff;
    padding: 5px;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.6;
    letter-spacing: 0.07em;
}

.magazine-red + .magazine-red {
    margin: 40px 0 0;
}

.magazine-gray {
    display: inline-block;
}

.magazine-gray a {
    display: block;
    background: #979898;
    color: #fff;
    padding: 5px;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.6;
    letter-spacing: 0.07em;
}

.magazine-gray + .magazine-gray {
    margin: 40px 0 0;
}

.magazine_text {
    margin: auto;
}

.magazine_tittle {
    font-size: 20px;
    line-height: 1.7;
    letter-spacing: 0.09em;
}

.view-more-wrap-magazine.more-detail {
    background: #000;
}

.view-more-wrap-magazine.more-detail > a {
    border: #000;
    color: #fff;
}

.view-more-wrap-magazine.back-issues {
    background: #979898;
}

.view-more-wrap-magazine.back-issues > a {
    border: #979898;
    color: #fff;
}

@media screen and (min-width: 768px) {
    .magazine {
        margin: 0 auto;
        overflow: hidden;
        padding: 40px 20px 50px;
        background-color: #f3f3f3;
        color: #303030;
    }

    .magazine_left {
        float: left;
        margin-top: 10px;
        padding: 0 10px;
        text-align: center;
    }

    .magazine_image {
        height: 420px;
        width: 420px;
        position: relative;
    }

    .magazine_image img {
    }

    .magazine_summary {
        overflow: hidden;
    }

    .magazine_heading {
        font-size: 16px;
        font-weight: bold;
    }

    .magazine .magazine_lead {
        min-height: 100px;
    }

    .view-more-wrap-magazine {
        width: 80%;
    }

    .view-more-wrap-magazine > a {
        text-align: center;
        font-size: 1.8rem;
        line-height: 1.5;
        letter-spacing: 0.08em;
        margin: 0 0 15px;
        padding: 5px 0px;
        border: #999 1px solid;
        color: #525252;
        display: block;
    }
}

@media screen and (max-width: 768px) {
    .magazine {
        width: 90%;
        margin: 0 auto;
        overflow: hidden;
        padding: 0 20px 20px;
    }

    .magazine .magazine-wrap {
        max-width: none;
        min-width: auto;
    }

    .magazine_left {
        text-align: center;
    }

    .view-more-wrap-magazine {
        width: 90%;
        margin: 0 auto;
    }

    .view-more-wrap-magazine > a {
        text-align: center;
        font-size: 1.8rem;
        line-height: 1.5;
        letter-spacing: 0.08em;
        margin: 0 0 15px;
        padding: 5px 0px;
        border: #999 1px solid;
        color: #525252;
        display: block;
    }
}

/*footer ima members*/
.ima-members {
    padding: 0 20px;
    overflow: hidden;
    background-color: #f3f3f3;
    color: #303030;
}

.ima-members .ima-members-wrap {
    max-width: 1200px;
    margin: 0 auto;
}

.ima-members .head {
    margin-top: 10px;
    margin-bottom: 10px;
}

.ima-members .head .ttl01 {
    text-align: center;
}

.ima-members .head-row {
    margin-bottom: 10px;
}

.ima-members .head-row p {
    font-size: 1.5rem;
    line-height: 1.7;
    text-align: center;
}

.ima-members-gray {
    background: #f3f3f3;
    margin: 0 0 10px;
    padding: 10px 0 0px;
}

.ima-members-gray p {
    font-size: 1.5rem;
    line-height: 1.7;
}

.ima-members-gray p.ttl {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 30px;
    padding-left: 0;
    text-align: center;
}

.ima-members-ul {
    display: table;
    table-layout: fixed;
    text-align: center;
    margin: 0 auto;
    border-spacing: 70px 0px;
}

.ima-members-ul li {
    border-radius: 50%;
    background-color: #fff;
}

.ima-members-ul li > p.num {
    font-size: 4.0rem;
    font-weight: bold;
    padding-bottom: 40px;
    line-height: 0;
}

.ima-members-ul li > div {
    font-size: 1.5rem;
    line-height: 1.7;
}

@media screen and (max-width: 1059px) {
    .ima-members-ul {
        border-spacing: 10px 0px;
    }
}

@media screen and (min-width: 768px) {
    .view-more-wrap-ima-members {
        width: 31%;
        margin: 60px auto 80px;
    }

    .view-more-wrap-ima-members > a {
        text-align: center;
        font-size: 1.8rem;
        line-height: 1.5;
        letter-spacing: 0.08em;
        margin: 0 0 15px;
        padding: 15px 0px;
        border: #999 1px solid;
        color: #525252;
        display: block;
    }

    .ima-members-ul li {
        display: table-cell;
        vertical-align: middle;
        width: 250px;
        height: 250px;
    }

    .ima-members-ul li:first-child {
        padding-left: 0;
    }
}

@media screen and (max-width: 768px) {
    .ima-members {
        width: 90%;
        margin: 0 auto;
        overflow: hidden;
        padding-bottom: 20px;
        min-width: auto;
        max-width: none;
    }

    .ima-members-gray p.ttl {
        padding-left: 0;
        text-align: center;
    }

    .ima-members-ul {
        border-spacing: initial;
    }

    .ima-members-ul li {
        display: block;
        height: 250px;
        width: 250px;
        vertical-align: middle;
        margin-bottom: 10px;
    }

    .ima-members-ul li > p.num {
        padding-top: 75px;
    }

    .view-more-wrap-ima-members {
        width: 90%;
        margin: 0 auto;
    }

    .view-more-wrap-ima-members > a {
        text-align: center;
        font-size: 1.8rem;
        line-height: 1.5;
        letter-spacing: 0.08em;
        margin: 0 0 15px;
        padding: 5px 0px;
        border: #999 1px solid;
        color: #525252;
        display: block;
    }
}

/* ima-magazine archive */
.post-type-archive-ima_magazine .img-list-col3-03 .img {
    background-color: initial;
}

body[class*="photoastrology"] .related-topics-wrap {
    padding: 0px 0px 60px;
}

body[class*="photoastrology"] .img-list-col3-02.books + .related-topics-wrap {
    padding: 30px 0px 60px;
}
body[class*="photoastrology"] .post-contents .text-set.photoastrology-contents-wrap {
    margin-bottom: 15px;
}
body[class*="photoastrology"] .post-contents .text-set.photoastrology-contents-wrap .photoastrology-content {
    padding-bottom: 30px;
}
body[class*="photoastrology"] .post-contents .gray-box.photoastrology-profile {
    margin-top: 0px;
    margin-bottom: 15px;
}
body[class*="photoastrology"] .post-contents .gray-box.photoastrology-profile .gray-box {
    margin-top: 0px;
    padding-top: 25px;
    padding-bottom: 25px;
    margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
    body[class*="photoastrology"] .post-contents .gray-box.photoastrology-profile {
        padding: 15px;
        margin-bottom: 30px;
    }
}

.related-topics-wrap ul {
    width: 100%;
}

.related-topics-wrap li {
    display: inline-block;
    width: 49%;
    /* margin: 0 2.89855% 2.17391% 0; */
}

.related-topics-wrap li:nth-child(n + 3) {
    margin-top: 20px;
}

.related-topics-wrap li a:hover img,
.related-topics-wrap li a:hover p {
    -moz-transition: opacity 0.23s ease-in-out;
    -o-transition: opacity 0.23s ease-in-out;
    -webkit-transition: opacity 0.23s ease-in-out;
    transition: opacity 0.23s ease-in-out;
    opacity: 0.5;
}

.related-topics-wrap .topic-date {
    color: #878787;
    font-size: 1.3rem;
    line-height: 1.7;
    letter-spacing: 0.09em;
}

.related-topics-wrap .topic-wrap {
    display: flex;
    justify-content: start;
}
.related-topics-wrap .topic-wrap > img {
    width: 130px;
    height: 80px;
    margin-right: 20px;
    border: 1px solid #e7e7e7;
    object-fit: cover;
}

.related-topics-wrap .topic-wrap > p {
    width: 160px;
    margin-right: 20px;
}

.more-topics {
    text-align: right;
    padding: 10px 38px;
    font-weight: bold;
}

@media screen and (max-width: 1052px) {
    .related-topics-wrap li {
        width: 100%;
    }

    .related-topics-wrap li:nth-child(2+n) .topic-date {
        padding-top: 15px;
    }

    .related-topics-wrap li:nth-child(n + 2) {
        margin-top: 10px;
    }

    .related-topics-wrap li .topic-wrap > p {
        float: none;
        width: inherit;
        overflow: hidden;
    }
}

@media screen and (max-width: 768px) {
    .more-topics {
        padding: 10px 10px;
    }
}

/* /imapedia/ */
.sort-search {
    display: flex;
    justify-content: space-between;
    margin: 0px 4.28571% 10px 0px;
}

.sort-area, #imapedia_search {
    width: 50%;
}

.full-width-search-text #imapedia_search {
    width: 100%
}

.full-width-search-text {
    padding: 0 4.28571% 0 0;
}

.sort-area {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}

.sort-name {
    font-size: 2.1rem;
    height: calc(100% - 10px);
    display: flex;
    align-items: center;
    color: #bdbdbd;
    padding-bottom: 5px
}

.sort {
    position: relative;
    width: 75%;
    box-sizing: border-box;
    height: 100%;
    margin-right: 5%;
}

.sort.open a {
    position: relative;
    color: rgba(0, 0, 0, 1);
}

.sort.open a:hover {
    transition: color .3s;
    color: rgba(0, 0, 0, .6);
}

.triangle {
    color: rgba(0, 0, 0, 1);
    position: absolute;
    font-size: 1.0rem;
    right: 1rem;
    display: flex;
    align-items: center;
    width: 3rem;
    z-index: 30;
    cursor: pointer;
    top: 15px;
}

.sort a {
    width: 100%;
    height: calc(100% - 10px);
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.3rem;
    background-color: #f4f4f4;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding-left: 2rem;

    z-index: 10;
}

.sort a.active {
    z-index: 20;
}

.sort a:hover {
    transition: none;
    opacity: 1;
}

@media screen and (max-width: 768px) {
    .sort-search {
        height: 40px;
        margin: 10px 0;
    }

    .sort-area {

    }

    .sort {
        width: 100%;
        height: 40px;
    }

    .sort a {
        height: 100%;
        padding-left: 2rem;
    }

    .triangle {
        height: 100%;
        top: 0px;
        right: 1rem;
    }

    .results {
        font-size: 1.1rem;
        padding-right: 4.28571%;
    }
}

@media screen and (min-width: 0px) and (max-width: 374px) {
    .page-template-page-imagram_search .img-list-col1-01 .img .sort a {
        padding-left: 0.7rem;
    }

    .triangle {
        right: 0.1rem;
    }

}

.pickup-tags {
    padding: 0;
    margin: 0px 50px 10px 0px;
}

.pickup-tags .inner > div {
    display: flex;
    padding: 0;
}

.pickup-tags .inner > div h2 {
    position: relative;
    min-width: 110px;
    margin-right: 10px;
    text-align: left;
    left: 0;
    margin-bottom: 0px;
}

@media screen and (max-width: 768px) {
    .pickup-tags {
        margin: 0 0 30px;
    }

    .pickup-tags .inner > div {
        flex-flow: column;
    }

    .pickup-tags .inner > div h2 {
        margin-bottom: 5px;
        font-size: 1.3rem;
    }
}

.imapedia-search {
    margin-bottom: 10px;
    font-size: 0;
}

.imapedia-search form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.imapedia-search .search-text {
    position: relative;
    display: inline-block;
    background: #f4f4f4;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    background: #f4f4f4;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 9px 25px 11px;
    margin: 0px 0 10px 0px;
}

#imapedia_search_text {
    font-size: 18px;
    opacity: 0.4;
    height: 28px;
    border-bottom: 1px solid #bebebe;
    background: none;
    width: 100%;
}

#imapedia_search_submit {
    position: absolute;
    top: 15px;
    right: 25px;
    z-index: 1;
    height: 16px;
    width: 17px;
    background: #f4f4f4 url(../fonts/search.svg) no-repeat top left;
    -moz-background-size: 17px 16px;
    -o-background-size: 17px 16px;
    -webkit-background-size: 17px 16px;
    background-size: 17px 16px;
    text-indent: -9999px;
    font-size: 12px;
    font-size: 1.2rem;
}

.imapedia-search .search-category {
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    display: block;
    font-size: 14px;
    margin-right: 4.28571%;
    font-weight: bold;
    margin-bottom: 12px;
}

.imapedia-search .search-category > span {
    font-size: 17px;
}

.imapedia-search .search-category .categories-link {
    font-size: 0;
    display: inline-block;
}

.imapedia-search .search-category .categories-link li {
    font-size: 17px;
    display: inline-block;
    margin-bottom: 0;
}

.imapedia-search .search-category .categories-link li:after {
    display: inline-block;
    content: "｜";
    margin-right: 10px;
}

.imapedia-search .search-category .categories-link li:last-child:after {
    display: none;
}

.imapedia-search .search-category .categories-link li:first-child {

}

.imapedia-search .search-category .categories-link li.current {
    text-decoration: underline;
}

@media screen and (max-width: 768px) {
    .imapedia-search .search-text {
        margin: 0px;
        padding: 5px 15px 8px;
    }

    #imapedia_search_text {
        margin: 0px;
        padding: 13px 1px 13px;
        font-size: 13px;
        height: 20px;
    }

    #imapedia_search_submit {
        top: 11px;
        right: 20px;
    }

    body.post-type-archive-imapedia .imapedia-search .search-category .categories-link li {
        font-size: 1.1rem;
        margin-right: 3px;
    }

    .imapedia-search .search-category .categories-link li:after {
        margin-right: 0;
    }

    .imapedia-search .search-category .categories-link li:first-child {
        margin-left: 6px;
    }
}

@media screen and (min-width: 0px) and (max-width: 374px) {
    .imapedia-search .search-text {
        padding: 5px 10px 8px;
    }

    #imapedia_search_submit {
        display: none;
    }
}

.single-imapedia h2.imapedia-title{
    /*text-align: left;*/
}
.single-imapedia .main-img .cap,
body[class*="photoastrology"] .main-img .cap{
    text-align: right;
    width: 93%;
    margin: 0 auto;
}
.single-imapedia .share,
body[class*="photoastrology"] .share {
    width: 100% !important;
    background: none;
    text-align: right;
}
.single-imapedia .share .box,
body[class*="photoastrology"] .share .box {
    display: inline-block;
    /*background: #f4f4f4;*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 0 14px;
}
.single-imapedia .share .box-inner,
body[class*="photoastrology"] .share .box-inner {
    display: table;
    table-layout: fixed;
}
.single-imapedia .share h3,
body[class*="photoastrology"] .share h3 {
    display: table-cell;
    width: 158px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0px 0 14px;
    text-align: center;
    color: #8b8b8b;
    vertical-align: middle;
}
.single-imapedia .share .head-sns-list,
body[class*="photoastrology"] .share .head-sns-list {
    display: table-cell;
    width: 130px;
    vertical-align: middle;
    position: relative;
}
.single-imapedia .share .head-sns-list div,
body[class*="photoastrology"] .share .head-sns-list div {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.single-imapedia .share .head-sns-list p,
body[class*="photoastrology"] .share .head-sns-list p {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    line-height: 1;
    width: 32px;
}
.single-imapedia .share .head-sns-list p a,
body[class*="photoastrology"] .share .head-sns-list p a {
    display: inline-block;
}
.single-imapedia .share .head-sns-list p img,
body[class*="photoastrology"] .share .head-sns-list p img {
    width: 25px;
    height: 25px;
    margin: 0 auto;
    max-width: inherit;
    vertical-align: baseline;
}
.single-imapedia .post-contents .imapedia-title,
body[class*="photoastrology"] .post-contents .imapedia-title {
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 15px;
}
.single-imapedia .post-contents .imapedia-title + .share .box,
body[class*="photoastrology"] .post-contents .imapedia-title + .share .box {
    margin-bottom: -5px;
}
.single-imapedia .post-contents .person-pict-text .img-box,
.single-artist .post-contents .person-pict-text .img-box,
body[class*="photoastrology"] .post-contents .person-pict-text .img-box {
    width: 25%;
    float: left;
    margin-right: 3%;
    margin-bottom: 3%;
}
.single-imapedia .post-contents .person-pict-text .text-box,
.single-artist .post-contents .person-pict-text .text-box,
body[class*="photoastrology"] .post-contents .person-pict-text .text-box {
    width: 100%;
    margin-top: 0px;
}
.single-imapedia .post-contents .person-pict-text:after,
.single-artist .post-contents .person-pict-text:after,
body[class*="photoastrology"] .post-contents .person-pict-text:after {
    content: "";
    clear: both;
    display: block;
}
.single-imapedia .imapedia-related_posts,
body[class*="photoastrology"] .imapedia-related_posts {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 4.28571%;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
}
.single-imapedia .imapedia-related_post,
body[class*="photoastrology"] .imapedia-related_post {
    /*width: 23%;*/
}
.single-imapedia .img-list-col3-03 li,
body[class*="photoastrology"] .img-list-col3-03 li {
    display: inline-block;
    width: 22.047718%;
    margin: 0 2.89855% 2.17391% 0;
    vertical-align: top;
}
.single-imapedia .imapedia-related_post .top,
body[class*="photoastrology"] .imapedia-related_post .top {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
}
.single-imapedia .imapedia-related_post .img img,
body[class*="photoastrology"] .imapedia-related_post .img img {
    width: 100%;
}
.single-imapedia .imapedia-related_post h3,
body[class*="photoastrology"] .imapedia-related_post h3 {
    text-align: center;
}
.single-imapedia .post-contents .person-pict-text,
.single-artist .post-contents .person-pict-text,
body[class*="photoastrology"] .post-contents .person-pict-text {
    position: relative;
}
.single-imapedia .post-contents .person-pict-text_shrink .text-box,
body[class*="photoastrology"] .post-contents .person-pict-text_shrink .text-box {
    width: 72%;
    float: right;
    overflow: hidden;
}
.single-imapedia .post-contents .person-pict-text_shrink .readmore,
body[class*="photoastrology"] .post-contents .person-pict-text_shrink .readmore {
    display: block;
    /*border: 1px solid #e7e7e7;*/
    position: absolute;
    right: 0px;
    bottom: -30px;
    cursor: pointer;
    background-color: #ffffff;
    padding: 10px 10px;
    font-weight: bold;
    /*box-shadow:-20px 20px 0px 20px #fff;*/
    /*-moz-box-shadow:-20px 20px 0px 20px #fff;*/
    /*-webkit-box-shadow:-20px 20px 0px 20px #fff;*/
}
.single-imapedia .post-contents .person-pict-text_shrink .readmore:hover,
body[class*="photoastrology"] .post-contents .person-pict-text_shrink .readmore:hover {
    opacity: 0.7;
}
.single-imapedia .post-contents .person-pict-text .text-box::after,
body[class*="photoastrology"] .post-contents .person-pict-text .text-box::after {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    content: "";
    width: 72%;
    height: 45%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(70%, #fff), to(#fff));
    background: linear-gradient(rgba(255, 255, 255, 0) 0, #fff 70%, #fff 100%);
}
.single-imapedia .post-contents .footnote p,
body[class*="photoastrology"] .post-contents .footnote p {
    padding-left: 1em;
    text-indent: -1em;
}
.single-imapedia .post-contents .footnote p a,
body[class*="photoastrology"] .post-contents .footnote p a {
    text-decoration: underline;
}
.single-imapedia .post-contents .img-text-set.person-pict-text .img-box .img,
.single-artist .post-contents .img-text-set.person-pict-text .img-box .img,
body[class*="photoastrology"] .post-contents .img-text-set.person-pict-text .img-box .img {
    padding-top: 0;
}
.single-imapedia .post-contents .img-text-set.person-pict-text .img-box .img p,
.single-artist .post-contents .img-text-set.person-pict-text .img-box .img p,
body[class*="photoastrology"] .post-contents .img-text-set.person-pict-text .img-box .img p {
    position: relative;
}
.single-imapedia .post-contents .img-text-set.person-pict-text .img-box .img img,
.single-artist .post-contents .img-text-set.person-pict-text .img-box .img img,
body[class*="photoastrology"] .post-contents .img-text-set.person-pict-text .img-box .img img {
    width: 100% !important;
    height: auto !important;
}
@media screen and (max-width: 768px) {
    .single-imapedia .post-contents .single-tags.pc-mode,
    body[class*="photoastrology"] .post-contents .single-tags.pc-mode {
        display: block !important;
    }
    .single-imapedia .post-contents .single-tags h2,
    body[class*="photoastrology"] .post-contents .single-tags h2 {
        margin: 0 0 10px;
        padding-top: 5px;
    }
    .single-imapedia .post-contents .person-pict-text,
    .single-artist .post-contents .person-pict-text,
    body[class*="photoastrology"] .post-contents .person-pict-text {
        padding-bottom: 30px;
    }
    .single-imapedia .post-contents .table-set,
    body[class*="photoastrology"] .post-contents .table-set {
        margin-top: 60px;
    }
}
.single-imapedia .share .head-sns-list div.arrow_box,
body[class*="photoastrology"] .share .head-sns-list div.arrow_box {
    display: none;
    width: 34px;
    height: auto;
    position: absolute;
    padding: 5px 15px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #333;
    color: #fff;
    top: -50px;
    right: -16px;
}
.single-imapedia .share .head-sns-list div.arrow_box:before,
body[class*="photoastrology"] .share .head-sns-list div.arrow_box:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #333;
}

body[class*="photoastrology"] .share {
    padding-bottom: 15px;
}
body[class*="photoastrology"] .this-month-box {
    height: 100%;
}

body[class*="photoastrology"] .prev-next-wrap {
    display: flex;
    justify-content: space-between;
}

body[class*="photoastrology"] .prev-next-wrap {
    text-decoration: underline;
    font-style: italic;
    word-break: break-all;
}
body[class*="photoastrology"] .about-photoastrology {
    width: 50%;
    margin: 60px auto 80px;
}
body[class*="photoastrology"] .about-photoastrology > a {
    text-align: center;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.08em;
    margin: 0 0 15px;
    padding: 15px 0px;
    border: #999 1px solid;
    color: #525252;
    display: block;
}
body[class*="photoastrology"] .about-mystar {
    width: 60%;
    margin: 60px auto 80px;
}
body[class*="photoastrology"] .about-mystar > a {
    text-align: center;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.08em;
    margin: 0 0 15px;
    padding: 15px 0px;
    border: #999 1px solid;
    color: #525252;
    display: block;
}

body[class*="photoastrology"] .this-month-btn {
    width: 60%;
    margin: 60px auto 20px;
}
body[class*="photoastrology"] .this-month-btn.btn-essence {
    margin: 20px auto 60px;
}
body[class*="photoastrology"] .this-month-btn > a {
    text-align: center;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.08em;
    margin: 0 0 15px;
    padding: 15px 0px;
    border: #999 1px solid;
    color: #525252;
    display: block;
}
body[class*="photoastrology"] .this-month-btn > a span {
    position: relative;
}
body[class*="photoastrology"] .this-month-btn > a span:after {
    content: "";
    background-image: url(../images/arrow_next_white.png);
    width: 20px;
    height: 15px;
    font-size: 10px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute;
    right: -40px;
    top: 2px;
}

/* photoastrology kvスライド */
body[class*="photoastrology"] .news-kv-slide-wrap {
    opacity: 0;
}

body[class*="photoastrology"] .sp-slides-container {
    margin-bottom: 30px;
}

body[class*="photoastrology"] .sp-slides-container {
    margin-bottom: 10px;
}

body[class*="photoastrology"] .sp-buttons {
    /* position: absolute;
  bottom: 36px; */
    display: block;
    width: 100%;
    padding: 0;
    z-index: 1;
    list-style: none;
    text-align: center;
    line-height: 1;
}

body[class*="photoastrology"] .sp-buttons .sp-button.sp-selected-button {
    background: #303030;
}

body[class*="photoastrology"] .sp-buttons .sp-button {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 20px;
    padding: 0;
    vertical-align: top;
    cursor: pointer;
    font-size: 0;
    line-height: 1;
    /*
  display: block;
  width: 12px;
  height: 12px;
  padding: 0;
  cursor: pointer;
  */
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
    background: #878787;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body[class*="photoastrology"] .sp-buttons .sp-button:hover,
body[class*="photoastrology"] .sp-buttons .sp-button:focus {
    outline: none;
    background: #303030;
    -moz-transition: background 0.23s ease-in-out;
    -o-transition: background 0.23s ease-in-out;
    -webkit-transition: background 0.23s ease-in-out;
    transition: background 0.23s ease-in-out;
}
body[class*="photoastrology"] .this-month-btn {
    width: 90%;
}
body[class*="photoastrology"] .this-month-btn > a {
    padding: 10px 0px;
    color: #fff;
    background-color: #333;
    font-size: 1.5rem;
}
body[class*="photoastrology"] .post-contents .this-month-button-wrap {
    padding-top: 30px;
}
body[class*="photoastrology"] .post-contents .this-month-button-wrap a {
    padding: 3px 7px;
    text-decoration: none;
}
body[class*="photoastrology"] .post-contents .this-month-button-wrap a.current {
    background-color: #333;
    color: #fff;
    text-decoration: none;
}


.post-type-archive-photoastrology .post-contents h2{
    position: relative;
    text-align: center;
    margin-bottom: 40px;
}
.post-type-archive-photoastrology .post-contents h2 span:before {
    border-top: 1px solid;
    content: "";
    position: absolute;
    top: 50%;
    left: -20px;
    width: 15px;
}

.post-type-archive-photoastrology .post-contents h2 span:after {
    border-top: 1px solid;
    content: "";
    position: absolute;
    top: 50%;
    right: -20px;
    width: 15px;
}

.post-type-archive-photoastrology .post-contents h2 span {
    background-color: white;
    display: inline-block;
    padding: 0 10px; /*ラインとテキストの間を調整*/
    position: relative; /*水平ラインが突き抜けないように*/
}

.post-type-archive-photoastrology .post-contents .what-photoastrology {
    text-align: right;
    margin-bottom: 40px;

}
.post-type-archive-photoastrology .post-contents .what-photoastrology a {
    display: inline-block;
    padding: 2px 15px 2px 30px;
    background-color: #979898;
    color: #fff;
    position: relative;
    font-size: 15px;
}
.post-type-archive-photoastrology .post-contents .what-photoastrology a:before {
    content: "";
    background-image: url(../images/arrow_down_white.png);
    width: 13px;
    height: 13px;
    font-size: 10px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute;
    left: 8px;
    top: 8px;
}
.post-type-archive-photoastrology .post-contents .about-photoastrology-top {
    margin-top: 30px;
}
.post-type-archive-photoastrology .post-contents .about-photoastrology-top h3 {
    font-size: 21px;
    margin-bottom: 30px;
    padding-top: 180px;
    margin-top: -180px;
}
.post-type-archive-photoastrology .post-contents .about-photoastrology-top .wysiwyg {
    padding-bottom: 30px;
}
.post-type-archive-photoastrology .post-contents .about-photoastrology-top .table-set {
    line-height: 1.7;
    font-size: 13px;
    font-size: 1.5rem;
    letter-spacing: 0.09em;
}

@media screen and (max-width: 768px) {
    body[class*="photoastrology"] .sp-slides-container {
        margin: 0 0 15px 0px;
    }

    body[class*="photoastrology"] .sp-buttons .sp-button {
        width: 6px;
        height: 6px;
        margin: 0 10px;
    }

    body[class*="photoastrology"] .sp-buttons .sp-button {
        width: 6px;
        height: 6px;
    }
    body[class*="photoastrology"] .post-contents .img-list-col3-02.books {
        margin-bottom: 30px;
    }
    body[class*="photoastrology"] .post-contents .this-month-button-wrap {
        display: flex;
        justify-content: space-between;
        font-size: 14px;
    }
    body[class*="photoastrology"] .post-contents .this-month-button-wrap a {
        padding: 3px 7px;
        text-decoration: none !important;
    }
    body[class*="photoastrology"] .astrology-tab2 .post-contents .this-month-button-wrap {
        justify-content: center;
    }
    body[class*="photoastrology"] .astrology-tab2 .post-contents .this-month-button-wrap a {
        margin: 0px 20px;
        min-width: 80px;
    }
    body[class*="photoastrology"] .this-month-btn > a {
        padding: 5px 0px;
    }
    body[class*="photoastrology"] .about-photoastrology {
        width: 90%;
    }
    body[class*="photoastrology"] .about-mystar {
        width: auto;
    }
    body[class*="photoastrology"] .about-mystar > a {
        font-size: 16px;
    }
    body[class*="photoastrology"] .this-month-btn {
        margin: 40px auto 30px;
    }
    body[class*="photoastrology"] .this-month-btn.btn-essence {
        margin: 20px auto 30px;
    }
    body[class*="photoastrology"] .share .box {
        padding: 0px 0 14px;
    }
    .post-type-archive-photoastrology .post-contents h2{
        letter-spacing: 1px;
    }
    .post-type-archive-photoastrology .post-contents .what-photoastrology a {
        font-size: 12px;
    }
    .post-type-archive-photoastrology .post-contents .what-photoastrology a:before{
        top: 6px;
    }
    .post-type-archive-photoastrology .post-contents .about-photoastrology-top h3 {
        font-size: 21px;
        margin: 0 0 25px;
        padding-top: 100px;
        margin-top: -100px;
    }
    .post-type-archive-photoastrology .post-contents .about-photoastrology-top .table-set {
        margin-top: 0px;
        padding: 20px 15px;
    }

}

.previous-next-astrology-wrap {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    display: flex;
    margin-bottom: 30px;
    padding: 0px 10px;
    margin: 0px 0px 30px;
}

.previous-next-astrology-wrap > div {
    flex: 1;
    line-height: 40px;
}

.previous-next-astrology-wrap .previous-astrology-wrap {
    border-right: 1px solid #ccc;
}
.previous-next-astrology-wrap .next-astrology-wrap {
    text-align: right;
}

.no-link {
    color:#aaa;
}


.sp-top-tab-wrap input {
    display: none;
}
.sp-top-tab-wrap .tab_area{
    display: none;
}
.sp-top-tab-wrap .tab-conetnts-recommend {
    display: none;
}
.sp-top-tab-wrap .tab-conetnts-ranking {
    display: none;
}

.sp-top-tab-contents .inner .tab-img-list-col3-01 .label span,
.side-area .staff-picks .info.f-teko p.label span {
    padding-left: 4px;
}
.sp-top-tab-contents .inner .tab-img-list-col3-01 .label span:before,
.side-area .staff-picks .info.f-teko p.label span:before {
    content: "/";
    margin-right: 4px;
}

body.home .post-contents .sp-top-tab-wrap .tab-conetnts-whatsnew h3 {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.7;
}
@media screen and (max-width: 768px) {
    .sp-top-tab-wrap {
        margin-top: 20px;
    }
    .sp-top-tab-wrap input {
        display: block;
    }
    .sp-top-tab-wrap .tab_area{
        display: block;
    }

    @keyframes tabAnim {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    .tab_wrap {
        width: 500px;
        margin: 80px auto;
    }

    input[type="radio"] {
        display: none;
    }

    .tab_area {
        font-size: 0;
        margin: 0 0 0 5px;
    }

    .tab_area label {
        width: 28vw;
        max-width: 160px;
        margin: 0 3px;
        display: inline-block;
        padding: 6px 0;
        color: #333;
        background: #fff;
        text-align: center;
        font-size: 18px;
        letter-spacing: 0.1em;
        cursor: pointer;
        transition: ease 0.2s opacity;

        border-right: 3px solid #ccc;
        border-left: 3px solid #ccc;
        border-top: 3px solid #ccc;

        letter-spacing: 1px;
    }

    .tab_area label.tab2_label {
        letter-spacing: 0px;
    }

    .sp-top-tab-contents {
        background-color: #fafafa;
        border: 5px solid #ccc;
        margin-bottom: 50px;
    }

    .sp-top-tab-contents section {
        opacity: 0;
        padding: 80px 0;
        display: none;
    }

    .sp-top-tab-contents > section {
        padding: 0 4% 0 !important;
    }

    .sp-top-tab-contents .inner {
        min-width: inherit !important;
        padding-bottom: 0px !important;
        padding-top: 20px !important;
    }

    .sp-top-tab-contents .head {
        padding-bottom: 20px !important;
    }

    .sp-top-tab-contents .head .ttl01 {
        font-weight: normal;
        padding-top: 0px;
        margin-bottom: 0px;
        font-size: 2rem;
        line-height: 1;
    }

    .sp-top-tab-contents .inner p.data {
        padding-left: 0px;
        padding-right: 0px;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1;
        letter-spacing: 1px;
        padding-top: 10px;
    }

    .sp-top-tab-contents .inner .tab-img-list-col3-01 .label {
        font-family: futura-pt, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }
    .sp-top-tab-contents .inner .tab-img-list-col3-01 .label span {
        padding-left: 2px;
    }
    .sp-top-tab-contents .inner .tab-img-list-col3-01 .label span:before {
        margin-right: 2px;
    }
    .sp-top-tab-contents .tab-conetnts-ranking .inner ul li .img:before {
        background: gray;
        width: 23px;
        height: 30px;
        position: absolute;
        top: 0;
        z-index: 1;
        color: #fff;
        font-size: 30px;
        line-height: 1;
        padding-left: 5px;
        opacity: 0.9;
    }
    .sp-top-tab-contents .tab-conetnts-ranking .inner ul li:nth-of-type(1) .img:before {
        content: "1";
    }
    .sp-top-tab-contents .tab-conetnts-ranking .inner ul li:nth-of-type(2) .img:before {
        content: "2";
    }
    .sp-top-tab-contents .tab-conetnts-ranking .inner ul li:nth-of-type(3) .img:before {
        content: "3";
    }
    .sp-top-tab-contents .tab-conetnts-ranking .inner ul li:nth-of-type(4) .img:before {
        content: "4";
    }
    .sp-top-tab-contents .tab-conetnts-ranking .inner ul li:nth-of-type(5) .img:before {
        content: "5";
    }
    .sp-top-tab-contents .tab-conetnts-ranking .inner ul li:nth-of-type(6) .img:before {
        content: "6";
    }

    .tab_panel p {
        font-size: 14px;
        letter-spacing: 1px;
        text-align: center;
    }

    .sp-top-tab-contents .tab-conetnts-recommend .data {
        display: none;
    }

    #tab1:checked ~ .tab_area .tab1_label {
        background: #ccc;
        color: #fff;
    }

    #tab1:checked ~ .sp-top-tab-contents .tab-conetnts-whatsnew {
        display: block;
        animation: tabAnim ease 0.1s forwards;
        -ms-animation: tabAnim ease 0.1s forwards;
        background-color: #fafafa;
    }

    #tab2:checked ~ .tab_area .tab2_label {
        background: #ccc;
        color: #fff;
    }

    #tab2:checked ~ .sp-top-tab-contents .tab-conetnts-recommend {
        display: block;
        animation: tabAnim ease 0.1s forwards;
        -ms-animation: tabAnim ease 0.1s forwards;
        background-color: #fafafa;
    }

    #tab3:checked ~ .tab_area .tab3_label {
        background: #ccc;
        color: #fff;
    }

    #tab3:checked ~ .sp-top-tab-contents .tab-conetnts-ranking {
        display: block;
        animation: tabAnim ease 0.1s forwards;
        -ms-animation: tabAnim ease 0.1s forwards;
        background-color: #fafafa;
    }

    body.home .post-contents .tab-conetnts-ranking {
        padding: 0 4% 0;
    }
    body.home .post-contents .tab-conetnts-ranking .inner {
        min-width: inherit;
        padding-bottom: 0px;
        padding-top: 20px;
        margin: 0 auto;
    }

    body.home .post-contents .tab-conetnts-ranking .inner .info.f-teko {
        margin-bottom: 10px;
    }
    body.home .post-contents .tab-conetnts-ranking .inner .info.f-teko p.label{
        font-family:futura-pt, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

    }
    body.home .post-contents .tab-conetnts-ranking .inner p.data {
        display: none;
    }
    body.home .post-contents .tab-conetnts-ranking .inner h3 {
        font-size: 1.5rem;
        line-height: 1.7;
        margin-top: 10px;
        margin-bottom: 17px;
        letter-spacing: 0.14em;
    }

    body.home .post-contents .sp-top-tab-wrap .sp-top-tab-contents h3 {
        font-size: 1.2rem;
        letter-spacing: 1px;
        line-height: 1.7;
        margin-top: 10px;
    }
}

body.page-ima-gallery .post-contents .img-set .img {
    background-color: #fff;
}
body.page-ima-gallery .single-page-ttl .no-exhibition {
    padding-top: 25px;
    letter-spacing: 0.15em;
    font-size: 1.5rem;
    text-align: center;
}
body.page-ima-gallery .single-page-ttl .no-exhibition a {
    text-decoration: underline;
}
body.page-ima-gallery .single-page-ttl .no-exhibition a:hover {
    text-decoration: none;
}

body.post-type-archive-imaseries .col2-contents,
body.single-imaseries .col2-contents {
    background-image: url(../images/imaseries_background.png);
    padding-top: 15px;
    margin-bottom: 50px;
}
.imaseries-thumb-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px;
}

.imaseries-thumb-wrap .imaseries-thumb-box {
    width: 305px;
    padding: 8px;
    margin-bottom: 8px;
    background-color: #fff;
}
.imaseries-thumb-wrap .imaseries-thumb-box > a:hover .imaseries-thumb-img,
.imaseries-thumb-wrap .imaseries-thumb-box > a:hover .imaseries-thumb-txt {
    -moz-transition: opacity 0.23s ease-in-out;
    -o-transition: opacity 0.23s ease-in-out;
    -webkit-transition: opacity 0.23s ease-in-out;
    transition: opacity 0.23s ease-in-out;
    opacity: 0.5;
}

.imaseries-thumb-wrap .imaseries-thumb-box .imaseries-thumb-img {
    background-size: cover;
    background-position: center center;
    width: 306px;
    height: 204px;
    margin-bottom: 10px;
}
.imaseries-thumb-wrap .imaseries-thumb-box .imaseries-thumb-img span {
    position: relative;
    top: 10px;
    left: 10px;
    background-color: #000;
    color: #fff;
    padding: 5px 10px;
}
.imaseries-thumb-wrap .imaseries-thumb-box .imaseries-thumb-txt {
    margin-bottom: 20px;
}
.imaseries-thumb-wrap .imaseries-thumb-box .imaseries-thumb-txt .lead{
    font-size: 15px;
}
.imaseries-thumb-wrap .imaseries-thumb-box .imaseries-thumb-category {
    margin-bottom: 30px;
    font-size: 0;
}
.imaseries-thumb-wrap .imaseries-thumb-box .imaseries-thumb-category li {
    display: inline-block;
    margin: 0 10px 10px 0;
    text-align: center;
    font-size: 11px;
    font-size: 1.1rem;
    vertical-align: top;
    line-height: 1.4;
}

.imaseries-thumb-wrap .imaseries-thumb-box .imaseries-thumb-category li a {
    display: block;
    background: #f4f4f4;
    padding: 4px 10px 2px;
    min-width: 60px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: 0.03em;
}
.imaseries-thumb-wrap .imaseries-thumb-box .imaseries-thumb-category li.tag-vol a {
    background-color: #000;
    color: #fff;
}

.single-imaseries .single-page-ttl {
    padding: 0;
    margin-bottom: 0px;
}
.single-imaseries .single-page-ttl .inner {
    width: 100%;
    max-width: none;
    height: 50vh;
    padding: 0;
    background-size: cover;
    background-position: center center;
    transform: translate(0);
    overflow: hidden;
}
.single-imaseries .single-page-ttl .inner::before {
    content: '';
    position: absolute;
    background: inherit;
    /*filter: blur(10px);*/
    height: calc(50vh + 20px);
    top: -10px;
    left: 0;
    right: 0;
    bottom: 0px;
}
.single-imaseries .single-page-ttl .inner .head {
    width: 1200px;
    margin: 0 auto;
}
.single-imaseries .single-page-ttl .inner .head > span {
    padding: 0px 25px;
    line-height: 40px;
    display: inline-block;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 100px;
    font-size: 21px;
}

.single-imaseries .single-page-ttl .inner .head h1 {
    padding: 0px 20px;
    line-height: 60px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
    font-weight: 500;
    font-size: 42px;
    display: inline-block;
    position: absolute;
    top: 160px;
}
.single-imaseries .single-page-ttl .inner .head p {
    text-align: left;
    margin: 0;
    top: 25vh;
    position: absolute;
    padding: 10px 22px 8px;
    line-height: 1.4;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
}

.single-imaseries .single-page-ttl .imaseries-main-credit p {
    max-width: 920px;
    margin: 10px auto;
    text-align: right;
    font-size: 11px;
    font-size: 1.1rem;
    letter-spacing: 0.086em;
}
.single-imaseries .single-share {
    margin-bottom: 0px;
}
.single-imaseries .single-share.bottom-pc {
    margin: -50px 0 -60px;
}
.single-imaseries .imaseries-description {
    color: #fff;
    margin: 0px auto 50px;
    padding: 15px 0px;
    letter-spacing: 2px;
}
.single-imaseries .imaseries-description a {
    text-decoration: underline;
}

.single-imaseries .imaseries-thumb-wrap .imaseries-thumb-box .imaseries-thumb-img span {
    display: none;
}

.single-imaseries .imaseries-profile {
    letter-spacing: 2px;
    color: #fff;
}
.single-imaseries .imaseries-profile .timelineMessage__message{
    white-space: normal;
}
.single-imaseries .imaseries-profile .imaseries-profile-title {
    font-size: 18px;
    letter-spacing: 0.08em;
    display: block;
    margin-bottom: 10px;
}

.single-imaseries .imaseries-profile h4 {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 0.08em;
    margin-bottom: 10px;
}
.single-imaseries .imaseries-profile a {
    text-decoration: underline;
}

.single-imaseries .imaseries-footnote {
    margin-top: 60px;
    margin-bottom: 60px;
    color: #fff;
}
.single-imaseries .imaseries-footnote p {
}
.single-imaseries .imaseries-footnote .imaseries-imamagazine {
    background-color: #fff;
    margin-top: 30px;
}
.single-imaseries .imaseries-footnote .imaseries-imamagazine a {
    display: flex;
    padding-top: 15px;
    padding-bottom: 15px;
}
.single-imaseries .imaseries-footnote .imaseries-imamagazine a .nav-wrap-backnumber-img-wrap {
    background-size: contain;
    background-position: center center;
    width: 240px;
    height: 210px;
    background-repeat: no-repeat;
    flex: 1;
}
.single-imaseries .imaseries-footnote .imaseries-imamagazine a .nav-wrap-backnumber-text-wrap {
    padding: 0px 15px;
    flex: 2;
}
.single-imaseries .imaseries-footnote .imaseries-imamagazine a .nav-wrap-backnumber-text-wrap h3 {
    line-height: 20px;
    margin-bottom: 3px;
}
.single-imaseries .imaseries-footnote .imaseries-imamagazine a .nav-wrap-backnumber-text-wrap h4 {
    font-size: 11px;
    padding-top: 15px;
    line-height: 20px;
}
.single-imaseries .imaseries-footnote .imaseries-imamagazine a .nav-wrap-backnumber-text-wrap h4 span{
    display: block;
    font-size: 16px;
    line-height: 1.7;
}
.single-imaseries .imaseries-footnote .imaseries-imamagazine a .nav-wrap-backnumber-text-wrap .nav-wrap-backnumber-lead{
    padding-top: 5px;
    word-wrap: break-word;
}
.single-imaseries .imaseries-footnote .imaseries-imamagazine a .nav-wrap-backnumber-text-wrap .nav-wrap-backnumber-date {

}
.single-imaseries .imaseries-footnote .imaseries-imamagazine a .nav-wrap-backnumber-text-wrap .newest {
    background-color: #333;
    color: #fff;
    padding: 1px 10px;
    margin-bottom: 7px;
    display: inline-block;
}
.single-imaseries .imaseries-totop {
    text-align: center;
    padding-bottom: 50px;
}
.single-imaseries .imaseries-totop a {
    font-size: 16px;
    text-decoration: underline;
    color: #fff;
}
@media screen and (max-width: 768px) {
    body.post-type-archive-imaseries .post-contents {
        padding-bottom: 10px;
    }
    .imaseries-thumb-wrap .imaseries-thumb-box {
        width: 100%;
    }
    .imaseries-thumb-wrap .imaseries-thumb-box .imaseries-thumb-img {
        width: auto;
    }
    .single-imaseries .post-contents {
        padding-bottom: 60px;
    }
    body.post-type-archive-imaseries .side-area,
    .single-imaseries .side-area {
        background-color: #fff;
        padding-top: 40px;
    }

    .single-imaseries .single-page-ttl .inner .head > span {
        font-size: 16px;
        top: 50px;
        left: 20px;
        line-height: 32px;
    }
    .single-imaseries .single-page-ttl .inner .head h1 {
        top: 90px;
        left: 20px;
        line-height: 40px;
        font-size: 20px;
        text-align: left;
    }
    .single-imaseries .single-page-ttl .inner .head p {
        top: 200px;
        left: 20px;
        margin-right: 20px;
    }
    .single-imaseries .single-page-ttl .imaseries-main-credit p {
        width: 90vw;
        text-align: right;
    }
    .single-imaseries .single-share {
        margin-bottom: 0px;
    }
    .single-imaseries .single-share.bottom-sp {
        margin: 0;
    }
    .single-imaseries .imaseries-description {
        margin-top: 15px;
    }
    .single-imaseries .imaseries-totop {
        padding-bottom: 0px;
    }
}

#astrology-list {
    padding-top: 160px;
    margin-top: -160px;
}

@media screen and (max-width: 768px) {
    #astrology-list {
        padding-top: 100px;
        margin-top: -100px;
    }
}

.gallery-exhibition h3 {
    margin: 0 0 20px;
    font-size: 2.5rem;
    line-height: 1.4;
    letter-spacing: 0.08px;
    text-align: center;
    font-weight: bold;
}
.gallery-exhibition h3 span {
    position: relative;
}
.gallery-exhibition h3 span:before,
.gallery-exhibition h3 span:after {
    content: '';
    display: block;
    width: 25px;
    height: 1px;
    background-color: #111;
    position: absolute;
    top: 50%;
}

.gallery-exhibition h3 span:before {
    right: 110%;
}
.gallery-exhibition h3 span:after {
    left: 110%;
}

.gallery-exhibition-link-wrap {
    text-align: right;
    margin-top: -30px;
    margin-bottom: 30px;
    font-size: 17px;
    letter-spacing: 1px;
}

@media screen and (max-width: 768px) {
    .gallery-exhibition-link-wrap {
        margin-top: -20px;
        margin-bottom: 20px;
        font-size: 15px;
    }
}

body.tax-articles_category .articles-archive-slider-wrap {
}

body.tax-articles_category .articles-archive-slide-block {
    height: 433px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
body.tax-articles_category .articles-archive-slide-block:hover {
    opacity: 0.7;
}

body.tax-articles_category .articles-archive-slide-block .head {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0px 20px;
}
body.tax-articles_category .articles-archive-slide-block .head span {
    padding: 0px 25px;
    line-height: 40px;
    display: inline-block;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 100px;
    font-size: 21px;
}

body.tax-articles_category .articles-archive-slide-block .head h3 {
    padding: 0px 20px;
    line-height: 60px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
    font-weight: 500;
    font-size: 35px;
    display: inline-block;
    position: absolute;
    top: 160px;
    max-width: 580px;
}
body.tax-articles_category .articles-archive-slider-wrap .sp-buttons .sp-button {
    font-size: 0;
    line-height: 1;
    width: 12px;
    height: 12px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
    background: #878787;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body.tax-articles_category .articles-archive-slider-wrap .sp-buttons .sp-button.sp-selected-button {
    background-color: #303030;
}
body.tax-articles_category .arciles-archive-link-imaseries {
    text-align: right;
    padding-bottom: 45px;
}
body.tax-articles_category .arciles-archive-link-imaseries a {
    font-size: 1.7rem;
    line-height: 1.8;
    letter-spacing: 0.1em;
}

@media screen and (max-width: 768px) {
    body.tax-articles_category .articles-archive-slider-wrap {
    }

    body.tax-articles_category .articles-archive-slide-block {
        height: 40vh !important;
        width: auto !important;
    }

    body.tax-articles_category .articles-archive-slide-block .head {
    }
    body.tax-articles_category .articles-archive-slide-block .head span {
        font-size: 16px;
        top: 50px;
        line-height: 32px;
    }

    body.tax-articles_category .articles-archive-slide-block .head h3 {
        top: 90px;
        line-height: 35px;
        font-size: 20px;
        text-align: left;
        max-width: 73vw;
    }
    body.tax-articles_category .articles-archive-slider-wrap .sp-buttons .sp-button {
    }
    body.tax-articles_category .articles-archive-slider-wrap .sp-buttons .sp-button.sp-selected-button {
    }
    body.tax-articles_category .arciles-archive-link-imaseries {
    }
    body.tax-articles_category .arciles-archive-link-imaseries a {
        font-size: 1.1rem;
        line-height: 1.6;
    }
}

@media only screen and (min-width: 320px) and (max-width: 374px) {
    body.tax-articles_category .articles-archive-slide-block .head span {
        line-height: 25px;
        top: 30px;
    }
    body.tax-articles_category .articles-archive-slide-block .head h3 {
        top: 75px;
        line-height: 25px;
        font-size: 16px;
        max-width: 70vw;
    }
}

/*画像ページ用*/
.previous-next-gallery-wrap {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    display: flex;
    margin-bottom: 30px;
    padding: 0px 10px;
    margin: 10px 0px 30px;
}

.previous-next-gallery-wrap > div {
    flex: 1;
    line-height: 40px;
}

.previous-next-gallery-wrap .previous-gallery-wrap {
    border-right: 1px solid #ccc;
}
.previous-next-gallery-wrap .next-gallery-wrap {
    text-align: right;
}
body[class*="gallery"] .main-img  p img {
    max-height: 70vh;
    object-fit: contain;
}
body[class*="gallery"] .btn {
    width: 60%;
    margin: 60px auto 20px;
}
body[class*="gallery"] .btn.btn-essence {
    margin: 20px auto 30px;
}
body[class*="gallery"] .btn > a {
    text-align: center;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.08em;
    margin: 0 0 15px;
    padding: 15px 0px;
    border: #999 1px solid;
    color: #525252;
    display: block;
}
body[class*="gallery"] .btn > a span {
    position: relative;
}
body[class*="gallery"] .btn > a span:after {
    content: "";
    background-image: url(../images/arrow_next_white.png);
    width: 20px;
    height: 15px;
    font-size: 10px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute;
    right: -40px;
    top: 2px;
}
body[class*="gallery"] .btn > a {
    padding: 10px 0px;
    color: #fff;
    background-color: #333;
    font-size: 1.5rem;
}
body[class*="gallery"] .other-img h2 {
    font-weight: bold;
    font-size: 2rem;
    font-family: futura-pt, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #303030;
}
body[class*="gallery"] .etc-area {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto 60px;
    border-top: 1px solid #ccc;
    padding: 10px 0;
}
body[class*="gallery"] .etc-item {
    padding: 5px 0;
    width: 20%;
}
body[class*="gallery"] .etc-item a {
    display: block;
    padding: 0 5px;
    height: 100%;
}
body[class*="gallery"] .etc-item img {
    width: 100%;
    max-height: 140px;
    object-fit: cover;
    height: 100%;
}
body[class*="gallery"] .rectangle {
    max-width: 650px;
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
  body[class*="gallery"] .btn > a {
    padding: 5px 0px;
  }
  body[class*="gallery"] .btn {
    width: 90%;
    margin: 40px auto 30px;
  }
  body[class*="gallery"] .btn.btn-essence {
    margin: 20px auto 30px;
  }
  body[class*="gallery"] .etc-area {
      padding: 5px 0;
  }
  body[class*="gallery"] .etc-item {
      width: 25%;
  }
  body[class*="gallery"] .etc-item img {
      max-height: 70px;
  }
  body[class*="gallery"] .rectangle {
      max-width: 300px;
  }
  body[class*="gallery"] .rectangle .add01,
  body[class*="gallery"] .rectangle .add03 {
    margin-bottom: 30px;
  }
}

/* 記事ページ用フッター常駐SNSボタン*/
.fixedSns {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 100;
}

.fixedSns .snsTrig {
	display: block;
	width: 70px;
	height: 70px;
	background-color: #3c3c3c;
	background-image: url(../images/icon_sns_fixed.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	text-indent: -999em;
}

.fixedSns .shareBtn {
	position: absolute;
	bottom: 70px;
	transform: scale(1,0);
	transform-origin: 50% 100%;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.fixedSns:hover .shareBtn {
	transform: scale(1,1);
}

.fixedSns .shareBtn .fb span,
.fixedSns .shareBtn .tw span {
	display: block;
	position: relative;
	z-index: 2;
	width: 70px;
	height: 70px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	text-indent: -999em;
}

.fixedSns .shareBtn a {
	display: block;
	position: relative;
	width: 70px;
	height: 70px;
	overflow: hidden;
}
.fixedSns .shareBtn .fb,
.fixedSns .shareBtn .tw {
    background-color: #ffffff;
}

.fixedSns .shareBtn .fb a {
	background-color: #939090;
}

.fixedSns .shareBtn .fb span {
	background-image: url(../images/fixed_sns_fb.png);
}

.fixedSns .shareBtn .tw a {
	background-color: #7a7979;
}

.fixedSns .shareBtn .tw span {
	background-image: url(../images/fixed_sns_tw.png);
}

.fixedSns .shareBtn a:hover {
    opacity: 0.5;
}

@media screen and (max-width: 768px) {
    .fixedSns {
        bottom: 51px;
    }
    .fixedSns.no-nav-horizontal-bottom {
        bottom: 0;
    }
    .fixedSns .snsTrig {
	    width: 50px;
        height: 50px;
        background-size: 15px 17px;
    }
    .fixedSns .shareBtn {
        bottom: 50px;
    }
    .fixedSns:hover .shareBtn {
        transform: scale(1,0);
    }

    .fixedSns .shareBtn.acOpen {
        transform: scale(1,1);
    }
    .fixedSns .shareBtn .fb span,
    .fixedSns .shareBtn .tw span {
	    width: 50px;
        height: 50px;
    }
    .fixedSns .shareBtn a {
	    width: 50px;
        height: 50px;
    }
}

.lead-no-disp-sp {
    display: block;
}
@media screen and (max-width: 768px) {
    .lead-no-disp-sp {
        display: none;
    }

    .sp-arrows {
        z-index: 999;
    }
}

.add01,
.aad01s,
.add03 {
    width: 300px;
    margin: 0 auto;
}
.add01.is-static {
    padding: 30px 0;
}

.add-top-s > div {
    margin: 0 auto;
}

/* ima gallery artist start */
.page-ima-gallery .artist-area {
    font-size: 16px;
    margin-bottom: 50px;
}
.page-ima-gallery .artist-area li {
    display: inline-block;
    vertical-align: top;
    width: 45%;
    margin-right: 3%;
    margin-bottom: 12px;
}
.page-ima-gallery .artist-area a {
    text-decoration: underline;
    word-break: break-all;
}
.col2-link-area {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.col2-link-area.has-bottom-margin {
    margin-bottom: 30px;
}
.col2-link-area .col2-link-item {
    font-size: 15px;
    width: 48%;
    margin-bottom: 30px;
}
.col2-link-area .col2-link-item a {
    display: block;
}
.col2-link-area .col2-link-item__img-wrap {
    width: 100%;
    padding-top: 56.25%;
    position: relative;
    background: #e7e7e7;
    overflow: hidden;
}
.col2-link-area .col2-link-item__img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.col2-link-area .col2-link-item__img img {
    display: block;
    margin: 0 auto;
}
.col2-link-area .col2-link-item__date {
    font-size: 13px;
    margin: 5px 0 0;
    color: #878787;
    letter-spacing: 0.1em;
}
.col2-link-area .col2-link-item__artist {
    font-size: 13px;
    margin: 5px 0 0;
}
.col2-link-area .col2-link-item__title {
    margin: 10px 0 0;
    text-decoration: underline;
    word-break: break-all;
}
.text-link-area {
    margin: 0 0 50px;
}
.text-link-area .text-link-item {
    display: inline-block;
    margin: 0 20px 10px 0;
}
.text-link-area .text-link-item a {
    font-size: 15px;
    text-decoration: underline;
    word-break: break-all;
    font-style: italic;
}

@media screen and (max-width: 768px) {
    .page-ima-gallery .artist-area {
        margin-bottom: 25px;
    }
    .page-ima-gallery .artist-area li {
        width: 100%;
        margin-right: 0;
    }
    .col2-link-area.is-sp-col1 {
        display: block;
    }
    .col2-link-area.is-sp-col1 .col2-link-item {
        width: 100%;
    }
    .col2-link-area .col2-link-item__title {
        margin: 5px 0 0;
    }
}
/* ima gallery artist edn */

.goto-ima-gallery {
    padding-top: 30px;
    text-align: center;
}
body.single-artist .goto-ima-gallery {
    padding-bottom: 15px;
}
.goto-ima-gallery a {
    text-decoration: underline;
    font-size: 15px;
}
@media screen and (max-width: 768px) {
    .goto-ima-gallery {
        padding-top: 10px;
    }
    body.single-artist .goto-ima-gallery {
        padding-top: 30px;
    }
}

.recommend-posts-area {
    padding-right: 4.28571%;
    margin: 0 0 30px;
}
.recommend-posts-area a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
.recommend-posts-area .recommend-wrapper {
    width: 100%;
    box-sizing: border-box;
}
.recommend-posts-area .recommend-header {
    margin: 15px 0 15px;
    font-weight: bold;
    font-size: 2rem;
    font-family: futura-pt, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #303030;
}
.recommend-posts-area .recommend-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.recommend-posts-area .recommend-component {
    width: 32%;
    margin-bottom: 2%;
}
.recommend-posts-area .recommend-component .recommend-category {
    font-size: 1.2rem;
    padding: 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 20px;
}
.recommend-posts-area .recommend-component .recommend-inner {
    display: block;
}
.recommend-posts-area .recommend-component .recommend-inner .recommend-img-wrap {
    background: #e7e7e7;
}
.recommend-posts-area .recommend-component .recommend-inner .recommend-img {
    position: relative;
    width: 100%;
}
.recommend-posts-area .recommend-component .recommend-inner .recommend-img::before {
    content: "";
    display: block;
    padding-top: 66.66667%;
}
.recommend-posts-area .recommend-component .recommend-inner .recommend-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.recommend-posts-area .recommend-component .recommend-inner .recommend-title-wrap {
    box-sizing: border-box;
    margin: 8px 0 0;
    padding: 0 2px;
}
.recommend-posts-area .recommend-component .recommend-inner .recommend-title {
    max-height: 74px;
    font-size: 1.3rem;
    line-height: 1.6;
    letter-spacing: 0.04em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
@media screen and (max-width: 768px) {
    .recommend-posts-area {
        padding-right: 0;
    }
    .recommend-posts-area .recommend-header {
        margin: 0 -4.35% 21px;
        padding: 6px 4% 6px;
        background: #f3f3f3;
        text-align: left;
        font-size: 1.9rem;
    }
    .recommend-posts-area .recommend-component {
        width: 48%;
        margin-bottom: 10px;
    }
    .recommend-posts-area .recommend-component:nth-child(n + 5) {
        display: none;
    }
    .recommend-posts-area .recommend-component .recommend-category {
        font-size: 10px;
        padding: 0;
        height: auto;
    }
    .recommend-posts-area .recommend-component .recommend-inner .recommend-img {
        margin: 5px 0;
    }
    .recommend-posts-area .recommend-component .recommend-inner .recommend-img::before {
        padding-top: 62.57143%;
    }
    .recommend-posts-area .recommend-component .recommend-inner .recommend-title-wrap {
        margin: 7px 0 0;
        width: 100%;
        padding: 0;
    }
    .recommend-posts-area .recommend-component .recommend-inner .recommend-title {
        max-height: 60px;
        font-size: 1.1rem;
        letter-spacing: inherit;
    }
}

.category-link-area {
    display: none;
}
@media screen and (max-width: 768px) {
    .category-link-area {
        display: block;
        overflow: hidden;
        margin: 0 0 30px;
        padding: 0 4%;
    }
    .category-link-area .category-link-header {
        width: 100vw;
        margin: 0 calc(-50vw + 50%) 21px;
        padding: 6px 4% 6px;
        background: #f3f3f3;
        text-align: left;
        font-size: 1.9rem;
        font-weight: bold;
        font-family: futura-pt, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        color: #303030;
    }
    .category-link-area .category-link-item {
        margin: 0 0 5px;
    }
    .category-link-area .category-link-item a {
        position: relative;
        box-sizing: border-box;
        padding: 0 50px 0 18px;
        display: inline-block;
        width: 100%;
        height: 100%;
        background: #000;
        color: #fff;
        line-height: 50px;
        font-size: 15px;
        font-size: 1.5rem;
    }
    .category-link-area .category-link-item a::after {
        content: '＞';
        color: #fff;
        position: absolute;
        top: 0;
        right: 15px;
    }
}

.sp-bottom-search-area {
    display: none;
}
@media screen and (max-width: 768px) {
    .sp-bottom-search-area {
        display: block;
        background: #f3f3f3;
        padding: 35px 4%;
        margin-bottom: 30px;
    }
    .sp-bottom-search {
        box-sizing: border-box;
        height: 56px;
        border: solid 1px #000;
        padding: 0px 12px 0px 16px;
    }
    .sp-bottom-search form {
        position: relative;
        width: 100%;
        height: 100%;
    }
    .sp-bottom-search form::after {
        content: '';
        display: block;
        box-sizing: border-box;
        border-bottom: 1px solid #bebebe;
        height: 1px;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 10px;
    }
    .sp-bottom-search .text-box {
        position: relative;
        background: none;
        width: 100%;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 54px;
    }
    .sp-bottom-search .text-box::-webkit-input-placeholder {
        font-size: 16px;
        font-size: 1.6rem;
    }
    .sp-bottom-search .text-box:-ms-input-placeholder {
        font-size: 11px;
        font-size: 1.1rem;
    }
    .sp-bottom-search .text-box::-moz-placeholder {
        font-size: 11px;
        font-size: 1.1rem;
    }
    .sp-bottom-search .btn-search {
        position: absolute;
        top: calc(50% - 7px);
        right: 5px;
        z-index: 1;
        height: 14px;
        width: 15px;
        background: #f4f4f4 url(../images/search.svg) no-repeat top left;
        -moz-background-size: 15px 14px;
        -o-background-size: 15px 14px;
        -webkit-background-size: 15px 14px;
        background-size: 15px 14px;
        text-indent: -9999px;
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    .craft-for-publishers-recommend2 {
        margin-top: 30px;
    }
}