/**************************+*******
初期設定部分
**************************+*******/

/* 変数設定 */
:root{
    /* 変数を出力する場合は var(変数名) */
    /*
    * --c1：最も使われる差し色。でテキストのホバー時や single.php の見出し下線もこの色になる。
    * --c2：自由枠
    * --c3：自由枠
    * --cb：基本的なテキストや黒色部分の色
    * --cf：お問い合わせinput部分の枠の色
    * --cr：お問い合わせ必須や再入力部分の色
    */
    
    --c1: #a8272e;
    --c2: #e8c65f;
    --c3: #666666;
    --cb: #333333;
    --cf: #b3b3b3;
    --cr: #a8272e;
}

/* フォント設定 */
body {
	font-size:1.5rem;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	color:var(--cb);
	line-height:1.6;
    font-weight: 500;
	letter-spacing:0.05em;
	-webkit-text-size-adjust:none;
}

a {
    color: var(--cb);
}
a:hover{
    color: var(--c1);
}

/**************************+*******
テキスト関連
**************************+*******/

/* font-size */

.fs10{font-size: 1.0rem;}
.fs12{font-size: 1.2rem;}
.fs13{font-size: 1.3rem;}
.fs14{font-size: 1.4rem;}
.fs15{font-size: 1.5rem;}
.fs16{font-size: 1.6rem;}
.fs18{font-size: 1.8rem;}
.fs20{font-size: 2.0rem;}
.fs22{font-size: 2.2rem;}
.fs24{font-size: 2.4rem;}
.fs26{font-size: 2.6rem;}
.fs28{font-size: 2.8rem; line-height: 1;}
.fs30{font-size: 3.0rem; line-height: 1;}
.fs32{font-size: 3.2rem; line-height: 1;}
.fs34{font-size: 3.4rem; line-height: 1;}
.fs36{font-size: 3.6rem; line-height: 1;}
.fs38{font-size: 3.8rem; line-height: 1;}
.fs42{font-size: 4.2rem; line-height: 1;}
.fs45{font-size: 4.5rem; line-height: 1;}
.fs48{font-size: 4.8rem; line-height: 1;}
.fs60{font-size: 6.0rem; line-height: 1;}

@media (max-width: 800px) {
.fs16{font-size: 1.5rem;}
.fs18{font-size: 1.7rem;}
.fs20{font-size: 1.9rem;}
.fs22{font-size: 2.0rem;}
.fs24{font-size: 2.2rem;}
.fs26{font-size: 2.3rem;}
.fs28{font-size: 2.5rem;}
.fs30{font-size: 2.7rem;}
.fs32{font-size: 2.8rem;}
.fs34{font-size: 3.0rem;}
.fs36{font-size: 3.1rem;}
.fs38{font-size: 3.2rem;}
.fs42{font-size: 3.6rem;}
.fs45{font-size: 3.8rem;}
.fs48{font-size: 4.0rem;}
.fs60{font-size: 5.0rem;}
}

@media (max-width: 560px) {
.fs18{font-size: 1.6rem;}
.fs20{font-size: 1.8rem;}
.fs22{font-size: 1.9rem;}
.fs24{font-size: 2.0rem;}
.fs26{font-size: 2.1rem;}
.fs28{font-size: 2.1rem;}
.fs30{font-size: 2.3rem;}
.fs32{font-size: 2.4rem;}
.fs34{font-size: 2.6rem;}
.fs36{font-size: 2.6rem;}
.fs38{font-size: 2.7rem;}
.fs42{font-size: 3.0rem;}
.fs45{font-size: 3.1rem;}
.fs48{font-size: 3.2rem;}
.fs60{font-size: 4.0rem;}
}

/* font-weight */

.fwl{font-weight: 300;}
.fwr{font-weight: 400;}
.fwm{font-weight: 500;}
.fwsb{font-weight: 600;}
.fwb{font-weight: 700;}
.fweb{font-weight: 800;}
.fwbk{font-weight: 900;}

/* letter_spacing */

.ls0{letter-spacing: 0;}
.ls50{letter-spacing: 0.05em;}
.ls100{letter-spacing: 0.1em;}
.ls150{letter-spacing: 0.15em;}
.ls200{letter-spacing: 0.2em;}

/* line_height */

.lh100{line-height: 1;}
.lh120{line-height: 1.2;}
.lh130{line-height: 1.3;}
.lh140{line-height: 1.4;}
.lh150{line-height: 1.5;}
.lh160{line-height: 1.6;}
.lh170{line-height: 1.7;}

/* text-align */

.tac{text-align: center;}
.tal{text-align: left;}
.tar{ text-align: right;}

/**************************+*******
画面サイズ関連
**************************+*******/

.full{
    width: 100%;
    height: 100%;
}

/* maxbox */

.cmn_maxbox_600 {width:100%; max-width: 600px; margin: 0 auto;}
.cmn_maxbox_700 {width:100%; max-width: 700px; margin: 0 auto;}
.cmn_maxbox_800 {width:100%; max-width: 800px; margin: 0 auto;}
.cmn_maxbox_900 {width:100%; max-width: 900px; margin: 0 auto;}
.cmn_maxbox {width:100%; max-width: 1000px; margin: 0 auto;}
.cmn_maxbox_1200 {width:100%; max-width: 1200px; margin: 0 auto;}
.cmn_maxbox_1300 {width:100%; max-width: 1300px; margin: 0 auto;}
.cmn_maxbox_1400 {width:100%; max-width: 1400px; margin: 0 auto;}

@media (max-width: 1400px)  {
.cmn_maxbox_1400{padding-left: 3%; padding-right: 3%;}
}
@media (max-width: 1300px)  {
.cmn_maxbox_1300{padding-left: 3%; padding-right: 3%;}
}
@media (max-width: 1200px)  {
.cmn_maxbox_1200{padding-left: 3%; padding-right: 3%;}
}
@media (max-width: 1000px)  {
.cmn_maxbox{padding-left: 3%; padding-right: 3%;}
}
@media (max-width: 800px) {
.cmn_maxbox_800{padding-left: 3%; padding-right: 3%;}
}
@media (max-width: 900px) {
.cmn_maxbox_900{padding-left: 0; padding-right: 0;}
}
@media (max-width: 700px) {
.cmn_maxbox_700{padding-left: 3%; padding-right: 3%;}
}
@media (max-width: 600px) {
.cmn_maxbox_600{padding-left: 3%; padding-right: 3%;}
}


/* 画像 */

.fit img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/**************************+*******
余白関連
**************************+*******/

.ma{margin: 0 auto;}

/* padding */

.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl25{padding-left: 25px;}
.pl30{padding-left: 30px;}
.pl40{padding-left: 40px;}
.pl50{padding-left: 50px;}
.pl60{padding-left: 60px;}
.pl70{padding-left: 70px;}
.pl80{padding-left: 80px;}
.pl100{padding-left: 100px;}
.pl150{padding-left: 150px;}
.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr25{padding-right: 25px;}
.pr30{padding-right: 30px;}
.pr40{padding-right: 40px;}
.pr50{padding-right: 50px;}
.pr60{padding-right: 60px;}
.pr70{padding-right: 70px;}
.pr80{padding-right: 80px;}
.pr100{padding-right: 100px;}
.pr150{padding-right: 150px;}
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt25{padding-top: 25px;}
.pt30{padding-top: 30px;}
.pt35{padding-top: 35px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.pt60{padding-top: 60px;}
.pt70{padding-top: 70px;}
.pt80{padding-top: 80px;}
.pt100{padding-top: 100px;}
.pt150{padding-top: 150px;}
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb25{padding-bottom: 25px;}
.pb30{padding-bottom: 30px;}
.pb35{padding-bottom: 35px;}
.pb40{padding-bottom: 40px;}
.pb50{padding-bottom: 50px;}
.pb60{padding-bottom: 60px;}
.pb70{padding-bottom: 70px;}
.pb80{padding-bottom: 80px;}
.pb100{padding-bottom: 100px;}
.pb150{padding-bottom: 150px;}

/* margin */

.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
.ml30{margin-left: 30px;}
.ml40{margin-left: 40px;}
.ml50{margin-left: 50px;}
.ml60{margin-left: 60px;}
.ml70{margin-left: 70px;}
.ml80{margin-left: 80px;}
.ml100{margin-left: 100px;}
.ml150{margin-left: 150px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr25{margin-right: 25px;}
.mr30{margin-right: 30px;}
.mr40{margin-right: 40px;}
.mr50{margin-right: 50px;}
.mr60{margin-right: 60px;}
.mr70{margin-right: 70px;}
.mr80{margin-right: 80px;}
.mr100{margin-right: 100px;}
.mr150{margin-right: 150px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}
.mt100{margin-top: 100px;}
.mt150{margin-top: 150px;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}
.mb80{margin-bottom: 80px;}
.mb100{margin-bottom: 100px;}
.mb150{margin-bottom: 150px;}

@media (max-width: 800px) {

/* padding */
.pl40{padding-left: 35px;}
.pl50{padding-left: 40px;}
.pl60{padding-left: 45px;}
.pl70{padding-left: 55px;}
.pl80{padding-left: 65px;}
.pl100{padding-left: 80px;}
.pl150{padding-left: 120px;}
.pr40{padding-right: 35px;}
.pr50{padding-right: 40px;}
.pr60{padding-right: 45px;}
.pr70{padding-right: 55px;}
.pr80{padding-right: 65px;}
.pr100{padding-right: 80px;}
.pr150{padding-right: 120px;}
.pt35{padding-top: 30px;}
.pt40{padding-top: 35px;}
.pt50{padding-top: 40px;}
.pt60{padding-top: 45px;}
.pt70{padding-top: 55px;}
.pt80{padding-top: 65px;}
.pt100{padding-top: 80px;}
.pt150{padding-top: 120px;}
.pb35{padding-bottom: 30px;}
.pb40{padding-bottom: 35px;}
.pb50{padding-bottom: 40px;}
.pb60{padding-bottom: 45px;}
.pb70{padding-bottom: 55px;}
.pb80{padding-bottom: 65px;}
.pb100{padding-bottom: 80px;}
.pb150{padding-bottom: 120px;}

/* margin */

.ml40{margin-left: 35px;}
.ml50{margin-left: 40px;}
.ml60{margin-left: 45px;}
.ml70{margin-left: 55px;}
.ml80{margin-left: 65px;}
.ml100{margin-left: 80px;}
.ml150{margin-left: 120px;}
.mr40{margin-right: 35px;}
.mr50{margin-right: 40px;}
.mr60{margin-right: 45px;}
.mr70{margin-right: 55px;}
.mr80{margin-right: 65px;}
.mr100{margin-right: 80px;}
.mr150{margin-right: 120px;}
.mt40{margin-top: 35px;}
.mt50{margin-top: 40px;}
.mt60{margin-top: 45px;}
.mt70{margin-top: 55px;}
.mt80{margin-top: 65px;}
.mt100{margin-top: 80px;}
.mt150{margin-top: 120px;}
.mb40{margin-bottom: 35px;}
.mb50{margin-bottom: 40px;}
.mb60{margin-bottom: 45px;}
.mb70{margin-bottom: 55px;}
.mb80{margin-bottom: 65px;}
.mb100{margin-bottom: 80px;}
.mb150{margin-bottom: 120px;}
}

@media (max-width: 560px) {

/* padding */

.pl40{padding-left: 30px;}
.pl50{padding-left: 30px;}
.pl60{padding-left: 35px;}
.pl70{padding-left: 40px;}
.pl80{padding-left: 50px;}
.pl100{padding-left: 60px;}
.pl150{padding-left: 90px;}
.pr40{padding-right: 30px;}
.pr50{padding-right: 30px;}
.pr60{padding-right: 35px;}
.pr70{padding-right: 40px;}
.pr80{padding-right: 50px;}
.pr100{padding-right: 60px;}
.pr150{padding-right: 90px;}
.pt40{padding-top: 30px;}
.pt50{padding-top: 30px;}
.pt60{padding-top: 35px;}
.pt70{padding-top: 40px;}
.pt80{padding-top: 50px;}
.pt100{padding-top: 60px;}
.pt150{padding-top: 90px;}
.pb40{padding-bottom: 30px;}
.pb50{padding-bottom: 30px;}
.pb60{padding-bottom: 35px;}
.pb70{padding-bottom: 40px;}
.pb80{padding-bottom: 50px;}
.pb100{padding-bottom: 60px;}
.pb150{padding-bottom: 90px;}

/* margin */

.ml40{margin-left: 30px;}
.ml50{margin-left: 30px;}
.ml60{margin-left: 35px;}
.ml70{margin-left: 40px;}
.ml80{margin-left: 50px;}
.ml100{margin-left: 60px;}
.ml150{margin-left: 90px;}
.mr40{margin-right: 30px;}
.mr50{margin-right: 30px;}
.mr60{margin-right: 35px;}
.mr70{margin-right: 40px;}
.mr80{margin-right: 50px;}
.mr100{margin-right: 60px;}
.mr150{margin-right: 90px;}
.mt40{margin-top: 30px;}
.mt50{margin-top: 30px;}
.mt60{margin-top: 35px;}
.mt70{margin-top: 40px;}
.mt80{margin-top: 50px;}
.mt100{margin-top: 60px;}
.mt150{margin-top: 90px;}
.mb40{margin-bottom: 30px;}
.mb50{margin-bottom: 30px;}
.mb60{margin-bottom: 35px;}
.mb70{margin-bottom: 40px;}
.mb80{margin-bottom: 50px;}
.mb100{margin-bottom: 60px;}
.mb150{margin-bottom: 90px;}
}

/**************************+*******
スクロールアニメーション
**************************+*******/

/* scrollanime */

.scrollanime,
.scrollanime2,
.scrollanime3{
    opacity: 0;
}

.fadein{
animation: fadein 1s forwards;
}

@keyframes fadein{
    0%{opacity: 0;}
    100%{opacity: 1;transform: translate(0) scale(1);}
}

.toup{transform: translateY(30px);}
.todown{transform: translateY(-30px);}
.toright{transform: translate(-30px);}
.toleft{transform: translateX(30px);}
.expansion{transform: scale(.7);}
.shrink{transform: scale(1.2);}


/**************************+*******
その他
**************************+*******/

/* display */

.pcNone,.pcNone2,.pcNone3{display:none;}

@media (max-width: 1000px){
.spNone {display: none;}
.pcNone{display: block;}
}
@media (max-width: 800px) {
.spNone2 {display: none;}
.pcNone2{display: block;}
}
@media (max-width: 560px) {
.spNone3{display: none;}
.pcNone3{display: block;}
}

.db{display: block;}
.dib{display: inline-block;}

.dfc{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

/* 疑似要素 */

.pe::before,.pe::after{
    content: "";
    display: block;
}

/* 背景画像 */

.bgi{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

/* その他 */

.por{position: relative;}

.zi0{z-index: 0;}
.zi1{z-index: 1;}

/* 印刷 */

@media print {

.scrollanime,
.transparent{
    opacity: 1 !important;
    transform: translate(0) !important;
}

.footer_gotop{
    display: none !important;
}

}