@charset "utf-8";
/* CSS Document */
/*
Theme Name: ORIGINAL
Description: オリジナルテーマ
Version: 1.1
Author: 
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap');

/* CLEAR FIX */
.cf:after{content: "."; display: block; height: 0;  clear: both; visibility:hidden;}
.cf{display: inline-table;} 
/* Hides from IE Mac */
* html .cf{height: 1%;}
.cf{display:block;}
/* BOXSIZING */
.boxSizing { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
/* iOSでのsubmitのスタイルをリセット */
input[type="submit"],input[type="button"] {border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: none; appearance: none; border: none; box-sizing: border-box; cursor: pointer;}
input[type="submit"]::-webkit-search-decoration,input[type="button"]::-webkit-search-decoration {display: none;}
input[type="submit"]::focus,input[type="button"]::focus {outline-offset: -2px;}

/* =======PRUGIN SETTINGS======= */
/* PAGE TOP */
.pagetop {z-index: 999; position: fixed;bottom: 10px;right: 10px;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0.3);-moz-transform: scale(0.3);-ms-transform: scale(0.3);-o-transform: scale(0.3);transform: scale(0.3);-webkit-transition: all .4s;-moz-transition: all .4s;	-o-transition: all .4s;	transition: all .4s;}
.pagetop a {display: block; width: 50px; height: 50px; background: #534741; color: #FFF; text-align: center; display: flex; align-items: center; justify-content: center; border-radius: 50px;}
.pagetop a:hover{background:#CC664F; color: #FFF;}
.pagetop.show {	opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}

/* BLOCK LINK */
.box-link{cursor:pointer;}
.box-link,
.box-link::before,
.box-link::after {-webkit-transition: all .3s;transition: all .3s;}
.box-link:hover{background:#EEE;}

/* =======WP PAGENAVI SETTINGS======= */
.wp-pagenavi {clear: both; text-align: center; margin-bottom: 100px;}
.wp-pagenavi a, .wp-pagenavi span {text-decoration: none; display:inline-block; color:#444; background-color:#FFF; padding: 8px 15px; margin:0 1px 2px; white-space: nowrap; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;-webkit-transition: 0.2s ease-in-out;-moz-transition: 0.2s ease-in-out;-o-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out; border-radius: 50px;}
.wp-pagenavi a:hover, .wp-pagenavi span.current {color:#FFF;background-color:#666;border-color:#666;}
.wp-pagenavi span.current {color: #534741; background-color: #D1C7C3; border-color: #D1C7C3;}

/* =======TABLE ======= */
/* .table-col1 */
td.column-1 {white-space: nowrap; width:20%;}
.basic-table {width: 100%;}
.basic-table td{border: 1px solid #CCC; padding: 15px;}
.basic-table th {border: 1px solid #CCC; padding: 15px; white-space: nowrap; font-weight: bold;}

.basic-table2 {width:100%; margin-bottom: 30px;}
.basic-table2 td{border-bottom: 1px solid #CCC; padding: 15px;}
.basic-table2 th {border-bottom: 1px solid #CCC; padding: 15px; width: 10%; white-space: nowrap; font-weight: bold;}

.basic-table3 {font-size: 0.8em; width:100%; margin-bottom: 30px;}
.basic-table3 td{width:50%; border: 1px solid #CCC; padding: 15px;}

table.tablepress {width: 100%;}
table.tablepress td {border: 1px solid #EEE; padding: 10px 15px; white-space: nowrap;}

/* =======SLIDER======= */
.slick-slide {box-sizing: border-box;}
.slick-slider div { transition: none; }
#teaser .slick-next {right: 0; z-index: 999; background: #FFF; padding: 20px; display: flex; justify-content: center;}
#teaser .slick-prev {left: 0; z-index: 999; background: #FFF; padding: 20px; display: flex; justify-content: center;}

/* =======ACCORDION======= */
.accordion {margin: 50px auto;}
.toggle {display: none;}
.option {position: relative;}
.title,.content {-webkit-backface-visibility: hidden;backface-visibility: hidden;transform: translateZ(0);transition: all 0.3s;}
.title {border-bottom: solid 1px #ccc; padding: 16px 50px 16px 16px; display: block; font-weight: bold;}
.title::after,.title::before {content: "";position: absolute;right: 26px; top: 26px; width: 2px;height: 14px; background-color: #0071bd; transition: all 0.3s;}
.title::after {transform: rotate(90deg);}
.content {max-height: 0;overflow: hidden;}
.content p {margin: 0; padding:20px;}
.toggle:checked + .title + .content {max-height: 1000px; transition: all 1.5s;}
.toggle:checked + .title::before {transform: rotate(90deg) !important;}

/* =======SELECTBOX======= */
.selectbox-2 {position: relative;}
.selectbox-2::before,.selectbox-2::after {position: absolute; content: '';  pointer-events: none;}
.selectbox-2::before {right: 0; display: inline-block; width: 2.8em; height: 2.8em; border-radius: 0 3px 3px 0;  background-color: #50a99d; content: '';}
.selectbox-2::after {position: absolute; top: 50%; right: 1.4em; transform: translate(50%, -50%) rotate(45deg); width: 6px; height: 6px; border-bottom: 3px solid #fff;border-right: 3px solid #fff; content: '';}
.selectbox-2 select {appearance: none; -webkit-appearance: none; -moz-appearance: none;  width: 100%; min-width: 230px; height: 2.8em; padding: .4em 3.6em .4em .8em; border: none; border-radius: 3px; color: #333333; font-size: 1em; cursor: pointer;}
.selectbox-2 select:focus {outline: 1px solid #50a99d;}

div#ez-toc-container {
    box-sizing: border-box;
    padding: 50px;
}

/* ======= BASIC ======= */
html,body { height: 100%; width: 100%; min-width: 1180px; background:#F2EFED;}
body{font-family: "Noto Sans JP", sans-serif; color:#534741; letter-spacing: 0.1em; font-size:16px;}

img {max-width: 100%; height: auto;}
a{text-decoration: none; color:#534741; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease;}
a:hover{color:#CC664F;}
strong{font-weight:bold;}

div.wp-caption {max-width: 100%!important; height: auto;}

/* OTHER-STYLING */
.big{font-size:1.4em;}
.small{font-size:0.6em;}
.bg-brack{display:inline-block; background:#000; padding:10px 15px; font-size:0.8em; color:#FFF; margin-right:10px; vertical-align: super; margin:10px 0;}
.bgglay {background: #EEE; padding: 30px;}.bgglay p{margin:0;}
.bgBlue {background: #EDF7FD; padding: 5%;}
.bgWhite {background: #FFF; padding: 5%;}

.arrow-down{ margin-bottom: 30px; font-size: 3em;}
.mb0{margin-bottom:0 !important;}
.mb10{margin-bottom:10px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.pc{display:block;}
.sp {display: none;}
.menu-sp{display:none;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}

.jump{margin-top:-152px; padding-top:152px;}
.jump2 {margin-top: -180px; padding-top: 180px;}
.name {font-weight: bold; display: block; text-align: right;}

.youtube {position: relative; width: 100%; padding-top: 56.25%;}
.youtube iframe {position: absolute; top: 0; right: 0; width: 100%; height: 100%;}

/* ======= HEADER ======= */
header {height: 90px; width: 100%; z-index: 9999; display: flex; position: fixed; top: 0; background: #f2efed; align-items: center; justify-content: flex-end;}
#header-box {}
.header-inr h1 img {width: 400px; height: auto;}
.header-inr h1 {position: fixed; left: 30px; top: 30px;}

.headBox {display: flex; justify-content: flex-end; align-items: center;}
ul.headBoxNav {display: flex; align-items: center; justify-content: center; margin-top: 9px;}
ul.headBoxNav li {position: relative; text-align: center; margin-right: 10px; letter-spacing: normal;}
ul.headBoxNav li a {font-size: 1.2vw;; font-weight: bold; padding: 0 3px; display: block; border-radius: 50px;}
ul.headBoxNav li a:hover{color:#ff9f65;}
ul.headBoxNav li a.headBtn01 {background: #ff9f65; color: #FFF; padding: 10px 35px; display: block;}
ul.headBoxNav li a.headBtn01:hover{background: #CCC;}
ul.headBoxNav li a.headBtn02 {background: #50a99d; color: #FFF; padding: 10px 35px; display: block;}
ul.headBoxNav li a.headBtn02:hover{background: #CCC;}

/* global nav */
#gnav {display: flex; align-items: center; flex-direction: row-reverse;}
.nav-button-box {padding: 20px; z-index: 50; vertical-align: top;}
.nav-button-box p {text-align: center; margin-top: 5px; font-weight: bold; font-size: 11px; position: absolute; bottom: -17px; left: 11px; color: #333; letter-spacing: normal;}
.nav-button {display: block; cursor: pointer; }
.nav-wrap {position: fixed;left: 0;top: 0;  display:none; width: 100%; height: 100%;padding: 85px 5%; box-sizing: border-box; background: rgba(255,255,255,0.9); z-index: 10; }
.nav-wrap a {text-decoration: none; padding: 5px 0; display: inline-block; margin-bottom: 12px; font-weight: 500; font-size: 26px; font-family: 'Montserrat'; }
.nav-wrap a:hover{color:#CCC;}
.nav-wrap a span {font-size: 13px; color: #79554885; display: block;}

/*メニューボタンのエフェクト*/
.nav-button span { display: inline-block; transition: all 0.4s; box-sizing: border-box;}
.nav-button { z-index: 20; position: relative; width: 50px; height: 50px;}
.nav-button span {position: absolute; left: 0; width: 100%; height: 2px; background-color: #534741;}
.nav-button span:nth-of-type(1) {top: 5px;}
.nav-button span:nth-of-type(2) {top: 24px;}
.nav-button span:nth-of-type(3) {bottom: 5px;}

.nav-button.active span:nth-of-type(1) {-webkit-transform: translateY(12px) rotate(-45deg);transform: translateY(12px) rotate(-45deg);}
.nav-button.active span:nth-of-type(2) {opacity: 0;}
.nav-button.active span:nth-of-type(3) {-webkit-transform: translateY(-26px) rotate(45deg);transform: translateY(-26px) rotate(45deg);}

.navBoxMenu1 {text-align: center;}

.snsBtn {width: 24px; height: auto; margin-right: 30px;}

/* ======= FOOTER ======= */
footer {margin-top: 140px;}
.footbox {padding: 100px 5%; background: #D1C7C3; text-align: center;}
.footbox01 h1 {margin-bottom: 80px;}
.footbox01 h1 img {width: 250px; height: auto;}
.footbox02 {font-family: "Montserrat", sans-serif; font-weight: 500;}
.footbox02 ul {display: flex; flex-wrap: wrap; justify-content: center; letter-spacing: normal; margin-bottom: 70px;}
.footbox02 ul li {margin: 0 10px;}
.copyrights {text-align: center; font-size: 11px; margin-top: 0; padding: 15px 0; font-family: 'Montserrat'; font-weight: 500;}

/*  ======= TOP =======  */
section {width: 100%; max-width: 1180px; margin: 0 auto;}

.toppage h3 {display: flex; text-align: center; font-family: 'Montserrat';  font-size: 30px; font-weight: 600; align-items: center; justify-content: center; margin-bottom: 80px;}
.toppage h3 span {font-size: 20px; font-family: 'Noto Sans JP'; color: #998675; margin-left: 20px;}

.post-list {display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 24px;}
.post-item a {display: block;}
.post-item a:hover {color: #534741;}
.thumb {position: relative;}
.thumb img { width: 100%; height: auto; border-radius: 20px;}
.postText {padding: 16px 0;}
.postDate {display: block; font-size: 12px; color: #99897d; font-family: 'Montserrat'; font-weight: 500;}
.postTitle {line-height: 1.6; }
.post-item span.postCat {background: #FFF; padding: 5px 15px; display: inline-block; font-size: 11px; border-radius: 50px; letter-spacing: normal; margin-bottom: 5px; font-weight: 500;}
.post-item span.postCat a{color:#534741;}

/* TEASER */
#teaser {width: 93%; position: relative; margin-top: 90px; margin-bottom: 100px; padding: 150px 0; background: #fcf0e0; display: flex; justify-content: flex-end; border-radius: 0 0 80px 0; background: url("img/teser.jpg") no-repeat; background-size: cover;}
.teaserText {font-family: "Noto Serif JP", serif; color: #FFF; margin-right: 5%; line-height: 2em; font-size: 18px;}
.teaserText img {margin-top: 43px; width: 160px;}
.teaserTextsp{display:none;}

#teaser,.teaserTextsp {overflow: hidden;}
.teaserText p,.teaserTextsp p {opacity: 0; transform: translateY(12px); animation: teaserFade 1s ease-out forwards; animation-delay: 0.3s;}
.teaserText img,.teaserTextsp img {opacity: 0; transform: translateY(8px); animation: teaserFade 0.8s ease-out forwards; animation-delay: 1.1s;}
@keyframes teaserFade {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


/* STAGE01 */
.stage {opacity: 0; transform: translateY(12px); transition: opacity 0.8s cubic-bezier(.2,.8,.2,1), transform 0.8s cubic-bezier(.2,.8,.2,1);}
.stage.is-show {opacity: 1; transform: translateY(0);}

#stage01 {position: relative; margin-bottom: 100px;}
#stage01 ul li {padding: 0 2px;}
#stage01 ul li img {border-radius: 0;}
#stage01 .postText {background: #FFF; padding: 20px; box-sizing: border-box;}
.toppage #stage01 h3 {display: flex; justify-content: flex-start;  margin-left: 5%; margin-bottom: 50px;}
#stage01 a.moreviewOra {position: absolute; right: 5%; top: 0; background: #FFF; border-radius: 50px; padding: 10px 55px; font-size: 14px;}
#stage01 a.moreviewOra i {position: absolute; right: 5px;}
#stage01 a.moreviewOra:hover{background:#cc666a; color:#FFF;}

/* STAGE02 */
#stage02 {position: relative; margin-bottom: 100px;}
#stage02 ul li {padding: 0 2px;}
#stage02 ul li img {border-radius: 0;}
#stage02 .postText {background: #FFF; padding: 20px; box-sizing: border-box;}
.toppage #stage02 h3 {display: flex; justify-content: flex-start;  margin-left: 5%; margin-bottom: 50px;}
#stage02 a.moreviewOra {position: absolute; right: 5%; top: 0; background: #FFF; border-radius: 50px; padding: 10px 55px; font-size: 14px;}
#stage02 a.moreviewOra i {position: absolute; right: 5px;}
#stage02 a.moreviewOra:hover{background:#cc666a; color:#FFF;}

/* STAGE03 */
#stage03 {height: 500px; margin-bottom: 100px; position: relative; padding-top: 50px; overflow:hidden;}
#stage03 h3 {position: relative; z-index: 10; display: flex; justify-content: flex-start; margin-left: 5%; margin-bottom: 0;}
.splitBox01 .inrLeft{background: #d1c7c3; display: block; width: 95%; height: 400px; position: absolute; top: 0;left: 0; border-radius:0 500px 500px 0;}
.splitBox01 .inrRight a{display: block; width: 95%; height: auto; position: absolute; top: 50px; right: 0;}
.splitBox01 .inrRight a img {object-fit: cover; width: 100%; height: 400px; border-radius: 500px 0 0 500px;}
#stage03 .inrRight {opacity: 0; transform: translateX(8px); transition: opacity 0.8s cubic-bezier(.2,.8,.2,1), transform 0.8s cubic-bezier(.2,.8,.2,1);}
#stage03.is-show .inrRight {opacity: 1; transform: translateX(0);}

.splitBox01 .inrRight a img {transition: box-shadow 0.35s cubic-bezier(.2,.8,.2,1),  filter 0.35s ease;}
.splitBox01 .inrRight a:hover img {box-shadow: 0 7px 7px rgba(0,0,0,0.22); filter: brightness(1.08) contrast(1.05);}
.splitBox01 .inrRight a::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 500px 0 0 500px;
  background: linear-gradient(
    120deg,
    transparent 20%,
    rgba(255,255,255,0.25),
    transparent 60%
  );
  opacity: 0;
  transform: translateX(-10%);
  transition:
    opacity 0.35s ease,
    transform 0.35s ease;
  pointer-events: none;
}

.splitBox01 .inrRight a:hover::after {opacity: 1; transform: translateX(0);}
.splitBox01 .inrRight a {cursor: pointer;}


/* STAGE04 */
#stage04 {margin-bottom: 100px;}
#stage04 a.moreviewOra {display: block; text-align: center; background: #FFF; padding: 20px 0; border-radius: 50px; margin: 50px auto 0; width: 80%; position: relative;}
#stage04 a.moreviewOra i {position: absolute; right: 18px;}
#stage04 a.moreviewOra:hover{background: #cc666a; color:#FFF;}

/* STAGE05 */
#stage05 {margin-bottom: 100px; position: relative;}
.inrCenter {position: relative; z-index: 10; padding-top: 80px;}
.splitBox02 {background: #d1c7c3; display: block; width: 95%; height: 400px; position: absolute; top: 0; right: 0; border-radius: 500px 0 0 500px;}
#stage05 h3 {margin-bottom: 40px;}
#stage05 ul {width: 1000px; margin: 0 auto;}
#stage05 ul li {display: flex; justify-content: center;}
#stage05 ul li a {background: #FFF; width: 400px; height: 400px; border-radius: 50%; display: flex; align-items: center; flex-direction: column; text-align: center; justify-content: center;}
#stage05 ul li a img {width: 125px;}
#stage05 ul li h4 {font-size: 25px;  font-family: 'Montserrat'; font-weight: 600; margin-bottom: 13px;}
#stage05 ul li p {font-size: 18px; color: #998675;}
#stage05 ul li a:hover {color: #cc666a;}
#stage05 ul li a:hover p {color: #cc666a;}

/* STAGE06 */
#stage06 {margin-bottom: 100px;}
#stage06 ul li a {background: #FFF; display: block; text-align: center; padding: 20px 0; border-radius: 50px;}
#stage06 ul li a:hover {background: #cc666a; color:#FFF;}
#stage06 ul li a:hover i {color:#FFF;}

.stage-last {transform: translateY(20px); transition: opacity 1.2s cubic-bezier(.2,.8,.2,1), transform 1.2s cubic-bezier(.2,.8,.2,1);}

/* ======= PAGES ======= */
#container.aboutpage {position: relative; margin: 0 auto;}
#container.page {position: relative; margin: 50px auto 100px; max-width: 1700px; padding: 0 5%;}
#container.post {margin: 50px 0 100px;}

.page h3 {position: relative; border-bottom: 1px solid #CCC; padding: 0 0 10px 60px;; font-size: 40px; font-weight: bold; margin-bottom: 40px;}
.page h3::before,.page h3::after {position: absolute; content: ''; border-radius: 50%;}
.page h3::before {top: 0.3em; left: 0.2em; width: 25px; height: 25px; background: rgba(255,159,101);}
.page h3::after {top: 0.5em; left: 0.4em; width: 25px; height: 25px;  background: rgba(252,240,224);}
.page h4 {border-left: 6px solid #ff9f65; padding-left: 20px; font-size: 29px; font-weight: bold; margin-bottom: 20px;}
.page h5 {font-size: 29px;font-weight: bold; color: #ff9f65; margin-bottom: 10px;}

.page-title {position: relative; padding: 80px 0 0; margin: 90px auto 80px;}
.page-title h2 {position: relative; font-family: 'Montserrat';  font-size: 36px; font-weight: 500; margin: 0 5%; z-index: 50; text-transform: uppercase;}
.page-title h2 span {font-size: 20px; font-family: 'Noto Sans JP'; color: #998675; margin-left: 20px;}
.page-title .inrLeft{background: #d1c7c3; display: block; width: 95%; height: 400px; position: absolute; top: 0;left: 0; border-radius:0 500px 500px 0;}

.basebox {margin-bottom: 50px; }
.basebox p{margin-bottom: 30px; text-align: justify;}
.basebox p:last-child {margin: 0;}
.basebox p span {color: #ff9f65;}
.basebox ul{margin-bottom: 50px;}
.basebox table{margin-bottom: 30px;}
.basebox table:last-child {margin: 0;}

ul.col2{display: flex; justify-content: space-between;flex-wrap: wrap;}
ul.col2 li{width:48%;}
ul.col2:after {content: ""; display: block; width: 32%; height: 0;}
ul.col2 img{width:100%;}
ul.col3{display: flex; justify-content: space-between;flex-wrap: wrap;}
ul.col3 li{width:32%;}
ul.col3:after {content: ""; display: block; width: 32%; height: 0;}
ul.col3 img{width:100%;}
ul.col4{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: -30px}
ul.col4 li{width:23%; margin:0 0 30px 0;}
ul.col4:after {content: ""; display: block; width: 23%; height: 0;}
ul.col4:before {content: ""; display: block; width: 23%; order: 1;}
ul.col5 {display: flex; justify-content: space-between; letter-spacing: normal;}
ul.col5 li {width: 18%;}
ul.col6 li {width: 15%;}
ul.col6 {display: flex; justify-content: space-between;}

.contactBox {background: #fcf0e0; padding: 30px 50px 50px 50px; border-radius: 30px; text-align: center;}
.contactBox h3 {text-align: center; color: #ff9f65; padding: 0 0 30px 0;}
.contactBox h3:before{display:none;}
.contactBox h3:after{display:none;}
.contactBox p.tel {font-weight: bold; font-size: 38px; font-family: "lato"; text-align: center;}
.contactBox p.tel span {font-size: 24px; display: block; font-family: 'Zen Maru Gothic';}
.contactBox a {width: 70%; margin: 0 auto;}
.contactBox ul {display: flex; justify-content: center; font-weight: bold; text-align: left; border-bottom: 1px solid #CCC; padding-bottom: 30px; margin-bottom: 30px;align-items: center;}
.contactBox ul:last-child {border: none; margin: 0; padding: 0;}
.contactBox ul li.name {font-size: 24px; margin-right: 30px;}
.contactBox ul li.tel {font-size: 38px; font-family: "Lato";}
.contactBox ul li.tel span {display: block; font-size: 24px;letter-spacing: normal;}

/**** about ****/
.aboutBox01 {position: relative; margin: 0 auto;height: 650px; margin-bottom: 140px;}
.aboutBox01 img { position: absolute;  border-radius: 0 500px 500px 0; object-fit: cover; width: 70%; height: 650px;}
.aboutBox01 .inr01 {position: absolute; z-index: 50; right: 0; width: 50%; margin-top: 30px;}
.aboutBox01 .inr01 h4 {margin-bottom: 50px; color: #FFF; font-size: 24px; font-family: 'Noto Serif JP'; line-height: 2.2;}
.aboutBox01 .inr02 {background: #FFF; border-radius: 500px 0 0 500px; padding: 50px 0 50px 150px; box-sizing: border-box; width: 100%;}
.aboutBox01 .inr02 h5 {font-size: 18px; font-family: 'Noto Serif JP'; border-bottom: 1px solid #CCC; padding-bottom: 20px; margin-bottom: 20px;}
.aboutBox01 .inr02 h5 span {font-size: 24px; margin-left: 20px;}
.aboutBox01 .inr02 p span {margin-right: 30px;}

.aboutBox02 {text-align: center; margin-bottom: 140px;}
.aboutBox02 h3 {position: relative; font-family: 'Montserrat';  font-size: 45px; font-weight: 500; margin: 0 5%; z-index: 50; margin-bottom: 80px;}
.aboutBox02 h3 span {font-size: 18px; font-family: 'Noto Serif JP'; color: #998675; margin-left: 20px; display:block; letter-spacing: 1em; margin-top: 10px;}
.aboutBox02 p {font-size: 20px; font-family: 'Noto Serif JP'; font-weight: 500;line-height: 2em;}

.aboutBox03 {position: relative; text-align: center; margin-bottom: 140px; padding: 80px 0 0;}
.aboutBox03 .inrRight{position: absolute; background: #d1c7c3; display: block; width: 95%; height: 400px; top: 0;right: 0; border-radius:500px 0 0 500px;}
.aboutBox03 section {position: relative;}
.aboutBox03 h3 {position: relative; font-family: 'Montserrat';  font-size: 30px; font-weight: 600; margin: 0 5% 80px; z-index: 50; }
.aboutBox03 h3 span {font-size: 20px; font-family: 'Noto Sans JP'; color: #998675; margin-left: 20px;}
.aboutBox03 ul li {background: #FFF; width: 350px; height: 350px; display: flex; justify-content: center; align-items: center; flex-direction: column; border-radius: 500px;}
.aboutBox03 ul li h4 {font-size: 20px; font-family: 'Montserrat'; font-weight: 500; margin-bottom: 20px;}
.aboutBox03 ul li p {color: #998675; font-size: 17px; font-feature-settings: "palt"; font-weight: 500; padding: 0 20%; text-align: justify;}

.aboutBox04 {position: relative;}
.aboutBox04 .inrLeft{position: absolute; background: #d1c7c3; display: block; width: 95%; height: 400px; top: 0; left: 0; border-radius:0 500px 500px 0;}
.aboutBox04 .inr01{display: flex; flex-direction: column;}
.aboutBox04 img:first-child {align-self: flex-end; height: 400px; width: 90%; margin-top: 200px; object-fit: cover; z-index: 10; border-radius: 500px 0 0 500px;}
.aboutBox04 img:last-child { align-self: flex-start; margin-top: 100px; height: 400px; width: 90%; object-fit: cover; z-index: 10; border-radius: 0 500px 500px 0;}

/**** CONTACT ****/
.table-entry table { width: 100%; margin-bottom: 30px;}
.table-entry th {border-bottom: 1px solid #CCC; padding: 20px 0; font-weight: bold; box-sizing: border-box;}
.table-entry td {border-bottom: 1px solid #CCC; padding: 20px; box-sizing: border-box;}
.table-entry th span {font-size: 11px; background-color: #cc666a; color: #FFF; padding: 5px 10px; margin-right: 12px; border-radius: 5px;}

.table-entry input.wpcf7-text {width: 100%; border: 1px solid #CCC;  padding: 10px; border-radius: 5px; box-sizing: border-box;}
.table-entry textarea.wpcf7-textarea {width: 100%; border: 1px solid #CCC; border-radius: 8px; padding: 20px; box-sizing: border-box;}
input.wpcf7-submit{background: #cc666a; padding: 20px; border-radius: 50px; width: 80%; margin: 0 auto; text-align: center; display: block; color:#FFF; font-weight:bold;}
input.wpcf7-submit:hover{background:#964c4f;}
.wpcf7-spinner {margin: 10px auto 0; display: block;}

/* ======= CATEGORY ======= */
.selectBox { padding: 50px; text-align: center;}
.selectBox h5 {margin-bottom: 30px;}

p.postTags {font-size: 11px; margin-top: 10px;}
.catPage {margin-bottom: 80px;}
.catPage .post-list li {opacity: 0; transform: translateY(20px);}
.catPage .post-list li.is-show {opacity: 1; transform: translateY(0); transition: opacity 0.6s ease, transform 0.6s ease;}

/* ======= SINGLE PAGE ======= */
.single-postbox {background: #FFF; position: relative; padding: 100px 100px 70px; border-radius: 20px; box-sizing: border-box;}
.singleDate {font-size: 12px; margin-bottom: 10px; color: #998675;}
h3.single-title {border-bottom: 1px solid #CCC; padding-bottom: 15px; font-size: 24px; margin-bottom: 20px;}

.single-postbox h4 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 18px;
}
.single-postbox h4 a {
    color: #cc666a;
}
.cat_paging {width: 100%; position: relative; text-align: center;}
.cat_paging p {margin-bottom: 20px;}
.cat_paging a {background: #FFF; display: block; padding: 15px 0; border-radius: 50px; }
.cat-back {padding: 50px 0 0 0; margin-top: 50px; }

.alignLeft {width: 30%; position: absolute; right: 0; top: 0;}
.alignCenter {width: 30%; margin: 0 auto;}
.alignRight {width: 30%; position: absolute; left: 0;  top: 0;}

#editor-area .cta {background: #F5F5F5; padding: 5%; border-radius: 10px;}
#editor-area .cta h2 {font-weight: 600; text-align: center; font-size: 24px; border-bottom: 1px dashed #CCC; border-top: 1px dashed #CCC; padding: 10px 0; margin-bottom: 30px;}
#editor-area .cta h3 {background: #ffffff; padding: 10px 20px; font-weight: 600; margin-bottom: 20px;}
#editor-area .cta p span {font-weight: 600; margin: 5px 0; color: #cc666a;}
#editor-area .cta p {letter-spacing: normal;}
#editor-area .cta h4 {font-size: 16px!important; font-weight: 700; margin-bottom: 10px!important; padding-bottom: 10px;}
#editor-area .cta ul.disknone li{list-style: none; margin: 0;}
#editor-area .cta a { display: block; background: #cc666a; text-align: center; padding: 25px; border-radius: 50px; color: #FFF!important; margin-top: 60px;}
#editor-area .cta a:hover{ background: #874143;}

#editor-area .profile ul {padding: 30px; border: 1px solid #CCC; border-radius: 10px; margin-top: 50px; display: flex; flex-wrap: nowrap; align-items: center;}
#editor-area .profile ul.col2:after {display: none;}
#editor-area .profile ul li {list-style: none; margin: 0; width: auto;}
#editor-area .profile ul li:first-child {width: 300px; margin-right: 50px;}
#editor-area .profile ul li img {width: 200px; height: 200px; border-radius: 500px;object-fit: cover;}
#editor-area .profile ul li p {margin: 0;}

/* 投稿エリアの設定 */
#editor-area a{color:#444;}
#editor-area a:hover{background:#EEEEEE;}
#editor-area img{max-width: 100%; height:auto; display:block;}
#editor-area h3 {text-align: left;font-size: 1.5em !important; line-height: 1.5em; margin-bottom: 25px !important;}
#editor-area h4 {text-align: left;font-size: 1.5em !important; line-height: 1.5em; margin-bottom: 25px !important; padding-bottom: 25px; border-bottom: 1px solid #CCC;}
#editor-area h5 {font-size: 1.2em; margin-bottom: 30px; font-weight: bold; border-left: 5px solid #d1c7c3; padding-left: 19px;}
#editor-area h6{font-size: 1em; margin-bottom:15px; font-weight: 600; }
#editor-area p{margin-bottom:30px; line-height: 1.8em;}
#editor-area strong{font-weight:bold;}
#editor-area ul{margin: 30px 0 30px 5px;}
#editor-area ul li{margin: 2px 0 2px 15px;  list-style: disc; font-size: 0.9em;}
#editor-area ul li p {font-size: 1em;line-height: normal; letter-spacing: normal;}
#editor-area table{ width: 100%; border-collapse: collapse; margin-bottom:30px;}
#editor-area table th{padding: 10px; background-color: #eee; border: 1px solid #CCC;}
#editor-area table td { padding: 10px; border: 1px solid #CCC;}
#editor-area blockquote{padding: 20px; margin-bottom:30px; background:#d1c7c3;}
#editor-area blockquote p{margin:0px !important;}
#editor-area div.borderbox{border:1px dotted #CCC; padding: 20px; margin-bottom:30px;}
#editor-area div.borderbox p{margin:0px !important;}
#editor-area div.borderbox ul{margin:0px !important;}
#editor-area img.aligncenter {margin: auto !important; display: block !important;}
#editor-area iframe::before { content: "<div>";}
#editor-area iframe::after { content: "</div>";}
#editor-area p.wp-caption-text {background: #EEE; text-align: center; font-size: 0.8em; padding: 5px;}


@media screen and (max-width: 1279px) {
 /*　================================ for ipad ================================　*/

}

@media screen and (max-width: 480px) {
 /*　================================ for iphone ================================　*/

/* HEAD */
html,body { height: 100%; width: 100%; min-width: 100%; font-size: 14px;}
.pagetop{bottom:25px; right:10px;}

.sp{display:block;}
.pc{display:none!important;}
.mb50 {margin-bottom: 20px;}
.mt50 {margin-top: 50px;}
.button {padding: .9em 30%;}

h3{line-height: normal;}

/* header */
header {height: 90px;}
#header-box h1 img {width: 200px; height: auto;}
.navBox {width: 100%; height: 100vh; padding: 0 5%; min-width: 100%; box-sizing: border-box;}
.nav-wrap a {padding: 20px 0; display: block; font-size: 16px; border-bottom: 1px solid #CCC; margin-bottom: 0;}
.snsBtn {margin-right: 10px;}

/* footer */
footer {margin-top: 50px; border-radius: 50px 50px 0 0; padding: 0;}
.footbox {margin-bottom: 0; flex-wrap: nowrap; flex-direction: column; padding: 50px 5% 0;}
.footbox01 {width: 100%; text-align: center; padding: 0 0 20px 0; }
.footbox01 h1 {display: block; margin-bottom: 20px;}
.footbox01 h1 img {width: 50%;}

.footbox02 {width: 100%; margin: 0 auto;}
.footbox02 ul {padding: 0; display: flex; flex-direction: column; border-bottom: none; margin-bottom: 0;}
.footbox02 ul li {width: 100%; margin: 0; border-bottom: solid 1px #f2efed; padding: 15px 0; box-sizing: border-box;}
.copyrights {text-align: center; font-size: 10px; padding: 40px 0;}

/* 共通 */
#container{width:100%; margin:0; padding:0;}

.toppage h3 {display: block; font-size: 24px; margin-bottom: 30px; text-align: left;}
.toppage h3 span {display: block; font-size: 12px; margin-left: 0;}
section.toppage {padding: 50px 5%;}
table.base th {white-space: nowrap; padding: 10px; border: none; display: block; border-bottom: 1px solid #CCC; background: #F5F5F5;}
table.base td {border: none; border-bottom: 1px solid #CCC; padding: 10px 0; display: block; box-sizing: border-box;}
.basebox {margin-bottom: 30px;}

/* TEASER */
#teaser {margin-top: 90px; padding: 30px 0; height: 400px; margin-bottom: 30px;}
.teaserText{display:none;}
.teaserTextsp {display: flex; padding: 0 5%; box-sizing: border-box; font-family: 'Noto Serif JP'; font-size: 14px; flex-direction: column; margin-bottom: 50px;}
.teaserTextsp img {width: 150px; text-align: right; display: flex; align-self: end; margin-top: 30px;}

/* STAGE01 */
.stage {
    transform: none;
  }
.stage-last {
    transform: translateY(12px);
    transition-duration: 0.9s;
  }

#stage01 {margin-bottom: 50px;}
.toppage #stage01 h3{display: block; text-align: left; margin-bottom: 30px;}
#stage01 a.moreviewOra {padding: 10px 24px; font-size: 11px;}
#stage01 li.post-item {border-bottom: none; padding-bottom: 0;}
#stage01 li.post-item a {display: block; width: 100%; }
#stage01 .thumb {position: relative; width: 100%;}
#stage01 .postText {width: 100%;}

/* STAGE02 */
#stage02 {margin-bottom: 50px;}
.toppage #stage02 h3{display: block; text-align: left; margin-bottom: 30px;}
#stage02 a.moreviewOra {padding: 10px 24px; font-size: 11px;}
#stage02 li.post-item {border-bottom: none; padding-bottom: 0;}
#stage02 li.post-item a {display: block; width: 100%; }
#stage02 .thumb {position: relative; width: 100%;}
#stage02 .postText {width: 100%;}

/* STAGE03 */
#stage03 {padding: 20px 0 0; margin: 0 0 50px; height: 280px; overflow: hidden;}
#stage03 h3 {display: block; margin-left: 5%; text-align: left;}
.splitBox01 .inrLeft {height: 200px;}
.splitBox01 .inrRight a {top: 20px;}
.splitBox01 .inrRight a img {height: 200px;}
 #stage03 .inrRight {transform: none;}
.splitBox01 .inrRight a:hover img { box-shadow: 0 8px 18px rgba(0,0,0,0.15); filter: brightness(1.04); }
.splitBox01 .inrRight a:hover::after {opacity: 0;}

/* STAGE04 */
#stage04 {position: relative; padding: 0 5%; max-width: 100%; margin-bottom: 30px;}
#stage04 a.moreviewOra {margin: 0; width: auto; padding: 10px 24px; font-size: 11px;position: absolute; right: 5%; top: 0; background: #FFF; border-radius: 50px;}
#stage04 a.moreviewOra i {position: absolute; right: 5px;}

.post-list {gap: 10px;}
li.post-item {border-bottom: 1px solid #CCC; padding-bottom: 10px;}
li.post-item a {display: flex; width: 100%; justify-content: space-between; align-items: center; flex-direction: row;}
.thumb {position: relative; width: 40%;}
.postText {width: 55%;}

/* STAGE05 */
#stage05 {margin-bottom: 30px;}
#stage05 ul {width: 100%; margin: 0 auto;}
.splitBox02 {height: 200px; right: auto; left: 0; border-radius: 0 500px 500px 0;}
.inrCenter {padding: 20px 5% 0;}
#stage05 h3 {margin-bottom: 40px;}
#stage05 ul li a {width: 100%; height: auto; border-radius: 10px; padding: 20px; display: flex; align-items: center; flex-direction: row; text-align: left; justify-content: space-around;}
#stage05 ul li a img {width: 80px;}
#stage05 ul li h4 {font-size: 20px; margin-bottom: 5px;}
#stage05 ul li p {font-size: 15px;}

/* STAGE06 */
#stage06 {margin-bottom: 50px; margin: 0 5% 0;}


/* =====PAGE===== */
#container.page {margin: 20px 0 50px; max-width: 100%; box-sizing: border-box;}

.page-title .inrLeft {height: 200px;}
.page-title {padding: 50px 5% 10px; margin: 100px auto 0; box-sizing: border-box;}
.page-title h2 {font-size: 24px;}
.page-title h2 span {font-size: 12px; margin-left: 0; display: block;}

.page h3 {padding: 0 0 10px 40px; font-size: 20px; margin-bottom: 20px;}
.page h3::before {width: 20px; height: 20px;}
.page h3::after {top: 0.6em; left: 0.5em; width: 20px; height: 20px;}
.page h4 {border-left: 4px solid #ff9f65; padding-left: 13px; font-size: 20px;  margin-bottom: 20px;}
.page h5 {font-size: 18px;}

.basebox p {font-size: 14px;}

ul.col2 {flex-direction: column;}
ul.col2 li{width:100%; margin-bottom: 20px;}
ul.col3 {flex-direction: column;}
ul.col3 li{width:100%; margin-bottom: 20px;}
ul.col4 {flex-direction: column; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 20px;}
ul.col4 li {width: 100%; margin: 0 0 20px 0;}

ul.col6 {justify-content: space-between; flex-direction: row; flex-wrap: wrap; margin-bottom: -20px;}
ul.col6 li {width: 48%; margin-bottom: 20px;}

.pageBnr img {height: 250px;}
.pageBnr a {width: 180px; right: -10px; bottom: -20px;}

.basebox ul {margin: 0;}
.basebox ul li:last-child {margin: 0;}

.yokonaga img {height: 250px; margin-bottom: 20px;}

/* ABOUT */
.aboutBox01 {position: relative; margin: 0 auto; height: auto; margin-bottom: 50px;}
.aboutBox01 img {position: relative; border-radius: 0 50px 50px 0; object-fit: cover; width: 90%; height: 300px;}
.aboutBox01 .inr01 {position: relative; right: auto; width: 90%; margin: 20px auto 0; text-align: center;}
.aboutBox01 .inr01 h4 {margin-bottom: 30px; color: #564a44; font-size: 18px;}
.aboutBox01 .inr02 {border-radius: 30px; padding: 30px; width: 100%;}
.aboutBox01 .inr02 h5 {font-size: 14px;}
.aboutBox01 .inr02 h5 span {font-size: 20px;}
.aboutBox01 .inr02 p {text-align: left;}
.aboutBox02 {margin-bottom: 50px; padding: 0 5%;}
.aboutBox02 h3 {font-size: 26px;  margin-bottom: 30px;}
.aboutBox02 h3 span {font-size: 14px; margin-left: 0; margin-top: 5px;}
.aboutBox02 p {font-size: 17px;}
.aboutBox03 {margin-bottom: 50px; padding: 30px 0 0;}
.aboutBox03 section {padding: 0 5%; box-sizing: border-box;}
.aboutBox03 .inrRight {height: 200px; right: auto; left: 0; border-radius: 0 500px 500px 0;}
.aboutBox03 h3 {font-size: 21px; margin: 0 5% 30px; letter-spacing: normal; text-align: left; font-weight: 500;}
.aboutBox03 h3 span {font-size: 12px; margin-left: 0; display: block;}
.aboutBox03 ul li {height: auto; padding: 30px 0;}
.aboutBox03 ul li p {font-size: 16px;}
.aboutBox04 .inrLeft {height: 200px;}
.aboutBox04 img:first-child { height: 200px; margin-top: 100px;}
.aboutBox04 img:last-child {margin-top: 30px; height: 200px;}

.contactBox {padding: 30px 5% 30px;}
.page .contactBox h3 {padding: 0 0 10px;}
.contactBox ul {flex-direction: column;}
.contactBox ul li.name {font-size: 16px; margin-right: 0;}
.contactBox ul li.tel {font-size: 24px; margin-top: 10px; text-align: center;}
.contactBox ul li.tel span {font-size: 14px;}
.contactBox p.tel {font-size: 24px; margin-top: 10px; text-align: center;}
.contactBox p.tel span {font-size: 14px; letter-spacing: normal;}
.table-entry th {display: block;}
.table-entry td {display: block; padding: 20px 0;}
input.wpcf7-submit {padding: 20px 0; font-size: 11px; width: 100%;}
.single-postbox h4 {font-size: 13px;}


/* =======CATEGORY======= */
.catPage {
    margin-bottom: 0;
}
.catPage ul.col4 {display: flex; flex-direction: column;}
.catPage ul.col4 li {width: 100%; margin: 0 0 20px;}
.catPage ul li h3 {font-size: 14px; color: #333; margin-bottom: 5px; font-weight: bold;}
.catGroup p {font-size: 12px; letter-spacing: normal; margin: 5px 5px 0 0;}
p.catText {font-size: 12px; line-height: normal;}

.thumb img {border-radius: 10px;}
.wp-pagenavi {margin-bottom: 50px; margin-top: 50px;}

.catPage .post-list li.is-show {
    transition: opacity 0.8s ease, transform 0.8s ease;
  }

/* =======POST AREA======= */
.cat-postbox h3 span {display: block; font-size: 0.8em; margin-bottom: 10px;}
.cat-postbox { padding: 10px 0;}
.cat-postbox li { padding: 20px 0; font-size: 0.9em;}
.cat-nav li {margin: 5px 5px; font-size: 0.8em;}

.single-postbox {padding: 30px 5%; width: 90%; margin: 0 auto; border-radius: 10px;}
.single-postbox h3 { font-size: 1.2em; margin-bottom: 20px;}
.single-postbox h3 span {margin: 0 10px 0 0;}

.cat_paging a {font-size: 11px; letter-spacing: normal;}
.cat-back {padding: 20px 0; width: 90%; margin: 0 auto;}

.tag-title {margin-bottom: 30px;}
.tag-title h3 {margin-top: 30px; margin-bottom: 30px; font-size: 1.5em;}
.singleDate {font-size: 11px;}

#editor-area .cta a {margin-top: 30px;}
#editor-area .cta h2 {font-size: 18px; margin-bottom: 20px;}
#editor-area .cta h3 {margin-bottom: 15px; font-size: 14px;}
#editor-area .cta h4 {font-size: 13px!important;}
#editor-area .cta ul {margin: 20px 0 20px 5px;}

div#ez-toc-container {
    box-sizing: border-box;
    padding: 20px;
}
/* =======EDITOR AREA======= */
#editor-area p {font-size: 0.9em; margin-bottom: 20px; text-align: justify;}
#editor-area h4 {font-size: 1.1em!important; margin-bottom: 20px!important; text-align: left;}
#editor-area h5 {font-size: 1em; margin-bottom: 10px;}
#editor-area table {border: 1px solid #CCC; border-bottom: none; box-sizing: border-box; margin-bottom: 20px;}
#editor-area table td.column-1 {background: #EEE;}
#editor-area table td.column-1 {display: block; width: 100%!important;  box-sizing: border-box; border: none; border-bottom: 1px solid #CCC;}
#editor-area table td.column-2 {display: block; width: 100%!important;  box-sizing: border-box; border: none; border-bottom: 1px solid #CCC;}
#editor-area blockquote {margin-bottom: 20px;}

#editor-area .profile ul li:first-child { width: 100%;  margin-right: 0;}
#editor-area .profile ul li img {margin: 0 auto 20px;}
#editor-area .profile ul li p br {display: none;}

}

.grecaptcha-badge { visibility: hidden; }