@charset "utf-8";

/* ////////////////////
PC,SP共通 
//////////////////// */

/* display */
.inline{
	display: inline;
}
.block{
	display: block;
}
.inlineBlock{
	display: inline-block;
}
.flex{
	display: flex;
}
/* display */

/* position */
.relative{
    position: relative;
}
.absolute{
    position: absolute;
}
/* position */

/* 左右位置 */
.floatLeft{
	float: left;
}
.floatRight{
	float: right;
}
.alignLeft{
	text-align: left;
}
.alignRight{
	text-align: right;
}
.alignCenter{
	text-align: center;
}
.blockCenter{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* 幅可変時 */
.tableCenter{
	display: table;
	margin-left: auto;
	margin-right: auto;
}
.absoluteCenter{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
/* 左右位置 */

/* リストマーク右で行揃え indent */
.indent{
	margin: 1em;
	text-indent: -1em;
}
/* リストマーク右で行揃え indent */

.clearfix:after{
    content:"";
    display:block;
    clear:both;
}
.hidden{
    overflow: hidden;
}
.underline{
    text-decoration: underline;
}

/* 画像拡大・戻り zoom */
.zoom{
    -moz-transform: scale3d(1.0,1.0,1.0);
    -webkit-transform: scale3d(1.0,1.0,1.0);
    -o-transform: scale3d(1.0,1.0,1.0);
    -ms-transform: scale3d(1.0,1.0,1.0);
    transition: transform 0.2s;
}
.zoom:hover{
    -moz-transform: scale3d(1.2,1.2,1.2);
    -webkit-transform: scale3d(1.2,1.2,1.2);
    -o-transform: scale3d(1.2,1.2,1.2);
    -ms-transform: scale3d(1.2,1.2,1.2);
    transition: transform 0.2s;
}
/* 画像拡大・戻り zoom */

/* カッコ付数字リスト parentheses */
.parentheses li{
    list-style-position: inside;
    counter-increment: cnt;
}
.parentheses li:before{
    content: "(" counter(cnt) ") ";
}
/* カッコ付数字リスト parentheses */


/* 丸数字リスト */
.circle-num li:nth-child(1):before{
	content: "\2460";
}
.circle-num li:nth-child(2):before{
	content: "\2461";
}
.circle-num li:nth-child(3):before{
	content: "\2462";
}
.circle-num li:nth-child(4):before{
	content: "\2463";
}
.circle-num li:nth-child(5):before{
	content: "\2464";
}
/* 丸数字リスト */


/* アイコンチェックマークリスト */
.icon-check li:before{
	font-family: FontAwesome;
	content: "\f046";
	margin-right: 0.5em;
}
/* アイコンチェックマークリスト */


/* margin */
.mB05em{
    margin-bottom: 0.5em;
}
.mB1em{
    margin-bottom: 1em;
}
.mB2em{
    margin-bottom: 2em;
}
.mB3em{
    margin-bottom: 3em;
}
.mB4em{
    margin-bottom: 4em;
}
.mB5em{
    margin-bottom: 5em;
}
.mB6em{
    margin-bottom: 6em;
}
.mB7em{
    margin-bottom: 7em;
}
.mB8em{
    margin-bottom: 8em;
}
.mB9em{
    margin-bottom: 9em;
}
.mB10em{
    margin-bottom: 10em;
}
/* margin */

.weightBold{
	font-weight: bold;
}
.weightNomal{
	font-weight: normal;
}
.underline{
	text-decoration: underline;
}

.lineMarker{
	position: relative;
	z-index: 1;
}
.lineMarker:before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 5px;
	width: 100%;
	background: #ff9baf;
	z-index: -1;
}
.back{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
	z-index: 1;
}
.front{
	position: relative;
	z-index: 10;
}
/* ////////////////////
PC,SP共通 
//////////////////// */

/* ////////////////////
PCのみ
//////////////////// */
@media screen and (min-width:791px){
	.sp{
		display: none;
	}
	.pcFloatLeft{
		float: left;
		display: inline-block;
	}
	.pcFloatRight{
		float: right;
		display: inline-block;
	}
	
	/* 左右2つの横並び */
	.pcLR:after{
		content:"";
		display:block;
		clear:both;
	}
	.pcLR>*:first-child{
		float: left;
		width: 50%;
	}
	.pcLR>*:last-child{
		float: right;
		width: 50%;
	}
	/* 左右2つの横並び */
	
	/* margin */
	.pcMB5px{
		margin-bottom: 5px;
	}
	.pcMB10px{
		margin-bottom: 10px;
	}
	.pcMB15px{
		margin-bottom: 15px;
	}
	.pcMB20px{
		margin-bottom: 20px;
	}
	.pcMB25px{
		margin-bottom: 25px;
	}
	.pcMB30px{
		margin-bottom: 30px;
	}
	.pcMB35px{
		margin-bottom: 35px;
	}
	.pcMB40px{
		margin-bottom: 40px;
	}
	.pcMB45px{
		margin-bottom: 45px;
	}
	.pcMB50px{
		margin-bottom: 50px;
	}
	.pcMB60px{
		margin-bottom: 60px;
	}
	.pcMB70px{
		margin-bottom: 70px;
	}
	.pcMB80px{
		margin-bottom: 80px;
	}
	.pcMB90px{
		margin-bottom: 90px;
	}
	.pcMB100px{
		margin-bottom: 100px;
	}
	/* margin */
}
/* ////////////////////
PCのみ
//////////////////// */

/* ////////////////////
SPのみ
//////////////////// */
@media screen and (max-width: 790px){
	.pc{
		display: none;
	}
	.spFloatLeft{
		float: left;
	}
	.spFloatRight{
		float: right;
	}
	
	.spFullWidth{
		width: 100%;
		height: auto;
	}
	.spImgFullWidth{
		display: block;
		width: 100%;
		height: auto;
	}
	
	/* table モバイル時リスト表示 list-table */
	.list-table tr{
		display: block;
		width: 100%;
	}
	.list-table th,
	.list-table td{
		display: list-item;
		width: 100%;
		list-style-type: none;
	}
	/* table モバイル時リスト表示 list-table */
	
	/* margin */
	.spMB5vw{
		margin-bottom: 5vw;
	}
	.spMB10vw{
		margin-bottom: 10vw;
	}
	.spMB15vw{
		margin-bottom: 15vw;
	}
	.spMB20vw{
		margin-bottom: 20vw;
	}
	.spMB25vw{
		margin-bottom: 25vw;
	}
	.spMB30vw{
		margin-bottom: 30vw;
	}
	.spMB35vw{
		margin-bottom: 35vw;
	}
	.spMB40vw{
		margin-bottom: 40vw;
	}
	.spMB45vw{
		margin-bottom: 45vw;
	}
	.spMB50vw{
		margin-bottom: 50vw;
	}
	.spMB60vw{
		margin-bottom: 60vw;
	}
	.spMB70vw{
		margin-bottom: 70vw;
	}
	.spMB80vw{
		margin-bottom: 80vw;
	}
	.spMB90vw{
		margin-bottom: 90vw;
	}
	.spMB100vw{
		margin-bottom: 100vw;
	}
	/* margin */
}
/* ////////////////////
SPのみ
//////////////////// */
