@charset "UTF-8";

/*--------------------------------------------------------------------------
----------------------------------------------------------------------------
----------------------------------------------------------------------------
汎用
----------------------------------------------------------------------------
----------------------------------------------------------------------------
--------------------------------------------------------------------------*/

/*縦書き*/
.v-rl {letter-spacing: 2px; writing-mode: vertical-rl;}

/*画像 .img img*/
.img-frame {position: relative; overflow: hidden;}
.img-frame > img {width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; object-position: 50%; font-family: 'object-fit: cover; object-position: 50%;'; transform: scale(1.0); transform-origin: center; transition: .5s ease;}


/*汎用flex*/
.flex {display: flex;}
.flex.reverse {flex-direction: row-reverse;}

/*コンテナ*/
.container {margin: 0 auto;}

/*--------------------------------------------------------------------------
パララックス＆ホバーアニメーション
--------------------------------------------------------------------------*/
/*------------------------------------
下から上に upflow
------------------------------------*/
.upflow {visibility: hidden; opacity: 0; transform: translateY(40px); transition: 1.4s all ease;}
.upflow.active {visibility: visible; opacity: 1; transform: translateY(0);}

/*--------------------------------------------------------------------------
部品
--------------------------------------------------------------------------*/

/*------------------------------------
SNSリンク
------------------------------------*/
.socials-list {width: 288px; max-width: 100%; flex-wrap: wrap; justify-content: space-between;}
.socials-list li a {display: block;}
.socials-list li a img {width: auto; height: 44px;}

/*------------------------------------
MORE
------------------------------------*/
.more {display: inline-block; position: relative; background: #14747c; color: #fff; text-align: center; z-index: 3; transition: 0.3s all ease!important;}
.more:hover {color: #fff!important; opacity: 0.7;}

.more-wrap {text-align: center;}

/*------------------------------------
ページトップに戻るボタン
------------------------------------*/
.scroll-up {display: block; position: fixed; bottom: 20px; opacity: 1; transition: all .3s ease; z-index: 99;}

/*------------------------------------
YouTube
------------------------------------*/
.youtube_movie {width: 100%; padding-top: 56.25%; position: relative; overflow: hidden;}
.youtube_movie iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.youtube_movie .player {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; z-index: 1;}
.youtube_movie .player img {width: 14%;}
.youtube_movie .player img:hover {cursor: pointer;}
.youtube_movie .youtube {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.youtube_movie .thumb {width: 100%; position: absolute; top: 0; left: 0; z-index: 1;}
.video-title {color: #fff; font-size: 23px; text-align: center;}

.youtube_movie-wraper {max-width: 100%;}
.scroll-up:hover {opacity: .5;}

/*--------------------------------------------------------------------------
グローバルナビ
--------------------------------------------------------------------------*/
#site-navigation {position: relative; z-index: 1;}
#site-navigation #top-menu {display: flex;}
#site-navigation #top-menu .menu-item a {position: relative; color: #fff;}
#site-navigation #top-menu #menu-item-149 a {display: inline-flex; align-items: center;}
#site-navigation #top-menu #menu-item-149 a:before {content: ''; width: 21px; height: 22px; margin-right: 3px; padding: 0 0 0 1px; background: url(../img/icon_cart_fff.png) no-repeat; background-size: contain; box-sizing: border-box;}

/*--------------------------------------------------------------------------
body
--------------------------------------------------------------------------*/
body {background: #000!important; overflow: hidden;}
body::-webkit-scrollbar {width: 12px; background: #eee; z-index: 3;}
body::-webkit-scrollbar-thumb {width: 12px; background: #14747c;}

/*--------------------------------------------------------------------------
ヘッダー
--------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------
メイン
--------------------------------------------------------------------------*/
#main-area {background: #000;}

.page:not(.home) #main-area,
.archive #main-area,
.single #main-area,
.blog #main-area {position: relative; z-index: 1;}

.page:not(.home) #main-area:before,
.page:not(.home) #main-area:after,
.archive #main-area:before,
.archive #main-area:after,
.single #main-area:before,
.single #main-area:after,
.blog #main-area:before,
.blog #main-area:after {content:""; display: block; width: 100%; height: 50%; position: absolute; left: 0;}

.page:not(.home) #main-area:before,
.archive #main-area:before,
.single #main-area:before,
.blog #main-area:before {top: 0;}

.page:not(.home) #main-area:after,
.archive #main-area:after,
.single #main-area:after,
.blog #main-area:after {bottom: 0;}

.page:not(.home) #main-area .wrap,
.archive #main-area .wrap,
.single #main-area .wrap,
.blog #main-area .wrap {position: relative; z-index: 5;}

.page:not(.home) .contents-wrap {background: #fff;}

/*--------------------------------------------------------------------------
フッター
--------------------------------------------------------------------------*/
footer#colophon {position: relative; z-index: 0;}

footer#colophon .site-logo img {width: 100%; height: auto;}
footer#colophon .office-info-wrap .office-info .contact .tel {margin-right: 1.5em;}
footer#colophon .office-info-wrap .office-info .contact .tel:hover {opacity: 0.7;}
footer#colophon .footer-nav .menu * {line-height: 2.5;}
footer#colophon .footer-nav .menu li#menu-item-152 a {display: inline-flex; align-items: center;}
footer#colophon .footer-nav .menu li#menu-item-152 a:before {content: ''; width: 21px; height: 22px; margin-right: 3px; padding: 0 0 0 1px; background: url(../img/icon_cart.png) no-repeat; background-size: contain; box-sizing: border-box;}

footer#colophon .copyright {line-height: 1; text-align: center;}

/*--------------------------------------------------------------------------
----------------------------------------------------------------------------
----------------------------------------------------------------------------
フロントページ
----------------------------------------------------------------------------
----------------------------------------------------------------------------
--------------------------------------------------------------------------*/
.home .wrap {width: 100%;}


/*------------------------------------
HERO HERDER video
------------------------------------*/
.custom-header .custom-header-media .video {position: absolute; width: 100%; height: 100vh; z-index: 2; background: #000;}
.custom-header .custom-header-media .video video {position: absolute; top: 0; width: 100%; height: 100vh; z-index: 1; object-fit: contain; object-position: center; font-family: 'object-fit: contain; object-position: center;';}

/*------------------------------------
scroll
------------------------------------*/
.scroll {display: none;}
.home .scroll {display: block; width: 100%; position: absolute; text-align: center; z-index: 10}
.home .scroll a.has-animation {position: relative; color: #fff;}
.home .scroll a.has-animation:before,
.home .scroll a.has-animation:after {content: ""; display: block; position: absolute; bottom: -16px; background: #fff; animation: scrollAnimation 2s infinite;}
.home .scroll a.has-animation:before {left: 50%; transform: rotate(57deg);}
.home .scroll a.has-animation:after {right: 50%; transform: rotate(-57deg);}
.home .scroll a.animation-cover {position: absolute; top: 38px; left: 50%;}

/*------------------------------------
wrap
------------------------------------*/
#front section > .wrapper {width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; top: 0;}


/*------------------------------------
Youtube channel
------------------------------------*/
#channel01, #channel02, #channel03, #channel04 {opacity: 0; transition: 1s all ease;}

#front .youtube-channel {position: relative; z-index: 0;}
#front .youtube-channel .link-btn {text-align: center;}

/*------------------------------------
recommended item
------------------------------------*/
#front .recommend-item {position: relative; z-index: 10;}
#front .recommend-item * {color: #fff;}
#front .recommend-item .recommend-item-img {position: absolute; z-index: 11;}
#front .recommend-item .sec-h {position: absolute; z-index: 11;}
#front .recommend-item .award-img {position: absolute; z-index: 11;}
#front .recommend-item .recommend-item-img a {position: absolute;}
#front .recommend-item .award {position: absolute; z-index: 11;}
#front .recommend-item .award .details {text-align: center;}

/*------------------------------------
commit-top
------------------------------------*/
#front .commit-top {position: relative; z-index: 9;}
#front .commit-top .commit-top-img {position: absolute; z-index: 10;}
#front .commit-top .commit-top-img a {position: absolute; letter-spacing: 2px!important;}

/*------------------------------------
茶師
------------------------------------*/
#front .tea-master {position: relative; z-index: 8;}
#front .tea-master * {color: #fff;}
#front .tea-master .tea-master-name-wrap {position: absolute; z-index: 9;}
#front .tea-master .tea-master-name-wrap.fadeIn.release img {animation-delay: 2s;}
#front .tea-master .tea-master-name {position: absolute; bottom: 20%; z-index: 9;}
#front .tea-master .tea-master-name .humbly-made {position: absolute; z-index: 9;}

/*------------------------------------
online shop top
------------------------------------*/
#front .online-shop-top {position: relative; z-index: 7;}
#front .online-shop-top .wrapper .sec-title {color: #fff; display: inline-flex; align-items: center;}
#front .online-shop-top .wrapper .sec-title:before {content: ''; background: url(../img/icon_cart_fff.png) no-repeat; background-size: contain; box-sizing: border-box;}
#front .online-shop-top .wrapper .items-list {align-items: flex-end;}

#front .online-shop-top .wrapper .banner {position: relative;}
#front .online-shop-top .wrapper .banner:before {content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../img/bnr_001.png) center no-repeat; background-size: contain; opacity: 0; transition: 0.3s all ease;}
#front .online-shop-top .wrapper .banner:hover:before {opacity: 1;}

/*------------------------------------
page link
------------------------------------*/
#front .page-link {position: relative; z-index: 6;}
#front .page-link .page-link-list li .page-title a {display: block; color: #fff; font-size: 23px; text-align: center;}
#front .page-link .page-link-list li .img {overflow: hidden;}
#front .page-link .page-link-list li:hover img {transform: scale(1.1);}

/*------------------------------------
news top
------------------------------------*/
#front .news-top {position: relative; z-index: 5;}
#front .news-top .wrapper .container .sec-section.news-list-wrap {position: relative; background: #fff; box-sizing: border-box; z-index: 2;}
#front .news-top .wrapper .container .sec-section.news-list-wrap:before {content: ""; position: absolute; background: url(../img/deco_top-news.png) center no-repeat; background-size: contain; z-index: 3;}
#front .news-top .wrapper .container .sec-section.news-list-wrap .sec-title span {color: #969696;}
#front .news-top .wrapper .container .sec-section.news-list-wrap .entry {padding: 13px 0; border-bottom: 1px solid #a0a0a0;}
#front .news-top .wrapper .container .sec-section.news-list-wrap .entry time {color: #969696;}
#front .news-top .wrapper .container .sec-section.news-list-wrap .entry .post-title {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#front .news-top .wrapper .container .sec-section.news-list-wrap .more-wrap {margin-top: 10%; text-align: center;}
#front .news-top .wrapper .container .sec-section.embedded-facebook .fb-frame {position: relative;}
#front .news-top .wrapper .container .sec-section.embedded-facebook .fb-frame #pageplugin {width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden;}
#front .news-top .wrapper .container .sec-section.embedded-facebook .fb-frame #pageplugin iframe {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style] {width: 100% !important;}

/*------------------------------------
販売店舗
------------------------------------*/
#front .shop-list {position: relative; z-index: 4;}
#front .shop-list .inner {flex-direction: column; align-items: center;}
#front .shop-list .inner * {color: #fff; text-align: center;}
#front .shop-list .inner .entry a {text-decoration: underline;}

/*--------------------------------------------------------------------------
----------------------------------------------------------------------------
----------------------------------------------------------------------------
テンプレ
----------------------------------------------------------------------------
----------------------------------------------------------------------------
--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------
新着情報個別ページ (single.php)
--------------------------------------------------------------------------*/
.single #main-area:before {height: 400px; background: url(../img/news_bg_top.jpg) center 40%; background-size: cover; z-index: 2;}
.single #main-area:after {height: 470px; background: url(../img/news_bg_btm.jpg) center 32%; background-size: cover; z-index: 3;}
.single .wrap {max-width: 90%!important; padding: 0%!important;}
.single .post-content-wrap {background: #fff; overflow: hidden;}
.single .single-page-title {color: #fff; text-align: center;}
.single .entry-meta {text-align: left;}
.single .entry-meta time {color: #969696;}
.single .entry-title{text-align: left;}
.single .byline {visibility: hidden;}

.single .site-main article:not(:last-of-type) {margin-bottom: 2em; padding-bottom: 1em!important; border-bottom: 1px solid #969696;}
.single .entry-content img {margin: 5px 0;}

.has-sidebar #secondary h2.widget-title {margin-bottom: 1em; text-align: center;}
.single .widget ul li, .widget ol li {border-bottom: 1px solid #969696; border-top: none; padding: 0.5em 0;}
.single .widget ul li:first-child, .widget ol li border-top:first-child{border-top: 1px solid #969696;}

.single #archives-3 {position: relative; z-index: 1;}
.single #archives-3:after {content: ""; width: 10px; height: 20px; display: block; position: absolute; right: 10px; background: url(../img/news_btn_select.png) no-repeat; background-size: contain; z-index: -1;}
.single #archives-dropdown-3 {width: 100%; padding-left: 1em; background: transparent; border: 1px solid #ddd; position: relative; z-index: 2;}

.single .wp-pagenavi {text-align: center;}
.single .wp-pagenavi a,
.single .wp-pagenavi span {padding: 5px; border: none;}
.single .wp-pagenavi a {transition: 0.3s all ease;}
.single .wp-pagenavi a:hover {background: #14747c; color: #fff;}

/*--------------------------------------------------------------------------
新着情報アーカイブページ (archive.php)
--------------------------------------------------------------------------*/
.archive #main-area:before {height: 400px; background: url(../img/news_bg_top.jpg) center 40%; background-size: cover; z-index: 2;}
.archive #main-area:after {height: 470px; background: url(../img/news_bg_btm.jpg) center 32%; background-size: cover; z-index: 3;}
.archive .wrap {max-width: calc(100% - 40px)!important; padding: 0!important;}
.archive .post-content-wrap {background: #fff; overflow: hidden;}
.archive .archive-page-title {color: #fff; text-align: center;}
.archive .entry-meta {text-align: left;}
.archive .entry-meta time {color: #969696;}
.archive .entry-title {text-align: left;}
.archive .entry-title a, .archive .widget .widget-title a {transition: 0.3s all ease;}
.archive .entry-title a:hover, .archive .widget .widget-title a:focus, .archive .widget .widget-title a:hover, .archive .widget ul li a:focus, .widget ul li a:hover {box-shadow: none; opacity: .5;}

.archive .site-main article:not(:last-of-type) {margin-bottom: 2em; padding-bottom: 1em!important; border-bottom: 1px solid #969696;}
.archive .entry-content img {margin: 5px 0;}
.archive .entry-content a {transition: 0.3s all ease;}
.archive .entry-content a:hover {opacity: .5;}

.has-sidebar #secondary h2.widget-title {margin-bottom: 1em; text-align: center;}
.archive .widget ul li, .widget ol li {border-bottom: 1px solid #969696; border-top: none; padding: 0.5em 0;}
.archive .widget ul li:first-child, .widget ol li border-top:first-child{border-top: 1px solid #969696;}

.archive #archives-3 {position: relative; z-index: 1;}
.archive #archives-3:after {content: ""; width: 10px; height: 20px; display: block; position: absolute; right: 10px; background: url(../img/news_btn_select.png) no-repeat; background-size: contain; z-index: -1;}
.archive #archives-dropdown-3 {width: 100%; padding-left: 1em; background: transparent; border: 1px solid #ddd; position: relative; z-index: 2;}

.archive .wp-pagenavi {text-align: center;}
.archive .wp-pagenavi a,
.archive .wp-pagenavi span {padding: 5px; border: none;}
.archive .wp-pagenavi a {transition: 0.3s all ease;}
.archive .wp-pagenavi a:hover {background: #14747c; color: #fff;}

/*--------------------------------------------------------------------------
新着情報固定ページ (page-news.php)
--------------------------------------------------------------------------*/
.blog #main-area:before {height: 400px; background: url(../img/news_bg_top.jpg) center 40%; background-size: cover; z-index: 2;}
.blog #main-area:after {height: 470px; background: url(../img/news_bg_btm.jpg) center 32%; background-size: cover; z-index: 3;}
.blog .wrap {max-width: calc(100% - 40px)!important; padding: 0!important;}
.blog .post-content-wrap {background: #fff; overflow: hidden;}
.blog .archive-page-title {color: #fff; text-align: center;}
.blog .entry-meta {text-align: left;}
.blog .entry-meta time {color: #969696;}
.blog .entry-title {text-align: left;}
.blog .entry-title a, .widget .widget-title a {transition: 0.3s all ease;}
.blog .entry-title a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover {box-shadow: none; opacity: .5;}

.blog .site-main article:not(:last-of-type) {margin-bottom: 2em; padding-bottom: 1em!important; border-bottom: 1px solid #969696;}
.blog .entry-content img {margin: 5px 0;}
.blog .entry-content a {transition: 0.3s all ease;}
.blog .entry-content a:hover {opacity: .5;}

.blog #secondary h2.widget-title {margin-bottom: 1em; text-align: center;}
.blog .widget ul li, .widget ol li {border-bottom: 1px solid #969696; border-top: none; padding: 0.5em 0;}
.blog .widget ul li:first-child, .widget ol li border-top:first-child{border-top: 1px solid #969696;}

.blog #archives-3 {position: relative; z-index: 1;}
.blog #archives-3:after {content: ""; width: 10px; height: 20px; display: block; position: absolute; right: 10px; background: url(../img/news_btn_select.png) no-repeat; background-size: contain; z-index: -1;}
.blog #archives-dropdown-3 {width: 100%; padding-left: 1em; background: transparent; border: 1px solid #ddd; position: relative; z-index: 2;}

.blog .wp-pagenavi {text-align: center;}
.blog .wp-pagenavi a,
.blog .wp-pagenavi span {padding: 5px; border: none;}
.blog .wp-pagenavi a {transition: 0.3s all ease;}
.blog .wp-pagenavi a:hover {background: #14747c; color: #fff;}



/*--------------------------------------------------------------------------
----------------------------------------------------------------------------
----------------------------------------------------------------------------
固定ページ
----------------------------------------------------------------------------
----------------------------------------------------------------------------
--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------
いまくま茶園のこだわり
--------------------------------------------------------------------------*/
.page:not(.home) .contents-wrap.kodawari {padding: 8.2654% 0; background: #000;}
.page:not(.home) .contents-wrap.kodawari * {color: #fff;}
.page:not(.home).page-id-77 .sec-main-img.kodawari .flame {position: relative;}
.page:not(.home).page-id-77 .sec-main-img.kodawari .flame .message {position: absolute;}

.kodawari .sec-sub-img.full-size,
.kodawari .sec-main-img.full-size {width: 100vw; margin-left: calc(50% - 50vw);}
.kodawari .sec-sub-img.full-size img,
.kodawari .sec-main-img.full-size img {width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover; object-position: 50%;';}

.kodawari .s-title,
.kodawari .ss-title {margin-bottom: 10px;}
.kodawari .g-h {
	background: #000000;
	background: -moz-linear-gradient(left, #000000 0%, #14747c 20%, #14747c 50%, #14747c 80%, #000000 100%);
	background: -webkit-gradient(linear, left center, right center, from(#000000), color-stop(20%, #14747c), color-stop(50%, #14747c), color-stop(80%, #14747c), to(#000000));
	background: -webkit-linear-gradient(left, #000000 0%, #14747c 20%, #14747c 50%, #14747c 80%, #000000 100%);
	background: -o-linear-gradient(left, #000000 0%, #14747c 20%, #14747c 50%, #14747c 80%, #000000 100%);
	background: -ms-linear-gradient(left, #000000 0%, #14747c 20%, #14747c 50%, #14747c 80%, #000000 100%);
	background: linear-gradient(to right, #000000 0%, #14747c 20%, #14747c 50%, #14747c 80%, #000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#000000, endColorstr=#000000,GradientType=1 );
	color: #fff; text-align: center;}

.kodawari .sense .inner {align-items: center;}

.kodawari .our-commitment .kyushu-map {display: block; margin: 0 auto;}

.kodawari .online-shop-news .items-list li {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: space-between;}
.kodawari .online-shop-news .items-list li:first-child {z-index: 3;}
.kodawari .online-shop-news .items-list li:nth-child(2) {z-index: 2;}
.kodawari .more.online-shop {display: inline-flex; align-items: center;}
.kodawari .more.online-shop:before {content: ''; width: 30px; height: 30px; display: inline-flex; background: url(../img/icon_cart_fff.png) no-repeat; background-size: contain; box-sizing: border-box;}


/*--------------------------------------------------------------------------
会社概要
--------------------------------------------------------------------------*/
.page:not(.home).page-id-48 #main-area:before {height: 1256px; background: url(../img/co_bg_top.jpg) top center; background-size: cover; z-index: 2;}
.page:not(.home).page-id-48 #main-area:after {height: 1256px; background: url(../img/co_bg_btm.jpg) bottom center; background-size: cover; z-index: 3;}

.company .g-h {height: 40px; line-height: 40px;
	background: #ffffff;
	background: -moz-linear-gradient(left, #ffffff 0%, #14747c 20%, #14747c 50%, #14747c 80%, #ffffff 100%);
	background: -webkit-gradient(linear, left center, right center, from(#ffffff), color-stop(20%, #14747c), color-stop(50%, #14747c), color-stop(80%, #14747c), to(#ffffff));
	background: -webkit-linear-gradient(left, #ffffff 0%, #14747c 20%, #14747c 50%, #14747c 80%, #ffffff 100%);
	background: -o-linear-gradient(left, #ffffff 0%, #14747c 20%, #14747c 50%, #14747c 80%, #ffffff 100%);
	background: -ms-linear-gradient(left, #ffffff 0%, #14747c 20%, #14747c 50%, #14747c 80%, #ffffff 100%);
	background: linear-gradient(to right, #ffffff 0%, #14747c 20%, #14747c 50%, #14747c 80%, #ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#ffffff, endColorstr=#ffffff,GradientType=1 );
	color: #fff; font-size: 23px; text-align: center;}
.company .our-company dl .group,
.company .our-history dl .group,
.company .recruit dl .group {display: flex;}
.company .our-company dl .group:not(:last-child),
.company .our-history dl .group:not(:last-child) {border-bottom: 1px solid #ccc;}
.company .our-company dl .group.no-border {border-bottom: none;}
.company .our-company dl .group-wrap {padding-bottom: 13px; border-bottom: 1px solid #ccc;}
.company .our-company dl .group-wrap .google-map .flame {width: 100%; height: 400px; position: relative;}
.company .our-company dl .group-wrap .google-map .flame iframe {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}

.company .our-vision .inner ol li {padding-bottom: 20px; line-height: 2;}

.company .our-concept .inner dl .group02 dt:before,
.company .recruit .inner .dt:before  {content: "■"; margin-right: 5px;}
.company .our-concept .inner dl .group02 dt,
.company .our-concept .inner dl .group02 dd {line-height: 2;}

.company .tea-picking-experience p,
.company .recruit .inner p {line-height: 2;}

.company .tea-picking-experience .youtube_movie-wrap {max-width: 560px; margin: 0 auto;}

.company .recruit .inner dl .group:first-child {border-top: 1px solid #ccc;}
.company .recruit dl .group {border-bottom: 1px solid #ccc;}

/*--------------------------------------------------------------------------
お問い合わせ (contact.php)
--------------------------------------------------------------------------*/
#contact h2 {font-size: 23px; text-align: center;}
#contact h2 span {font-size: 23px;}
#contact form .submit-btn-area span.ajax-loader {position: absolute;}

#contact form .group dt {display: flex;}
#contact form .group dt .required {color: red;}
#contact form .group textarea {border: 1px solid #bbb;}
#contact form .submit-btn-area {margin-top: 8.2654%; text-align: center;}
#contact form input[type="submit"] {background: #14747c; font-family: "Yu Mincho", YuMincho, "Noto Serif JP", serif; font-weight: normal;}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {background: #f7f7f7!important;}

/*--------------------------------------------------------------------------
プライバシーポリシー (privacy.php)
--------------------------------------------------------------------------*/
.page:not(.home).privacy-policy #main-area:before {height: 850px; top: 0; background: url(../img/pp_bg_top.jpg) center 30%; background-size: cover; z-index: 2;}
.page:not(.home).privacy-policy #main-area:after {height: 800px; background: url(../img/pp_bg_btm.jpg) center 70%; background-size: cover; z-index: 3;}

#privacy dt:before {content: "■"; margin-right: 5px;}
#privacy dl dt,
#privacy dl dd .contact-info {margin-top: 40px; line-height: 2;}

/*--------------------------------------------------------------------------
404.php
--------------------------------------------------------------------------*/
.error404 .page-title {color: #fff; font-size: 20px;}

#notfound {display: flex; flex-direction: column; justify-content: center; align-items: center;}
#notfound * {text-align: center;}
#notfound h1 {margin-bottom: .325em; line-height: 1;}
#notfound h2 {margin-bottom: .75em; font-weight: 700;}
#notfound p {line-height: 2; text-align: center;}
#notfound p.link-to-top-page {margin-bottom: 0; text-align: center;}
#notfound p.link-to-top-page a {display: inline-block;}

/*--------------------------------------------------------------------------
投稿汎用要素
--------------------------------------------------------------------------*/
#single {word-wrap: break-word;}
#single * {text-align: initial;}

#single h2,
#single h3,
#single h4,
#single h5,
#single h6 {position: relative; font-weight: 700;}

#single p {line-height: 1.75; margin: 0 0 30px 0;}
#single a {text-decoration: underline;}
#single em {font-style: italic;}
#single strong {font-weight: 700;}
#single sup, #single sub {font-size: .5em;}
#single sup {vertical-align: top;}
#single sub {vertical-align: bottom;}
#single blockquote {position: relative; margin: 0 0 30px 0; padding: 30px; background: #eee;}
#single blockquote p {margin-bottom: 0;}
#single blockquote.wp-block-quote cite {display: block; text-align: right;}
#single .wp-block-pullquote {width: 100%;}
#single .wp-block-pullquote blockquote {padding: 30px;}
#single .wp-block-pullquote cite {display: block; text-align: right;}
#single code {display: block; color: #fff; margin: 0 0 30px 0; padding: 20px; background: #364549;}
#single hr {border-top-color: #000;}
#single pre {margin: 0 0 30px 0;}

#single ul,
#single ol {margin: 0 0 30px 0;}
#single ul li,
#single ol li {margin-left: 1.5em; line-height: 2.5;}
#single ul {list-style-type: disc;}
#single ul li {list-style-type: inherit;}
#single ol {list-style-type: decimal;}
#single ol li {list-style-type: inherit;}
#single ul ul,
#single ol ol,
#single ul ol,
#single ol ul {margin: 0 0 0 1.75em;}

#single table {border-collapse: collapse; text-align: left; line-height: 1.5;}
#single table thead th,
#single table thead td,
#single table tfoot th,
#single table tfoot td {background: #eee; font-weight: 700;}
#single table tr {border-bottom: 1px solid #000;}
#single table tr:last-child {border-bottom: none;}
#single table thead th,
#single table thead td {padding: 1rem 1rem;}
#single table th,
#single table td {font-family: initial; padding: 0.75rem 1rem;}
#single table th {background: #eee;}

#single .wp-block-table {width: 100%;}
#single .scroll-table {margin: 0 0 30px 0;}

#single .wp-caption {display: block; max-width: 100%; margin: 0 0 30px 0;}
#single .wp-caption img {display: block;}
#single .wp-caption-text {font-size: .95rem; line-height: 1.5; text-align: left; padding: 10px 15px;}

#single .aligncenter {display: block; margin: 0 0 30px 0;}
#single .alignright {float: right;}
#single .alignleft {float: left;}
#single img.aligncenter {margin: 0 auto;}
#single img.alignleft {margin-right: auto;}
#single img.alignright {margin-left: auto;}

#single figure {display: inline-block; margin: 0 0 30px 0;}
#single figcaption {font-size: .85rem; text-align: center;}
#single figure.wp-block-image figcaption {margin: 0; padding: 8px 0;}
#single .wp-block-gallery {margin: 0 0 30px 0;}
#single .wp-block-gallery .blocks-gallery-grid {margin-bottom: 0;}
#single .wp-block-gallery .blocks-gallery-item {margin: 10px 10px;}
#single .wp-block-gallery .blocks-gallery-item figure {margin: 0;}
#single .wp-block-gallery .blocks-gallery-item .blocks-gallery-item__caption {width: calc(100% - 20px); font-size: .85rem; text-align: left; background: rgba(0,0,0, .3); margin: 0; padding: 8px 10px;}

#single .wp-block-media-text {align-items: start; margin: 0 0 30px 0;}
#single .wp-block-media-text figure.wp-block-media-text__media {display: block; margin: 0; padding: 0;}
#single .wp-block-media-text figure.wp-block-media-text__media img {width: auto; max-width: 100%;}
#single .wp-block-media-text .wp-block-media-text__content {text-align: center; padding: 0 20px;}
#single .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {padding: 0 20px 0 0;}
#single .wp-block-media-text p.has-large-font-size {margin: 0!important;}

#single .wp-block-cover {margin: 0 0 30px 0;}

#single .wp-block-pullquote {position: relative; margin: 0 0 30px 0; padding: 20px 0;}
#single .wp-block-pullquote blockquote {background: #fff; margin: 0; padding: 30px 0; border: 2px solid #333!important; border-left: none!important; border-right: none!important;}
#single .wp-block-pullquote blockquote p {font-size: 1.35rem; margin: 0 0 20px 0;}

#single .wp-block-button {margin: 0 0 30px 0;}
#single .wp-block-button a {display: inline-block; color: #fff; background: #333; padding: 8px 20px; text-decoration: none!important; border-radius: 36px;}
#single .wp-block-button a:hover {color: #333; background: #fff; opacity: 1;}

#single .wp-block-file {margin: 0 0 30px 0;}
#single .wp-block-file__button,
#single .wp-block-button__link {display: inline-block; color: #fff; background: #333; padding: 8px 14px; text-decoration: none!important; border-radius: 36px;}
#single .wp-block-file__button:hover,
#single .wp-block-button__link:hover {color: #333; background: #fff; opacity: 1;}

#single .wp-block-columns {}
#single .wp-block-column {margin: 0 16px 20px 0;}
#single .wp-block-column:last-child {margin: 0 0 20px 0;}

#single .wp-block-embed {display: block;}


/*--------------------------------------------------------------------------
子テーマとしての調整
--------------------------------------------------------------------------*/
.site-header {z-index: 1;}
.entry-header.entry-header {width: 100%!important; float: none!important; text-align: center!important;}
body.page:not(.twentyseventeen-front-page) .entry-title {color: #fff!important;}
.home .entry-header {display: none!important;}
.site-branding {display: none!important;}
.main-navigation a {padding: 0.5em 0!important;}
.main-navigation ul {background: transparent!important; border: none!important;}
.main-navigation > div > ul {padding: 0!important;}
.main-navigation li {border: none!important;}
.has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header {height: 100vh!important;}
.custom-header-media:before {content: none!important;}
a.menu-scroll-down {display: none!important;}
button.menu-toggle {display: none!important;}
.panel-content .wrap {max-width: 100vw!important; margin: 0!important; padding: 0!important;}
.blog:not(.has-sidebar) #primary article, .archive:not(.page-one-column):not(.has-sidebar) #primary article, .search:not(.has-sidebar) #primary article, .error404:not(.has-sidebar) #primary .page-content, .error404.has-sidebar #primary .page-content, body.page-two-column:not(.archive) #primary .entry-content, body.page-two-column #comments{float: none!important; width: 100%!important;}
.site-footer {margin: 0!important;}

.entry-content a, .entry-summary a, .comment-content a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong {-webkit-box-shadow:  none!important; box-shadow: none!important;}
.entry-content a img, .comment-content a img, .widget a img {-webkit-box-shadow: none!important; box-shadow: none!important;}

body:not(.twentyseventeen-front-page) .entry-header {padding: 0!important;}
.page:not(.home) #content.site-content {padding-top: 0!important;;}
.page:not(.home) #content {padding-bottom: 0!important;}
.archive .site-content,
.single .site-content {padding: 0!important;}

.site-content-contain {background-color: #000!important;}
.wrap {width: 1100px; max-width: calc(100vw - 40px)!important; padding: 0!important;}



/*--------------------------------------------------------------------------
site navigation
--------------------------------------------------------------------------*/
.navigation-top {background: #000!important; border: none!important;}
.navigation-top #site-navigation a {color: #fff;}

.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media {height: 100vh!important;}

/*応急措置*/
.main-navigation ul li.menu-item-has-children:hover:before,
.main-navigation ul li.menu-item-has-children:hover:after {content: none!important;}

.main-navigation ul ul {flex-direction: column; left: -1em!important; top: 102%!important;}
.main-navigation ul.sub-menu {opacity: 0; transition: 0.3s all ease;}
.main-navigation ul.sub-menu li {z-index: 1;}
.main-navigation ul.sub-menu li:after {content: none!important;}

.main-navigation .menu-item-has-children > a > .icon {display: none!important;}
.js .dropdown-toggle .icon {height: 2em!important;}
:not( .mejs-button ) > button:hover, :not( .mejs-button ) > button:focus {background: transparent!important;}
.dropdown-toggle:focus {outline: none!important;}
.main-navigation li li:hover, .main-navigation li li.focus {background: transparent!important; opacity: 0.7;}

html[lang="ja"] h1, html[lang="ja"] h2, html[lang="ja"] h3, html[lang="ja"] h4, html[lang="ja"] h5, html[lang="ja"] h6 {font-weight: normal!important;}