@charset "utf-8";
/*
Theme Name:common
Theme URI:https://tcd-theme.com/tcd097/
Description:"common" is the perfect theme for a digital content sales site. It optimized for creators who sell photos and video works, with features such as a watermark and a function to promote products with videos.
Author:TCD
Author URI:https://tcd-theme.com/
Version:1.6
Text Domain:tcd-common
*/

/* ------------------------------------------------------------------------------------
 web fonts　ウェブフォントファイルを変更した場合はv=1.0の数字を変更（キャッシュ対策）
------------------------------------------------------------------------------------ */
@font-face {
  font-family: 'design_plus';
  src: url('fonts/design_plus.eot?v=1.2');
  src: url('fonts/design_plus.eot?v=1.2#iefix') format('embedded-opentype'),
       url('fonts/design_plus.woff?v=1.2') format('woff'),
       url('fonts/design_plus.ttf?v=1.2') format('truetype'),
       url('fonts/design_plus.svg?v=1.2#design_plus') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'footer_bar';
  src: url('fonts/footer_bar.eot?v=1.0');
  src: url('fonts/footer_bar.eot?v=1.0#iefix') format('embedded-opentype'),
       url('fonts/footer_bar.woff?v=1.0') format('woff'),
       url('fonts/footer_bar.ttf?v=1.0') format('truetype'),
       url('fonts/footer_bar.svg?v=1.0#footer_bar') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'tiktok_x_icon';
  src: url('fonts/tiktok_x_icon.eot?v=1.3');
  src: url('fonts/tiktok_x_icon.eot?v=1.3#iefix') format('embedded-opentype'),
       url('fonts/tiktok_x_icon.woff?v=1.3') format('woff'),
       url('fonts/tiktok_x_icon.ttf?v=1.3') format('truetype'),
       url('fonts/tiktok_x_icon.svg?v=1.3#tiktok_x_icon') format('svg');
  font-weight: normal;
  font-style: normal;
}


/* ----------------------------------------------------------------------
 reset css
---------------------------------------------------------------------- */

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
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; outline:0; font-size:100%; vertical-align:baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
html { overflow-y: scroll; -webkit-text-size-adjust:100%; }
ul, ol { list-style:none; }
blockquote , q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content: none; }
a:focus { outline:none; }
ins { text-decoration:none; }
mark { font-style:italic; font-weight:bold; }
del { text-decoration:line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; width:100%; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
button, input, select, textarea { outline:0; -webkit-box-sizing:border-box; box-sizing:border-box; font-size:100%; }
input, textarea { background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); -webkit-appearance: none; border-radius:0; /* Removing the inner shadow, rounded corners on iOS inputs */ }
input[type="checkbox"]{ -webkit-appearance: checkbox; }
input[type="radio"]{ -webkit-appearance: radio; }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
iframe { max-width:100%; }

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

/* input */
.visually-hidden { position: fixed !important; top: 0px !important; left: 0px !important; width: 4px !important; height: 4px !important; opacity: 0 !important; overflow: hidden !important; border: none !important; margin: 0 !important; padding: 0 !important; display: block !important; visibility: visible !important; }
img:not(.logo_image.logo_sp) { max-width:100%; height:auto; vertical-align: bottom; }
button { color:#000; }

strong, h1, h2, h3, h4, h5, h6 { font-weight:600; }
body { font-family:Arial,sans-serif; font-size:16px; line-height:1; width:100%; position:relative; -webkit-font-smoothing:antialiased; }

/* swiper aroow */
.swiper-button-prev:after, .swiper-button-next:after {
  font-family: 'design_plus'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.swiper-button-prev:after { content: '\e90f'; }
.swiper-button-next:after { content: '\e910'; }


/* ----------------------------------------------------------------------
  CSS変数
---------------------------------------------------------------------- */

:root {

  /* 基本カラー */
  --tcd-accent-color:0,133,178;
  --tcd-bg-color:246, 246, 246;
  --tcd-link-color:21,120,214;

  /* Meiryo */
  --tcd-font-type1: Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  /* YuGothic */
  --tcd-font-type2: Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  /* YuMincho */
  --tcd-font-type3: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;

}

body, input, textarea { font-family: var(--tcd-font-type2); }

.post_content a:not(.q_custom_button) { color:rgba(var(--tcd-link-color, 21,120,214),1); }
.post_content a:hover:not(.q_custom_button) { text-decoration: underline; }

/* ----------------------------------------------------------------------
 基本設定
---------------------------------------------------------------------- */

a { color:#000; text-decoration:none; }
a, a:before, a:after, input {
  -webkit-transition-property:background-color, color; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:ease;
  transition-property:background-color, color; transition-duration:0.2s; transition-timing-function:ease;
}
.clear { clear:both; }
.hide { display:none; }
.post_content { word-wrap: break-word; }
a[href^="tel:"] { pointer-events:none; text-decoration:none; }
.mobile_device a[href^="tel:"] { pointer-events:auto; text-decoration:underline; }

/* ----------------------------------------------------------------------
  Layout
---------------------------------------------------------------------- */

.l-inner { max-width:1180px; width:calc(100% - 60px); margin:0 auto; }
@media (max-width: 767px) {
  .l-inner { width:calc(100% - 40px); }
}

.l-container { position:relative; height:100%; }
.l-container__inner { padding:60px 0 150px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
@media not all and (max-width: 767px) {
  .home .l-container__inner { padding-top:70px; }
}
@media (max-width: 1240px) {
  .l-container__inner { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
}
@media (max-width: 767px) {
  .l-container__inner { padding:40px 0; }
}

.l-main { max-width:100%; width:840px; }
.l-sidebar { width:300px; }
@media (max-width: 1240px) {
  .l-sidebar { width:840px; margin-top:60px; }
  .l-sidebar__inner { margin:-50px 0 0 -50px; }
}
@media (max-width: 767px) {
  .l-sidebar { margin-top:40px; }
  .l-sidebar__inner { margin:-40px 0 0 -20px; }
}
@media (max-width: 599px) {
  .l-sidebar__inner { margin-left:0; }
}


/* ----------------------------------------------------------------------
  Header
---------------------------------------------------------------------- */

.l-header { position: -webkit-sticky; position:sticky; top:0; z-index:100; height:70px; background: #fff; border-bottom:1px solid #ddd; }
.l-header__inner { height:100%; position: relative; }
.l-header__logo { position: absolute; top:0; left:0; z-index:1; height:100%; }
.l-header__icons { position: absolute; top:0; right:0; height:100%; }

@media (max-width: 767px) {
  .l-header.is-type-fix:not(.is-active) { position:relative; z-index:0; }
  .l-header.is-type-fix.is-active { animation: header_SlideIN 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; }
  .l-header { height:60px; }
}
@keyframes header_SlideIN {
  0% { opacity:0; top:-60px; }
  100% { opacity:1; top:0; }
}

/* 検索フォーム */
.l-header__search { position:relative; }
.l-header__search-form { }
.l-header__search-form input {
  display:block; width:50px; height:40px; padding:0 1em;
  border-radius: 40px; font-size:16px; border:none; background:#eeeeee;
}
.l-header__search-form input::-webkit-search-cancel-button { -webkit-appearance: none; }
.l-header__search-button { display:block; font-size:20px; }
.l-header__search-button label, .l-header__search-button button
{ cursor: pointer; font-family: 'design_plus'; width:40px; height:40px; border:none; background: none; transition: color 0.2s ease; }

/* ホバーアニメーション */
.l-header__search-form input { width:50px; max-width:calc(100vw - 130px); opacity:0; transition:width 0.3s ease, opacity 0.3s ease; }
@media (hover: hover) and (pointer: fine) {
  .l-header__search:hover .l-header__search-form input { width:345px; opacity:1; }
  .l-header__search-button button:hover, .l-header__search:hover button { color:rgba(var(--tcd-accent-color, 0,0,0),1); }
}
@media (max-width: 1240px) {
  .l-header__icons-search { display:none; }
}

/* ハンバーガーメニュー */
@media not all and (max-width: 1240px) {
  .p-header__menu-button { display:none; }
}
.p-header__menu-button { }
button.p-menu-button { position:relative; padding:10px; height:100%; margin-right:-10px; transition:opacity 0.3s ease; }
@media (hover: hover) and (pointer: fine) {
  button.p-menu-button:hover { opacity:0.3; }
}
.p-menu-button span { display:block; height:1px; width:22px; overflow:hidden; background:rgba(0,0,0,.3); }
.p-menu-button span:before {
  content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,1);
  transform:translateX(0); transition:transform 0.2s ease;
}
.p-menu-button span:not(:first-of-type) { margin-top:7px; }
.p-menu-button span:nth-of-type(1):before { transition-delay: 0s; }
.p-menu-button span:nth-of-type(2):before { transition-delay: 0.1s; }
.p-menu-button span:nth-of-type(3):before { transition-delay: 0.2s; }


/* ----------------------------------------------------------------------
  Footer
---------------------------------------------------------------------- */

/* バナー */
.l-footer__banner { padding:40px 0; border-top:1px solid #ddd; }
.l-footer__banner-item { min-width:calc( (1180px - 60px) / 3 ); height:120px; }
* + .l-footer__banner-item { margin-left:30px; }
.l-footer__banner-link { display: block; height:100%; position: relative; color:#fff; }
.l-footer__banner-content {
  position: absolute; left:0; top:50%; transform: translateY(-50%);  z-index:3;
  width:100%; padding:0 30px;
}
.l-footer__banner-title { font-size:26px; font-weight: 600; line-height:1.2; margin:-0.1em 0; }
.l-footer__banner-desc { font-size:14px; line-height:2; margin:-0.5em 0; }
* + .l-footer__banner-desc { margin-top:calc(15px - 0.5em); }
.l-footer__banner-image {
  position: absolute; left:0; top:0; z-index:1; width:100%; height:100%;
}
.l-footer__banner-overlay {
  position: absolute; left:0; top:0; z-index:2; width:100%; height:100%; background:rgba(0,0,0,0.3);
}
@media not all and (max-width: 1240px) {
  .l-footer__banner-list { overflow:initial!important; }
}
@media (max-width: 1240px) {
  .l-footer__banner-inner { width:100%; }
  .l-footer__banner-list { padding-left:40px; }
}
@media (max-width: 767px) {
  .l-footer__banner { padding:20px 0; }
  .l-footer__banner-list { padding-left:20px; }
  .l-footer__banner-item { min-width:280px; height:90px; }
  * + .l-footer__banner-item { margin-left:15px; }
  .l-footer__banner-content { padding:0 25px; }
  .l-footer__banner-title { font-size:24px; }
  * + .l-footer__banner-desc { margin-top:calc(10px - 0.5em); }
}

/* メイン */
.l-footer__content { background:rgba(var(--tcd-bg-color, 246, 246, 246),1); }
.l-footer__info { width:300px; padding:80px 40px 80px 0; }
.l-footer__desc { font-size:14px; line-height:2.2; margin:calc(30px - 0.6em) 0 -0.6em; }
.l-footer__sns-icons { margin-top:30px; }

@media not all and (max-width: 767px) {
  .l-footer__sns-icons--sp { display:none!important; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .l-footer__info { width:100%; text-align:center; padding-right:0; }
  .l-footer__logo { display: inline-block; }
  .l-footer__sns-icons { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
}
@media (max-width: 767px) {
  .l-footer__info { width:100%; padding:50px 0; }
  .l-footer__desc { line-height:2; margin:calc(20px - 0.5em) 0 -0.5em; }
  .l-footer__sns-icons { display:none!important; }
  .l-footer__sns-icons--sp { height:50px; border-top:1px solid #ddd; }
}


/* ナビゲーション */
.l-footer__nav { width:calc(100% - 300px); }
.l-footer__nav-list { width:calc(100% / 3); padding:80px 40px; border-left:1px solid rgba(0, 0, 0, 0.1 ); }
.l-footer__nav-list>ul>li:first-of-type { font-size:18px; line-height:1.6; margin:-0.3em 0 calc(30px - 0.3em); font-weight:600; pointer-events: none; }
.l-footer__nav-list>ul>li:first-of-type a { color:rgba(var(--tcd-accent-color, 0,0,0),1); }
.l-footer__nav-list>ul>li:not(:first-of-type) { font-size:14px; line-height:1.6; margin:calc(25px - 0.3em) 0 -0.3em; color:#000; }

.l-footer__nav-list>ul>li .sub-menu{
  margin-left: 20px;
  margin-top: 20px;
}


@media (hover: hover) and (pointer: fine) {
  .l-footer__nav-list>ul>li:not(:first-of-type) a:hover { color:rgba(var(--tcd-accent-color, 0,0,0),1); }
}
@media (max-width: 1024px) {
  .l-footer__nav { width:100%; }
}
@media (max-width: 767px) {
  .l-footer__nav-list { width:calc(100% + 40px); padding:30px 20px; margin:0 -20px; border-left:none; border-top:1px solid #ddd; }
  .l-footer__nav-list ul {
    display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-justify-content:space-between; justify-content:space-between;
  }
  .l-footer__nav-list>ul>li:first-of-type { width:100%; font-size:16px; margin-bottom:-0.3em; }
  .l-footer__nav-list>ul>li:not(:first-of-type) { width:calc(50% - 7.5px); margin-top:20px; }
  .l-footer__nav-list>ul>li .sub-menu{
    margin-left: 10px;
  }
}

/* コピーライト */
.l-footer__copyright {
  width:100%; text-align: center;
  color:#fff; background: #000; font-size:12px; line-height:2;
}
.l-footer__copyright-inner {
  height:60px; line-height:60px;
}
@media (max-width: 767px) {
  .l-footer__copyright-inner {
    height:50px; line-height:50px;
  }
}

/* ----------------------------------------------------------------------
  component
---------------------------------------------------------------------- */

/* フォントタイプ */
.c-font-type { font-weight:600; }
.c-font--type1 { font-family: Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight:600; }
.c-font--type2 { font-family: Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif; font-weight:600; }
.c-font--type3 { font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; font-weight:600; }

/* 行間 */
.c-line1, .c-line2, .c-line3, .c-line4 { overflow:hidden; visibility:visible; word-break: break-all; }
.c-line1 > span, .c-line1 > a { display:-webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; }
.c-line2 > span, .c-line2 > a { display:-webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.c-line3 > span, .c-line3 > a { display:-webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.c-line4 > span, .c-line4 > a { display:-webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; }

/* ホバー時のアクセントカラー */
.c-hover-color { transition:color 0.3s ease; }
@media (hover: hover) and (pointer: fine) {
  a:hover .c-hover-color { color:rgba(var(--tcd-accent-color, 0,0,0),1); }
}

/* SNSアイコン */
.c-sns-icons { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap; -ms-align-items:center; -webkit-align-items:center; align-items:center; }
.c-sns-icons__item {}
.c-sns-icons__item:not(:last-of-type) { margin-right:15px; }
.c-sns-icons__link { display:block; transition:opacity 0.2s ease; }
.c-sns-icons__link:before { font-family:'design_plus'; display:block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.c-sns-icons__link--user-url:before { content:'\e942'; }
.c-sns-icons__link--facebook:before { content:'\e944'; }
.c-sns-icons__link--twitter:before { font-family: 'tiktok_x_icon'; content: "\e901"; font-size: .8em;}
.c-sns-icons__link--instagram:before { content:'\ea92'; font-size:0.95em; padding-top:0.05em; }
.c-sns-icons__link--pinterest:before { content:'\e905'; }
.c-sns-icons__link--youtube:before { content:'\ea9d'; }
.c-sns-icons__link--contact:before { content:'\f0e0'; font-size:0.95em; }
.c-sns-icons__link--rss:before { content:'\e90b'; font-size:0.9em; padding-top:0.05em; }
@media (hover: hover) and (pointer: fine) {
  .c-sns-icons__link:hover { opacity:0.5; }
}

/* モノクロ */
.c-sns-icons--type1 { font-size:18px; }
.c-sns-icons--type1 .c-sns-icons__link { color:#000; }

/* カラー */
.c-sns-icons--type2 { font-size:22px; }
.c-sns-icons--type2 .c-sns-icons__link--user-url:before { color:#00729f; }
.c-sns-icons--type2 .c-sns-icons__link--facebook:before { color:#1877f2; }
.c-sns-icons--type2 .c-sns-icons__link--twitter:before { color:#000; }
.c-sns-icons--type2 .c-sns-icons__link--instagram:before { color:#e4405f; }
.c-sns-icons--type2 .c-sns-icons__link--pinterest:before {color:#bd081c; }
.c-sns-icons--type2 .c-sns-icons__link--youtube:before { color:#f00; }
.c-sns-icons--type2 .c-sns-icons__link--contact:before { color:#00729f; }
.c-sns-icons--type2 .c-sns-icons__link--rss:before { color:orange; }

/* ロゴ */
.c-logo {
  color:inherit; transition: opacity 0.3s ease;
  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.c-logo__image { max-width:100%; width:auto; max-height:100%; }
.c-logo__text { display:block; line-height:1.6; margin:-0.3em 0; }
@media (hover: hover) and (pointer: fine) {
  .c-logo:hover { opacity:0.5; }
}
@media not all and (max-width: 767px) {
  .c-logo__image + .c-logo__image { display:none; }
}
@media (max-width: 767px) {
  .c-logo__image { display:none; }
  .c-logo__image + .c-logo__image { display:block; }
  .c-logo__image:only-child { display: block; }
}

/* 日付 */
.c-date {
  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
  font-family:'Arial'; font-size:14px; color:#999; line-height:1;
}
.c-date:before { font-family: 'footer_bar'; content: '\e912'; font-size:0.85em; margin-top: 0.06em; margin-right:4px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.c-date--updated:before { font-family:'design_plus'; content:'\e943'; }
@media (max-width: 767px) {
  .c-date { font-size:12px; }
}

/* カテゴリー */
.c-post-category {
  position: absolute; top:0; left:0; z-index:1;
  font-size:12px; line-height:1.2; color:#fff; background-color: #000;
  min-width:100px; height:35px; padding:0 15px;
}
@media (hover: hover) and (pointer: fine) {
  .c-post-category:hover {
    color:rgba(var(--tcd-accent-color, 0,0,0),1);
  }
}

/* パンくずリスト */
.c-breadcrumb-wrapper { overflow:hidden; }
.c-breadcrumb { border-bottom:1px solid #ddd; }
.c-breadcrumb__list { height:70px; }
.c-breadcrumb__item { font-size:14px; white-space: nowrap; }
* + .c-breadcrumb__item:before { content:"\e910"; font-family: "design_plus"; font-size:12px; margin:0 10px; }
.c-breadcrumb__item > span { overflow:hidden; white-space: nowrap; text-overflow: ellipsis; visibility:visible; }
.c-breadcrumb__item--home:before { content:"\e90c"; font-family: "design_plus"; transition: none; }
.c-breadcrumb__item--home > span { display:none; }
.c-breadcrumb__item:last-of-type { overflow: hidden; }
.c-breadcrumb__item:last-of-type > span, .c-breadcrumb a:hover { color:rgba(var(--tcd-accent-color, 0,0,0),1); }

@media (max-width: 767px) {
  .c-breadcrumb {
    max-width: initial; width: calc(100% + 40px); margin-left: -20px; padding: 0 20px;
    overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; overflow-y: hidden;
  }
  .c-breadcrumb::-webkit-scrollbar { display:none;}
  .c-breadcrumb__list { height:50px; padding-top:1px; }
  .c-breadcrumb__item { font-size:12px; }
  .c-breadcrumb__item > span { text-overflow: initial; }
  .c-breadcrumb__item:last-of-type { overflow: initial; padding-right:40px; }
  * + .c-breadcrumb__item:before { margin:0 5px; }
}


/* ページャー */
.c-pagination { margin-top:70px; text-align: center; font-family: Arial; }
.c-pagination__item { display:block; }
* + .c-pagination__item { margin-left:-1px; }
.c-pagination__item a, .c-pagination__item span {
  display: block; width: 50px; height: 50px; line-height: 48px;
  font-size: 16px; text-align: center; color: #000;
  border:1px solid #ddd;
}
.c-pagination__item a { transition:all 0.3s ease; }
.c-pagination__item .current, .c-pagination__item a:hover { background:#f6f6f6; }
.c-pagination__item .next, .c-pagination__item .prev { font-size:14px; font-family: 'design_plus'; }
@media (max-width: 767px) {
  .c-pagination { margin-top:40px; }
}

/* 検索フォーム */
.c-search-form {
  max-width:500px; width:100%; border-radius:50px; overflow: hidden; background:#fff;
  display:-webkit-inline-box; display:-ms-inline-flexbox; display:-webkit-inline-flex; display:inline-flex;
}
.c-search-form__text { width: calc(100% - 60px); }
.c-search-form__text input {
  display: block; width: 100%; height: 50px; padding-left: 25px;
  border: none; background: transparent; font-size: 16px;
}
.c-search-form__button label { font-family: 'design_plus'; font-size: 18px; cursor: pointer; color:#000; width:60px; height:100%; }
@media (max-width: 767px) {
  .c-search-form__text { width:calc(100% - 50px); }
  .c-search-form__text input { height:40px; padding-left:20px; }
  .c-search-form__text input::-webkit-input-placeholder { font-size:14px; }
  .c-search-form__text input:-ms-input-placeholderm { font-size:14px; }
  .c-search-form__text input::placeholder { font: size 14px; }
  .c-search-form__button label { width:50px; font-size:16px; }
}

/* 個別ページのセクション用タイトル */
.c-single-section-title {
  font-size:26px; line-height:2; margin:-0.5em 0 calc( 50px - 0.5em ); text-align: center;
}
@media (max-width: 767px) {
  .c-single-section-title { font-size:20px; margin:-0.5em 0 calc( 40px - 0.5em ); }
}

/* 背景画像 */
.c-bg-image {
  position: absolute; top:0; left:0; z-index:1; background-size:cover!important; width:100%; height:100%;
}
.c-overlay {
  position: absolute; top:0; left:0; z-index:2; width:100%; height:100%; background:rgba(0,0,0,0.3);
}

/* アイコン */
.c-icon { font-family: 'design_plus'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* スライダーアロー */
.c-arrow-prev, .c-arrow-next { width:50px; height:50px; line-height:50px; }
.c-arrow-prev:after, .c-arrow-next:after { font-family: 'design_plus'; font-size:20px; color:#000; text-align: center; }
.c-arrow-prev:after { content: '\e90f'; }
.c-arrow-next:after { content: '\e910'; }

/* ウィジェット用タイトル */
.c-widget-headline { border:1px solid #ddd; border-left:none; padding:20px 20px 20px 30px; position: relative; margin-bottom:30px; }
.c-widget-headline:before { content:''; position: absolute; top:-1px; left:0; width:5px; height:calc(100% + 2px); background:rgba(var(--tcd-accent-color, 0,0,0),1); }
.c-widget-headline__label { font-size:18px; font-weight: 600; color:rgba(var(--tcd-accent-color, 0,0,0),1); line-height:1.4; margin:-0.2em 0; }
@media (max-width: 767px) {
  .c-widget-headline { padding:16px 16px 16px 25px; margin-bottom:20px; }
  .c-widget-headline__label { font-size:16px; }
}

/* サイドバーのレイアウト */
.c-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.is-sidebar--left { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
.is-sidebar--none { max-width:840px; }
.is-sidebar--full .l-main { width:100%; }

/* 基本ボタン */
.c-button {
  display:-webkit-inline-box; display:-ms-inline-flexbox; display:-webkit-inline-flex; display:inline-flex;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;
  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
  width: 280px; height: 60px; border-radius: 60px; overflow: hidden; cursor: pointer;
  font-size: 16px; padding: 0 1em; background:transparent; text-align: center;
  border: 1px solid rgba(var(--tcd-accent-color, 0,0,0),1);
  color: rgba(var(--tcd-accent-color, 0,0,0),1);
  transition:color 0.3s ease, background-color 0.3s ease;
}
.c-button--grey { border:none; }
.c-button--grey:not(:hover) { color: #fff; background: #ccc; }
@media (hover: hover) and (pointer: fine) {
  .c-button:hover {
    color: #fff;
    background: rgba(var(--tcd-accent-color, 0,0,0),1);
    border-color: rgba(var(--tcd-accent-color, 0,0,0),1);
  }
}
@media (max-width: 767px) {
  .c-button { font-size: 14px; width: 240px; height: 50px; border-radius: 50px; }
}

/* 横スクロール対応 */
.c-h-scroll {
  overflow: auto hidden; -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none; scrollbar-width: none;
}
.c-h-scroll::-webkit-scrollbar { display:none; }
.c-h-scroll > * { overflow:visible; position:relative; }
.c-h-scroll > *:last-child:after {
  position: absolute; content: ''; top: 0; left: 100%; height: 1px; width: 20px; background-color: transparent;
}

/* 投稿が無いときのメッセージ */
.c-no-post { line-height:1.8; margin:-0.4em 0; }

/* 画像読み込み時 */
.c-image-loading {
	position: absolute; top:0; left:0; z-index:1; width:100%; height:100%; background:#eee; overflow: hidden;
}
.c-image-loading:before {
	content: ""; width:100%; height:100%; position:absolute; top:0; left:0;
	background: linear-gradient(90deg,#eee 0,#f3f3f3 15%,#eee 30%);
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: imageLoadingBackground;
	animation-timing-function: linear;
}
@keyframes imageLoadingBackground {
	0% { transform: translateZ(0) }
	to { transform: translate3d(100%,0,0) }
}
body.is-watermark-loaded .c-image-loading { display:none; }

/* 三角ラベル */
.c-triangle {
  position: absolute; top:0; left:0; z-index:5;
  width:80px; height:80px; color:#fff;
  background:linear-gradient(135deg,#000 0%,#000 50%,transparent 50%,transparent 100%);
}
.c-triangle-label {
  font-size:12px; font-weight: 600; font-family: 'Arial'; transform: rotate(-45deg); padding-bottom: 35px;
}
@media (max-width: 767px) {
  .c-triangle { width:70px; height:70px; }
  .c-triangle-label { font-size:10px; padding-bottom:30px; }
}


/* ----------------------------------------------------------------------
  Project
---------------------------------------------------------------------- */

/* ナビゲーション */
.p-global__nav-wrapper { height:100%; }
.p-global__nav { font-size: 16px; line-height:1.2; height:100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.p-global__nav li { position: relative; }
.p-global__nav a { position: relative; height:100%; padding:0 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

/* 親メニュー */
.p-global__nav > li > a:hover, .global_nav_menu > li.current-menu-item > a
{ color:rgba(var(--tcd-accent-color, 0,0,0),1); }

/* サブメニュー */
.p-global__nav .sub-menu {
  position: absolute; left: 100%; top: 0; font-size:14px; line-height:1.7;
  visibility: hidden; opacity: 0; transition: opacity 0.3s ease, visibility 0.3s ease;
}
.p-global__nav a:hover + .sub-menu, .p-global__nav .sub-menu:hover { visibility: visible; opacity: 1; }
.p-global__nav > li.menu-item-has-children > .sub-menu { top:calc(100% + 1px); left: 0; z-index: 200; }
.p-global__nav .sub-menu a { color: inherit; line-height:1.4; padding:0 20px; min-width: 240px; z-index: 2; height:50px; }
.p-global__nav .sub-menu a:hover { color:#fff; background: rgba(var(--tcd-accent-color, 0,0,0),1); }
.p-global__nav a[data-megamenu] + .sub-menu { display:none; }

/* ダークカラー */
.is-header-type--dark .p-global__nav .sub-menu { color:#fff; background:#000; }
/* ライトカラー */
.is-header-type--light .p-global__nav .sub-menu { color:#000; background:#f6f6f6; }

@media (max-width: 1240px) {
  nav.p-global__nav-wrapper { display: none; }
}

/* メガメニュー */
.p-megamenu {
  position: absolute; top:100%; width:100%; overflow: hidden;
  opacity:0; visibility: hidden; pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.p-megamenu.is-active, .p-megamenu:hover {
  opacity:1; visibility: visible; pointer-events: auto;
}
@media (max-width: 1240px) {
  .p-megamenu { display: none; }
}

/* メガメニュー01（アイテム） */
.p-megamenu01 {}
.p-megamenu01__inner { padding:30px 0; }
.p-megamenu01__list { margin:-30px 0 0 -30px; }
.p-megamenu01__item { width:calc( 100% / 3 - 30px ); margin:30px 0 0 30px; }
.p-megamenu01__link { height:120px; }
.p-megamenu01__image {
  position: relative; width:calc(60% + 1px); margin-right:-1px; height:100%;
}
.p-megamenu01__diagonal {
  background:linear-gradient(118deg,transparent 0%,transparent 50%,#fff 50%,#fff 100%);
  position: absolute; top:0; right:0; z-index:2;
  width:65px; height:100%;
}
.p-megamenu01__image-bg {
  position: absolute; top:0; left:0; width:100%; height:100%;
}
.p-megamenu01__content {
  width:100%; background: #fff; position: relative;
}
.p-megamenu01__title {
  width:100%; padding:0 30px;
  font-size:16px; line-height:1.7; text-align: center; font-weight:600;
}
* + .p-megamenu01__content { width:40%; }
* + .p-megamenu01__content .p-megamenu01__title { width: calc(100% + 60px); margin-left: -30px; }


/* メガメニュー02（スライダー） */
.p-megamenu02 {}
.p-megamenu02__inner { padding:30px 0; position: relative; }

.p-megamenu02__list { }
.p-megamenu02__item { width:calc(25% - 30px);     margin-right: 30px;}
.p-megamenu02__link {}
.p-megamenu02__image-bg { padding-top:54.7619%; }
.p-megamenu02__meta { margin-top:20px; }
* + .p-megamenu02__meta-item { margin-left:15px; }
.p-megamenu02__date { font-size:14px; }
.p-megamenu02__catgeory { font-size:12px; color:rgba(var(--tcd-accent-color, 0,0,0),1); transition:color 0.3s ease; }
.p-megamenu02__title { font-size:16px; font-weight: 600; line-height:1.6; height:4.8em; margin:calc(15px - 0.3em) 0 -0.3em; }
.p-megamenu02__catgeory:hover { color:rgba(var(--tcd-accent-color, 0,0,0),0.5); }

/* アロー */
.p-megamenu02 .swiper-button-prev { left:-60px; }
.p-megamenu02 .swiper-button-next { right:-60px; }

.p-megamenu02 .swiper-button-next,
.p-megamenu02 .swiper-button-prev {
  width:50px; height:150px; line-height:150px; top:30px; margin:0;
  transition:opacity 0.3s ease;
}
.p-megamenu02 .swiper-button-next:after,
.p-megamenu02 .swiper-button-prev:after { color:inherit; }
.p-megamenu02 .swiper-button-next:after { content: '\e910'; }
.p-megamenu02 .swiper-button-prev:after { content: '\e90f'; }
.p-megamenu02 .swiper-button-next:hover,
.p-megamenu02 .swiper-button-prev:hover { opacity:0.5; }


/* ライトカラー */
.is-header-type--light .p-megamenu { color:#000; background:#f6f6f6; }
.is-header-type--light .p-megamenu02__link { color:#000; }
.is-header-type--light .p-megamenu02__date { color:#000; }
.is-header-type--light .p-megamenu02 .swiper-button-next,
.is-header-type--light .p-megamenu02 .swiper-button-prev { color:#000; }

/* ダークカラー */
.is-header-type--dark .p-megamenu { color:#fff; background:#000; }
.is-header-type--dark .p-megamenu02__link { color:#fff; width: 100%;}
.is-header-type--dark .p-megamenu02__date { color:#fff; }
.is-header-type--dark .p-megamenu02 .swiper-button-next,
.is-header-type--dark .p-megamenu02 .swiper-button-prev { color:#fff; }


/* ----------------------------------------------------------------------
  Project - Drawer menu
---------------------------------------------------------------------- */

/* 閉じるボタン */
.p-menu-button--close { width:50px; height:50px; position: absolute; top:0; right:0; z-index:1; transition:opacity 0.3s ease; }
.p-menu-button--close span {
  display:block; width:1px; height:15px; overflow: hidden;
  position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;
}
.p-menu-button--close span:first-of-type { transform: rotate(-45deg); z-index:2; }
.p-menu-button--close span:last-of-type { transform: rotate(45deg); }
.p-menu-button--close span:before {
  content:''; display:block; width:100%; height:100%; transition: transform 0.3s ease;
}
.p-menu-button--close span:first-of-type:before { transform: translateY(-100%); transition-delay: 0.2s; }
.p-menu-button--close span:last-of-type:before { transform: translateY(-100%); transition-delay: 0.5s; }
html.show-drawer .p-menu-button--close span:before { transform: translateY(0); }
@media (hover: hover) and (pointer: fine) {
  .p-menu-button--close:hover { opacity:0.5; }
}

/* ドロワーメニュー */
.p-drawer-menu {
  position: fixed; top:0; right:-400px; z-index:201; padding:50px 0;
  width:400px; height:100%; overflow: hidden auto; transition:transform 0.4s cubic-bezier(0.65,0.05,0.36,1);
}
html.show-drawer .p-drawer-menu { transform:translateX(-400px); }
@media not all and (max-width: 599px) {
  html.show-drawer .p-drawer-menu__overlay { position: fixed; top:0; left:0; z-index:200; width:100%; height:100%; background:rgba(0, 0, 0, 0.4) }
}
@media (max-width: 599px) {
  .p-drawer-menu { width:100%; right:-100%; }
  html.show-drawer .p-drawer-menu { transform:translateX(-100%); }
  .p-drawer-animation { transition:transform 0.4s cubic-bezier(0.65,0.05,0.36,1); }
  html.show-drawer .p-drawer-animation {
    transform:translateX(-100%);
  }
}


/* 検索フォーム */
.p-drawer-search-form { margin:0 20px 20px 20px; border-radius: 40px; overflow: hidden; }
.p-drawer-search-form__input { width:calc(100% - 50px); }
.p-drawer-search-form__input input { border:none; padding-left:1em; width:100%; height:40px; background: transparent; }
.p-drawer-search-form__input input::-webkit-search-cancel-button { -webkit-appearance: none; }
.p-drawer-search-form__search {}
.p-drawer-search-form__search-button { width:50px; height:40px; font-size:16px; }

/* ナビゲーション */
.p-drawer-menu__nav ul { background:rgba(var(--tcd-accent-color, 0,0,0),1); }
.p-drawer-menu__nav a {
  font-size:16px; line-height:1.2; padding:0 20px; height:50px;
  display: flex; align-items: center; justify-content: space-between;
}
.p-drawer-menu__nav ul a { color:#fff; border-top:none; }
.p-drawer-menu__nav ul { height:0; overflow: hidden; transition:height 0.3s ease; }
.p-drawer-menu__nav li.is-active > a { color:rgba(var(--tcd-accent-color, 0,0,0),1); }

/* サブメニュー開閉ボタン */
.p-drawer-menu-toggle-button { min-width:50px; width:50px; height:100%; margin-right:-20px; }
.p-drawer-menu-toggle-button:before { content:'\e90e'; font-family:'design_plus'; }
.p-drawer-menu__nav li.is-active .p-drawer-menu-toggle-button:before { transform: rotate(180deg); }

/* ダークカラー */
.is-header-type--dark .p-drawer-menu { background:#000; }
.is-header-type--dark .p-drawer-menu a { color:#fff; border-top:1px solid #333; }
.is-header-type--dark .p-drawer-menu .p-drawer-menu__member-list li + li a { border-left:1px solid #333; }
.is-header-type--dark .p-drawer-menu .p-drawer-menu__nav { border-bottom:1px solid #333; }
.is-header-type--dark .p-drawer-menu .p-drawer-menu__nav ul a { border:none; }
.is-header-type--dark .p-drawer-menu .p-drawer-menu-toggle-button:before { color:#fff; }
.is-header-type--dark .p-drawer-menu .p-menu-button--close span { background:rgba(255, 255, 255, 0.3); }
.is-header-type--dark .p-drawer-menu .p-menu-button--close span:before { background:#fff; }
.is-header-type--dark .p-drawer-menu .p-drawer-search-form { background:#ffffff; }

/* ライトカラー */
.is-header-type--light .p-drawer-menu { background:#fff; }
.is-header-type--light .p-drawer-menu a { color:#000; border-top:1px solid #ddd; }
.is-header-type--light .p-drawer-menu .p-drawer-menu__member-list li + li a { border-left:1px solid #ddd; }
.is-header-type--light .p-drawer-menu .p-drawer-menu__nav { border-bottom:1px solid #ddd; }
.is-header-type--light .p-drawer-menu .p-drawer-menu__nav ul a { color:#fff; border:none; }
.is-header-type--light .p-drawer-menu .p-drawer-menu-toggle-button:before { color:#000; }
.is-header-type--light .p-drawer-menu .p-menu-button--close span { background:rgba(0, 0, 0, 0.3); }
.is-header-type--light .p-drawer-menu .p-menu-button--close span:before { background:#000; }
.is-header-type--light .p-drawer-menu .p-drawer-search-form { background:#eeeeee; }

/* ----------------------------------------------------------------------
  Project - header message
---------------------------------------------------------------------- */

.p-header-message {
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;
  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
  min-height:50px; text-align: center; font-size:14px; font-weight:600; padding:1em 20px;
}
.p-header-message__label { display:block; color:inherit; line-height:1.4; margin:-0.2em 0; padding-top:1px; }
a.p-header-message__label:hover { text-decoration: underline; }
@media (max-width: 767px) {
  .p-header-message { min-height:40px; font-size:12px; }
}

/* ----------------------------------------------------------------------
  Project - return top button
---------------------------------------------------------------------- */

/* ページ上部へ戻るボタン */
.p-return-top-button-wrapper { position: fixed; right:30px; bottom: 30px; z-index:99; }
.p-return-top-button {
  display:block; width:65px; height:65px; padding:0; margin-left:auto;
  background:#fff; border:1px solid #ddd; border-radius:50%; font-size:14px;
  cursor: pointer; pointer-events: auto; opacity:0; transition: opacity 0.3s ease, color 0.3s ease;
}
.p-return-top-button:before {
  content:'\e911'; font-family:'design_plus';
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  display:block; transition:none;
}
.p-return-top-button.is-active { opacity:1; }
@media (hover: hover) and (pointer: fine) {
  .p-return-top-button:hover { color:rgba(0, 0, 0, 0.4); }
}
@media (max-width:767px) {
  .p-return-top-button-wrapper { right:15px; bottom: 25px; }
  .p-return-top-button { width:50px; height:50px; font-size:11px; }
  .p-footer-bar ~ .p-return-top-button-wrapper { bottom:75px; }

  /* ドロワー対策 */
  html.show-drawer .p-return-top-button-wrapper .p-return-top-button { opacity:0; transition:none; }
}


/* ----------------------------------------------------------------------
  Project - Page Header
---------------------------------------------------------------------- */

/* ページヘッダー */
.p-page-header { height:400px; background:#333; overflow:hidden; position: relative; }
.p-page-header__inner { position:relative; height:100%; color:#fff; text-align: center; }
.p-page-header__content { width:100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index:3; }
.p-page-header__headline { font-size:36px; line-height:1.5; margin:-0.25em 0; }
.p-page-header__description { font-size:16px; line-height:2.4; margin:-0.7em 0; }
.p-page-header__headline + .p-page-header__description { margin-top:calc(30px - 0.7em); }
.p-page-header__overlay { position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background:#000; }
.p-page-header__image { position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; }
@media not all and (max-width: 767px) {
  .page-template-page__lp .p-page-header { height:500px; }
}
@media (max-width: 767px) {
  .p-page-header { height:260px; }
  .p-page-header__headline { font-size:22px; line-height:1.6; margin:-0.3em 0; }
  .p-page-header__description { font-size:14px; line-height:2; margin:-0.5em; }
  .p-page-header__headline + .p-page-header__description { margin-top:calc(20px - 0.5em); }
  .p-page-header--simple { margin-top:-20px; }
}


/* ----------------------------------------------------------------------
  Project - POST
---------------------------------------------------------------------- */

/* 投稿アーカイブ */
.p-archive--post {}
.p-archive--post-item { width:50%; position: relative; }
.p-archive--post-item__category { }
.p-archive--post-item__image-bg { padding-top:54.7619%; }
.p-archive--post-item__content { padding:30px; border:0px solid #ddd; border-left-width:1px; }
.p-archive--post-item__date { margin-bottom:15px; }
.p-archive--post-item__title { font-size:18px; line-height:1.6; height:3.2em; margin:-0.3em 0; }

/* 枠線 - アーカイブ */
.p-archive--post .p-archive--post-item:nth-of-type(2n) .p-archive--post-item__content,
.p-archive--post .p-archive--post-item:last-of-type .p-archive--post-item__content {
  border-right-width:1px;
}
.p-archive--post .p-archive--post-item:nth-last-of-type(-n+2) .p-archive--post-item__content {
  border-bottom-width:1px;
}
@media (max-width:767px) {
  .p-archive--post { width:calc(100% + 40px); margin-left:-20px; margin-top:-41px; }
  .c-widget-headline + .p-archive--post { margin-top:0; } 
  .p-archive--post-item__content { padding:20px; }
  .p-archive--post-item__title { font-size:14px; line-height: 1.7; height: 5.1em; margin: -0.35em 0; }
  .p-archive--post-item__title span { -webkit-line-clamp: 3; }
  /* 枠線 */
  .p-archive--post .p-archive--post-item:nth-of-type(2n-1) .p-archive--post-item__content {
    border-left-width:0px;
  }
  .p-archive--post .p-archive--post-item:nth-of-type(2n) .p-archive--post-item__content {
    border-right-width:0px;
  }
}
@media (max-width:499px) {
  .p-archive--post-item__image { height:120px; }
  .p-archive--post-item__image-bg { width:100%; height:100%; }
}

/* 著者アーカイブ */
.p-archive--author { background:#f6f6f6; padding:50px 30px; margin-bottom:50px; text-align: center; }
.p-archive--author__inner { max-width:600px; }
.p-archive--author-image { display:inline-block; width:120px; height:120px; border-radius: 50%; overflow: hidden; }
.p-archive--author-title { font-size:20px; font-weight: 600; line-height:2.4; margin:calc(30px - 0.7em) 0 -0.7em; }
.p-archive--author-icons { margin-top:30px; }
.p-archive--author-desc { font-size:16px; line-height:2.4; margin:calc(50px - 0.7em) 0 -0.7em; text-align: left; }

@media (max-width:767px) {
  .p-archive--author { padding:30px; margin:-20px 0 40px; }
  .p-archive--author + .p-page-header--simple { margin-top:0; }
  .p-archive--author-image { width:100px; height:100px; }
  .p-archive--author-title { font-size:18px; margin-top:calc(15px - 0.7em); }
  .p-archive--author-icons { margin-top:15px; }
  .p-archive--author-desc { font-size:14px; line-height:1.8; margin:calc(30px - 0.4em) 0 -0.4em; }
}

/* ----------------------------------------------------------------------
  Project - single post
---------------------------------------------------------------------- */

/* ヘッダー */
.p-single__header { position: relative; }
.p-single__header-image img { width:100%; }
.p-single__header-content { border:1px solid #ddd; padding:70px 40px 40px; }
.p-single__header-meta { margin-bottom:20px; }
* + .p-single__header-meta__item { margin-left:20px; }
.p-single__header-title { font-size:28px; line-height:1.6; margin:-0.3em 0; word-wrap: break-word;}
.p-single__header-caption { font-size:16px; line-height :1.8; margin:calc( 20px - 0.4em ) 0 -0.4em; }
.p-single__header-image ~ .p-single__header-content { margin-top:-1px; padding-top:40px; }
@media (max-width:767px) {
  .p-single__header {
    width:calc(100% + 40px); margin-left:-20px; margin-top:-41px;
  }
  .p-single__header-content { border:none; border-bottom:1px solid #ddd; padding:60px 20px 20px; }
  .p-single__header-meta { margin-bottom:15px; }
  * + .p-single__header-meta__item { margin-left:15px; }
  .p-single__header-title { font-size:20px; }
  .p-single__header-caption { font-size:14px; margin:calc( 15px - 0.4em ) 0 -0.4em; }
  .p-single__header-image ~ .p-single__header-content { margin-top:0; padding-top:20px; }

}

/* 本文 */
* + .p-single__content { margin-top:50px; }
@media (max-width:767px) {
  * + .p-single__content { margin-top:40px; }
}


/* コピーボタン */
.p-copy-title-url { text-align: center; }
* + .p-copy-title-url { margin-top:50px; }

.p-copy-title-url__button {
  font-size:14px; background:#fff; border:3px solid #ccc; cursor:pointer; line-height:54px; min-width:300px; padding: 0 15px;
  transition-property:background-color, color; transition-duration:0.3s; transition-timing-function:ease;
}
.p-copy-title-url__button.copied { background:#ccc; color:#fff; pointer-events:none; }
@media (hover: hover) and (pointer: fine) {
  .p-copy-title-url__button:hover { color:rgba(0,0,0,0.5) !important; }
}
@media (max-width:767px) {
  * + .p-copy-title-url { margin-top:40px; }
  .p-copy-title-url__button { border-width:2px; font-size:12px; line-height:46px; min-width:250px; }
}

/* 記事下タグクラウド */
.p-single-tagcloud { margin-top:50px; }
.p-single-tagcloud__list { margin:-6px 0 0 -6px; }
.p-single-tagcloud__item { margin:6px 0 0 6px; }
.p-single-tagcloud__link {
  display:block; line-height: 35px; height: 35px; padding: 0px 12px;
  font-size:12px; background:#eeeeee; border-radius: 5px;
}
@media (hover: hover) and (pointer: fine) {
  .p-single-tagcloud__link:hover { background: rgba(var(--tcd-accent-color, 0,0,0),1); color: #fff; }
}
@media (max-width: 767px) {
  .p-single-tagcloud { margin-top:40px; }
}


/* プロフィール */
.p-author-profile {
  margin:50px 0 0; position:relative; padding:40px; border:1px solid #ddd;
  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
  -ms-align-items:center; -webkit-align-items:center; align-items:center;
}
.p-author-profile__image { display:block; width:120px; height:120px; border-radius:100%; overflow:hidden; }
.p-author-profile__image img { width:100%; height:100%; object-fit: cover; }
.p-author-profile__content { width:calc(100% - 120px); padding-left:40px; }
.p-author-profile__title {
  font-size:20px; font-weight: 600; margin-bottom:20px;
  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; visibility: visible;
}
.p-author-profile__desc { font-size:14px; line-height:1.9; margin:-0.45em 0; max-height:3.8em; }
.p-author-profile__icons { margin-top:20px; }
.p-author-profile__icons li:not(:last-of-type) { margin-right:0.5em; }

@media (hover: hover) and (pointer: fine) {
  .p-author-profile__title a:hover { color:rgba(0, 0, 0, 0.5); }
  .p-author-profile__title a:hover span { border-color:rgba(0, 0, 0, 0.5); }
}
@media (max-width:767px) {
  .p-author-profile { margin-top:40px; padding:20px; }
  .p-author-profile__image { width:90px; height:90px; }
  .p-author-profile__content { width:calc(100% - 90px); padding-left:20px; }
  .p-author-profile__title { font-size:16px; margin-bottom:15px; }
  .p-author-profile__title span { font-size:14px; display:block; font-weight:normal; padding-left:0; border:none; margin:10px 0 0;  }
  .p-author-profile__desc { font-size: 12px; }
  .p-author-profile__icons { margin-top:15px; }
  .p-author-profile .c-sns-icons--type1 { font-size:14px; }
}


/* 次の記事・前の記事 */
.p-page-nav { margin-top:60px; font-size:16px; }
.p-page-nav__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.p-page-nav__item {
  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
  -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
  width:50%; height:100px; padding:0 30px; color:#000;
}
.p-page-nav__item--prev { padding-left:90px; border-right:1px solid #ddd; }
.p-page-nav__item--next { padding-right:90px; }
.p-page-nav__item--prev:before { content: "\e90f"; color:inherit; font-family: "design_plus"; margin-right:30px; transition:none; }
.p-page-nav__item--next:after { content: "\e910"; color:inherit; font-family: "design_plus"; margin-left:30px; transition:none; }
.p-page-nav__item--next:only-child { margin-left:auto; border-left:1px solid #ddd; }
.p-page-nav__item--prev + .p-page-nav__item--next { border-left:none; }
.p-page-nav__title {
  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
  line-height:1.7; max-height: 3.4em; width:100%;
}
.p-page-nav__title-sp { display:none; }

@media (hover: hover) and (pointer: fine) {
  .p-page-nav__item:hover { color:rgba(0,0,0,0.5); }
}
@media (max-width: 767px) {
  .p-page-nav { margin-top:40px; font-size:12px; }
  .p-page-nav__item { height:50px; padding:0 15px; border:1px solid #ddd; }
  .p-page-nav__item--prev { padding-right:0; }
  .p-page-nav__item--next { padding-left:0; }
  .p-page-nav__title-pc { display:none; }
  .p-page-nav__title-sp { display:block; width:100%; text-align: center; }
  .p-page-nav__item--prev:before, .p-page-nav__item--next:after { margin:0; }
}

/* 追加コンテンツ */
* + .p-single-banner { margin-top:50px; }
@media (max-width: 767px) {
  * + .p-single-banner { margin-top:40px; }
}

/* 関連記事 */
.p-related-post { margin-top:50px; }
.p-related-post .p-archive--post-item { width:calc(100% / 3); }
.p-related-post .p-archive--post-item__title { font-size:16px; line-height:1.7; height:5.1em; margin:-0.35em 0; }
.p-related-post .p-archive--post-item__title > span { -webkit-line-clamp: 3; }

/* 枠線 */
@media not all and (max-width: 767px) {
  .p-related-post .p-archive--post-item:nth-of-type(3n) .p-archive--post-item__content,
  .p-related-post .p-archive--post-item:last-of-type .p-archive--post-item__content {
    border-right-width:1px;
  }
  .p-related-post .p-archive--post-item:nth-last-of-type(-n+3) .p-archive--post-item__content {
    border-bottom-width:1px;
  }
}
@media (max-width: 767px) {
  .p-related-post { width:calc(100% + 40px); margin-left:-20px; margin-top:40px; }
  .p-related-post .p-archive--post-item { width:50%; }
  .p-related-post .p-archive--post-item__title { font-size:14px; }
  /* 枠線 */
  .p-related-post .p-archive--post-item:nth-of-type(2n-1) .p-archive--post-item__content {
    border-left-width:0px;
  }
  .p-related-post .p-archive--post-item:nth-of-type(2n) .p-archive--post-item__content {
    border-right-width:0px;
  }
  .p-related-post .p-archive--post-item:nth-last-of-type(-n+2) .p-archive--post-item__content {
    border-bottom-width:1px;
  }
  .p-related-post .p-archive--post-item:last-of-type .p-archive--post-item__content {
    border-right-width:1px;
  }
}

/* コメント */
.p-single-comment { margin-top:50px; }
@media (max-width: 767px) {
  .p-single-comment { margin-top:40px; }
}


/* ----------------------------------------------------------------------
  Project - NEWS
---------------------------------------------------------------------- */

.p-archive--news {}
.p-archive--news-item { width:100%; }
.p-archive--news-item__link { width:100%; height:230px; }
.p-archive--news-item__image { width:50%; height:100%; }
.p-archive--news-item__image-bg { width:100%; height:100%; }
.p-archive--news-item__content { width:100%; padding:0 40px; border:1px solid #ddd; }
.p-archive--news-item__content-inner {}
.p-archive--news-item__date { margin-bottom:15px; }
.p-archive--news-item__title { font-size:18px; line-height:1.6; margin:-0.3em 0; max-height:1.6em; }

.p-archive--news-item__image + .p-archive--news-item__content { width:50%; border-left:none; }
.p-archive--news-item__image + .p-archive--news-item__content .p-archive--news-item__title { max-height:3.2em; }
.p-archive--news-item__image + .p-archive--news-item__content .p-archive--news-item__title span { -webkit-line-clamp: 2; }

.p-archive--news * + .p-archive--news-item .p-archive--news-item__content { border-top:none; }

@media (max-width: 767px) {

  .p-archive--news { width:calc(100% + 40px); margin-left:-20px; margin-top:-41px; }
  .p-archive--news-item__link { height:120px; }
  .p-archive--news-item__content { padding:0 20px; }
  .p-archive--news-item__date { margin-bottom:10px; }
  .p-archive--news-item__title { font-size:14px; }
  .p-archive--news .p-archive--news-item__image + .p-archive--news-item__content .p-archive--news-item__title { max-height:4.8em; }
  .p-archive--news .p-archive--news-item__image + .p-archive--news-item__content .p-archive--news-item__title span { -webkit-line-clamp: 3; }
  .p-archive--news .p-archive--news-item__content { border-left:none; border-right:none; }

}


/* ----------------------------------------------------------------------
  Project - single news
---------------------------------------------------------------------- */

.p-single--news .p-single__header-content { padding-top:40px; }
@media (max-width: 767px) {
  .p-single--news .p-single__header-content { padding-top:20px; }
}

/* 新着記事 */
.p-recent-news { margin-top: 50px; }
.p-recent-news__list {}
.p-recent-news .p-archive--news-item { width:50%; }
.p-recent-news .p-archive--news-item__link { height:140px; }
.p-recent-news .p-archive--news-item__image { width:140px; }
.p-recent-news .p-archive--news-item__content { border-top-width:0; }
.p-recent-news .p-archive--news-item__title { font-size:16px; }
.p-recent-news .p-archive--news-item__image + .p-archive--news-item__content { width:calc(100% - 140px); }
@media not all and (max-width: 767px) {
  .p-recent-news .p-archive--news-item:nth-of-type(-n+2) .p-archive--news-item__content {
    border-top-width:1px;
  }
  .p-recent-news .p-archive--news-item:nth-of-type(2n) .p-archive--news-item__content {
    border-left-width:0;
  }
  .p-recent-news .p-archive--news-item:nth-of-type(2n-1):not(:last-of-type) .p-archive--news-item__image + .p-archive--news-item__content {
    border-right-width:0;
  }
}
@media (max-width: 767px) {
  .p-recent-news { margin-top: 40px; }  
  .p-recent-news .p-archive--news-item { width:100%; }
  .p-recent-news .p-archive--news-item__link { height:100px; }
  .p-recent-news .p-archive--news-item__image { width:100px; }
  .p-recent-news .p-archive--news-item__title { font-size:14px; }
  .p-recent-news .p-archive--news-item__image + .p-archive--news-item__content { width:calc(100% - 100px); }
  .p-recent-news .p-archive--news-item:first-of-type .p-archive--news-item__content { border-top:1px solid #ddd; }
}


/* ----------------------------------------------------------------------
  Project - header slider
---------------------------------------------------------------------- */
@media not all and (max-width: 767px) {
  .is-show-news-ticker .p-header-slider__contents { padding-bottom:60px; }
}

.p-header-slider-wrapper { position: relative; }
.p-header-slider { width:100%; height:500px; position:relative; }
.p-header-slider__inner {}
.p-header-slider__item { display:block; background:#000; }
.p-header-slider__contents {
  max-width:1180px; width:calc(100% - 40px);
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index:5;
  color:#fff; text-align: center;
}
.p-header-slider__title { font-size:42px; line-height:1.5; margin:-0.25em 0; }
.p-header-slider__title--sp { display:none; }
.p-header-slider__desc { font-size:18px; line-height:2; margin:-0.5em 0; }
* + .p-header-slider__desc { margin-top:calc( 25px - 0.5em ); }
.p-header-slider__desc--sp { display:none; }

/* オーバーレイ */
.p-header-slider__overlay { width:100%; height:100%; position:absolute; top:0; left:0; z-index:2; }

/* 画像 */
.p-header-slider__bg--image { width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; }

/* mp4動画 */
.p-header-slider__bg--video { width:100%; height: 100%; object-fit: cover; overflow:hidden; }

/* YouTube */
.p-header-slider__bg--youtube { width:100%; height:100%; overflow: hidden; position: relative;  }
.p-header-slider__bg--youtube-inner { aspect-ratio: 16 / 9; width:100%; }
.p-header-slider__bg--youtube-player { width:100%; height:100%; transition:opacity 0.2s ease; pointer-events: none; }

/* ナビゲーション */
.p-header-slider-wrapper .swiper-button-next,
.p-header-slider-wrapper .swiper-button-prev { top:calc(50% - 30px); }
.p-header-slider-wrapper .swiper-button-prev:after,
.p-header-slider-wrapper .swiper-button-next:after { font-size:25px; color:rgba(255,255,255,1); }
@media (hover: hover) and (pointer: fine) {
  .p-header-slider-wrapper .swiper-button-prev { opacity:0; visibility: hidden; transform:translateX(-5px); transition:all 0.3s ease; }
  .p-header-slider-wrapper .swiper-button-next { opacity:0; visibility: hidden; transform:translateX(5px); transition:all 0.3s ease; }
  .p-header-slider-wrapper:hover .swiper-button-prev,
  .p-header-slider-wrapper:hover .swiper-button-next { opacity:1; visibility: visible; transform:translateX(0); }
  .p-header-slider-wrapper .swiper-button-prev.swiper-button-disabled,
  .p-header-slider-wrapper .swiper-button-next.swiper-button-disabled { cursor: pointer; pointer-events: auto; }
  .p-header-slider-wrapper .swiper-button-prev:hover,
  .p-header-slider-wrapper .swiper-button-next:hover { opacity:0.5; }
}
@media (max-width: 767px) {
  .p-header-slider-wrapper .p-header-slider__arrow { display:none; }
}


/* コンテンツアニメーション */

/* タイプ 1 - フェードイン */
.p-content-animation--type1 .p-header-slider__contents > * { opacity:0; }
.p-content-animation--type1 .swiper-slide-active .p-header-slider__contents > * {
  animation: slider_FadeIN 1.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; animation-delay:1.3s;
}
.p-content-animation--type1 .swiper-slide-active .p-header-slider__contents > * + * { animation-delay:1.7s; }
.p-content-animation--type1 .swiper-slide-active .p-header-slider__contents > * + * + * { animation-delay:2.1s; }

@keyframes slider_FadeIN {
  0% { opacity:0; }
  100% { opacity:1; }
}

/* タイプ 2 - スライドイン */
.p-content-animation--type2 .p-header-slider__contents > * { opacity:0; transform:translateY(15px); }
.p-content-animation--type2 .swiper-slide-active .p-header-slider__contents > * {
  animation: slider_SlideIN 1.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; animation-delay:1.3s; backface-visibility: hidden;
}
.p-content-animation--type2 .swiper-slide-active .p-header-slider__contents > * + * { animation-delay:1.7s; }
.p-content-animation--type2 .swiper-slide-active .p-header-slider__contents > * + * + * { animation-delay:2.1s; }

@keyframes slider_SlideIN {
  0% { opacity:0; transform:translateY(15px); }
  100% { opacity:1; transform:translateY(0px); }
}

/* 背景リンク時のホバーアニメーション */
@media (hover: hover) and (pointer: fine) {
  a.p-header-slider__item .p-header-slider__bg--image { transition:transform 25s ease, opacity 0.3s ease; }
  a.p-header-slider__item .p-header-slider__bg--video,
  a.p-header-slider__item .p-header-slider__bg--youtube { transition:opacity 0.3s ease; }
  a.p-header-slider__item:hover .p-header-slider__bg--image,
  a.p-header-slider__item:hover .p-header-slider__bg--video,
  a.p-header-slider__item:hover .p-header-slider__bg--youtube { opacity:0.8; }
}

@media (max-width: 1024px) {
  .p-header-slider__bg--youtube-inner { width:auto; height:calc(100% + 110px); }
}

@media (max-width: 767px) {
  .p-header-slider__contents { padding:0; }
  .p-header-slider__title { font-size:22px; }
  .p-header-slider__title--sp { display:block; }
  .p-header-slider__title--sp + .p-header-slider__title--pc { display:none; }
  .p-header-slider__desc { font-size:16px }
  * + .p-header-slider__desc { margin-top:calc( 25px - 0.6em ); }
  .p-header-slider__desc--sp { display:block; }
  .p-header-slider__desc--sp + .p-header-slider__desc--pc { display:none; }
  * + .p-header-slider__link { margin-top:25px; }
  .p-header-slider__link-button { max-height: 50px; }
}

/* スライダーの高さ調節 */
@media not all and (max-width: 599px) {
  .p-header-slider { max-height:500px; }
}
@media (max-width: 599px) {
  .p-header-slider { height:calc( 100vh - 110px ); }
  .p-header-message ~ .l-container .p-header-slider { height:calc( 100vh - 150px ); }
}

/* type3 */
.p-header-slider--type3 .p-header-slider__contents-main {
  padding:40px; background:rgba(0, 0, 0, 0.4 );
  text-align: left;
}
.p-header-slider--type3 .p-header-slider__contents-main--default { width:430px; }
.p-header-slider--type3 .p-header-slider__contents-main--wide { width:590px; }

.p-header-slider--type3 .p-header-slider__title {
  font-size:28px;
}
.p-header-slider--type3 .p-header-slider__desc {
  font-size:16px;
}
.p-header-slider--type3 * + .p-header-slider__desc {
  margin-top:calc(17px - 0.5em);
}
.p-header-slider--type3 .p-header-slider__label {
  display:block; width:calc(100% + 80px); padding:calc(20px - 0.6em) 40px; margin:40px 0 -40px -40px; border-top:1px solid rgba(255, 255, 255, 0.2);
  font-size:16px; line-height:2.2; color:inherit;
}
.p-header-slider--type3 .p-header-slider__label:hover {
  color:rgba(255, 255, 255, 0.4);
}

@media (max-width: 767px) {
  .p-header-slider--type3 .p-header-slider__contents {
    width:100%; top:initial; left:initial; bottom:0; transform: none;
  }
  .p-header-slider--type3 .p-header-slider__contents-main {
    width:100%; padding:20px;
  }
  .p-header-slider--type3 .p-header-slider__title {
    font-size:22px;
  }
  .p-header-slider--type3 .p-header-slider__desc {
    font-size:14px;
  }
  .p-header-slider--type3 .p-header-slider__label {
    width:calc(100% + 40px); padding:calc(20px - 0.6em) 20px; margin:20px 0 -20px -20px;
    font-size:14px;
  }
}



/* ----------------------------------------------------------------------
  Project - news ticker
---------------------------------------------------------------------- */

.p-news-ticker { position: relative; width:100%; border-top:1px solid rgba(255,255,255,0.3); margin-top:-60px; z-index:10; }
.p-news-ticker:before { content:''; position: absolute; bottom:0; left:0; z-index:; width:100%; height:180px; background: linear-gradient(to bottom, rgba(0,0,0, 0%), rgba(0,0,0, 50%)); pointer-events: none; }
.p-news-ticker__inner { height:60px; }
.p-news-ticker__list { height:100%; }
.p-news-ticker__wrapper { height:100%; }
.p-news-ticker__item { height:100%; font-size:16px; opacity:0; transition:opacity 0.2s ease;flex-direction: row; }
.p-news-ticker__date { line-height:60px; font-weight:600; color:rgba(var(--tcd-accent-color, 0,0,0),1); }
.p-news-ticker__title { line-height:60px; margin-left:15px; font-weight:600; }
.p-news-ticker__link { color:#fff; }
.p-news-ticker__item.swiper-slide-active { opacity:1; }
@media (hover: hover) and (pointer: fine) {
  .p-news-ticker__link:hover { color:rgba(255, 255, 255, 0.6); }
}
@media (max-width: 767px) {
  .p-news-ticker { border-top:none; border-bottom:1px solid #ddd; margin-top:0; }
  .p-news-ticker:before { content:none; }
  .p-news-ticker__inner { height:50px; }
  article.p-news-ticker__item { font-size:14px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  .p-news-ticker__date { line-height:50px; }
  .p-news-ticker__title { line-height:50px; }
  .p-news-ticker__link { color:#000; }
  .p-news-ticker__link:hover { color:rgba(0, 0, 0, 0.6); }
}


/* ----------------------------------------------------------------------
  Project - Products label
---------------------------------------------------------------------- */

.p-front-products-label-wrapper {
  width: 100%; position: absolute; left: 0; bottom: 20px; z-index: 99;
  pointer-events: none;
}
.p-front-products-label {
  width:110px; height:110px; background:#000; color:#fff; border-radius:50%;
  text-align: center; font-size:14px; margin-left: auto; overflow: hidden; pointer-events: auto;
}
.p-front-products-label__inner { width:100%; }
.p-front-products-label span { display:block; width:100%; max-height: 1em; white-space: nowrap; }
.p-front-products-label--bafore { margin-bottom:3px; }
.p-front-products-label--main { font-size:36px; font-weight:600; }
.p-front-products-label--after { margin-top:3px; }

@media (max-width: 767px) {
  .p-front-products-label-wrapper { bottom:initial; top:-20px; z-index: 100; }
  .p-front-products-label { width:95px; height:95px; font-size:12px; margin:0 auto; }
  .p-front-products-label--bafore { margin-bottom:3px; }
  .p-front-products-label--main { font-size:30px; }
  .p-front-products-label--after { margin-top:3px; }
}


/* ----------------------------------------------------------------------
  Project - front page section
---------------------------------------------------------------------- */

* + .p-fp-section { margin-top:70px; }
@media (max-width: 767px) {
  * + .p-fp-section { margin-top:40px; }
}
.p-fp-section__header { position: relative; text-align: center; }
.p-fp-section__headline { font-size:36px; line-height:1.6; margin:-0.3em 0; }
.p-fp-section__desc { font-size:16px; line-height:2.4; margin:-0.7em 0; }
.p-fp-section__headline + .p-fp-section__desc { margin-top:calc(30px - 0.7em); }
@media (max-width: 767px) {
  .p-fp-section__headline { font-size:22px; }
  .p-fp-section__desc { font-size:14px; line-height:2; margin:-0.5em 0; }
  .p-fp-section__headline + .p-fp-section__desc { margin-top:calc(20px - 0.5em); }
}
.p-fp-section__button { margin-top:70px; text-align: center; }

@media (max-width: 767px) {
  .p-fp-section__button { margin-top:40px; }
}

/* ----------------------------------------------------------------------
  Project - front page banner slider
---------------------------------------------------------------------- */

.p-banner-slider { padding: 40px 0; border-bottom: 1px solid #ddd; }
.p-banner-slider__inner { position: relative; }
.p-banner-slider__list { margin-right:-30px; }

.p-banner-slider__item { width: calc( (100% - 30px) / 3 ); height: 120px; background:#333; margin-right:30px; align-items: unset; }
.p-banner-slider__link { display: block; height: 100%; position: relative; color: #fff; }

.p-banner-slider__content {
  position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 3; width: 100%; padding: 0 30px;
}

.p-banner-slider__title { font-size: 26px; font-weight: 600; line-height: 1.2; margin: -0.1em 0; }
.p-banner-slider__desc { font-size: 14px; line-height: 2; margin: -0.5em 0; }
* + .p-banner-slider__desc { margin-top: calc(15px - 0.5em); }

.p-banner-slider .swiper-button-next,
.p-banner-slider .swiper-button-prev { color:#000; transition:color 0.2s ease; }

.p-banner-slider .swiper-button-next { right:-60px; }
.p-banner-slider .swiper-button-prev { left:-60px; }

.p-banner-slider .swiper-button-next:after,
.p-banner-slider .swiper-button-prev:after { color:inherit; }

@media (hover: hover) and (pointer: fine) {
  .p-banner-slider .swiper-button-next:hover,
  .p-banner-slider .swiper-button-prev:hover { color:rgba(0, 0, 0, 0.5); }
}
@media not all and (max-width: 1240px) {
  .p-banner-slider__swiper:not(.swiper-initialized) .p-banner-slider__list { overflow: initial; }
}
@media (max-width: 1240px) {

  .p-banner-slider__inner { width:100%; }
  .p-banner-slider .swiper-button-next, .p-banner-slider .swiper-button-prev { display:none; }

  /* バナーが3つ以下の場合 */
  .p-banner-slider__swiper:not(.swiper-initialized) { overflow: initial; }
  .p-banner-slider__swiper:not(.swiper-initialized) .p-banner-slider__list { padding-left:40px; box-sizing: border-box; }
  .p-banner-slider__swiper:not(.swiper-initialized) .p-banner-slider__item { min-width: calc( (1180px - 60px) / 3 ); }
  .p-banner-slider__swiper:not(.swiper-initialized) .p-banner-slider__item:last-of-type { margin-right:0px; }

}
@media (max-width: 767px) {

  .p-banner-slider { padding:20px 0; }
  .p-banner-slider__list { margin-right:-15px; }
  .p-banner-slider__item { width: 280px; height: 90px; margin-right:15px; }
  .p-banner-slider__content { padding: 0 25px; }
  .p-banner-slider__title { font-size:24px; }
  * + .p-banner-slider__desc { margin-top: calc(10px - 0.5em); }

  /* バナーが3つ以下の場合 */
  .p-banner-slider__swiper:not(.swiper-initialized) .p-banner-slider__list { padding-left:20px; }
  .p-banner-slider__swiper:not(.swiper-initialized) .p-banner-slider__item { min-width: 280px; }
  /* .p-banner-slider__swiper:not(.swiper-initialized) .p-banner-slider__item:last-of-type { margin-right:40px; } */

}

/* ----------------------------------------------------------------------
  Project - front page - page type
---------------------------------------------------------------------- */

.p-fp-main-page {}
.l-main:only-child .p-fp-main-page--wide { width:100vw;  margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); }

/* ----------------------------------------------------------------------
  Project - front page banner
---------------------------------------------------------------------- */

.p-fp-banner { background:#333; }
.p-fp-banner__link { display:block; position: relative; height:380px; }
.p-fp-banner__content { position: relative; z-index:3; color:#fff; width:100%; text-align: center; padding:0 30px; }
.p-fp-banner__image {}
.p-fp-banner__button { margin-top:30px; }
.p-fp-banner__button-link {
  color:#fff; border-color:#fff; transition:border 0.3s ease, background 0.3s ease;
}
.p-fp-banner__link--sp { display:none; }
@media (max-width: 767px) {
  .p-fp-banner__link { height:240px; }
  .p-fp-banner__content { padding:0 20px; }
  .p-fp-banner__button { display:none; }
  .p-fp-banner__link--sp {
    display:block; position: absolute; top: 0; left: 0; z-index: 3;
    width: 100%; height: 100%; background: transparent;
  }
}

.l-main:only-child .p-fp-free-space--wide { width:100vw;  margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); }


/* ----------------------------------------------------------------------
  Project - front page posts
---------------------------------------------------------------------- */

.p-fp-posts__header {
  padding:70px 30px; background:rgba(var(--tcd-bg-color, 246, 246, 246),1);
}
@media (max-width: 767px) {
  .p-fp-posts__header {
    padding:35px 20px;
  }
}


/* ----------------------------------------------------------------------
  Project - front page products
---------------------------------------------------------------------- */

.p-fp-section__header + .p-fp-products__list { padding-top:70px; }
@media (max-width: 767px) {
  .p-fp-section__header + .p-fp-products__list { padding-top:40px; }
}

/* ----------------------------------------------------------------------
  Project - Page
---------------------------------------------------------------------- */

/* LP */
.p-single--lp { margin:0 auto; padding-top:40px }
.p-single--lp--narrow { max-width:750px; }
.p-single--lp--normal { max-width:840px; }
.p-single--lp--wide { max-width:1180px; }

@media (max-width: 767px) {
  .p-single--lp { padding-top:0; }
}


/* ----------------------------------------------------------------------
  Project - Ranking
---------------------------------------------------------------------- */

@media (max-width: 1240px) {
  .page-template-page__ranking .l-container__inner { flex-direction: column-reverse; align-items: center; }
  .page-template-page__ranking .l-sidebar { width:100%; margin:0 0 50px; }
}
@media (max-width: 767px) {
  .page-template-page__ranking .l-sidebar { margin:0 0 40px; }
}

.p-ranking__item { width:100%; position: relative; background:#fff; }
.p-ranking__item { opacity:0; }
.p-ranking-animation { width:100%; }
.p-ranking__item.is-show { animation: showAjaxProductItems 0.3s ease 0.05s forwards; }
@keyframes showAjaxProductItems {
  0% { opacity:0; }
  100% { opacity:1; }
}

.p-ranking__image { position: relative; }
.p-ranking__image-bg { width:100%; height:100%; }
.p-ranking__content-top { flex-direction: column; flex: 1; }
.p-ranking__triangle {
  background-image: linear-gradient( 135deg, #000 calc(50% - 1px), #fff calc(50% - 1px), #fff 50%, transparent 50% );
}
.p-ranking__triangle-label { font-size:16px; padding-bottom: 40px; }
.p-ranking__labels { pointer-events: none; position: absolute; left:0; bottom:0; width:265px; overflow: hidden; }
.p-ranking__labels-inner { transform: translateY(100%); transition:transform 0.3s cubic-bezier(0.65,0.05,0.36,1); -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.p-ranking__labels .p-product-item__outofstock { margin:0; }

/* サイドカテゴリー */
@media not all and (max-width: 767px) {
  .p-ranking-category { position: sticky; top:100px; }
  .p-ranking-category__list { overflow: initial; }
  .p-ranking-category__item { margin-top:-1px; }
  .p-ranking-category__item.is-active .p-ranking-category__link { pointer-events: none; color:rgba(var(--tcd-accent-color, 0,0,0),1); }
  .p-ranking-category__image { width:100px; height:100px; position: relative; }
  .p-ranking-category__label { width:100%; height:70px; border:1px solid #ddd; padding:0 20px; line-height:1.8; }
  .p-ranking-category__image + .p-ranking-category__label { width:calc(100% - 100px); height:100px; border-left:none; }
  .p-ranking-category__level--1 {}
  .p-ranking-category__level--2 { padding-left:calc(20px + 1em); }
  .p-ranking-category__level--3 { padding-left:calc(20px + 2em); }
}
@media (hover: hover) and (pointer: fine) {
  .p-ranking-category__link { transition:color 0.2s ease; }
}
@media (max-width: 767px) {
  .p-ranking-category {  }
  .p-ranking-category__headline { display:none; }
  .p-ranking-category__list { display:flex; width:calc( 100% + 40px ); margin-left:-20px; padding:0 20px; }
  .p-ranking-category__item {}
  .p-ranking-category__item + .p-ranking-category__item { margin-left:-1px; }
  .p-ranking-category__link {
    align-items: center; justify-content: center;
    font-size: 14px; color:#000; white-space: nowrap;
    min-width:120px; height:50px; transition: none;
    padding: 0 25px; border:1px solid #ddd;
  }
  .p-ranking-category__item.is-active .p-ranking-category__link {
    pointer-events: none;
    background:rgba(var(--tcd-accent-color, 0,0,0),1); color:#fff;
    border-color:rgba(var(--tcd-accent-color, 0,0,0),1);
  }
  .p-ranking-category__item.is-active + .p-ranking-category__item .p-ranking-category__link {
    border-left-color:rgba(var(--tcd-accent-color, 0,0,0),1);
  }
  .p-ranking-category__image { display:none; }
}

/* ロードアイコン */
.p-ranking-ajax-loading { height:265px; }
.p-ranking-ajax-loading.is-loading {
  animation: ajaxButtonAnimation 2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.p-ranking-ajax-loading:not(.is-loading) { display:none; }

/* アイコンアニメーション */
.p-ranking-ajax-loading-icon, .p-ranking-ajax-loading-icon:before, .p-ranking-ajax-loading-icon:after {
  display:block; width: 1.5em; height: 1.5em; border-radius: 50%;
  -webkit-animation-fill-mode: both; animation-fill-mode: both;
  -webkit-animation: ajaxLoadAnimation 1.8s infinite ease-in-out;
  animation: ajaxLoadAnimation 1.8s infinite ease-in-out;
}
.p-ranking-ajax-loading-icon {
  display:block; color: rgba(var(--tcd-accent-color, 0,0,0),0.7); position: relative; top:-1.5em; text-indent: -9999em; font-size: 10px;
  -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0);
  -webkit-animation-delay: -0.16s; animation-delay: -0.16s;
}
.p-ranking-ajax-loading-icon:before, .p-ranking-ajax-loading-icon:after { content: ''; position: absolute; top: 0; }
.p-ranking-ajax-loading-icon:before { left: -2.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.p-ranking-ajax-loading-icon:after { left: 2.5em; }
@keyframes ajaxLoadAnimation {
  0%,80%,100% { box-shadow: 0 1.5em 0 -1.3em; }
  40% { box-shadow: 0 1.5em 0 0; }
}
@media (max-width: 767px) {
  .p-ranking-ajax-loading { height:170px; }
}

@media (hover: hover) and (pointer: fine) {
  .p-ranking__item:hover .p-ranking__labels-inner { transform: translateY(0); }
}

@media not all and (max-width: 767px) {

  .p-ranking__item + .p-ranking__item { margin-top:25px; }
  .p-ranking__image { width:265px; height:265px; }
  .p-ranking__content { width:calc(100% - 265px); border:1px solid #ddd; border-left:none; flex-direction: column-reverse; }
  .p-ranking__content-top { padding:0 40px; }
  .p-ranking__content-title { font-size:18px; line-height:1.6; height:1.6em; margin:calc(15px - 0.3em) 0 -0.3em; }
  .p-ranking__content-price { margin-top:15px; }
  .p-ranking__desc--pc { padding:30px; background: #f6f6f6; margin:0px 10px 10px 10px; }
  .p-ranking__desc--pc-wrapper { font-size:16px; line-height:1.7; max-height:3.4em; margin:-0.35em 0; }
  .p-ranking__desc--sp { display:none; }

}
@media (max-width: 767px) {

  .p-ranking__item:first-of-type { margin-top:-30px; }
  .p-ranking__item:last-of-type { margin-bottom:-40px; }
  .p-ranking__link { width: calc(100% + 40px); padding:20px; border-bottom:1px solid #ddd; margin-left: -20px; }
  .p-ranking__item:last-of-type .p-ranking__link { border-bottom:none; }
  .p-ranking__image { width:130px; height:130px; }
  .p-ranking__content { width:calc(100% - 130px); }
  .p-ranking__content-top { padding:0 0 0 20px; }
  .p-ranking__content-title { font-size:14px; line-height:1.6; max-height:3.2em; margin:calc(10px - 0.3em) 0 -0.3em; }
  .p-ranking__content-title span { -webkit-line-clamp: 2; }
  .p-ranking__content-price { margin-top:10px; }
  .p-ranking__desc--pc { display:none; }
  .p-ranking__desc--sp { width:100%; background: #f6f6f6; padding:20px; margin-top:20px; }
  .p-ranking__desc--sp-wrapper { font-size:14px; line-height:1.8; max-height:5.4em; margin:-0.4em 0; }

  .p-ranking__labels { width:130px; bottom:initial; top:105px; }

}


/* ----------------------------------------------------------------------
  Project - Product slider
---------------------------------------------------------------------- */

.p-product-slider-wrapper {}
.p-product-slider {}

.p-product-slider__item { width:50%; background:#333; }
.p-product-slider__item-link { display:block; }

.p-product-slider__item-inner { position: absolute; z-index: 5; }
.p-product-slider__item-content { width:430px; padding:40px; color: #fff; background:rgba(0, 0, 0, 0.4 ); }

.p-product-slider__item-title { font-size:26px; font-weight:600; line-height:1.6; height:1.6em; margin:calc(20px - 0.3em) 0 -0.3em; transition:color 0.3s ease; }
.p-product-slider__item-desc { font-size:16px; line-height:2; max-height:4em; margin:calc(20px - 0.5em) 0 -0.5em; }

.p-product-slider__item-overlay { background: rgba(0, 0, 0, 0.2 ); }
.p-product-slider__item-image { transition: opacity 0.3s ease; }

@media (hover: hover) and (pointer: fine) {
  .p-product-slider__item-link:hover .p-product-slider__item-image { opacity:0.9; }
  .p-product-slider__item-link:hover .p-product-slider__item-title { color:rgba(255, 255, 255, 0.5 ); }
}
@media not all and (max-width: 767px) {
  .p-product-slider__item-inner {
    max-width:1180px; width: calc(100% - 60px); top: 50%; left: 50%; transform: translate(-50%, -50%);
  }
  .is-show-news-ticker .p-product-slider__item-inner {padding-bottom:60px; }
}
@media not all and (max-width: 1240px) {
  .p-product-slider__item-inner { width: calc(100% - 150px); }
}
@media (max-width: 767px) {

  .p-product-slider__item { width:100%; }
  .p-product-slider__item-inner { width:100%; left:0; bottom:0; }
  .p-product-slider__item-content { width:100%; padding:20px; }
  .p-product-slider__item-title { font-size:22px; margin-top:calc(15px - 0.3em); }
  .p-product-slider__item-desc { font-size:14px; line-height:1.8; max-height:3.6em; margin:calc(20px - 0.4em) 0 -0.4em; }

}


/* ----------------------------------------------------------------------
  Project - 404
---------------------------------------------------------------------- */

.p-404-container .l-container__inner { padding:0; max-width:initial; width:100%; }
.p-404-container .l-main { width:100%; }

.p-404-page { width:100%; height:calc(100vh - 130px); position:relative; }
.p-404-page__contents { text-align:center; position: relative; z-index:3; }
.p-404-page__headline { font-size:42px; line-height:1.5; margin:-0.25em 0; }
.p-404-page__desc { font-size:16px; line-height:2.2; margin:-0.6em 0; }
* + .p-404-page__desc { margin-top:calc(40px - 0.6em); }
.p-404-page__desc a { color:rgba(var(--tcd-link-color, 21,120,214),1); }
.p-404-page__desc a:hover { text-decoration: underline; }
.p-404-page__overlay { position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; }
.p-404-page__image { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; }

.p-404-page--light { color:#000; background:rgba(var(--tcd-bg-color, 246, 246, 246),1); }
.p-404-page--dark { color:#fff; background:#333; }

.p-404-page__search {
  max-width:500px; width:100%; border-radius:50px; overflow: hidden; background:#fff;
  display:-webkit-inline-box; display:-ms-inline-flexbox; display:-webkit-inline-flex; display:inline-flex;
}
* + .p-404-page__search { margin-top:40px; }

.p-404-page__search-form { width: calc(100% - 60px); }
.p-404-page__search-form input {
  display: block; width: 100%; height: 50px; padding-left: 25px;
  border: none; background: transparent; font-size: 16px;
}
.p-404-page__search-button {}
.p-404-page__search-button label {
  font-family: 'design_plus'; font-size: 18px; cursor: pointer; color:#000;
  width:60px; height:100%;
}

@media (max-width: 767px) {
  .p-404-page { height: calc(100vh - 110px); }
  .p-404-page__headline { font-size:24px; }
  .p-404-page__desc { font-size:14px; }
  * + .p-404-page__desc { margin-top:calc( 25px - 0.6em ); }
  * + .p-404-page__search { margin-top:25px; }
  * + .p-404-page__post-tags { margin-top:20px; }
}



/* ----------------------------------------------------------------------
  Utility
---------------------------------------------------------------------- */

@media not all and (max-width: 767px) {
  .is-device-sp { display:none!important; }
}
@media (max-width: 767px) {
  .is-device-pc { display:none!important; }
}

/* flex */
.u-flex { display:-webkit-box; display:-ms-flexbox; display:flex; }
.u-flex-wrap { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.u-flex-center { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.u-flex-align-center { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.u-flex-justify-center { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

/* clearfix */
.u-clearfix::after { display:block; clear:both; content:""; }

/* visually hidden */
.u-visually-hidden { position: fixed !important; top: 0px !important; left: 0px !important; width: 4px !important; height: 4px !important; opacity: 0 !important; overflow: hidden !important; border: none !important; margin: 0 !important; padding: 0 !important; display: block !important; visibility: visible !important; }

/* button reset */
.u-button-reset { background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none; }

/* no scroll bar */
.u-hidden-scroll-bar { -ms-overflow-style: none; scrollbar-width: none; }
.u-hidden-scroll-bar::-webkit-scrollbar { display:none; }


/* ----------------------------------------------------------------------
 WordPress プリセットスタイル
---------------------------------------------------------------------- */
/* alignment */
.post_content .alignright { float:right; }
.post_content .alignleft { float:left; }
.post_content .aligncenter { display:block; margin-left:auto; margin-right:auto; margin-bottom:7px; }
.post_content blockquote.alignleft, .post_content img.alignleft { margin:7px 24px 7px 0; }
.post_content .wp-caption.alignleft { margin:7px 14px 7px 0; }
.post_content blockquote.alignright, .post_content img.alignright { margin:7px 0 7px 24px; }
.post_content .wp-caption.alignright { margin:7px 0 7px 14px; }
.post_content blockquote.aligncenter, .post_content img.aligncenter, .post_content .wp-caption.aligncenter { margin-top:7px; margin-bottom:7px; }


/* text and headline */
.post_content p { line-height:2.4; margin:0 0 2em 0; }
/* .post_content p:first-child { margin-top:-0.7em; } */
.post_content p:last-child { margin-bottom:0; }
.post_content h1,
.post_content h2,
.post_content h3,
.post_content h4,
.post_content h5,
.post_content h6 { clear:both; line-height:1.4; padding:0; font-weight:600; }
.post_content h1 { font-size:150%; margin:0 0 35px 0; text-align:center; }
.post_content h2 { font-size:140%; margin:0 0 35px 0; text-align:center; }
.post_content h3 { font-size:130%; margin:0 0 35px 0; }
.post_content h4 { font-size:120%; margin:0 0 30px 0; }
.post_content h5 { font-size:110%; margin:0 0 30px 0; }
.post_content h6 { font-size:100%; margin:0 0 30px 0; }


/* image */
.post_content img[class*="align"], .post_content img[class*="wp-image-"], .post_content img[class*="attachment-"], .post_content img.size-full, .post_content img.size-large, .post_content .wp-post-image, .post_content img
 { height:auto; max-width:100%; }

/* list */
.post_content li, .post_content dt, .post_content dd { line-height:2.2; }
.post_content ul, .post_content ol, .post_content dl { margin-bottom:24px; }
.post_content ol { list-style:decimal outside none; margin-left:1.5em; }
.post_content ul { list-style:circle outside none; margin-left:1.3em; }
.post_content li > ul, .post_content li > ol { margin-bottom:0; }
.post_content dt { font-weight:bold; }
.post_content dd { margin-bottom:1em; }


/* table */
.post_content table { margin:0 0 24px 0; width:100% !important; }
.post_content td, .post_content th { border:1px solid #ddd; padding:17px 30px; line-height:2.2; background:#fff; -webkit-box-sizing:border-box; box-sizing:border-box; }
.post_content th { background:#f7f7f7; font-weight:normal; }
/* table style */
.post_content table.table_no_border th, .post_content table.table_no_border td { border:none; padding-left:0; }
.post_content table.table_border_horizontal th, .post_content table.table_border_horizontal td { border-left:none; border-right:none; padding-left:0; }

/* new block quote */
.post_content blockquote {
  position:relative; color:rgba(0, 0, 0, 0.6); margin-bottom:2em; padding:2em 2.4em;
  box-shadow:none; background:rgba(0, 0, 0, 2%); border:none; border-left:3px solid #000;
}
.post_content blockquote:before {  line-height:40px;   top:5px; left:10px; }
.post_content blockquote:after {  text-align:left; line-height:60px;   bottom:10px; right:-2px; }
.post_content blockquote:before, .post_content blockquote:after {
  content: '"'; font-style:italic; font-size:30px; font-weight:normal; color:#000;
  width:30px; height:30px; position:absolute;
}
.post_content blockquote p { line-height:1.8; }

/* captions */
.post_content .wp-caption { margin-bottom:2em; background:#fff; border:1px solid #ddd; padding:10px; max-width:100%; }
.post_content .wp-caption-text { text-align:center; line-height:1.5; margin:0 auto; padding:10px 0 0; font-size:14px; }
.post_content .wp-caption img[class*="wp-image-"] { display:block; margin:0 auto 0; }



/* gallery */
.gallery { margin-bottom:20px; }
.gallery img { border: 0 !important; display:block; margin:0; }
.gallery-item { float:left; margin:0 4px 4px 0; overflow:hidden; position:relative; }
.gallery-columns-1, .gallery-columns-2, .gallery-columns-3, .gallery-columns-4, .gallery-columns-5,
  .gallery-columns-6, .gallery-columns-7, .gallery-columns-8, .gallery-columns-9, .gallery-columns-10 { margin:0 -4px -4px 0 !important; }
.gallery-columns-1 .gallery-item { max-width:100%; }
.gallery-columns-2 .gallery-item { max-width:calc(50% - 4px); }
.gallery-columns-3 .gallery-item { max-width:calc(100% / 3 - 4px); }
.gallery-columns-4 .gallery-item { max-width:calc(25% - 4px); }
.gallery-columns-5 .gallery-item { max-width:calc(20% - 4px); }
.gallery-columns-6 .gallery-item { max-width:calc(100% / 6 - 4px); }
.gallery-columns-7 .gallery-item { max-width:calc(100% / 7 - 4px); }
.gallery-columns-8 .gallery-item { max-width:calc(100% / 8 - 4px); }
.gallery-columns-9 .gallery-item { max-width:calc(100% / 9 - 4px); }
.gallery-columns-10 .gallery-item { max-width:calc(10% - 4px); }
.gallery-caption {
  background-color:rgba(0, 0, 0, 0.7); color:#fff; font-size:12px; line-height:1.5; margin:0; pointer-events:none;
  padding:6px 8px; position:absolute; bottom:0; left:0; text-align:left; width:100%;
  -webkit-box-sizing:border-box; box-sizing:border-box;
	transform: translate3d(0, 100%, 0);
	transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) 0s;
}
.gallery-item:hover .gallery-caption { transform: translate3d(0, 0, 0); }
.gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption, .gallery-columns-10 .gallery-caption { display: none; }
@media screen and (max-width:767px) {
  .gallery-caption { display:none; }
}


/* etc */
.post_content .wp-smiley { border:0; margin-bottom:0; margin-top:0; padding:0; }
.post_content address { margin:0 0 24px 0; line-height:2.2; }
.post_content pre { border-left:3px solid #ccc; background:#f8f8f8; font-size:12px; margin:0 0 27px 0; line-height:1.7; padding:20px; overflow:auto; }
.post_content .sticky { }
.post_content .mejs-container { margin: 12px 0 25px; }


/* パスワード保護 */
.c-pw { margin-top:50px; }
.c-pw__box { font-size:16px; padding:40px; border:1px solid #ddd; }
.c-pw__box-inner { width:100%; height:50px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.c-pw__box-desc { line-height:1.8!important; margin:-0.4em 0 2em!important; }
.c-pw__box-input { display:block; flex:1; border:none; background:#eee; height:100%; padding: 0 20px; }
.c-pw__btn--submit { display:block; min-width:150px; height:100%; padding:0 1em; background:#111; color:#fff!important; border:0; cursor:pointer; }
.c-pw__btn--submit:hover { background:#333; }
@media (max-width:767px) {
  .c-pw { margin-top:40px; }
  .c-pw__box { font-size:14px; padding:20px; }
  .c-pw__box-inner { height:40px; }
  .c-pw__box-desc { margin-bottom:1em!important; }
  .c-pw__box-input { width:calc(100% - 100px); padding:0 10px; }
  .c-pw__btn--submit { min-width:auto; width:100px; }
}


/* Cardlink style - カードリンクのスタイル */

/* Google Mapの設定 */
.p-btn {
  -webkit-box-sizing: border-box; box-sizing: border-box;
  display: inline-block; min-width: 180px; height: 50px; padding: 0 15px; border-radius: 0;
  color: #fff; font-size: 14px; line-height: 50px; text-align: center;
}
@media screen and (max-width: 767px) {
  .p-btn { height: 45px; font-size: 12px; line-height: 45px; }
}


/* ブロックエディタ */
.wp-block-social-links a { color:#fff !important; }
.has-small-font-size { font-size:.8125em !important; }
.has-normal-font-size,
.has-regular-font-size { font-size:1em !important; }
.has-medium-font-size { font-size:1.25em !important; }
.has-large-font-size { font-size:2.25em !important; }
.has-huge-font-size, .has-larger-font-size { font-size:2.625em !important; }


/* QUADRAから追加分 */
.post_content .underline, .post_content .underline:hover { text-decoration:underline; }
.post_content .e_link {
  display: inline-block; position: relative; padding-right:1em;
}
.post_content .e_link:after {
  font-family: 'design_plus'; content: '\e92a'; font-size: 100%; display: block;
  position: absolute; transition:none; margin-top:-0.1em;
  right:0; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
.post_content img.frame {
  border: 1px solid #d2d2d2;
  -webkit-box-shadow: 0 6px 6px -6px #cccccc;
  -moz-box-shadow: 0 6px 6px -6px #cccccc;
  box-shadow: 0 6px 6px -6px #cccccc;
}
.post_content .s_table { overflow: auto; white-space: nowrap; margin-bottom: 2em; }
.post_content .s_table table { margin-bottom: 0; }
.post_content .a_break { display: inline-block; }
@media (max-width: 767px) {
  .post_content .is-pc { display:none!important; }
}
@media not all and (max-width: 767px) {
  .post_content .is-sp { display:none!important; }
}

/*  WordPress プリセットスタイル */
@media screen and (max-width:767px) {
  .post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6 { }
  .post_content p { line-height:2; }
  .post_content li, .post_content dt, .post_content dd { line-height:1.8; }
  .post_content td, .post_content th { line-height:1.8; padding:14px 20px; }
}


/* admin bar利用時 */
body.admin-bar { padding-top:32px; }
body.admin-bar #header_top { top:32px; }
body.admin-bar .drawer_contents, body.admin-bar .drawer_overlay { top: 32px; }


@media screen and (max-width:782px) {
  body.admin-bar #header_top { top:0px; }
  body.admin-bar { padding-top:46px; }
  body.admin-bar .drawer_contents, body.admin-bar .drawer_overlay { top: 46px; }
}

/* common専用 見出し */
.post_content .q_dh { overflow: hidden; position: relative; margin-bottom:40px; }
.post_content * + .q_dh { margin-top:60px; }
.post_content .q_dh_h {
  font-size:28px; line-height:1.6; padding:calc(50px - 0.3em) 50px; margin:0;
  border:1px solid #ddd; text-align: center;
}
.post_content .q_dh_l {
  display:block; width:115px; height:115px; padding-bottom:10px;
  position: absolute; top:-58px; left:-58px; transform: rotate(-45deg);
  font-size:12px; font-weight:600; line-height:1; text-align: center; color:#fff; background:#000;
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
  -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;
}
@media (max-width: 767px) {
  .post_content .q_dh { margin-bottom:30px; }
  .post_content * + .q_dh { margin-top:30px; }
  .post_content .q_dh_h { font-size:18px; line-height:1.5; padding:calc(25px - 0.25em) 50px; }
  .post_content .q_dh_l { font-size:10px; width:100px; height:100px; top:-50px; left:-50px; }
}


/* table スクロール対応 */
@media (max-width: 767px) {
  .post_content .s_table,
  .post_content .wp-block-table { overflow: auto; white-space: nowrap; margin-bottom: 2em; }
  .post_content .s_table table,
  .post_content .wp-block-table { margin-bottom: 0; }
}
/** ブロックエディターのテーブルブロックの調整 **/
.wp-block-table.is-style-stripes td,
.wp-block-table .has-background td{
  background-color: transparent;
}

/* ----------------------------------------------------------------------
 ブロックエディターのレイアウト調整
---------------------------------------------------------------------- */
/* Yotutubeのレスポンシブ対応 */
.wp-block-embed.is-type-video { margin:0 0 2em 0; }
/* 上付き文字、下付き文字 */
sup { vertical-align: super; font-size: smaller; }
sub { vertical-align: sub; font-size: smaller; }
/* h1とh2タグの中央寄せ */
.has-text-align-left { text-align:left !important; }
.has-text-align-right { text-align:right !important; }
/* 画像ブロックの中央寄せ */
.post_content .aligncenter { display:table; margin-left:auto; margin-right:auto; margin-bottom:7px; }