@charset "UTF-8";
/*==================================
	base
==================================*/
* { box-sizing: border-box;}
html { height: 100%; width: 100%; font-size: 62.5%;/* 10px */ }
body { font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif; font-size: 1.5rem; font-weight: 400; line-height: 1.8;letter-spacing: 0.02em; color: #000;}
h1, h2, h3, h4, h5, ul, li, dl, dt, dd, p { font-weight: 400;}
.img { display: block; line-height: 1;}
img { width: 100%; height: auto; vertical-align: bottom;}
a { display: block;text-decoration: none;}
a:hover {text-decoration: none;}
section {position: relative;}
.pcOnly { display: block!important;}
.spOnly { display: none!important;}

/*frame*/
#wrapper {position: relative; height: 100%; width: 100%;overflow: hidden;} 
.outer,
.inner {margin: 0 auto; position: relative; z-index: 2;}
#contents.subpage {padding-top: 88px;position: relative;}

@media screen and (min-width: 750px) {
.outer {max-width: 1280px;}
.inner {max-width: 1000px;}
}

@media screen and (max-width: 749px) {
.outer,.inner {width: 86.66%;}
.pcOnly { display: none!important;}
.spOnly { display: block!important;}
body { font-size: 1.5rem;}
}

/*font*/
.taC{ text-align:center;}
.taL{ text-align:left;}
.taR{ text-align:right;}
.ff_Cormorant { font-family: "Cormorant", serif; font-weight: lighter;}
.ff_yumincho { font-family: "yu-mincho-pr6n", sans-serif;
font-weight: 400;
font-style: normal;}
.en { /*letter-spacing: 0.05em;*/}
.ja { /*letter-spacing: 0.14em;*/}
.secTit{ font-size: 10rem; line-height: 1.3; display: block;}
/*.subTit { font-size: 1.4rem; display: block;}*/


@media screen and (max-width: 749px) {
.secTit{ font-size: 3.5rem;}
.subTit { font-size: 1rem;}
h2.secTit p.en { font-size: 3.5rem; margin-bottom: 0px; line-height: 2;}
}


/*button*/
.btnBlack { background-color: #000; color: #fff; display: flex; justify-content: center; align-items: center; margin: 0 auto;}
@media screen and (min-width: 750px) { .btnBlack {width: 260px; height: 60px;}}
@media screen and (max-width: 749px) { .btnBlack {width: 80%; max-width: 420px; height: 60px;}}
	

/*background-color*/
.bgBeige { background-color: #fbf8f5;}
.bgWhite { background-color: #fff;}

/*space*/
.plr50 { padding: 0 50px;}
.plr80 { padding: 0 80px;}
.plr90 { padding: 0 90px;}
/* margin */
.mt10 { margin-top: 10px;}
.mt20 { margin-top: 20px;}
.mt30 { margin-top: 30px;}
.mt40 { margin-top: 40px;}
.mt50 { margin-top: 50px;}
.mt60 { margin-top: 60px;}
.mt70 { margin-top: 70px;}
.mt80 { margin-top: 80px;}
.mt90 { margin-top: 90px;}
.mt100 { margin-top: 100px;}
.mt110 { margin-top: 110px;}
.mt120 { margin-top: 120px;}
.mt130 { margin-top: 130px;}
.mt140 { margin-top: 140px;}
.mt150 { margin-top: 150px;}
.mt160 { margin-top: 160px;}
.mt170 { margin-top: 170px;}
.mt180 { margin-top: 180px;}
.mt190 { margin-top: 190px;}
.mt200 { margin-top: 200px;}
.mb10 { margin-bottom: 10px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}
.mb50 { margin-bottom: 50px;}
.mb60 { margin-bottom: 60px;}
.mb70 { margin-bottom: 70px;}
.mb80 { margin-bottom: 80px;}
.mb90 { margin-bottom: 90px;}
.mb100 { margin-bottom: 100px;}
.mb110 { margin-bottom: 110px;}
.mb120 { margin-bottom: 120px;}
.mb130 { margin-bottom: 130px;}
.mb140 { margin-bottom: 140px;}
.mb150 { margin-bottom: 150px;}
.mb160 { margin-bottom: 170px;}
.mb170 { margin-bottom: 170px;}
.mb180 { margin-bottom: 180px;}
.mb190 { margin-bottom: 190px;}
.mb200 { margin-bottom: 200px;}

/* padding */
.pt10 { padding-top: 10px;}
.pt20 { padding-top: 20px;}
.pt30 { padding-top: 30px;}
.pt40 { padding-top: 40px;}
.pt50 { padding-top: 50px;}
.pt60 { padding-top: 60px;}
.pt70 { padding-top: 70px;}
.pt80 { padding-top: 80px;}
.pt90 { padding-top: 90px;}
.pt100 { padding-top: 100px;}
.pt110 { padding-top: 110px;}
.pt120 { padding-top: 120px;}
.pt130 { padding-top: 130px;}
.pt140 { padding-top: 140px;}
.pt150 { padding-top: 150px;}
.pt160 { padding-top: 160px;}
.pt170 { padding-top: 170px;}
.pt180 { padding-top: 180px;}
.pt190 { padding-top: 190px;}
.pt200 { padding-top: 200px;}
.pb10 { padding-bottom: 10px;}
.pb20 { padding-bottom: 20px;}
.pb30 { padding-bottom: 30px;}
.pb40 { padding-bottom: 40px;}
.pb50 { padding-bottom: 50px;}
.pb60 { padding-bottom: 60px;}
.pb70 { padding-bottom: 70px;}
.pb80 { padding-bottom: 80px;}
.pb90 { padding-bottom: 90px;}
.pb100 { padding-bottom: 100px;}
.pb110 { padding-bottom: 110px;}
.pb120 { padding-bottom: 120px;}
.pb130 { padding-bottom: 130px;}
.pb140 { padding-bottom: 140px;}
.pb150 { padding-bottom: 150px;}
.pb160 { padding-bottom: 170px;}
.pb170 { padding-bottom: 170px;}
.pb180 { padding-bottom: 180px;}
.pb190 { padding-bottom: 190px;}
.pb200 { padding-bottom: 200px;}
.pb350 { padding-bottom: 350px;}

@media screen and (max-width: 749px) {
/*space*/
.plr50 { padding: 0 0;} 
/* margin */	
.mt10 { margin-top: 5px;}
.mt20 { margin-top: 10px;}
.mt30 { margin-top: 15px;}
.mt40 { margin-top: 20px;}
.mt50 { margin-top: 25px;}
.mt60 { margin-top: 30px;}
.mt70 { margin-top: 35px;}
.mt80 { margin-top: 40px;}
.mt90 { margin-top: 45px;}
.mt100 { margin-top: 50px;}
.mt110 { margin-top: 55px;}
.mt120 { margin-top: 60px;}
.mt130 { margin-top: 65px;}
.mt140 { margin-top: 70px;}
.mt150 { margin-top: 75px;}
.mt160 { margin-top: 80px;}
.mt170 { margin-top: 85px;}
.mt180 { margin-top: 90px;}
.mt190 { margin-top: 95px;}
.mt200 { margin-top: 100px;}
.mb10 { margin-bottom: 5px;}
.mb20 { margin-bottom: 10px;}
.mb30 { margin-bottom: 15px;}
.mb40 { margin-bottom: 20px;}
.mb50 { margin-bottom: 25px;}
.mb60 { margin-bottom: 30px;}
.mb70 { margin-bottom: 35px;}
.mb80 { margin-bottom: 40px;}
.mb90 { margin-bottom: 45px;}
.mb100 { margin-bottom: 50px;}
.mb110 { margin-bottom: 55px;}
.mb120 { margin-bottom: 60px;}
.mb130 { margin-bottom: 65px;}
.mb140 { margin-bottom: 70px;}
.mb150 { margin-bottom: 75px;}
.mb160 { margin-bottom: 80px;}
.mb170 { margin-bottom: 85px;}
.mb180 { margin-bottom: 90px;}
.mb190 { margin-bottom: 95px;}
.mb200 { margin-bottom: 100px;}

/* padding */	
.pt10 { padding-top: 5px;}
.pt20 { padding-top: 10px;}
.pt30 { padding-top: 15px;}
.pt40 { padding-top: 20px;}
.pt50 { padding-top: 25px;}
.pt60 { padding-top: 30px;}
.pt70 { padding-top: 35px;}
.pt80 { padding-top: 40px;}
.pt90 { padding-top: 45px;}
.pt100 { padding-top: 50px;}
.pt110 { padding-top: 55px;}
.pt120 { padding-top: 60px;}
.pt130 { padding-top: 65px;}
.pt140 { padding-top: 70px;}
.pt150 { padding-top: 75px;}
.pt160 { padding-top: 80px;}
.pt170 { padding-top: 85px;}
.pt180 { padding-top: 90px;}
.pt190 { padding-top: 95px;}
.pt200 { padding-top: 100px;}
.pb10 { padding-bottom: 5px;}
.pb20 { padding-bottom: 10px;}
.pb30 { padding-bottom: 15px;}
.pb40 { padding-bottom: 20px;}
.pb50 { padding-bottom: 25px;}
.pb60 { padding-bottom: 30px;}
.pb70 { padding-bottom: 35px;}
.pb80 { padding-bottom: 40px;}
.pb90 { padding-bottom: 45px;}
.pb100 { padding-bottom: 50px;}
.pb110 { padding-bottom: 55px;}
.pb120 { padding-bottom: 60px;}
.pb130 { padding-bottom: 65px;}
.pb140 { padding-bottom: 70px;}
.pb150 { padding-bottom: 75px;}
.pb160 { padding-bottom: 80px;}
.pb170 { padding-bottom: 85px;}
.pb180 { padding-bottom: 90px;}
.pb190 { padding-bottom: 95px;}
.pb200 { padding-bottom: 100px;}
.pb350 { padding-bottom: 200px;}


}

/*==================================
花
===================================*/
#mv  { position: relative;}
#mv::before { position: absolute; top: 0; left: -210px; content: ""; display: inline-block; width: clamp(830px,90vw,1700px); height: 900px; background-image: url('../img/flower01_pc.png'); background-position: center top; background-repeat: no-repeat; background-size: contain; transform: scaleX(-1);}
#mv::after { position: absolute; bottom: -40px; right: -160px; content: ""; display: inline-block; width: clamp(700px,90vw,1470px); height: 849px; background-image: url('../img/flower01_pc.png'); background-position: center top; background-repeat: no-repeat; background-size: contain; transform: scaleY(-1);}

@media (max-width: 749px) {
#mv::before { position: absolute; top: 0; left: -160px; content: ""; display: inline-block; width: 90%; min-width: 560px; height: 900px; background-image: url('../img/flower01_pc.png'); background-position: center top; background-repeat: no-repeat; background-size: contain; transform: scaleX(-1);}
#mv::after { position: absolute; bottom: -20px; right: -15%; content: ""; display: inline-block; width: 90%; min-width: 440px; height: 849px; background-image: url(../img/flower01_pc.png); background-position: center top; background-repeat: no-repeat; background-size: contain; transform: scaleY(-1);}
}

/*==================================
背景の動画
===================================*/
#video-area{ position: fixed; z-index: -1;/*最背面に設定*/ top: 0; right:0; left:0; bottom:0; overflow: hidden;}
#video {position: absolute;z-index: -1;top: 50%;left: 50%;transform: translate(-50%, -50%);/*縦横幅指定*/width: 177.77777778vh; /* 16:9 の幅→16 ÷ 9＝ 177.77% */height: 56.25vw; /* 16:9の幅 → 9 ÷ 16 = 56.25% */min-height: 100%;min-width: 100%;opacity: 0.25;}


/*==================================
背景 波
===================================*/
.wavelineArea { overflow: hidden;}
.wavelineArea .waveline { display: block; height: 100px; position: absolute;width: 1920px; background: url("../img/naminami.svg") repeat-x;z-index: 5000;animation: waves_w_move 20s linear infinite; transform-origin: 0% 0%; background-size: 100%;}
@keyframes waves_w_move{ 0%{background-position:0 0;transform:translate(0,0)} 50%{background-position:2000px 0;transform:translate(0,0)}100%{background-position:4000px 0;transform:translate(0,0)}}
.wavelineArea .waveline.top { top: -35px; left: 0;}/*位置調整*/
.wavelineArea .waveline.bottom { bottom: -58px; left: 0;}/*位置調整*/

/* ====================
ヘッダー
==================== */
#header { display: flex; justify-content: space-between; position: fixed; top: 0; left: 0; z-index: 10000; width: 100%; background: #fff;}
#header .logoArea { display: flex; align-items: center;margin-left: 2.2%;justify-content: space-between;}
#header .logoArea .logo {margin-right: 5%;}
#header .logoArea p.txt {width: 100%; font-size: 1.2rem;}

@media (min-width: 1461px) {
#header nav ul li{padding: 0 1.8%;}
#header nav ul li:last-child { margin: 0 0 0 1.8%;}
}
@media (max-width: 1460px) {
#header nav ul li{padding: 0 1.6%;}
#header nav ul li:last-child { margin: 0 0 0 1.8%;}
}
@media (min-width: 1285px) {
#header .logoArea {max-width: 440px; width: 100%;}
}
@media (max-width: 1284px) {
#header .logoArea .txt {display: none;}
#header .logoArea {max-width: 245px; width: 100%;}
}
@media (min-width: 1040px) {
#header {height: 80px;}
#header .logoArea .logo { max-width: 220px; margin-bottom: 4px;}
#header .logoArea p.txt { max-width: 210px;/*width: 40.96%;*/}
#header nav {width: 984px; display: flex; align-items: center; justify-content: space-between; font-size: 1.6rem;}
#header nav ul {width: 100%; display: flex; height: 100%;justify-content: end;}
#header nav ul li{ position: relative; display: flex; align-items: center; height: 100%;}
#header nav ul li a::before { position: absolute; display: block; content: ""; width: 0; height: 2px; background-color: #000; top: 0; left: 0; transition: 0.5s;}
#header nav ul li a:hover::before { width: 100%;}
#header nav li.contactBtn a { display: flex; align-items: center; justify-content: center; width: 160px; height: 100%; background-color: #000; color: #fff; column-gap: 7px;}
#header nav li.contactBtn a .img{ width: 20px;display: flex;}
#header nav li.contactBtn a .img img{}
#header nav li.contactBtn {padding: 0;}
}
	
@media (max-width: 1039px) {
#header {max-height: 50px;height: 13vw;}
#header .logoArea {max-width: 460px; width: 40%;}
#header .openbtn {display: block;}
#header .openbtn .openbtnLine {position: relative;height: 100%;}
#header .openbtn {position: relative;top: 0;right: 0; width: 13.33%;max-width: 100px;height: 100%;cursor: pointer;background: #000;padding: 15px 15px;}
#header .openbtn span {position: absolute;display: block; width: 100%;height: 1px;background: #fff;transition: all 0.3s;}
#header .openbtn span:nth-child(1) {top:0;}
#header .openbtn span:nth-child(2) {top:10px;}
#header .openbtn span:nth-child(2) {top:10px;}
#header .openbtn span:nth-child(3) {bottom:0;}
#header.active,
#header.active nav {background: #fff;}
#header.active .logoArea .logo {display: none;}
#header.active .openbtn span:nth-child(1) {transform: translateY(10px) rotate(45deg);}
#header.active .openbtn span:nth-child(2) {opacity: 0;}
#header.active .openbtn span:nth-child(3) {transform: translateY(-10px) rotate(-45deg);}
#header nav {display: none;position: absolute;top: 50px;right: 0;width: 100%;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}
#header nav ul {list-style: none;padding: 35px 0 60px 6.6%;}
#header nav ul li {font-size: 2.5rem; padding: 10px 15px;}
#header nav ul li a {text-decoration: none;color: #333;}
#header nav ul li a span {font-size:1.1rem; padding-left: 4%;display: inline-block!important;}
#header nav ul li:last-child { margin: 0 0 0 0%;}
#header nav li.contactBtn .pcOnly {display: none!important;}
}



/* ====================
footer
==================== */
#footer {padding: 80px 0 60px;}
#footer .snsArea ul { display: flex; column-gap: 40px;}
#footer .snsArea ul li a { width:  fit-content;}
#footer .footerGuide .submenuArea .left { line-height: 1.83;}
#footer .footerGuide .submenuArea .right ul { display: flex; column-gap: 32px;}
#footer .copy {font-size: 1rem;}
@media screen and (min-width: 750px) {
#footer .navArea { display: flex; align-items: center;}
#footer .navArea .logo {width: 100%;max-width: 130px; margin-right: 12.71%;}
#footer .navArea nav { width: 87.29%;}
#footer .navArea nav ul { display: flex; justify-content: flex-end;}
#footer .navArea nav ul li { padding: 0 1.7%;}
#footer .navArea nav ul li:last-child { padding-right: 0;}
#footer .snsArea ul {justify-content: flex-end;}
#footer .footerGuide .submenuArea { display: flex; justify-content: space-between; align-items: center;}
#footer .footerGuide .submenuArea .right ul {font-size: 1.4rem;}
#footer .copy { text-align: right;}
}

@media screen and (max-width: 749px) {
#footer .navArea {width: 35.38%;text-align: center;margin: 0 auto;padding-bottom: 40px;}
#footer .navArea .logo {width: 100%;}
#footer .footerGuide {text-align: center; margin: 0 auto;}
#footer .footerGuide .snsArea {padding: 46px 0 30px;}
#footer .snsArea ul {justify-content:center;}
#footer .footerGuide .submenuArea .left {font-size: 1.2rem;}
#footer .footerGuide .submenuArea .right ul {justify-content:center;padding-bottom: 20px;font-size: 1rem;}
#footer .copy { text-align: center;font-size: 0.8rem;}
}




/* ====================
contactBlock
==================== */
#contactBlock { text-align: center;}
#contactBlock .decoimg {position: absolute;z-index: -1;}
#contactBlock .box .left>p,#contactBlock .box .right>p { letter-spacing: 0.14em;}
#contactBlock .box .left a { color: #fff; width: 100%; display: flex; justify-content: center; column-gap: 16px; align-items: center; letter-spacing: 0.18em; background: #000; /*background-image: -moz-linear-gradient( -136deg, rgb(250,232,222) 0%, rgb(251,240,219) 100%); background-image: -webkit-linear-gradient( -136deg, rgb(250,232,222) 0%, rgb(251,240,219) 100%); background-image: -ms-linear-gradient( -136deg, rgb(250,232,222) 0%, rgb(251,240,219) 100%);*/}
/*#contactBlock .box .left a .img img { filter: invert(1);}*/
#contactBlock .box .right a { font-size: 4.2rem;margin-bottom: 20px;line-height: 1;}
#contactBlock .box .right p:last-of-type { font-size: 1.4rem; letter-spacing: 0.1em; margin-bottom: 0;}
#contactBlock{}
@media screen and (min-width: 750px) {
#contactBlock {padding:140px 0 170px;}
#contactBlock .decoimg {width: 52.5%;left: 12.18%;top:-3%;}
#contactBlock .outer>p { font-size: 1.8rem; letter-spacing: 0.18em; margin-bottom: 60px;}
#contactBlock .box { display: flex; /*border: 1px solid #fae8de;*/ border: 1px solid #000; padding: 56px 0;}
#contactBlock .box .left,#contactBlock .box .right { width: 50%; display: flex; flex-direction: column; align-items: center;}
#contactBlock .box .left { border-right: 1px solid #000;}
#contactBlock .box .left>p,#contactBlock .box .right>p {margin-bottom: 30px;}	
#contactBlock .box .left a {max-width: 460px; padding: 30px;}	
#contactBlock .box .left,
#contactBlock .box .right{padding: 0 5.58%;}
}

@media screen and (max-width: 749px) {
#contactBlock {padding:90px 0 100px;}
#contactBlock .decoimg {width: 95.33%;left: -10%;top:-9%;}
#contactBlock .outer>p { font-size: 1.3rem;}
#contactBlock .box {border-top: 1px solid #fae8de; border-bottom: 1px solid #fae8de; padding: 30px 0;}
#contactBlock .box .left {width: 84.61%; margin: 0 auto;border-bottom: 1px solid #fae8de;padding-bottom:40px; }
#contactBlock .box .left>p,#contactBlock .box .right>p {font-size: 1.2rem;margin-bottom: 15px;}
#contactBlock .box .left a {width: 84.61%; padding: 16px 0;margin: 0 auto;font-size: 1.3rem;}
#contactBlock .box .right {width: 84.61%;  margin: 0 auto; padding-top:40px; }
}



/* ====================
余白の調整
==================== */




/* ===============================
  pagenation
=============================== */
.pagiNation { display: flex; justify-content: center; align-items: center; margin: 0 auto;}

/*pagiNation*/
.pagiNation ul { display: flex; justify-content: space-between;}
.pagiNation ul li.pageNumber { position: relative; background-color: #fff;}
.pagiNation ul li.pageNumber a {display: flex; justify-content: center; align-items: center}
.pagiNation ul li.pageNumber.current { background-color: rgb(0, 0, 0); color: #ffffff;}
.pagiNation .arrow.prev::before,.pagiNation .arrow.arrow.prev::after,
.pagiNation .arrow.next::before,.pagiNation .arrow.arrow.next::after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); display: block; content: ""; width: 10px; height: 10px; border-left: 1px solid #000; border-bottom:  1px solid #000;}
.pagiNation .arrow.prev::before,.pagiNation .arrow.arrow.prev::after { transform: translate(-50%, -50%) rotate(45deg);}
.pagiNation .arrow.next::before,.pagiNation .arrow.arrow.next::after { transform: translate(-50%, -50%) rotate(-135deg);}

/*wp-pagenavi*/
.pagiNation .wp-pagenavi { display: flex; justify-content: space-between;}
.pagiNation .wp-pagenavi span,
.pagiNation .wp-pagenavi a.page {display: flex; justify-content: center; align-items: center;}
.pagiNation .wp-pagenavi a.page {background: #fff;}
.pagiNation .wp-pagenavi a.page.larger {background-color: #fff;}
.pagiNation .wp-pagenavi span.current {position: relative;background-color: rgb(0, 0, 0); color: #ffffff;}
.pagiNation .wp-pagenavi a.previouspostslink,
.pagiNation .wp-pagenavi a.nextpostslink {position: relative;}
.pagiNation .wp-pagenavi a.previouspostslink span,
.pagiNation .wp-pagenavi a.nextpostslink span {position: relative;}
.pagiNation .wp-pagenavi a.previouspostslink span::before,
.pagiNation .wp-pagenavi a.previouspostslink span::after,
.pagiNation .wp-pagenavi a.nextpostslink span::before,
.pagiNation .wp-pagenavi a.nextpostslink span::after{ position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(45deg); display: block; content: ""; width: 10px; height: 10px; border-left: 1px solid #000; border-bottom:  1px solid #000;}
.pagiNation .wp-pagenavi a.previouspostslink span::before,
.pagiNation .wp-pagenavi a.previouspostslink span::after { transform: translate(-50%, -50%) rotate(45deg);}
.pagiNation .wp-pagenavi a.nextpostslink span::before,
.pagiNation .wp-pagenavi a.nextpostslink span::after { transform: translate(-50%, -50%) rotate(-135deg);}

@media screen and (min-width: 750px) {
.pagiNation ul { width: fit-content; column-gap: 10px;}
.pagiNation ul li.pageNumber a { width: 40px; height: 40px; font-size: 1.6rem;}
.pagiNation .arrow.prev,.pagiNation .arrow.next { position: relative; width: 20px; height: 20px; margin: 0 15px;}

/*wp-pagenavi*/
.pagiNation .wp-pagenavi { width: fit-content; column-gap: 10px;}
.pagiNation .wp-pagenavi span,
.pagiNation .wp-pagenavi a.page { width: 40px; height: 40px; font-size: 1.6rem;}
.pagiNation .wp-pagenavi a.previouspostslink,
.pagiNation .wp-pagenavi a.nextpostslink {width: 20px; height: 20px;}
.pagiNation .wp-pagenavi a.previouspostslink {margin-right: 15px;}
}
@media screen and (max-width: 749px) {
.pagiNation { margin-top: 65px; max-width: none; width: fit-content;}
.pagiNation ul { column-gap: 8px; max-width: 220px;}
.pagiNation ul li.pageNumber a { width: 30px; height: 30px; font-size: 1.5rem;}
.pagiNation a.arrow {font-size:1.8rem; width: 30px; height: 30px;}
.pagiNation .arrow.prev,.pagiNation .arrow.next { position: relative; width: 20px; height: 20px; margin: 0 10px;}
/*wp-pagenavi*/
.pagiNation .wp-pagenavi { column-gap: 8px; max-width: 220px;}
.pagiNation .wp-pagenavi span,
.pagiNation .wp-pagenavi a.page {  width: 30px; height: 30px; font-size: 1.5rem;}
.pagiNation .wp-pagenavi a.previouspostslink,
.pagiNation .wp-pagenavi a.nextpostslink {width: 20px; height: 20px; margin: 0 10px;}
.pagiNation .wp-pagenavi a.previouspostslink {margin-right: 10px;}
}


/* ===============================
  葉っぱ共通
=============================== */
@media screen and (min-width: 1080px) {
  .decoimg.commonposi1 { top: 400px; left: 50%; transform: translateX(-630px); width: 200px;}
  .decoimg.commonposi2 { position: absolute; left: 50%; top: 1250px; transform: translateX(390px); z-index: 999;} 
  .decoimg.commonposi3 { top: 510px; left: 46%; transform: translateX(-818px); width: 347px;}
  }
@media (min-width: 750px) and (max-width: 1079px) {
/* この範囲に適用されるスタイル */
.decoimg.commonposi1 { width: 26.13%; max-width: 200px; top: 510px; left: -10%; z-index: 999;}
.decoimg.commonposi2 { width: 31.6%; max-width: 317px;  position: absolute; right: -18%; top: 1180px; z-index: 999;} 
.decoimg.commonposi3 { width: 28.13%; max-width: 240px; top: 510px; left: -10%; z-index: 999;}
}
@media screen and (max-width: 749px) {
.decoimg.commonposi1 { width: 26.13%; top: 260px; left: -10%; z-index: 999;}
.decoimg.commonposi2 { width: 31.6%;  position: absolute; right: -14%; top: 600px; z-index: 999;} 
.decoimg.commonposi3 { width: 28.13%; top: 260px; left: -10%; z-index: 999;}
}
  
/* ===============================
  パンくず
=============================== */
#pankuzu {background: #fff;}
#pankuzu .breadcrumb-box {width: 100%;margin: auto;}
#pankuzu .breadcrumb-box span.pankuzuItem,
#pankuzu .breadcrumb-box .current-item,
#pankuzu .breadcrumb-box .works_tag{padding: 0 10px;}
#pankuzu .breadcrumb {display: flex;align-items: center;}
#pankuzu .breadcrumb-box span.itemListElement:first-of-type .pankuzuItem{padding-left: 0;}
#pankuzu .breadcrumb {color: #cccccc;font-size: 1.2rem;}
#pankuzu .breadcrumb-border {display: inline-block;width: 1px;height: 16px;margin: 0 12px;background-color: #000; transform:rotate(15deg);}
#pankuzu .current-item {color: #000;}
@media screen and (min-width: 750px) {
#pankuzu {padding: 20px 0;}
}
@media screen and (max-width: 749px) {
#pankuzu {padding: 10px 0;}
}


/* ===============================
  recaptcha調整
=============================== */