@charset "UTF-8";

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

/*sp限定*/
.pc {display: none!important;}
.ssp {display: none;}

/*コンテナ*/
.container {width: calc(100% - 40px);}

/*--------------------------------------------------------------------------
パララックス＆ホバーアニメーション
--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------
部品
--------------------------------------------------------------------------*/
/*------------------------------------
汎用見出し
------------------------------------*/
.g-h {font-size: 2em;}

@media screen and (min-width: 768px) {
	.g-h {font-size: 2.5em;}
}

/*------------------------------------
汎用TOP見出し(下部ページ用)
------------------------------------*/
.page-heading,
.page-heading .inner {height: 320px; max-height: 40vh;}

.page-heading .txt {top: 50%;}

@media screen and (min-width: 768px) {
	.page-heading,
	.page-heading .inner {height: 400px;}
}

/*------------------------------------
SNSリンク
------------------------------------*/
.socials-list {margin: 40px auto;}

/*------------------------------------
MORE
------------------------------------*/
.more-wrap {margin: 20px 0 0;}
.more {padding: 10px 0;}

/*------------------------------------
TOPに戻る
------------------------------------*/
.scroll-up {width: 50px; right: 2vw;}

/*------------------------------------
NEWS
------------------------------------*/
.nav-links {overflow: hidden;}
.nav-previous {float: left;}
.nav-next {width: auto; margin-top: 0!important; float: right;}

.post-navigation .nav-previous span,
.post-navigation .nav-next span {font-size: 18px;}

/*--------------------------------------------------------------------------
ヘッダー
--------------------------------------------------------------------------*/
#hamburger {width: 50px; height: 50px; position: fixed; top: 2vw; right: 2vw; padding: 15px 0; background: #000; box-sizing: border-box; flex-direction: column; justify-content: space-between; align-items: center; z-index: 9002;}
#hamburger:hover {cursor: pointer;}
#hamburger div {position: absolute; width: 26px; height: 2px; left: calc(50% - 13px); background: #fff; border-radius: 3px; transition: .5s ease;}
#hamburger div:nth-child(1) {top: 13px;}
#hamburger div:nth-child(2) {top: 23px; transition: opacity .3s ease;}
#hamburger div:nth-child(3) {top: 33px;}

.open-menu #hamburger div {transition-delay: 0s,.5s;}
.open-menu #hamburger div:nth-child(1) {top: 23px; transform: rotate(45deg);}
.open-menu #hamburger div:nth-child(2) {opacity: 0;}
.open-menu #hamburger div:nth-child(3) {top: 23px; transform: rotate(-45deg);}

/*--------------------------------------------------------------------------
グローバルナビ
--------------------------------------------------------------------------*/
#drawer-menu {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 2000; transform: translateX(100vw); background: url(../img/bg_menu_sp.jpg) top center/cover fixed #000; display:flex; flex-direction: column; align-items: center; justify-content: center; transition: transform .6s ease;}
.open-menu #drawer-menu {transform: translateX(0); z-index: 2000;}

#drawer-menu #site-navigation {width: calc(100% - 64px);}
#drawer-menu #site-navigation #top-menu {max-width: 280px; margin: 0 auto; flex-direction: column; justify-content: space-around;}
#drawer-menu #site-navigation #top-menu li a {font-size: 1.2em;}

button.dropdown-toggle {display: none!important;}

@media screen and (orientation: landscape) and (max-height: 500px) {
	.open-menu #drawer-menu {flex-direction: row; padding-left: 100px;}
	.open-menu #drawer-menu .socials-list {flex-direction: column; align-items: center; padding: 16px 60px 0 0;}
	.open-menu #drawer-menu .socials-list li {margin-bottom: 20px;}
}

/*--------------------------------------------------------------------------
メイン
--------------------------------------------------------------------------*/
body.page:not(.twentyseventeen-front-page) .entry-title {margin-bottom: 40px; font-size: 20px!important;}
@media screen and (min-width: 640px) {
	body.page:not(.twentyseventeen-front-page) .entry-title {margin-bottom: 60px; font-size: 24px!important;}
}

/*--------------------------------------------------------------------------
フッター
--------------------------------------------------------------------------*/
footer#colophon {padding: 45px 0 0; background: url(../img/bg_f_sp.jpg) top center; background-size: cover;}
footer#colophon .container {max-width: 287px; padding-top: 32.44px; display: flex; flex-direction: column;}
footer#colophon .office-info-wrap {margin-bottom: 10px; flex-direction: column;}
footer#colophon .office-info-wrap .site-logo {display: block; width: 236px; max-width: calc(100% - 60px); margin-bottom: 20px;}
footer#colophon .office-info-wrap .office-info * {line-height: 2.5;}
footer#colophon .menu {flex-direction: column; position: relative;}
footer#colophon .menu:after {content: ""; width: 118px; height: 110px; position: absolute; right: -32px; bottom: 53px; background: url(../img/leaf.png) center no-repeat; background-size: contain;}

footer#colophon #copyright {margin-top: 30px;}
footer#colophon .copyright {padding: 16px 0 50px; font-size: 12px;}

@media screen and (min-width: 660px) {
	footer#colophon .site-map {flex-direction: row; flex-wrap: wrap;}
	footer#colophon .site-map:after {content: none;}
	footer#colophon .site-map li {margin-right: 40px;}
}

/*--------------------------------------------------------------------------
----------------------------------------------------------------------------
----------------------------------------------------------------------------
フロントページ
----------------------------------------------------------------------------
----------------------------------------------------------------------------
--------------------------------------------------------------------------*/

img[src$=".svg"].mask {display: none;}

/*------------------------------------
HERO HERDER
------------------------------------*/
#front .page-heading .video {height: 100%;}
#front .page-heading .video iframe.pc {display: none;}

/*------------------------------------
scroll
------------------------------------*/
.home .scroll {bottom: 90px;}
.home .scroll a.has-animation {font-size: 1.5em;}
.home .scroll a.has-animation:before, .home .scroll a:after {width: 26px; height: 1px;}
.home .scroll a.has-animation:before {margin-left: -20px;}
.home .scroll a.has-animation:after {margin-right: -20px;}
.home .scroll a.animation-cover {width: 30px; height: 30px; top: 38px; margin-left: -15px;}
@keyframes scrollAnimation {0% {bottom: -10px; opacity: 0;} 5% {bottom: -10px; opacity: 0;} 50% {opacity: 1;} 95% {bottom: -20px; opacity: 0;} 100% {bottom: -20px; opacity: 0;}}

/*------------------------------------
Youtube channel
------------------------------------*/
#front .youtube-channel {padding: 50px 0 130px; background: url(../img/bg_top_youtube_sp.jpg) top center; background-size: cover;}
#front .youtube-channel .container {max-width: 520px;}
#front .youtube-channel .youtube-channel-list .video-title {margin: 20px 0 35px;}
#front .youtube-channel .link-btn .more {width: 311px; max-width: 100%;}

@media screen and (min-width: 640px) {
	#front .youtube-channel {padding: 80px 0 130px;}
}
@media screen and (max-width: 340px) {
	#front .youtube-channel .link-btn .more .ssp {display: block;}
}

/*------------------------------------
recommended item
------------------------------------*/
#front .recommend-item {padding-top: 115.942%; background: url(../img/bg_top_rec_sp.jpg) top center; background-size: cover;}
#front .recommend-item .recommend-item-img {width: 113px; top: -65px; left: calc(50% + 25px);}
#front .recommend-item .recommend-item-img a {width: 28%; top: 17%; right: 140%;}
#front .recommend-item .award-img{width: 167.5px; bottom: -230px; right: 50%;}

@media screen and (min-width: 640px) {
	#front .recommend-item {padding-top: 56.875%; background: url(../img/bg_top_rec_pc.jpg) top center; background-size: cover;}
	#front .recommend-item .recommend-item-img {width: 140px; top: -22px; left: 68%;}
	#front .recommend-item .recommend-item-img a {width: 24%; bottom: 7%; right: 118%;}
	#front .recommend-item .award-img{width: 220px; right: 65%; bottom: -240px;}
}

@media screen and (min-width: 400px) and (max-width: 639px) {
	#front .recommend-item .award-img {left: 8%; right: auto; top: 82%; bottom: auto;}
}

@media screen and (max-width: 340px) {
	#front .recommend-item .recommend-item-img {width: 34%; left: auto; right: 16px;}
	#front .recommend-item .award-img {width: 50%; left: 16px; right: auto;}
}
/*------------------------------------
commit-top
------------------------------------*/
#front .commit-top {padding-top: 115.942%; background: url(../img/bg_top_kodawari_sp.jpg) top center; background-size: cover;}
#front .commit-top .commit-top-img {width: 90px; left: 69%; bottom: -60px;}
#front .commit-top .commit-top-img a {width: 40%; height: auto; top: 41%; right: 130%;}

@media screen and (min-width: 640px) {
	#front .commit-top {padding-top: 56.875%; background: url(../img/bg_top_kodawari_pc.jpg) center bottom; background-size: cover;}
	#front .commit-top .commit-top-img {width: 12%; left: 70%;}
}
@media screen and (max-width: 340px) {
	#front .commit-top .commit-top-img {width: 27%; left: auto; right: 16px; bottom: -21%;}
	#front .commit-top .commit-top-img a {top: 40%;}
}

/*------------------------------------
茶師
------------------------------------*/
#front .tea-master {padding-top: 115.942%; background: url(../img/bg_top_tea-master_sp.jpg) center bottom; background-size: cover;}
#front .tea-master .tea-master-name-wrap {width: 74px; right: 72%; bottom: 46px;}

@media screen and (min-width: 640px) {
	#front .tea-master {padding-top: 46.4583%; background: url(../img/bg_top_tea-master_pc.jpg) center bottom; background-size: cover;}
	#front .tea-master .tea-master-name-wrap {width: 10%; max-width: 90px; right: 78%; bottom: 10%;}
}
@media screen and (max-width: 340px) {
	#front .tea-master .tea-master-name-wrap {width: 16%; left: 16px; right: auto;}
}

/*------------------------------------
online shop top
------------------------------------*/
#front section.online-shop-top > .wrapper {position: static;}
#front .online-shop-top {padding: 40px 32px 30px; background: url(../img/bg_top_ec_sp.jpg) top center; background-size: cover;}
#front .online-shop-top .wrapper .sec-title {margin-bottom: 20px; font-size: 22px;}
#front .online-shop-top .wrapper .sec-title:before {width: 27px; height: 28px; margin-right: 3px;}
#front .online-shop-top .wrapper .banner {width: calc((100% + 64px) * 0.68); max-width: 540px;}
#front .online-shop-top .wrapper .more {width: 120px; max-width: 100%; margin-top: 22px; font-size: 21px;}

@media screen and (min-width: 640px) {
	#front .online-shop-top {padding: 80px 0;}
}

/*------------------------------------
page link
------------------------------------*/
#front section.page-link > .wrapper {position: static;}
#front .page-link .container {width: 100%; max-width: 520px;}
#front .page-link {padding: 40px 32px 0; background: url(../img/bg_top_page-link_sp.jpg) top center; background-size: cover;}
#front .page-link .page-link-list {flex-direction: column;}
#front .page-link .page-link-list .page-title {margin: 20px 0 35px;}

@media screen and (min-width: 640px) {
	#front .page-link {padding: 80px 0 45px;}
}

/*------------------------------------
news top
------------------------------------*/
#front section.news-top > .wrapper {position: static;}
#front .news-top {padding: 50px 0; background: url(../img/bg_top_news_sp.jpg) top center; background-size: cover;}
#front .news-top .wrapper .container {max-width: 500px; flex-direction: column;}
#front .news-top .wrapper .container .sec-section.news-list-wrap {height: 420px; margin-bottom: 70px; padding: 34.5px 29.5px 0 26.5px;}
#front .news-top .wrapper .container .sec-section.news-list-wrap:before {width: 94px; height: 82px; left: -15px; bottom: -30px;}
#front .news-top .wrapper .container .sec-section.news-list-wrap .sec-title {font-size: 1.4em;}
#front .news-top .wrapper .container .sec-section.news-list-wrap .more {width: 110px;}
#front .news-top .wrapper .container .sec-section.embedded-facebook .fb-frame {width: 100%; padding-top: 133.6415%;}
#front .news-top .wrapper .container .sec-section.embedded-facebook .fb-page {width: 100%; height: 100%; position: relative;}

@media screen and (min-width: 640px) {
	#front .news-top .wrapper .container .sec-section.news-list-wrap {margin-bottom: 100px;}
	#front .news-top {padding: 80px 0;}
}
@media screen and (min-width: 440px) {
	#front .news-top .wrapper .container .sec-section.embedded-facebook .fb-frame {padding-top: 100%;}
}

/*------------------------------------
販売店舗
------------------------------------*/
#front section.shop-list > .wrapper {position: static;}
#front .shop-list {padding: 50px 0; background: url(../img/bg_top_shop-list_sp.jpg) top center; background-size: cover;}
#front .shop-list .inner .sec-title {font-size: 20px;}
#front .shop-list .inner p {margin-top: 30px; font-size: 15px;}
#front .shop-list .inner .entry {margin-top: 15px;}

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

/*--------------------------------------------------------------------------
新着情報個別ページ (single.php)
--------------------------------------------------------------------------*/
.single #main-area {padding: 40px 0;}
.single .single-page-title {margin-bottom: 20px; font-size: 24px;}
.single .post-content-wrap {padding: 10%;}
.single .entry-title {font-size: 20px;}
.single .entry-content * {line-height: 1.7;}
.single.has-sidebar #secondary {margin-top: 40px;}
.single.has-sidebar #secondary .widget-title {font-size: 20px;}
.single #archives-3:after {top: 63px;}

@media screen and (min-width:768px) {
	.single .post-content-wrap {padding: 10% 5%;}
	.single .single-page-title {font-size: 30px;}
}

/*--------------------------------------------------------------------------
新着情報アーカイブページ (archive.php)
--------------------------------------------------------------------------*/
.archive #main-area {padding: 40px 0;}
.archive .archive-page-title {margin-bottom: 20px; font-size: 24px;}
.archive .post-content-wrap {padding: 10%;}
.archive .entry-title {font-size: 20px;}
.archive .entry-content * {line-height: 1.7;}
.archive.has-sidebar #secondary {margin-top: 40px;}
.archive.has-sidebar #secondary .widget-title {font-size: 20px;}
.archive #archives-3:after {top: 63px;}

@media screen and (min-width:768px) {
	.archive .post-content-wrap {padding: 10% 5%;}
	.archive .archive-page-title {font-size: 30px;}
}

/*--------------------------------------------------------------------------
新着情報固定ページ (page-news.php)
--------------------------------------------------------------------------*/
.blog #content.site-content {padding: 0!important;}
.blog #content.site-content #main-area {padding: 40px 0!important;}
.blog .archive-page-title {margin-bottom: 20px; font-size: 24px;}
.blog .post-content-wrap {padding: 10%;}
.blog .entry-title {font-size: 20px;}
.blog .entry-content * {line-height: 1.7;}
.blog #secondary {margin-top: 40px;}
.blog #secondary .widget-title {font-size: 20px;}
.blog #archives-3:after {top: 63px;}

@media screen and (min-width:768px) {
	.blog .post-content-wrap {padding: 10% 5%;}
	.blog .archive-page-title {font-size: 30px;}
}

/*--------------------------------------------------------------------------
固定ページ (page.php)
--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------
----------------------------------------------------------------------------
----------------------------------------------------------------------------
固定ページ
----------------------------------------------------------------------------
----------------------------------------------------------------------------
--------------------------------------------------------------------------*/
body.page:not(.twentyseventeen-front-page) .entry-title {font-size: 24px!important;}

/*--------------------------------------------------------------------------
いまくま茶園のこだわり
--------------------------------------------------------------------------*/
.page:not(.home).page-id-77 #main-area:before {top: 0; background: url(../img/ko_bg_top_sp.jpg) top center; background-size: cover; z-index: 2;}
.page:not(.home).page-id-77 #main-area:before {height: 500px;}
.page:not(.home).page-id-77 #main-area .wrap {padding: 0;}
.page:not(.home).page-id-77 .sec-main-img.kodawari {max-width: 90%;}
.page:not(.home).page-id-77 .sec-main-img.kodawari .flame .message {top: -10%; right: 2%;}

.kodawari .container {width: 100%;}
.kodawari .inner {flex-direction: column;}
.kodawari .inner .contents-row-txt,
.kodawari .inner .contents-row-img,
.kodawari .our-commitment .sec-sub-img.full-size,
.kodawari .organic-farming .sec-main-img.full-size {margin-bottom: 30px;}
.kodawari .youtube_movie-wraper {margin-bottom: 40px;}
.kodawari p {line-height: 1.7;}
.kodawari .s-title, .kodawari .s-title span {font-size: 24px;}

.kodawari .sec-sub-img-list {margin-bottom: 20px; flex-direction: column;}
.kodawari .sec-sub-img-list li {width: 100%; margin-bottom: 10px;}
.kodawari .sec-sub-img-list li .img img {width: 100%;}
.kodawari .contents-row-img > img {width: 100%;}
.kodawari .organic-farming .yagi-shiki .contents-row-img img {width: 100%; margin-bottom: 10px;}

.kodawari .ss-title {font-size: 22px;}
.kodawari .l-title  {font-size: 26px; margin-bottom: 30px;}
.kodawari .l-sub-title {font-size: 20px; margin-bottom: 30px;}
.kodawari .g-h {width: 100vw; margin: 0 0 30px calc(50% - 50vw);}
.kodawari .img-title {width: 360px; max-width: 84%; margin: 30px auto;}

.kodawari .our-commitment .sec-sub-img.full-size img {height: 50vh;}
.kodawari .our-commitment .kyushu-map {width: 60%;}

.kodawari .kinko-cho .s-title {text-align: center;}
.kodawari .kinko-cho .s-title span {display: inline-block;}

.kodawari .sec-sub-img.full-size.onejime img {object-position: 60% 50%;}

.kodawari .organic-farming .sec-main-img.full-size {flex-direction: column;}
.kodawari .organic-farming .sec-main-img.full-size .img {height: 50vh;}

.kodawari .yagi-shiki .yagi-shiki-comment {font-size: 15px;}

.kodawari .youtube_movie-wraper {width: 100%; max-width: 800px; margin: 0 auto 30px;}
.kodawari .video-title {margin-top: 10px; font-size: 20px;}

.kodawari .online-shop-news .new-items-wrap {display: none;}
.kodawari .online-shop-news .items-list {max-width: 400px; margin: 0 auto 40px; flex-direction: column;}

.kodawari .online-shop-news .items-list li {margin-bottom: 30px; position: relative;}
.kodawari .online-shop-news .items-list li:nth-child(3) {z-index: 1;}

.kodawari .online-shop-news .items-list li:nth-child(1) .items-img {width: 63%;}
.kodawari .online-shop-news .items-list li:nth-child(3) .items-img {width: 72%;}
.kodawari .online-shop-news .items-list li:nth-child(3) .items-img {margin-left: -6%;}

.kodawari .online-shop-news .items-list li .items-name {position: absolute;  bottom: 8px; font-size: 30px;}
.kodawari .online-shop-news .items-list li:nth-child(1) .items-name,
.kodawari .online-shop-news .items-list li:nth-child(2) .items-name {right: 10%;}
.kodawari .online-shop-news .items-list li:nth-child(3) .items-name {right: 2%;}

.kodawari .more.online-shop {margin-bottom: 40px; padding: 10px 12px;}

@media screen and (min-width:680px) {
	.kodawari .inner {flex-direction: row; justify-content: space-between;}
	.kodawari .inner.reverse {flex-direction: row-reverse;}
	.kodawari .contents-row .inner .contents-row-txt {width: 50%;}
	.kodawari .contents-row .inner .contents-row-img {width: 45%;}
	.kodawari .inner .contents-row-txt,
	.kodawari .inner .contents-row-img,
	.kodawari .our-commitment .sec-sub-img.full-size,
	.kodawari .organic-farming .sec-main-img.full-size {margin-bottom: 50px;}
	.kodawari p {font-size: 22px;}
	.kodawari .sec-sub-img-list {flex-direction: row;}
	.kodawari .s-title, .kodawari .s-title span {font-size: 35px;}
	.kodawari .ss-title {font-size: 28px;}
	.kodawari .l-sub-title {font-size: 40px;}
	.kodawari .video-title {margin-top: 20px; font-size: 30px;}
	.kodawari .img-title {margin: 50px auto;}
	.kodawari .l-title {font-size: 39px; margin-bottom: 50px;}

	.kodawari .organic-farming .sec-main-img.full-size {flex-direction: row;}
	.kodawari .organic-farming .sec-main-img.full-size .img {width: 50%; height: 40vh;}
	.kodawari .youtube_movie-wraper {margin: 0 auto 50px;}

	.kodawari .online-shop-news .items-list {display: none;}
	.kodawari .online-shop-news .new-items-wrap {display: block; max-width: calc(100% - 45px); margin-bottom: 50px; position: relative;}
	.kodawari .online-shop-news .new-items-wrap .items-name {position: absolute; bottom: 20px; font-size: 30px;}
	.kodawari .online-shop-news .new-items-wrap .items-name.green-tea {left: 23%;}
	.kodawari .online-shop-news .new-items-wrap .items-name.oolong-tea {left: 58%;}
	.kodawari .online-shop-news .new-items-wrap .items-name.tea {left: 99%;}
	.kodawari .online-shop-news .more.online-shop {padding: 15px 30px; font-size: 22px;}
}

@media screen and (min-width:581px) {
	.page:not(.home).page-id-77 .sec-main-img.kodawari {margin: 80px auto;}
	.page:not(.home).page-id-77 .sec-main-img.kodawari img.bg.pc {display: block!important;}
	.page:not(.home).page-id-77 .sec-main-img.kodawari img.bg.sp {display: none!important;}
}
@media screen and (min-width:441px) {
	.page:not(.home).page-id-77 .sec-main-img.kodawari .flame .message {width: 29%; min-width: 200px;}
}
@media screen and (max-width:580px) {
	.page:not(.home).page-id-77 .sec-main-img.kodawari {max-width: 100%; margin: 10vh auto 50px;}
	.page:not(.home).page-id-77 .sec-main-img.kodawari .flame {display: flex; flex-direction: column;}
	.page:not(.home).page-id-77 .sec-main-img.kodawari img.bg {width: 68%;}
	.page:not(.home).page-id-77 .sec-main-img.kodawari .flame .message {width: 50%; margin: -77% 0 0 auto; position: static;}
}

@media screen and (max-width:320px) {
	.kodawari .more.online-shop .ssp {display: block;}
}

/*--------------------------------------------------------------------------
会社概要
--------------------------------------------------------------------------*/
.contents-wrap.company {margin-bottom: 40px; padding: 60px 5% 8%;}

.company dl dd span {display: inline-block;}

.company dl .group dt {padding: 4px 0 0; background: #e8e8e8;}
.company dl .group dd {padding: 9px 0 7px;}
.company dl .group dt,
.company dl .group dd {line-height: 2; text-align: center;}

.company .inner {margin-bottom: 60px; flex-direction: column;}
.company .img-frame.full-size {height: 40vh; min-height: 280px; margin: 20px 0;}

.company .our-company dl,
.company .our-history dl {margin: 21px 0 60px;}
.company .our-company dl .group,
.company .our-history dl .group,
.company .tea-picking-experience .photo-list,
.company .recruit dl .group {flex-direction: column;}

.company .our-award-history .img.award {width: 75%; margin: 20px auto;}
.company .our-concept .inner .img.logo {width: 80%; margin: 30px auto;}
.company .our-award-history .img.award img,
.company .our-concept .inner .img.logo img {margin: 0 auto;}
.company .our-concept .inner dl .group02:not(:last-child) {margin-bottom: 20px;}

.company .tea-picking-experience p {margin-bottom: 20px;}
.company .tea-picking-experience .photo-list li {margin-bottom: 20px;}
.company .tea-picking-experience .photo-list li .img img {width: 100%;}
.company .tea-picking-experience .youtube_movie-wrap .video-title {margin-top: 20px;}

.company .recruit .inner {margin-bottom: 10px;}
.company .recruit .inner p {margin: 20px 0;}
.company .recruit .inner .dt {margin-bottom: 20px;}

@media screen and (min-width: 640px) {
	.company .our-award-history .img.award {width: 300px;}
	.company .our-award-history .img.award img,
	.company .our-concept .inner .img.logo img {width: 100%;}
	.company .our-concept .inner .img.logo {width: 300px; margin: 40px auto;}
	.company .tea-picking-experience .photo-list {margin-bottom: 40px; flex-direction: row; justify-content: space-between;}
	.company .tea-picking-experience .photo-list li {width: 49%;}
	.company .recruit dl .group {flex-direction: row;}
	.company .recruit dl .group dt {width: 20%; background: transparent; text-align: left;}
	.company .recruit dl .group dd {width: 80%; text-align: left;}
}

/*--------------------------------------------------------------------------
お問い合わせ (contact.php)
--------------------------------------------------------------------------*/
.page:not(.home).page-id-38 #main-area:before {height: 360px; top: 0; background: url(../img/contact_bg_top_sp.jpg) center top; background-size: cover; z-index: 2;}
.page:not(.home).page-id-38 #main-area:after {height: 1030px; bottom: 0; background: url(../img/contact_bg_btm.jpg) center top; background-size: cover; z-index: 1;}

#contact.contents-wrap {margin-bottom: 40px; padding: 8% 5%;}
#contact h2 {margin-bottom: 30px;}
#contact h2 span {display: inline-block;}
#contact form .group {margin-top: 30px;}

@media screen and (min-width: 780px) {
	.page-id-38 .wrap {max-width: 95%!important;}
	#contact.contents-wrap {margin-bottom: 60px; padding: 10% 10%;}
}

#contact .page-heading .txt .page-title img[src$=".svg"] {width: 150px;}

#contact .container {padding: 40px 0 65px;}

#contact .form dl {margin-bottom: 30px;}
#contact .form dl dt {margin-bottom: .75em;}
#contact .form dl dt .required {font-size: .85em;}

#contact .form input[type="text"],
#contact .form input[type="email"],
#contact .form input[type="tel"],
#contact .form input[type="date"],
#contact .form input[type="datetime-local"],
#contact .form textarea,
#contact .form select {padding: 8px 12px;}

#contact .form .consent {margin-bottom: 32px;}
#contact .form .consent h2 {font-size: 1.25em;}

/*--------------------------------------------------------------------------
プライバシーポリシー (privacy.php)
--------------------------------------------------------------------------*/
#privacy.contents-wrap {margin-bottom: 40px; padding: 8% 5%;}
#privacy .contact-info span {display: inline-block;}

@media screen and (min-width: 640px) {
	#privacy .container {width: 90%;}
	#privacy .privacy {padding-bottom: 140px;}
	#privacy .privacy h3 {font-size: 1.75em; padding: 3.375em 0 1.875em;}
}
@media screen and (min-width: 460px) {
	#privacy .privacy .g-h {font-size: 2.0em;}
	#privacy .privacy h3 {display: flex; align-items: center; padding: 2.5em 0 1.25em;}
}

/*--------------------------------------------------------------------------
404.php
--------------------------------------------------------------------------*/
.error404 .search-form .search-submit {position: absolute; right: 0; top: 13%; bottom: auto;}

#notfound {padding: 70px 0 50px;}
#notfound h1 {font-size: 4.75em;}
#notfound h2 {font-size: 1.25em;}
#notfound p {font-size: .9rem; margin: 12px 0 50px;}
#notfound .link-to-top-page a {width: 88px;}

@media screen and (min-width: 767px) {
	.error404 .search-form .search-submit {position: absolute; right: 0; top: 42%; bottom: auto;}
}

/*--------------------------------------------------------------------------
投稿 (single.php)
--------------------------------------------------------------------------*/
#post #single {padding: 90px 0 65px;}

/*--------------------------------------------------------------------------
投稿汎用要素
--------------------------------------------------------------------------*/
#single * {font-size: .925rem;}

#single h2 {margin: 45px 0 15px 0;}
#single h3 {margin: 40px 0 13px 0;}
#single h4 {margin: 35px 0 11px 0;}
#single h5 {margin: 30px 0 9px 0;}
#single h6 {margin: 25px 0 7px 0;}

#single h2:first-child {margin: 0 0 15px 0;}
#single h3:first-child {margin: 0 0 13px 0;}
#single h4:first-child {margin: 0 0 11px 0;}
#single h5:first-child {margin: 0 0 9px 0;}
#single h6:first-child {margin: 0 0 7px 0;}

#single h2 {font-size: 1.35rem;}
#single h3 {font-size: 1.225rem;}
#single h4 {font-size: 1.1rem;}
#single h5 {font-size: 1rem;}
#single h6 {font-size: .925rem;}
#single hr {margin: 40px 0;}

#single p {line-height: 1.75; margin: 0 0 30px 0;}

/*--------------------------------------------------------------------------
子テーマとしての調整
--------------------------------------------------------------------------*/
.page:not(.home) #content.site-content #main-area {padding: 60px 0 0!important;}
.main-navigation ul ul.toggled-on {display: none!important;}
/*.js .dropdown-toggle {display: block!important; width: 12%; left: 98%!important; color: #fff!important;}*/
/*.main-navigation ul ul {display: block!important; max-height: 0; overflow: hidden; transition: 0.6s all ease;}
.main-navigation ul ul.toggled-on {max-height: 100vh; opacity: 1;}
*/