@charset "UTF-8";
/*
# utility
汎用クラス・基本的には単一のスタイルを定義
*/

/* # u-flex
順並び
*/
.u-flex,
.u-flx{
	display: -webkit-flex!important;
	display: flex!important;
	-webkit-flex-wrap: wrap!important;
	flex-wrap: wrap!important;
}
.u-flexRev {
	display: -webkit-flex!important;
	display: flex!important;
	-webkit-flex-wrap: wrap!important;
	flex-wrap: wrap!important;
	-webkit-flex-direction: row-reverse!important;
	flex-direction: row-reverse!important;
}
.u-flexStart {
	display: -webkit-flex!important;
	display: flex!important;
	-webkit-flex-wrap: wrap!important;
	flex-wrap: wrap!important;
	-webkit-align-items: flex-start!important;
	align-items: flex-start!important;
}

.u-flexCenter {
	display: -webkit-flex!important;
	display: flex!important;
	-webkit-flex-wrap: wrap!important;
	flex-wrap: wrap!important;
	-webkit-justify-content: center!important;
	justify-content: center!important;
}
.u-flexMiddle {
	-webkit-align-items: center;
	align-items: center;
}
.u-flexAround {
	display: -webkit-flex!important;
	display: flex!important;
	-webkit-flex-wrap: wrap!important;
	flex-wrap: wrap!important;
	-webkit-justify-content: space-around!important;
	justify-content: space-around!important;
}
.u-flexBetween {
	display: -webkit-flex!important;
	display: flex!important;
	-webkit-flex-wrap: wrap!important;
	flex-wrap: wrap!important;
	-webkit-justify-content: space-between!important;
	justify-content: space-between!important;
}
.u-fBet {
	-webkit-justify-content: space-between!important;
	justify-content: space-between!important;
}
.u-fJcEnd {
	-webkit-justify-content: flex-end!important;
	justify-content: flex-end!important;
}
/* # u-grid
*/
.u-grid {
	display: -ms-grid!important;
	display: grid!important;
	-ms-grid-rows: auto!important;
	grid-template-rows: auto!important;
}
/* #u-scrollWrap スクロールエリア
*/
.u-scrollWrap {
	overflow-y: scroll!important;
}
/* # u-block ディスプレイブロック
*/
.u-block {
	display: block!important;
}

/*
# u-margin* 基本マージン
u-margin1<br>
u-marginB05<br>
u-marginB1<br>
u-marginB2<br>
u-marginB3<br>
u-marginT05<br>
u-marginT1<br>
u-marginT2<br>
u-marginT3<br>
u-marginL1<br>
u-marginR1<br>
u-marginW<br>
u-margin0A<br>
u-margin05A<br>
u-margin1A<br>
u-margin2A
*/
.u-margin1 { margin: 1em!important; }
.u-marginB05 { margin-bottom: 0.5em!important;}
.u-marginB025 { margin-bottom: 0.5em!important;}
.u-marginB1 { margin-bottom: 1em!important;}
.u-marginB2 { margin-bottom: 2em!important;}
.u-marginB3 { margin-bottom: 3em!important;}
.u-marginB4 { margin-bottom: 4em!important;}
.u-marginT05 { margin-top: 0.5em!important;}
.u-marginT1 { margin-top: 1em!important;}
.u-marginT2 { margin-top: 2em!important;}
.u-marginT3 { margin-top: 3em!important;}
.u-marginL05 { margin-left: .5em!important;}
.u-marginL1 { margin-left: 1em!important;}
.u-marginL2 { margin-left: 2em!important;}
.u-marginL3 { margin-left: 3em!important;}
.u-marginR1 { margin-right: 1em!important;}
.u-marginR2,
.u-marginR2-0-B1 { margin-right: 2em!important;}
.u-marginR3 { margin-right: 3em!important;}
.u-marginW { margin: 0 1em!important;}
.u-marginW05 { margin: 0 .5em!important;}
.u-marginW075 { margin: 0 .75em!important;}
.u-marginR05 { margin-right: 0.5em!important;}
.u-margin0A { margin: 0 auto !important;}
.u-margin05A { margin: 0.5em auto!important;}
.u-margin1A { margin: 1em auto!important;}
.u-margin2A { margin: 2em auto!important;}
@media screen and (min-width: 480px) {
	.u-marginR05a { margin-right: 0.5em!important;}
}
@media screen and (max-width: 768px) {
	.u-marginR2-0-B1 { margin-right: 0!important; margin-bottom:1em!important;}
}
/* # u-padding*
基本パディング
*/
.u-paddingTB1 {
	padding-top: 1em!important;
	padding-bottom: 1em!important;
}
.u-paddingW {
	padding-left: 1em!important;
	padding-right: 1em!important;
}
.u-paddingA1 {
	padding: 1em!important;
}
.u-paddingT1 {
	padding-top: 1em!important;
}
.u-paddingR1 {
	padding-right: 1em!important;
}
/* 広め・標準・狭め */
.u-paddingLL {
	padding: 1.5em 2em 2em;
}

.u-paddingL {
	padding: 1em 1.5em 1.5em;
}
.u-paddingM {
	padding: 1em;
}
.u-paddingS {
	padding: .75em;
}
.u-paddingSS {
	padding: .5em;
}
.u-p025 { padding: 0.25em!important; }
.u-p05 { padding: 0.5em!important; }
.u-p1 { padding: 1em!important; }
.u-p2 { padding: 2em!important; }
.u-p3 { padding: 3em!important; }
.u-p10 {padding: 10px !important;}

.u-pT025 { padding-top: 0.25em!important; }
.u-pT05 { padding-top: 0.5em!important; }
.u-pT1 { padding-top: 1em!important; }
.u-pT2 { padding-top: 2em!important; }
.u-pT3 { padding-top: 3em!important; }
.u-pT10 { padding-top: 10px!important; }

.u-pB025 { padding-bottom: 0.25em!important; }
.u-pB05 { padding-bottom: 0.5em!important; }
.u-pB1 { padding-bottom: 1em!important; }
.u-pB15 { padding-bottom: 1.5em!important; }
.u-pB2 { padding-bottom: 2em!important; }
.u-pB3 { padding-bottom: 3em!important; }
.u-pB10 { padding-bottom: 10px!important; }

.u-pL025 { padding-left: 0.25em!important; }
.u-pL05 { padding-left: 0.5em!important; }
.u-pL1 { padding-left: 1em!important; }
.u-pL2 { padding-left: 2em!important; }
.u-pL3 { padding-left: 3em!important; }
.u-pL10 { padding-left: 10px!important; }

.u-pR025 { padding-right: 0.25em!important; }
.u-pR05 { padding-right: 0.5em!important; }
.u-pR1 { padding-right: 1em!important; }
.u-pR2 { padding-right: 2em!important; }
.u-pR3 { padding-right: 3em!important; }
.u-pR10 {padding-right: 10px !important;}

.u-pW025 { padding-left: 0.25em!important;padding-right: 0.25em!important;}
.u-pW05 { padding-left: 0.5em!important;padding-right: 0.5em!important;}
.u-pW1 { padding-left: 1em!important;padding-right: 1em!important; }
.u-pW2 { padding-left: 2em!important;padding-right: 2em!important; }
.u-pW3 { padding-left: 3em!important;padding-right: 3em!important; }
.u-pW10 { padding-left: 10px!important;padding-right: 10px!important; }

.u-pTB025 { padding-top: 0.25em!important;padding-bottom: 0.25em!important; }
.u-pTB05 { padding-top: 0.5em!important;padding-bottom: 0.5em!important; }
.u-pTB1 { padding-top: 1em!important;padding-bottom: 1em!important; }
.u-pTB2 { padding-top: 2em!important;padding-bottom: 2em!important; }
.u-pTB3 { padding-top: 3em!important;padding-bottom: 3em!important; }
.u-pTB10 { padding-top: 10px!important;padding-bottom: 10px!important; }





/* # u-tit
タイトル
```
<p class="u-tit">u-tit</p>
```
*/
.u-tit {
	padding-left: 1em!important;
	background-color: #eeeeef!important;
}
/* # u-txt
フォントサイズ
```
<ul class="u-flex">
<li class="u-txtLLL">txtLLL</li>
<li class="u-txtLL u-marginL1">txtLL</li>
<li class="u-txtL u-marginL1">txtL</li>
<li class="u-txtS u-marginL1">txtS</li>
<li class="u-txtSS u-marginL1">txtSS</li>
<li class="u-txtSSS u-marginL1">txtSSS</li>
</ul>
```
*/
.u-txtLLL {font-size: 1.92em!important;}
.u-txtLL {font-size: 1.38em!important;}
.u-txtL {font-size: 1.07em!important;}
.u-txtS {font-size: .92em!important;}
.u-txtSS {font-size: .85em!important;}
.u-txtSSS {font-size: .69em!important;}
.u-txt18rem {font-size: 1.8rem!important;}
.u-txt2rem {font-size: 2rem!important;}
@media screen and (min-width: 780px) {
	.u-txtLLL {font-size: 2em!important;}
	.u-txtLL {font-size: 1.64em!important;}
	.u-txtL {font-size: 1.28em!important;}
	.u-txtS {font-size: .85em!important;}
	.u-txtSS {font-size: .78em!important;}
	.u-txtSSS {font-size: .71em!important;}
}

/* # u-text*
テキストアライン
*/
.u-textC {text-align: center!important;}
.u-textR {text-align: right!important;}
.u-textL {text-align: left!important;}
@media screen and ( max-width: 567px ) {
	.u-textSmC {
		text-align: center;
	}
}
@media screen and ( min-width: 568px ) {
	.u-textMdC {
		text-align: center;
	}
}
@media screen and ( min-width: 780px ) {
	.u-textLgC {
		text-align: center;
	}
}
/* # u-color*
テキストカラー
```
<p class="u-color01">color01</p>
```
*/
.u-color01 {color: #5f5096!important;}
.u-color02 {color: #fff!important;}
.u-color03 {color: #54311B!important;}
.u-color04 {color: #666!important;}
.u-color05 {color: #000!important;}
.u-color06 {color: #ff0000!important;}
.u-color07 {color: #ba6a23!important;}

.u-color14 {color: #a8893d!important;}
.u-color15 {color: #d17d7d!important;}
.u-color16 {color: #db2f5f!important;}
.u-color17 {color: #ee5a24!important;}
.u-color18 {color: #738D6D!important;}
.u-color19 {color: #ED7796!important;}
.u-color20 {color: #959535!important;}
.u-color21 {color: #9E853E!important;}
.u-color22 {color: #65a55e!important;}
.u-color23 {color: #b54900!important;}
.u-color24 {color: #406d95!important;}
.u-color25 {color: #b3863b!important;}
.u-color26 {color: #A52534!important;}
.u-color27 {color: #749684!important;}


/* # u-strong 強調
*/
.u-strong {color: #e50013!important;}
/* # u-bold
*/
.u-bold {
	font-weight: bold!important;
}
/* #u-family*/
.u-family1 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
/* #u-inBlock
インラインブロック
*/
.u-inBlock {
	display: inline-block!important;
}
/* # u-indent
インデント
```
<div class="c-box c-box--c01 u-margin2A">
<p>注意事項</p>
<ul class="u-txtS">
<li class="u-indent u-indent--01">ご投稿いただいたレポートは、一度弊社で確認・校正した上、掲載させていただきます。</li>
<li class="u-indent u-indent--01">写真の色加工、文章は修正させていただく場合がございます。あらかじめご了承ください。</li>
</ul>
</div>
```
*/
.u-indent {
	padding-left: 1em!important;
	text-indent: -1em!important;
}
.u-indent--01:before {
	content: "※";
}
.u-indent--02:before {
	content: "●";
}
.u-indent--03:before {
	content: "■";
}
.u-indent--02:before,
.u-indent--03:before {
	color: #5f5096;
}

/* # u-w*
幅
*/
.u-w10 {width: 10% !important;}
.u-w20 {width: 20% !important;}
.u-w30-70,
.u-w30 {width: 30% !important;}
.u-w40 {width: 40% !important;}
.u-w50 {width: 50% !important;}
.u-w60 {width: 60% !important;}
.u-w70 {width: 70% !important;}
.u-w80 {width: 80% !important;}
.u-w90 {width: 90% !important;}
.u-w100 {width: 100% !important;}
.u-w100vw {width: calc(100vw) !important;}
.u-w10-100 {width: 10% !important;}
.u-w20-100 {width: 20% !important;}
.u-w30-100 {width: 30% !important;}
.u-w35-100 {width: 35% !important;}
.u-w40-80,
.u-w40-100 {width: 40% !important;}
.u-w50-100 {width: 50% !important;}
.u-w60-100 {width: 60% !important;}
.u-w63-100 {width: 63% !important;}
.u-w70-100 {width: 70% !important;}
.u-w80-100 {width: 80% !important;}
.u-w90-100 {width: 90% !important;}
.u-w100-10,
.u-w100-20,
.u-w100-30,
.u-w100-40,
.u-w100-50,
.u-w100-60,
.u-w100-70,
.u-w100-80,
.u-w100-90 {width: 100% !important;}
.u-mw40 {max-width: 40% !important;}
.u-w78px {
	width: 78px;
	display: inline-block;
}

@media screen and (max-width: 779px){
	.u-w10-100,
	.u-w20-100,
	.u-w30-100,
	.u-w35-100,
	.u-w40-100,
	.u-w50-100,
	.u-w60-100,
	.u-w63-100,
	.u-w70-100,
	.u-w80-100,
	.u-w90-100 {width: 100% !important;}

	.u-w100-10 {width: 10% !important;}
	.u-w100-20 {width: 20% !important;}
	.u-w100-30 {width: 30% !important;}
	.u-w100-40 {width: 40% !important;}
	.u-w100-50 {width: 50% !important;}
	.u-w100-60 {width: 60% !important;}
	.u-w30-70,
	.u-w100-70 {width: 70% !important;}
	.u-w40-80,
	.u-w40-100,
	.u-w100-80 {width: 80% !important;}
	.u-w100-90 {width: 90% !important;}
}
/* # u-h*
高さ
*/
.u-h100vh {height: 100vh !important;}

/* #u-bgColor
*/
.u-bgColor01 {background-color: #ebebeb!important;}
.u-bgColor02 {background-color: #4d788e!important;}
.u-bgColor03 {background-color: #005932!important;}
.u-bgColor04 {background-color: #F5EDE6!important;}
.u-bgColor05 {background-color: #B8B6B8!important;}
.u-bgColor06 {background-color: #000000!important;}
.u-bgColor07 {background-color: #625D61!important;}
.u-bgColor08 {background-color: #D6EEF1!important;}
.u-bgColor09 {background-color: #E6F6F7!important;}
.u-bgColor10 {background-color: #820B19!important;}
.u-bgColor11 {background-color: #E1F0f4!important;}
.u-bgColor12 {background-color: #C52F30!important;}
.u-bgColor13 {background-color: #F18096!important;}
.u-bgColor14 {background-color: #a8893d!important;}
.u-bgColor15 {background-color: #d17d7d!important;}
.u-bgColor16 {background-color: #db2f5f!important;}
.u-bgColor17 {background-color: #ee5a24!important;}
.u-bgColor18 {background-color: #738D6D!important;}
.u-bgColor19 {background-color: #ED7796!important;}
.u-bgColor20 {background-color: #1E375B!important;}
.u-bgColor21 {background-color: #65a55e!important;}
.u-bgColor22 {background-color: #446d98!important;}
.u-bgColor23 {background-color: #5b4837!important;}
.u-bgColor24 {background-color: #406d95!important;}
.u-bgColor25 {background-color: #a9be9b!important;}
.u-bgColor26 {background-color: #A52534!important;}
.u-bgColor27 {background-color: #749684!important;}

.u-bgColorError01 {background-color:#ffeef8!important;} /* input select用 */
.u-bgColorError02 {background-color:#f08080!important;} /* 画像アップエリア用 */


/* #u-float* */
.u-floatR {
	float: right!important;
}

/* # u-clear
float解除＆領域確保<br />
本家で言うclearfix<br />

`.u-clear`
```
<ul class="u-clear">
	<li style="display:block;float:left;margin-right:1em;">float1</li>
	<li style="display:block;float:left;">float2</li>
</ul>
```
*/
.u-clear::after{
	content: "";
	display: block;
	clear: both;
}

/* # u-br, u-hidden*
画面サイズ別改行＆項目非表示　※改行以外はなるべく使わない！

*/
@media screen and (min-width: 969px) {
	.u-br5,
	.u-hidden5 {
		display: none;
	}
}
@media screen and (min-width: 479px) {
	.u-br4,
	.u-hidden4 {
		display: none;
	}
}
@media screen and (max-width: 479px) {
	.u-br3,
	.u-hidden3 {
		display: none;
	}
}
@media screen and (max-width: 779px) {
	.u-br2,
	.u-hidden2 {
		display: none;
	}
}
@media screen and (min-width: 780px) {
	.u-br6,
	.u-hidden6 {
		display: none;
	}
}
@media screen and (max-width: 959px) {
	.u-br1,
	.u-hidden1 {
		display: none;
	}
}

/* # u-hidden
*/
.u-hidden {
	display: none!important;
}
/* # u-dispIni
*/
.u-dispIni {
	display: initial!important;
}
/* #u-disInl
*/
.u-dispInl {
	display: inline!important;
}
/* # u-noScroll
*/
.u-noScroll {
	position: fixed !important;
	width: 100% !important;
	max-width: 100vw !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
}
@media screen and (min-width: 779px) {
	.u-noScroll {
		padding-right: 17px !important;
	}
}

/* #u-valignM
*/
.u-valignM {
	vertical-align: middle!important;
}

/* # u-posInit
*/
.u-positionInit {
	position: initial!important;
}
/* # u-posAbs
*/
.u-posAbs {
	position: absolute!important;
}
/* #u-requireBox
*/
.u-requireBox {
	background-color: #e50013;
	color: #fff;
	padding: 1px 3px 0 ;
	font-size: 0.7rem;
	margin-left: 1em;
}
/* # u-verticalM
*/
.u-verticalM {
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%;
	position: relative;
}
/* #u-txtDec*/
.u-txtDec,
.u-txtDec:hover {
	text-decoration: none;
}
/* #u-curPointer*/
.u-curPointer{
	cursor: pointer;
}
/* #u-noEvent
*/
.u-noEvent {
	pointer-events: none !important;
}
/*
 #u-borRad
*/
.u-borRad {
	border-radius: 5px;
}

/* ボーダー */
.u-borA1 {border: 1px solid;}
.u-borT1 {border-top: 1px solid;}
.u-borB1 {border-bottom: 1px solid;}
.u-borTB1 {border-top: 1px solid;border-bottom: 1px solid;}
.u-borL1 {border-left: 1px solid;}
.u-borR1 {border-right: 1px solid;}
.u-borLR1 {border-left: 1px solid;border-right: 1px solid;}
.u-borA2 {border: 2px solid;}
.u-borT2 {border-top: 2px solid;}
.u-borB2 {border-bottom: 2px solid;}
.u-borTB2 {border-top: 2px solid;border-bottom: 2px solid;}
.u-borL2 {border-left: 2px solid;}
.u-borR2 {border-right: 2px solid;}
.u-borLR2 {border-left: 2px solid;border-right: 2px solid;}
.u-borStDa {border-style: dashed;}

.u-borGradi01 {
	border-image: linear-gradient(90deg,#8480c7,#e0a6b9) 1 !important;
}
/* ボーダーカラー */
.u-borClr02 {border-color: #aaaaaa!important;}
.u-borClr03 {border-color: #cccccc!important;}
.u-borClr04 {border-color: #e5e5e5!important;}
.u-borClr05 {border-color: #ba6a23!important;}


.u-borClr14 {border-color: #a8893d!important;}
.u-borClr15 {border-color: #d17d7d!important;}
.u-borClr16 {border-color: #db2f5f!important;}
.u-borClr17 {border-color: #ee5a24!important;}
.u-borClr18 {border-color: #ff0000!important;}
.u-borClr19 {border-color: #738D6D!important;}
.u-borClr20 {border-color: #ED7796!important;}
.u-borClr21 {border-color: #9E853E!important;}
.u-borClr22 {border-color: #65a55e!important;}

.u-borClr24 {border-color: #b3863b!important;}


/* カラム用子要素
 * X-Y で X=カラム分割数 Y=大きさ
 * 使用箇所：イベントレポート（東京）
 */
.u-col1-1 {width: 100%;}
.u-col2-1 {width: calc((100% - 5px) / 2);}

/*.u-col3-1 {width: calc((100% - 10px) / 3);} aiで整数化したら少しずれたので目視で調整↓ */
.u-col3-1 {width: calc((100% - 9px) / 3);} 
.u-col3-2 {width: calc((100% - 10px) / 3 * 2 + 5px);}

.u-col4-1 {width: calc((100% - 15px) / 4);}
.u-col4-2 {width: calc((100% - 15px) / 4 * 2 + 5px);}
.u-col4-3 {width: calc((100% - 15px) / 4 * 3 + 10px);}

@media screen and (max-width: 780px){
	.u-col3-1{
		width: 100%;
	}
}



/* #js-*/

/*js-toggle*/
.js-toggle__tit {
	cursor: pointer;
}
.js-toggle__det {
	display: none;
}

/* #js-modalWin */
.js-modalWin {
	background-color: -webkit-rgba(0,0,0,.8);
	background-color: rgba(0,0,0,.8);
	height: 100%;
	left: 0;
	padding: 0 10% 1%;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 110;
}

/* #js-modalContents */
.js-modalContents {
	background: #fff;
	opacity: 1;
	overflow: auto;
	height: 90%;
	padding: 10px 3%;
	width: 100%;
	display: block;
}

/* #js-modalClose */
/*.js-modalClose--add {
	color: #ddd;
	cursor: pointer;
	font-size: 1.3em;
	height: 2.1rem;
	right: 0.5rem;
	position: absolute;
	top: 0.5rem;
	z-index: 100;
}*/
/*@media screen and ( max-width: 959px ) {
	.js-modalClose--add {
		z-index: 9999;
	}
}*/
.js-modalClose--add:hover {
	/*background-color: -webkit-rgba(255, 255, 255, 0.5);*/
	/*background-color: rgba(255, 255, 255, 0.5);
	border-color: #666;
	color: #050505b3;*/
	opacity: .5;
}

/* #js-hide */
.js-hide{
	display: none;
}


/* #モーダル関連
*/

/* modal load*/
.js-modalWrap {
	position: fixed;
	top: -10px;
	bottom: -70px;
	width: 100%;
	height: calc(100% + 80px);
	z-index: 100;
	background-color: rgba(0,0,0,.5);
	cursor: pointer;
	padding: 10px 0 70px;
}
.js-modalInWrap {
	position: relative;
	top: 4rem;
	right: 0;
	left: 0;
	width: 90%;
	max-width: 800px;
	padding: 2%;
	border-radius: 3px;
	margin: 0 auto 150px auto;
	background-color: #fff;
	cursor: auto;
	overflow: auto;
	max-height: 95%;
}
.js-modalClose--add {
	cursor: pointer;
	font-size: 1.3em;
	position: absolute;
	z-index: 100;
	background-color: #fff;
	color: #666;
	border-radius: 100%;
	width: 28px;
	height: 28px;
	border: 1px solid;
	box-sizing: border-box;
	top: 30px;
	right: calc(5% - 14px);
	opacity: 0;
	transition-property: opacity;
}
@media screen and (min-width: 780px){
	.js-modalInWrap{
		padding: 12px;
	}
}
@media screen and (min-width: 894px){
	.js-modalClose--add {
		right: calc(50% - 414px);
	}
}
.js-modalClose--add::before,
.js-modalClose--add::after{
	content: '';
	display: block;
	position: absolute;
	width: 18px;
	border-top: 1px solid;
	top: 12px;
	left: 4px;
}
.js-modalClose--add::before{
	transform: rotate(45deg);
}
.js-modalClose--add::after{
	transform: rotate(-45deg);
}


.js-imgModalWrap {
	position: fixed;
	top: -10px;
	bottom: -70px;
	width: 100%;
	height: calc(100% + 80px);
	z-index: 100;
	background-color: rgba(0,0,0,.8);
	cursor: pointer;
	padding: 10px 0 70px;
}
.js-imgModalInWrap {
	position: relative;
	top: 4rem;
	right: 0;
	left: 0;
	width: 90%;
	max-width: 800px;
	margin: 0 auto 150px auto;
	cursor: auto;
	overflow: auto;
	max-height: 95%;
}
.js-imgModalWrap .js-modalClose--add {
	background-color: rgba(0,0,0,.1);
	color: rgba(255,255,255,.5);
}
/*.slick-track {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: center;
	align-items: center;
}*/

/* #js-modalAction--
*/
[class*="js-modalAction--"]:not(.js-active) {
	pointer-events: none;
}
[class*="js-modalAction--"].js-active {
	pointer-events: auto;
}
.js-modalAction--zoom {
	opacity:0;
	transition: opacity;
}
.js-modalAction--zoom .js-modalAction__inner {
	transform: scale3d(.5,.5,1);
	transition-property: transform,opacity;
}
.js-modalAction--zoom.js-active {
	opacity:1;
}
.js-modalAction--zoom.js-active .js-modalAction__inner {
	transform: scale3d(1,1,1);
}
/* # bound
*/
.js-modalAction--bound {
	transition-property: opacity;
	opacity: 0;
}
.js-modalAction--bound.js-active {
	opacity: 1;
}
.js-modalAction--bound > .js-modalAction__inner {
	transition-property: top;
	top: -5%;
}
.js-modalAction--bound.js-active > .js-modalAction__inner {
	top: 0;
}



/* #オリジナルスライド
*/
.c-slidePhoto,
.c-slickCheck {
	overflow: hidden;
	margin-top: 2%;
	margin-bottom: 2%;
}
.js-slideWrap {
	/*-webkit-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-touch-action: pan-y;
	touch-action: pan-y;*/
}

/* #画像の遅延読込関連
*/
img.lazyload, img.lazyloading{
	opacity:0;
}
img.lazyloaded{
	opacity:1;
	transition: opacity 2000ms;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
img.lazyloaded.thumb-center{
	height:0;
	padding-bottom:100%;
	background-size:cover;
	background-position:center center;
}

/* ずばば */
.u-zubaba::before,
.u-zubaba::after{
	height: 1.5em;
	width: 1em;
	font-size: 1em;
	align-self: flex-end;
}
.u-zubaba::before{ content: '＼'; }
.u-zubaba::after{ content: '／'; }
@media screen and (max-width: 779px){
	.u-zubaba::before{ content: ''; }
	.u-zubaba::after{ content: ''; }
}

/*---------------
	矢印Webフォント風
	double： 》
	tri： ▲
--------------- */
i.arrow-double,
i.arrow-tri {
	display: inline-block;
	font-size:inherit;
	font-style:normal;
}

i.arrow-double:before {
	margin-left: .5em;
}
i.arrow-tri:before {
	margin-top: .5em;
}

i.arrow-double:before {
	content:"》";
}

i.arrow-tri:before {
	content:"▲";
}

i.arrow-double.arrow-down {
	transform: rotate(90deg);
}

i.arrow-double.arrow-up {
	transform: rotate(-90deg);
}

i.arrow-tri.arrow-right {
	transform: rotate(90deg);
	margin-right:.5em;
}

/*---------------
	SPのみのコンテンツ
	PCのみのコンテンツ
--------------- */

.sp-cont{
	display: none;
}
.pc-cont{
	display: block;
}

@media screen and (max-width: 779px)
{
	.sp-cont
	{
		display: block;
	}
	.pc-cont
	{
		display: none;
	}
}