@charset "utf-8";
/* CSS Document */

/*カテゴリーのメニュー---------------------------------------------------*/
.swiper-waccaru-category{width: calc(100% + 1em);margin-left: -0.5em;margin-right: -0.5em;}
.swiper-waccaru-category .swiper-slide {padding: 0.5em;height: auto;}
/**/
.item-category-slide{display: flex;height: 100%;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 0.6em 0;}
.item-category-slide-image{display: block;width: 40%;margin: 0 auto; margin-bottom: 0.5em;}
.item-category-slide-text{display: block;width: 100%;text-align: center;font-size: 0.9em;line-height: 1.1;white-space: nowrap;}
.item-category-slide-text-en {display: block;width: 100%;text-align: center;font-size: 0.6em;line-height: 1.1;white-space: nowrap;margin-top: 0.4em;letter-spacing: 0.1em;}
/**/
.item-category-slide.current {background-color:#E1E1E1; color: #404040;box-shadow: inset 0.2em 0.2em 0.6em #E1E1E1, inset -0.2em -0.2em 0.6em #EFEFEF;border: 1px solid  #E1E1E1; }
.item-category-slide:hover,
.item-category-slide:active,
.item-category-slide:focus { background-color:#E1E1E1; color: #404040;box-shadow: inset 0.2em 0.2em 0.6em #E1E1E1, inset -0.2em -0.2em 0.6em #EFEFEF;border: 1px solid  #E1E1E1; }
/*記事ヘッダー---------------------------------------------------*/
.header-article{display: block;margin-bottom: 1em;}
.header-article-category{font-size: 0.9em;margin-bottom: 1em;}
.header-article-media{display: flex;}
.header-article-title{width: 100%;font-size: 1.2em;line-height: 1.4;}
.header-article-author{margin-top: 1em;font-size: 0.9em;}
/*記事メインビジュアル---------------------------------------------------*/
.bg-contents-mv { background-size: cover; background-position: center center;}
/*記事 ブロックコンテンツ----------------------------------------------------*/
.section-article {padding:3em 6em;}
.article-post h1,
.article-post h2,
.article-post h3,
.article-post h4,
.article-post h5,
.article-post h6 {margin:1.5em 0 1.5em; border: none; padding: 0; background: none;line-height: 1.8; }
.article-post p { margin: 0 0 1.5em 0; line-height:1.8;font-size: 0.83em;letter-spacing: 0.08em;}
.article-post ul,
.article-post ol { margin: 2em 1em; padding-left:2em;}
.article-post ol,
.article-post ul { margin-left: 0 }
.article-post ol li{ list-style: decimal  }
.article-post ul li{ list-style: square  }
.article-post ol li,
.article-post ul li { margin: 0.5em 0;display: list-item }
.article-post a { text-decoration: underline;color: #404040; }
.article-post .row + .row {margin-top: 2em;}
.article-post [class*=col-] > *:first-child {margin-top:0}
.article-post [class*=col-] > *:last-child {margin-bottom:0}
.article-post h1{font-size: 1.25em;}
.article-post h2{font-size: 1.2em;}
.article-post h3{font-size: 1.15em;}
.article-post h4{font-size: 1.1em;}
.article-post h5{font-size: 1.05em;}
.article-post h6{font-size: 1em;}
.article-post > * {margin-bottom: 0;}
.article-post-caption {margin-top: 0.5em;color: #A8A8A8;font-size: 0.8em;line-height:1.4;}
.article-post-body > *:last-child {margin-bottom: 0;}
.article-post p:empty,
.article-post div:empty {display: none}
/*LP----------------------------------------------------*/
.article-lp {  margin-left: auto; margin-right: auto; font-size: 1.1428em; line-height: 2; letter-spacing: normal; }
.article-lp h1,
.article-lp h2,
.article-lp h3,
.article-lp h4,
.article-lp h5,
.article-lp h6 { margin: 1em 0 2em; font-weight: 400; }
.article-lp h1 { font-size: 2em }
.article-lp h2 { font-size: 1.5em; }
.article-lp h3 { font-size: 1.4em }
.article-lp h4 { font-size: 1.3em }
.article-lp h5 { font-size: 1.2em }
.article-lp h6 { font-size: 1.1em }
.article-lp p { letter-spacing: normal; margin-bottom: 1.87em; }
.article-lp ul,
.article-lp ol { margin-bottom: 1em; }
.article-lp a { color: #00A6E4 }
.article-lp aside { background: #EFEFEF; padding: 1em; }
.article-lp dd,
.article-lp dt { line-height: 2 }
.article-lp p:empty,
.article-lp div:empty {display: none}
/*旧記事クラス----------------------------------------------------*/
.mgb-sm {margin-bottom: 1em !important;}
.brd-sax-1{border: 1px solid #76BDE6;}
.pdd-sm {padding: 1em;}
/**/
.block-6 { padding: 1.6em 3.2em;margin-top: 1em !important;}
.block-6 .title-1 { font-size: 1.2em; letter-spacing: 0.16em; text-align: center;font-weight: bold }
.block-7 {margin-bottom: 2em;text-align: center; letter-spacing: 0.16em; font-weight: bold;font-size: 1.2em;margin-top: 1em !important; }
.block-7 span{padding: 0.6em;border-radius:1.5em; display: block }
.block-7 a{  color: #333333;  text-decoration: none;padding: 0.6em;border-radius:1.5em; display: block }
.block-7 a:hover {opacity: 0.7}
.block-9 { padding: 1.6em 3.2em; margin-bottom: 2em;margin-top: 1em !important;}
.block-9 .title-1 { font-weight:bold;font-size: 1.4em; letter-spacing: 0.1em; text-align: center; font-style: italic; position: relative; margin-bottom: 3.6em;}
.block-9 .title-1::after { content: ''; display: block; width: 2em; height: 4px; position: absolute; left: 50%; bottom: -0.8em; margin-left: -1em;background: #333333}
.block-9 .title-2 { font-size: 1.15em; letter-spacing: 0.16em; text-align: center;font-weight: bold }
.block-9 .title-3 { font-size: 1.15em; letter-spacing: 0.16em;margin-top: 0; margin-bottom: 0;font-weight: bold}
.block-9 small { font-size: 0.6em;letter-spacing: 0.1em;}
.block-10 {border: 1px solid #CCCCCC;margin-bottom: 2em;padding: 1.6em 3.2em;margin-top: 1em !important;}
.block-6 [class*=col-] p,
.block-6 [class*=col-] div,
.block-7 [class*=col-] p,
.block-7 [class*=col-] div,
.block-9 [class*=col-] p,
.block-9 [class*=col-] div,
.block-10 [class*=col-] p,
.block-10 [class*=col-] div {line-height: 1.8;font-size: 0.83em;letter-spacing: 0.08em;}
/**/
.default-block-5{ padding: 0 0em ;margin-top:0 !important;}
/**/
.default-block-6,
.default-block-9,
.default-block-10,
.default-block-11,
/* .default-block-12, */
.block-11 { padding: 0 0em ;margin-top: 1em !important;}
/**/
.default-block-5 [class*=col-]>p,
.default-block-5 [class*=col-]>div,
.default-block-6 [class*=col-]>p,
.default-block-6 [class*=col-]>div,
.default-block-9 [class*=col-]>p,
.default-block-9 [class*=col-]>div,
.default-block-10 [class*=col-]>p,
.default-block-10 [class*=col-]>div,
.default-block-11 [class*=col-]>p,
.default-block-11 [class*=col-]>div,
.block-11  [class*=col-]>p,
.block-11  [class*=col-]>div {line-height: 1.8;font-size: 0.83em;letter-spacing: 0.08em;}
/**/
.fukidashi {--fukudashi-color:#FFFFFF; display: inline-block; padding: 1em; background: var(--fukudashi-color); position: relative; letter-spacing: 0.16em; margin-bottom: 1.6em; border-radius: 2em / 1em; }
.fukidashi::after { content: ''; position: absolute; display: block; width: 0; height: 0; left: 50%; bottom: -10px; border-left: 12px solid var(--fukudashi-color); border-top: 12px solid transparent; border-bottom: 12px solid transparent; }
.fukidashi-1 {--fukudashi-color:#EEEEEE; padding: 1em; background: var(--fukudashi-color); border-radius: 0.4em; position: relative; }
.left-all::before,
.fukidashi-1.left::before { content: ''; position: absolute; display: block; width: 0; height: 0; left: -10px; top:1em; border-right: 10px solid var(--fukudashi-color); border-top: 10px solid transparent; border-bottom: 10px solid transparent; }
.right-all::before,
.fukidashi-1.right::before { content: ''; position: absolute; display: block; width: 0; height: 0; right: -10px; top:1em; border-left: 10px solid var(--fukudashi-color); border-top: 10px solid transparent; border-bottom: 10px solid transparent; }
.fukidashi-2 {--fukudashi-color:#F7EE13; padding: 1em; background: #F7EE13; border-radius: 0.4em; position: relative; }
.fukidashi-2.left::before { content: ''; position: absolute; display: block; width: 0; height: 0; left: -10px; top:1em; border-right: 10px solid var(--fukudashi-color); border-top: 10px solid transparent; border-bottom: 10px solid transparent; }
.fukidashi-2.right::before { content: ''; position: absolute; display: block; width: 0; height: 0; right: -10px; top:1em; border-left: 10px solid var(--fukudashi-color); border-top: 10px solid transparent; border-bottom: 10px solid transparent; }
.fukidashi div,
.fukidashi-1 div,
.fukidashi-2 div {line-height: 1.8;font-size: 0.83em;letter-spacing: 0.08em;}
.article-post .top-all::before { content: ''; position: absolute; display: block; width: 0; height: 0; left: 50%; top: -10px; margin-left: -10px; 
border-bottom: 10px solid var(--fukudashi-color); 
border-left: 10px solid transparent; 
border-right: 10px solid transparent; 
z-index: 10 }
/*記事 目次----------------------------------------------------*/
.list-index{margin-top: 4em;font-size: 0.9em;}
/*プロフィール----------------------------------------------------*/
.h-bdb{text-align: center;border-bottom: 1px solid #333;padding: 0.6em 0;font-family: Georgia, "Times New Roman", Times, "serif";font-style: italic;letter-spacing: 0.2em;}
/*関連記事----------------------------------------------------*/
.list-stack-article{}
.list-stack-article-item{position: relative;display: flex}
.list-stack-article-item + .list-stack-article-item {margin-top: 2em;}
.list-stack-article-thumbnail{width: 7em;margin-right: 1em;}
.list-stack-article-thumbnail-image{background-color: #666;background-image: url("../images/place-holder-t.png"); background-repeat: no-repeat; background-size:cover; background-position: right 50% top 50%;width: 100%;height: 0;padding-bottom: 100%;border-radius: 0.4em}
.list-stack-article-body{width: calc(100% - 8em);}
.list-stack-article-category{font-size: 0.8em;display: inline-block;background: #fff;line-height: 1;padding: 0.2em 0em;letter-spacing: 0.1em;border-left: 0.3em #BFBFBF solid;padding-left: 0.6em;}
.list-stack-article-title{margin-top: 1em;font-size: 0.9em;font-weight: bold;width: 100%;}
/*スライダー----------------------------------------------------*/
.section-slider {width: calc(100% + 2em);margin-left: -1em;margin-right: -1em;margin-top: -0.5em;}
.swiper-top-mv .swiper-slide {padding: 1em;}
.swiper-top-mv .shadow {border: none;}
.item-mv-slide {display: block;overflow: hidden;border-radius: 0.6em}
/**/
.swiper-top-mv-pagination-outer { width: 100%;position: relative; height: 2em;margin-top: 0;z-index: 10;}
.swiper-top-mv-pagination { left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width:100%;position: absolute;text-align: center;}
/**/
.swiper-pagination-bullet {width: 0.8em;height:0.8em;display: inline-block;border-radius:0;background: #404040;opacity: .2; margin:0 0.4em;border-radius: 50%}
.swiper-pagination-bullet-active {background: #404040 !important;opacity: 1;}
/**/
.swiper-top-mv-nav-prev {position: absolute;left: -1.4em;top: 50%;cursor: pointer;z-index: 20;margin-top: -1.2em;width: 2.4em;}
.swiper-top-mv-nav-next {position: absolute;right: -1.4em;top: 50%;cursor: pointer;z-index: 20;margin-top: -1.2em;width: 2.4em;}


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

.item-category-slide {padding: 1.2em 0;}
.item-category-slide-text-en {margin-top: 0.8em;letter-spacing: 0.2em;}
/*記事---------------------------------------------------*/
.header-article {margin-bottom: 1em;}
.header-article-media-image{width: 35%;padding-right: 1em;}
.header-article-title{width: 65%;}
.article-post {font-size: 1.2em;}
.article-post .fukidashi-1.left::before {border-right-color: transparent !important;}
.article-post .fukidashi-1.right::before {border-left-color: transparent !important; }
.article-post .fukidashi-1.top-sp::before { content: ''; position: absolute; display: block; width: 0; height: 0; left: 50%; top: -20px; margin-left: -10px;
border-bottom: 10px solid var(--fukudashi-color);
border-left: 10px solid transparent;
border-right: 10px solid transparent;
z-index: 10 }
.article-post .fukidashi-2.top-sp::before {  left: 50%; top:-1.2em;  border-top: 10px solid transparent;border-right: 10px solid transparent; border-bottom: 10px solid #F7EE13;border-left: 10px solid transparent; }
.section-article {width: calc(100% + 2em);margin-left: -1em;margin-right: -1em;border-radius: 0}
.block-6 { padding: 1em 1em; }
.block-9 { padding: 1em 1em; }
.block-7 { font-size: 1em}
.block-10 {padding: 1em 1em;}
.default-block-5,
.default-block-6,
.default-block-9,
.default-block-10,
.default-block-11,
.default-block-12,
.block-11 { padding: 0 0 ;}
/*LP----------------------------------------------------*/
.article-lp .mgb-sp-sm {margin-bottom: 1em !important;}
/*--------------------------------------*/
.article-lp .block-6 { padding: 1em 1em; }
.article-lp .block-9 { padding: 1em 1em; }
.article-lp .block-7 { font-size: 1em}
.article-lp .block-10 {padding: 1em 1em;}
.article-lp .fukidashi-1.left::before {border-right-color: transparent !important;}
.article-lp .fukidashi-1.right::before {border-left-color: transparent !important; }
.article-lp .fukidashi-1.top-sp::before { content: ''; position: absolute; display: block; width: 0; height: 0; left: 50%; top: -20px; margin-left: -10px;
border-bottom: 10px solid var(--fukudashi-color); border-left: 10px solid transparent; border-right: 10px solid transparent; z-index: 10 }
.article-lp .fukidashi-2.top-sp::before {left: 50%; top:-1.2em;  border-top: 10px solid transparent;border-right: 10px solid transparent; border-bottom: 10px solid var(--fukudashi-color);border-left: 10px solid transparent; }
/*関連記事----------------------------------------------------*/
.list-stack-article-thumbnail{width: 35%;margin-right: 1em;}
.list-stack-article-body{width: calc(65% - 1em);}
/*スライダー----------------------------------------------------*/
.section-slider{width: calc(100% + 2em);margin-left: -1em;margin-right: -1em;border-radius: 0;border-left: none;border-right: none;padding-left: 0 !important;padding-right: 0 !important;}
.swiper-top-mv-nav-next,
.swiper-top-mv-nav-prev {top: auto;bottom: -3.2em;}
.swiper-top-mv-nav-next{right: 0;}
.swiper-top-mv-nav-prev{left: 0;}
.swiper-top-mv .swiper-slide {padding: 1em 0;}
.item-mv-slide {border-radius: 0em}


}