:root {
  /*Colors*/
  --white: #fff;
  --black: #000;
  --beige: #98835b;
  --gray: #3f3f3f;

  /*Style Guide*/
  --primary-color: var(--black);
  --secondary-color: var(--gray);
  --accent-color: var(--beige);
}

/* ****** */
/* layout */
body {
  font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, 游ゴシック体, 'Yu Gothic', YuGothic, Arial, "メイリオ", Meiryo, Osaka, sans-serif;
  color: #444;
  line-height: 1.7;
  font-size: 12px;
  word-break: break-all;
}
a { color: #3c9aff; }
a:hover { text-decoration: none; opacity: .8 }
img, iframe { max-width: 100%; }
ol, ul, dl,
h1, h2, h3, h4, h5, h6,
p { margin-bottom: 0; }

@media (min-width: 768px) {
  body { font-size: 14px; }
  body.home,
  body.single { min-width: 1440px; }
  .container-980 { max-width: 1000px; }
  .container-1440 { max-width: 1460px; }
}

.tmp_btn { font-size: 16px; display: block; color: #fff; text-align: center; width: 100%; padding: 15px; }
.tmp_btn.beige { background-color: #98835B; }
.tmp_btn.gray { background-color: #b4b4b4; }
.arrow_left__down { position: relative; padding-right: 40px; padding-left: 40px; }
.arrow_left__down:before { content: ""; position: absolute; top: 50%; left: 15px; width: 10px; height: 10px; margin-top: -8px;
  border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(45deg); }
.f_color__beige { color: #98835b; }
.f_color__red { color: #d0021b; }

@media (min-width: 768px) {
  .tmp_btn { padding: 10px; }
  .arrow_left__down:before { width: 14px; height: 14px; margin-top: -10px; }
}

.title_layout__01,
.title_layout__02 { padding-right: 10px; padding-left: 10px; max-width: 1440px; }
.title_layout__01 .title_layout__01_title { color: #fff; font-size: 19px; font-weight: 700; display: inline-block; }
.title_layout__02 .title_layout__02_title { color: #fff; font-size: 15px; font-weight: 700; display: inline-block; }
.title_layout__03 { margin-bottom: 10px; }
.title_layout__03 .title_layout__03_title { color: #000; font-size: 28px; font-weight: 700; line-height: 1; text-align: center; margin-bottom: 3px; }
.title_layout__03 span { color: #8e8e8e; text-align: center; display: block; }
.view_all { color: #fff; margin-left: 15px; }

@media (min-width: 768px) {
  .title_layout__01,
  .title_layout__02 { padding-right: 60px; padding-left: 60px; }
  .title_layout__01 { text-align: center; margin: auto; }
  .title_layout__01 .title_layout__01_title { font-size: 25px; text-shadow: -2px 0px 0px #000; }
  .title_layout__02 .title_layout__02_title { font-size: 20px; }
  .title_layout__03 .title_layout__03_title { font-size: 40px; }
  .title_layout__03 span { font-size: 18px; white-space: nowrap; }
}
@media (min-width: 768px) {
  .ov_alpha_80:hover { opacity: .8; }
}
/* layout */
/* ****** */

/* ****************************** */

/* ****** */
/* HEADER */
.header { background-color: #000; }
.header .header_inner { width: 100%; padding-right: 10px; padding-left: 10px; }
.header, .header a { color: #fff; }
.header .header_logo a,
.header .header_logo img { display: block; width: 100%; }
.header .header_gnav__item { font-weight: 500; }
.header .header_gnav__item a {color: #fff; }

@media (max-width: 767px) {
  .header .header_logo { width: 44.8%; height: 72.5px; }

  /* SP グローバル開閉ボタン */
  .header .header_gnav__button_open,
  .header .header_gnav__button_close { width: 50px; height: 50px; }
  .header .header_gnav__button_open .header_gnav__button_border { display: block; width: 25px; height: 3px; background-color: #98835b; margin: 2px auto; }
  .header .header_gnav__button_close { margin: 12px auto 13px 0; position: relative; }
  .header .header_gnav__button_close .header_gnav__button_border { display: block; width: 25px; height: 1px; background-color: #fff;
    position: absolute; top: 50%; left: 25%; }
  .header .header_gnav__button_close .header_gnav__button_border:nth-of-type(1) { transform: rotate(45deg); }
  .header .header_gnav__button_close .header_gnav__button_border:nth-of-type(2) { transform: rotate(-45deg); }

  /* グローバルメニュー */
  .header .header_gnav { position: absolute; top: 12px; left: 0; }
  .header .header_gnav_inner { width: 100vw; height: 120vh; background-color: rgba(0,0,0,.9); transform: translateX(-100%); opacity: 0; transition-duration: .6s;
    position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 20; }
  .header .header_gnav__list { margin: 0 8% 0 4%; }
  .header .header_gnav__list + .header_gnav__list { border-top: 1px solid #696968; padding-top: 15px; }
  .header .header_gnav__item { margin-bottom: 15px; }

  /* 展開時 */
  .header .header_gnav_inner.opened { transform: translateX(0); opacity: 1; transition-duration: .3s; }
}

@media (min-width: 768px) {
  .header .header_inner { padding-right: 50px; padding-left: 50px; }
  .header .header_logo { width: 160px; height: 65px; }

  /* グローバルメニュー */
  .header .header_gnav { font-weight: 700; background-color: #98835b; }
  .header .header_gnav__list { font-size: 14px; white-space: nowrap; }
  .header .header_gnav__item { font-weight: 700; height: 50px; margin: 0 15px; display: flex; align-items: center; }

  .header .header_nav > li { margin: 0 8px; }
  .header .toggle_inner { position: absolute; right: -10px; z-index: 5; height: 0; overflow: hidden; transition-duration: .6s; }
  .header .toggle_inner:before { content: ""; display: block; width: 10px; height: 10px; position: absolute; top: 10px; right: 14px; background-color: #fff; transform: rotate(45deg); }
  .header .header_nav__notification { position: relative; }
  .header .header_nav__notification_icon { cursor: pointer; }
  .header .header_nav__notification_item__caption_meta__update,
  .header .header_nav__notification_item__caption_text { color: #000; }
  .header .header_nav__notification_inner { width: 386px; }
  .header .header_nav__notification_list { height: 100%; max-height: 100%; overflow-y: auto; background-color: #fff; }
  .header .header_nav__notification_item { padding: 20px; }
  .header .header_nav__notification_item + .header_nav__notification_item { border-top: 1px solid #dcdcdc; }
  .header .header_nav__notification_item__image { width: 93px; margin-right: 14px; }
  .header .header_nav__notification_item__caption { width: 239px; }
  .header .header_nav__notification_item__caption_meta__label,
  .header .header_nav__notification_item__caption_meta__update { font-size: 10px; line-height: 1; }
  .header .header_nav__notification_item__caption_meta__label { color: #fff; background-color: #98835b; padding: 2px 6px; }
  .header .header_nav__notification_item__caption_text { font-size: 12px; }
  .header .header_nav__account { position: relative; }
  .header .header_nav__account_icon { color: #000; font-size: 20px; text-align: center; line-height: 32px; width: 32px; height: 32px; background-color: #d8d8d8; border-radius: 50%; position: relative; }
  .header .header_nav__account_icon img { display: block; }
  /*.header .header_nav__account_inner { width: 100px; }*/
  .header .header_nav__account_list { background-color: #fff; padding: 20px 0; }
  .header .header_nav__account_item { padding: 0 20px; }
  .header .header_nav__account_item:not(:first-child) { margin-top: 15px; }
  .header .header_nav__account_item a { color: #000; white-space: nowrap; }

  /* 展開時 */
  .header .toggle_open.opened + .header_nav__notification_inner { height: 450px; padding-top: 15px; transition-duration: .3s; }
  .header .toggle_open.opened + .header_nav__account_inner { height: 116px; padding-top: 15px; transition-duration: .3s; }

  /* 検索フォーム */
  .header_nav__search { position: relative; }
  .header_nav__search [type="search"]::-webkit-search-cancel-button,
  .header_nav__search [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
  .header_nav__search input::-ms-clear { visibility:hidden; }
  .header_nav__search_text { color: #fff; width: 0; padding: 5px 14px; border: 1px solid #000; transition: all .3s ease-in-out; background: #000 url(../img/ico-search.png) 5px center no-repeat; }
  .header_nav__search_text:focus { outline: 0; width: 200px; border-color: #fff; padding: 5px 10px 5px 35px; }
  .header_nav__search_submit { display: none; }
}
/* HEADER */
/* ****** */

/* ****** */
/* FOOTER */
.footer { background-color: #000; }
.footer, .footer a { color: #fff !important; }
.footer .footer_sns { background-color: #98835b; padding: 40px 0 60px; display: none; }
.footer .footer_sns__title { font-size: 17px; font-weight: 700; margin-bottom: 20px; }
.footer .footer_sns__item { width: 32px; margin: 0 28px; }
.footer .footer_sns__item a { display: block; }

.footer .footer_sitemap__logo { width: 50%; }
.footer .footer_sitemap__logo a {  }
.footer .footer_sitemap__nav { font-size: 13px; font-weight: 700; margin-top: 32px; }
.footer .footer_sitemap__sns_list { margin-top: 30px; display: none !important; }
.footer .footer_sitemap__sns_list li + li { margin-left: 20px; }
.footer .footer_sitemap__sns_item { width: 24px; }
.footer .copyright { display: block; font-size: 10px; font-weight: 700; transform: scale(.8); margin-top: 35px; transform-origin: left; }

@media (max-width: 767px) {
  .footer .footer_inner { padding: 58px 10% 10px; }
  .footer .footer_sitemap__nav li + li{ margin-top: 20px; }
}

@media (min-width: 768px) {
  .footer .footer_inner { padding-top: 80px; padding-bottom: 20px; }

  .footer .footer_sns { padding: 50px 0 65px; }
  .footer .footer_sns__title { font-size: 22px; margin-bottom: 30px; }
  .footer .footer_sns__item { width: 44px; margin: 0 45px; }

  .footer .footer_sitemap__logo { width: 180px; }
  .footer .footer_sitemap__nav_item { width: 25%; margin-top: 15px; }
  .footer .copyright { margin-top: 65px; }
}
/* FOOTER */
/* ****** */

/* ****** */
/* slick slider */
.slider,
.slick-slide,
.tile_hide {
  transition: 450ms -webkit-transform, opacity 450ms;
  transition: 450ms transform, opacity 450ms;
  transition: 450ms transform, 450ms -webkit-transform, opacity 450ms;
}
.slick-list { overflow: visible !important; }

.tile { display: block !important; position: relative; }
.tile_column { overflow: hidden; }
.tile_column.overflow { overflow: visible !important; }
.tiles_viewport { position: relative; }
.tile_img { width: 100%; /*-o-object-fit: cover; object-fit: cover;*/ }
.tile_wrapper { position: relative; }
.tile_modal__link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; }
.tile_main { position: relative; z-index: 1; text-align: center; background-color: #fafafa; }
.tile_media__label { position: absolute; top: 0; left: 0; z-index: 2; }
.tile_authors { padding: 10px; display: inline-block; }
.tile_author { padding: 5px; }
.tile_author:nth-of-type(n+3) { display: none !important; }
.tile_author__media { width: 29px; min-width: 29px; height: 29px; border-radius: 50%; overflow: hidden; margin-right: 10px; }
.tile_author__meta { text-align: left; }
.tile_author__meta_title { color: #000; font-size: 10px; transform: scale(.8); transform-origin: left; white-space: nowrap; }
.tile_author__meta_name { color: #000; font-size: 14px; line-height: 1; }
.tile_media__label { width: 100%; height: 21px; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; background-size: contain; }
.tile_media__label.pickup,
.tile_media__label.popular { display: none; }
.tile_media__label.special { display: block; background-image: url(../img/cat-special.jpg); }
.tile_media__label.discussion { display: block; background-image: url(../img/cat-discussion.jpg); }
.tile_media__label.business { display: block; background-image: url(../img/cat-business.jpg); }
.tile_media__label.photograph { display: block; background-image: url(../img/cat-photograph.jpg); }
.tile_media__label.entertainment { display: block; background-image: url(../img/cat-entertainment.jpg); }
.tile_media__label.nonfiction { display: block; background-image: url(../img/cat-nonfiction.jpg); }
.tile_media__label.fiction { display: block; background-image: url(../img/cat-fiction.jpg); }
.tile_media__label.fashion { display: block; background-image: url(../img/cat-fashion.jpg); }
.tile_media__label.backnumber { display: block; background-image: url(../img/cat-backnumber.jpg); }
.tile_media__label.fromspoal { display: block; background-image: url(../img/cat-fromspoal.jpg); }

.tile_hide { color: #fff; font-size: 13px; position: absolute; top: 0; bottom: 0; left: 0; opacity: 0; }

.slider_1layout .slick-prev,
.slider_1layout .slick-next,
.slider_1layout .slick-prev:before,
.slider_1layout .slick-next:before { width: 48px; height: 48px; }
.slider_1layout .slick-prev:before,
.slider_1layout .slick-next:before { background-size: 100%; }

.slider_1layout .tile_main { background-color: #000; }
.slider_1layout .tile_media { position: relative; }
.slider_1layout .tile_media img { width: 100%; }
.slider_1layout .tile_media__title { width: 80%; position: absolute; left: 10%; bottom: 10%; right: 10%; }
.slider_1layout .tile_meta { color: #fff; padding: 15px 40px; margin: 0 auto; }
.slider_1layout .tile_meta__title { width: 63%; margin: 0 auto; }
.slider_1layout .tile_authors { text-align: left; padding: 0; }
.slider_1layout .tile_author__media { width: 30px; min-width: 30px; height: 30px; border-radius: 50%; overflow: hidden; margin-right: 10px; }
.slider_1layout .tile_author__meta_title,
.slider_1layout .tile_author__meta_name { color: #fff; }
.slider_1layout .read-more { margin-top: 10px; position: static; display: none; }
.slider_1layout .read-more.tile_modal__link { display: block; }

.slider_3-2layout .slick-slider { margin-right: 2px; margin-left: 10px; }
.slider_3-2layout .slick-slide { margin-right: 8px; }
.slider_3-2layout .tile_media__label { height: 16px; }

.slider_5-2layout .slick-slider { margin-right: 2px; margin-left: 10px;  }
.slider_5-2layout .slick-slide {  margin-right: 8px; }

.slider_5-3layout .slick-slider { margin-top: 5px; margin-right: 6px; margin-bottom: 20px; margin-left: 10px; }
.slider_5-3layout .slick-slide { margin-right: 4px; }
.slider_5-3layout .tile_authors { display: none; }
.slider_5-3layout .tile_hide .tile_author:nth-of-type(n+2) { display: none !important; }
.slider_5-3layout .tile_author__meta_title,
.slider_5-3layout .tile_author__meta_name { color: #fff; }

/* モーダル */
.bular { -webkit-filter: blur(25px); -moz-filter: blur(25px); -o-filter: blur(25px); -ms-filter: blur(25px); filter: blur(25px); }
.modal-post .tile_wrapper { padding: 0 35px 35px; }
.modal-post .tile_media__label { display: none; }
.modal-post .tile_main { margin-top: 50px; background-color: transparent; }
.modal-post .tile_media { padding: 0 85px; margin-right: auto; margin-left: auto; }
.modal-post .tile_authors { color: #fff; padding-bottom: 5px;
  display: -ms-flexbox !important; display: flex !important; -ms-flex-direction: row !important; flex-direction: row !important; -ms-flex-pack: center !important; justify-content: center !important; }
.modal-post .tile_author__media { width: 37px; height: 37px; }
.modal-post .tile_author__meta_title { color: #fff; transform: scale(.9); }
.modal-post .tile_author__meta_name { color: #fff; font-size: 16px; }
.modal-post .tile_hide { position: static; opacity: 1; }
.modal-post .tile_hide__inner { padding-right: 15px; padding-left: 15px; }
.modal-post .tile_hide .tile_authors { display: none !important; }
.modal-post .tile_meta__caption { color: #fff; font-size: 13px; text-align: left; display: block !important; }
.modal-post .read-more { display: block; margin-top: 20px; }
.modal-post .read-more.tile_modal__link { display: none; }

.tile_modal__img { display: none; }

@media (min-width: 768px) {
  .tile_modal__img { display: none; }
  .modal-post .tile_wrapper { width: 432px; background-color: #000; padding: 0; margin: auto; }
  .modal-post .tile_media { padding: 0; }
  .modal-post .tile_img { display: none; width: auto; }
  .modal-post .tile_modal__img { display: block; }
  .modal-post .tile_hide { background-color: transparent; padding: 0; }
}

@media (min-width: 768px) {
  .tiles_viewport:before,
  .tiles_viewport:after { content: ""; width: 60px; height: 100%; position: absolute;top: 0; bottom: 0; z-index: 1; }
  .tiles_viewport:before { left: 0; }
  .tiles_viewport:after { right: 0; }

  .tile_hide { opacity: 0; color: #fff; font-size: 14px; position: absolute; top: 0; bottom: 0; left: 0; overflow: auto;
    width: 100%; background-color: #000; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); padding: 20px 25px; }
  .tile_hide__inner { position: relative; padding-bottom: 40px; }
  .read-more { font-size: 12px; width: auto; background: #98835B url(../img/arrow-right_sm.png) no-repeat right 10px center;
    position: absolute; right: 0; bottom: 0; padding: 5px 30px 5px 10px; }

  .slider_1layout .tile { background-position: top center; background-repeat: no-repeat; }
  .slider_1layout .tile_wrapper { background-color: transparent; max-width: 1240px; margin: auto; min-height: 440px; }
  .slider_1layout .tile_main { max-width: 665px; height: 100%; position: absolute; padding: 20px 75px; background-color: transparent; }
  .slider_1layout .tile_meta { padding: 0; }
  .slider_1layout .tile_meta__label { top: 50px; left: 10px; }
  .slider_1layout .tile_meta__title { width: auto; margin: 0; max-height: 100px; }
  .slider_1layout .tile_meta__title img { display: block; width: auto; max-height: 100px; }
  .slider_1layout .tile_meta__title_sub { font-size: 20px; }
  .slider_1layout .tile_meta__caption { font-size: 14px; margin-top: 20px; }
  .slider_1layout .tile_author__media { width: 40px; min-width: 40px; height: 40px; }
  .slider_1layout .read-more { margin: 0 0 0 auto; }

  .slider_3-2layout .slick-slider { margin-right: 50px; margin-left: 60px; margin-top: 30px; margin-bottom: 30px; }
  .slider_3-2layout .tile_media__label { height: 21px; }

  .slider_5-2layout .slick-slider { margin-right: 50px; margin-left: 60px; margin-top: 30px; margin-bottom: 30px; }
  .slider_5-2layout .tile_hide { background-color: #3f3f3f; }

  .slider_5-3layout .slick-slider { margin-top: 25px; margin-right: 60px; margin-bottom: 50px; margin-left: 60px; }
  .slider_5-3layout .tile_hide { font-size: 10px; }
  .slider_5-3layout .tile_authors { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: left; transform-origin: left; margin-top: 15px; }
  .slider_5-3layout .tile_authors,
  .slider_5-3layout .tile_author { padding: 0; }
  .slider_5-3layout .tile_hide__inner { padding-bottom: 0; }
  .slider_5-3layout .read-more { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: right; transform-origin: right; }

  /* マウスオーバー */
  /*.slider_3-2layout .slider:hover { -webkit-transform: translate3d(-60px, 0, 0); transform: translate3d(-60px, 0, 0); }*/
  .slider_3-2layout .slick-slide:hover ~ .slick-slide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
  .slider_3-2layout .slick-slide:hover .tile_hide { opacity: 1; -webkit-transform: translate3d(100%, 0, 100px); transform: translate3d(100%, 0, 100px); }
  /*.slider_3-2layout .origin_right:hover { -webkit-transform: translate3d(60px, 0, 0); transform: translate3d(60px, 0, 0); }*/
  .slider_3-2layout .origin_right .slick-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
  .slider_3-2layout .origin_right .slick-slide:hover { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  .slider_3-2layout .origin_right .slick-slide:hover ~ .slick-slide { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  .slider_3-2layout .origin_right .slick-slide:hover .tile_hide { -webkit-transform: translate3d(-100%, 0, 100px); transform: translate3d(-100%, 0, 100px); }

  .slider_5-2layout .slick-slide:hover ~ .slick-slide { -webkit-transform: translate3d(120%, 0, 0); transform: translate3d(120%, 0, 0); }
  .slider_5-2layout .slick-slide:hover { -webkit-transform: scale(1.1) translate3d(10px, 0, 100px); transform: scale(1.1) translate3d(10px, 0, 100px); z-index: 10; }
  .slider_5-2layout .slick-slide:hover .tile_hide { opacity: 1; -webkit-transform: translate3d(100%, 0, 100px); transform: translate3d(100%, 0, 100px); }
  .slider_5-2layout .origin_right .slick-slide { -webkit-transform: translate3d(-120%, 0, 0); transform: translate3d(-120%, 0, 0); }
  .slider_5-2layout .origin_right .slick-slide:hover { -webkit-transform: scale(1.1) translate3d(-10px, 0, 0); transform: scale(1.1) translate3d(-10px, 0, 0); }
  .slider_5-2layout .origin_right .slick-slide:hover ~ .slick-slide { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  .slider_5-2layout .origin_right .slick-slide:hover .tile_hide { -webkit-transform: translate3d(-100%, 0, 100px); transform: translate3d(-100%, 0, 100px); }

  .slider_5-3layout .slick-slide:hover ~ .slick-slide { -webkit-transform: translate3d(160%, 0, 0); transform: translate3d(160%, 0, 0); }
  .slider_5-3layout .slick-slide:hover { -webkit-transform: scale(1.3) translate3d(32px, 0, 100px); transform: scale(1.3) translate3d(32px, 0, 100px); z-index: 10; }
  .slider_5-3layout .slick-slide:hover .tile_hide { opacity: 1; -webkit-transform: translate3d(100%, 0, 100px); transform: translate3d(100%, 0, 100px); }
  .slider_5-3layout .origin_right .slick-slide { -webkit-transform: translate3d(-160%, 0, 0); transform: translate3d(-160%, 0, 0); }
  .slider_5-3layout .origin_right .slick-slide:hover { -webkit-transform: scale(1.3) translate3d(-32px, 0, 0); transform: scale(1.3) translate3d(-32px, 0, 0); }
  .slider_5-3layout .origin_right .slick-slide:hover ~ .slick-slide { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  .slider_5-3layout .origin_right .slick-slide:hover .tile_hide { -webkit-transform: translate3d(-100%, 0, 100px); transform: translate3d(-100%, 0, 100px); }
}
/* slick slider */
/* ****** */

/* ****** */
/* トップページ */
#splush .splush_inner { color: #fff; font-size: 13px; background-color: #000; padding: 82px 25px 62px; }
#splush .splush_inner p + p { margin-top: 1.5em; }
#cookie_reset { position: fixed; right: 0; bottom: 0; }

.mainslider { background-color: #3f3f3f; }
.pickup { background-color: #3f3f3f; padding-top: 55px; }
.home .pickup { display: none; }
.pickup .slider_3-2layout .slick-slider { margin-top: 5px; margin-bottom: 20px; }
.popular { background-color: #000; padding-top: 55px; }
.popular .slider_5-2layout .slick-slider { margin-top: 5px; margin-bottom: 20px; }
.categories { background-color: #3f3f3f; padding-top: 20px; }

@media (min-width: 768px) {
  #splush .splush_inner { font-size: 16px; padding: 85px 80px 75px; }
  #splush .splush_logo { width: 142px; margin: 35px 0 0 auto; }

  .home .pickup { display: block; }
  .pickup .slider_3-2layout .slick-slider { margin-top: 25px; margin-bottom: 80px; }
  .popular .slider_5-2layout .slick-slider { margin-top: 25px; margin-bottom: 80px; }
  .categories { padding-top: 70px; padding-bottom: 40px; }
}
/* トップページ */
/* ****** */

/* ****** */
/* 記事詳細 */
.page-post { background-color: #ded6c8; }
.page-post .title_layout__02 .title_layout__02_title { color: #000; }

.article_area .article_area__inner { max-width: 980px; background-color: #fff; padding: 20px 15px 30px; margin-right: auto; margin-left: auto; position: relative; z-index: 1; }
.article_area .article_area__post { font-size: 16px; font-weight: 500; line-height: 1.85; }
.article_area .article_title { font-size: 22px; font-weight: 700; margin-bottom: 15px; }
.article_area .article_link { margin-top: 70px; }
.article_area figure figcaption { font-size: 12px; line-height: 1.2; text-align: right; }

.article_author__area { padding: 45px 10px; }
.article_author__area .article_author__area_inner { background-color: #fff; padding: 40px 20px 0; max-width: 980px; margin: 0 auto; }
.article_author__area .article_author__area_title { font-size: 14px; text-align: center; border-bottom: 1px solid #000; }
.article_author__area .article_author { padding-top: 25px; padding-bottom: 50px; }
.article_author__area .article_author__media { width: 157px; height: 157px; border-radius: 50%; overflow: hidden; margin: 0 auto 15px; }
.article_author__area .article_author__info { width: 100%; }
.article_author__area .article_author__meta { text-align: center; margin-bottom: 15px; }
.article_author__area .article_author__meta_title { font-size: 12px; }
.article_author__area .article_author__meta_name { font-size: 20px; line-height: 1.2; }
.article_author__area .article_author__sns_item { width: 25px; }
.article_author__area .article_author__sns_item + .article_author__sns_item { margin-left: 15px; }
.article_author__area .article_author__caption { font-size: 13px; margin-top: 15px; margin-bottom: 40px; }
.article_author__area .article_author__link { text-align: center; }

.article_tags { border-top: 1px solid #ededed; padding-top: 15px; margin-top: 30px; }
.article_tags a { font-size: 12px !important; color: #444; background-color: #d8d8d8; border-radius: 3px; padding: 2px 10px; margin-right: 10px; margin-bottom: 10px; }
.article_tags a:before { content: "#"; }

.post_single__same_genre { padding-top: 20px; padding-bottom: 20px; }
.post_single__same_genre .title_layout__02 + .title_layout__02 { display: none; }

@media (min-width: 768px) {
  .page-post .slider_1layout .tile_wrapper { min-height: 670px; }
  .page-post .slider_1layout .tile_main { padding-bottom: 255px; }

  .article_area .article_area__inner { padding: 70px 80px; margin-top: -225px; }
  .article_area .article_area__post { font-size: 18px; line-height: 2; }
  .article_area .article_title { font-size: 30px; }
  .article_area .article_link a { width: 275px; }
  .article_area .nega_img { margin-right: -80px; margin-left: -80px; }

  .article_author__area .article_author__area_inner { padding: 50px 90px 0; }
  .article_author__area .article_author__area_title { text-align: left; font-size: 15px; }
  .article_author__area .article_author {  }
  .article_author__area .article_author__media { width: 128px; min-width: 128px; height: 128px; margin: 0 30px 0 0; }
  .article_author__area .article_author__meta { text-align: left; }
  .article_author__area .article_author__meta_title { font-size: 13px; }
  .article_author__area .article_author__sns_item {  }
  .article_author__area .article_author__sns_item + .article_author__sns_item { margin-left: 20px; }
  .article_author__area .article_author__caption { font-size: 15px; margin-top: 0; margin-bottom: 25px; }
  .article_author__area .article_author__link { font-size: 15px; text-align: left; }

  .article_tags { margin-top: 60px; }
  .article_tags a { font-size: 14px !important; }

  .post_single__same_genre { padding-top: 60px; padding-bottom: 65px; }
  .post_single__same_genre .title_layout__02 { margin-bottom: 5px; }
  .post_single__same_genre .title_layout__02 .title_layout__02_title { color: #fff; }
}
/* 記事詳細 */
/* ****** */

/* ****** */
/* 一覧ページ */
.list_area { padding: 25px 10px 60px; }
.list_inner { max-width: 1020px; margin: auto; margin-left: auto; }
.soart_nav { color: #b4b4b4; font-size: 14px; background-color: #e6e6e6; padding: 15px 0; margin-right: -10px; margin-bottom: 30px; margin-left: -10px; }
.soart_nav li:not(:first-child):before { content: "/"; color: #b4b4b4;  margin: 0 5px; }
.soart_nav .trigger { cursor: pointer; }
.soart_nav .trigger.mixitup-control-active { color: #000; }
.article_thumnail__list { margin-right: -5px; margin-left: -5px; display: none; }
.article_thumnail__item { width: 50%; padding-right: 5px; padding-left: 5px; margin-bottom: 30px; display: none; }
.article_thumnail__item > a { display: block; }
.view_more { text-align: center; display: none; }
.view_more a { font-size: 15px; width: 290px; display: inline-block; }

@media (min-width: 768px) {
  .list_area { padding: 65px 10px 100px; }
  .soart_nav { background-color: transparent; padding: 0; margin-right: 0; margin-bottom: 40px; margin-left: 0; }
  .article_thumnail__list { margin-bottom: 40px; }
  .article_thumnail__item { width: 25%; }
  .view_more a { font-size: 18px; }
}
/* 一覧ページ */
/* ****** */

/* ****** */
/* 固定ページ */
.page_template .page_wrap { padding: 20px 0 30px; }
.page_template .page_head { font-size: 20px; text-align: center; margin-bottom: 1em; }

@media (min-width: 768px) {
  .page_template { background-color: #ded6c8; }
  .page_template .page_wrap { padding: 70px 80px; background-color: #fff; }

}
/* 固定ページ */
/* ****** */

/* ****** */
/* 運営会社ページ */
.page-id-103 .page_head { display: none; }

/* 運営会社ページ */
/* ****** */

/* ****** */
/* よくある質問ページ */
.faq-box h3 { display: none; }
.faqs-section li:not(:last-child) { border-bottom: 1px solid #d8d8d8; padding-bottom: 15px; margin-bottom: 15px; }
.faqs-section dt,
.faqs-section dd { position: relative; padding-left: 30px; }
.faqs-section dt::before,
.faqs-section dd::before { color: #fff; text-align: center; line-height: 20px; font-weight: bold; background-color: #98835b; margin-right: 10px; width: 20px; height: 20px; display: block; position: absolute; top: 0; left: 0; }
.faqs-section dt::before { content: "Q"; }
.faqs-section dd::before { content: "A"; }
.faqs-section dt { margin-bottom: 10px; }
.faqs-section dd { margin-bottom: 0; }

/* よくある質問ページ */
/* ****** */

/* ****** */
/* お問合せページ */
.tmp_form__btn { font-size: 14px; display: block; color: #fff; text-align: center; width: 100%; background-color: #98835b; border: none; border-radius: 3px; padding: 12px 15px; }
.tmp_form__input { appearance: none; -moz-appearance: none; -webkit-appearance: none; margin: 0; background: none transparent; background-clip: padding-box; vertical-align: middle; box-sizing: border-box;
  display: block; width: 100%; padding: 12px 15px; font-size: 13px; color: #000; background-color: #d8d8d8; border: none; border-radius: 3px; }
.tmp_form__btn.gray { background-color: #b4b4b4; }

@media (min-width: 768px) {
  .tmp_form__btn { font-size: 18px; border-radius: 5px; }
  .tmp_form__input { font-size: 18px; border-radius: 5px; }
}

.contact_form { margin-bottom: 1em; }
.contact_form table { width: 100%; }
.contact_form th,
.contact_form td { display: block; }
.contact_form td { padding-bottom: 15px; }
.input_textarea { min-height: 160px; }
.form_privacy { height: 160px; overflow-x: auto; border: 1px solid #d8d8d8; padding: 15px; margin-bottom: 1em; }
.form_agree { text-align: center; margin-bottom: 1em; }
.form_control .tmp_form__btn { margin-top: 15px; }

/* 入力画面 */
.mw_wp_form_input .input_send { display: none; }

/* 確認画面 */
.mw_wp_form_confirm .form_caption,
.mw_wp_form_confirm .form_privacy,
.mw_wp_form_confirm .form_agree { display: none; }

@media (min-width: 768px) {
  .contact_form th,
  .contact_form td { display: table-cell; vertical-align: top; }
  .contact_form th { white-space: nowrap; padding-top: 15px; padding-right: 15px; }
  .input_select { width: auto; }
  .input_text { width: 80%; }
  .form_control { display: flex; justify-content: center; }
  .form_control .tmp_form__btn { width: auto; min-width: 192px; margin: 0 8px; }

  .mw_wp_form_confirm .contact_form th { padding-top: 0; }
}
/* お問合せページ */
/* ****** */

/* ****** */
/* 404ページ */
.error404 .page_template .page_head { font-size: 18px; }
.error404 .page_template .page_body { text-align: center; }
.error404 .tmp_btn { border-radius: 4px; }

@media (min-width: 768px) {
  .error404 .page_template .page_head { font-size: 30px; }
  .error404 .page_template .page_body { font-size: 24px; }
  .error404 .tmp_btn { display: inline-block; width: auto; padding-right: 50px; padding-left: 50px; }
}
/* 404ページ */
/* ****** */

/* ****** */
/* 有料会員限定コンテンツページ */
.paying_member .desc { margin-bottom: 30px; }
.paying_member .tmp_btn { border-radius: 5px; }
@media (min-width: 768px) {
  .paying_member { text-align: center; }
}
/* 有料会員限定コンテンツページ */
/* ****** */

.tile_hide {
  /*scrollbar-base-color: #000;*/
  scrollbar-face-color: #3f3f3f;
  scrollbar-track-color: #000;
  scrollbar-arrow-color: #3f3f3f;
  scrollbar-highlight-color: #000;
  scrollbar-3dlight-color: #000;
  scrollbar-darkshadow-color: #000;
}/* IE用スクロールバーカラー */

/*スクロールバーの幅*/
.tile_hide::-webkit-scrollbar {
  width: 10px;
}
/*スクロールバーのレール*/
.tile_hide::-webkit-scrollbar-track {
  border-radius: 30px;
  background: #000;
}
/*スクロールバーのつまみ*/
.tile_hide::-webkit-scrollbar-thumb {
  border-radius: 30px;
  background: #3f3f3f;
}