@charset "UTF-8";
/*
 * ================================================
 *
 * [content]
 *
 * ================================================
 */
img {
	vertical-align: middle;
	max-width: 100%;
}
/**
 * 幅指定
 */
.w5p { width: 5% !important; }
.w33p { width: 33% !important; }
.w45p { width: 45% !important; }
.w49p { width: 49% !important; }
.w50p { width: 50% !important; }
.w90p { width: 90% !important; }
.w110 { width: 110px !important; }
.w120 { width: 120px !important; }
.w130 { width: 130px !important; }
.w140 { width: 140px !important; }
.w150 { width: 150px !important; }
.w160 { width: 160px !important; }
.w170 { width: 170px !important; }
.w180 { width: 180px !important; }
.w190 { width: 190px !important; }
.w200 { width: 200px !important; }
.w210 { width: 210px !important; }
.w220 { width: 220px !important; }
.w230 { width: 230px !important; }
.w240 { width: 240px !important; }
.w250 { width: 250px !important; }
.w300 { width: 300px !important; }
.w310 { width: 310px !important; }
.w320 { width: 320px !important; }
.w330 { width: 330px !important; }
.w340 { width: 340px !important; }
.w350 { width: 350px !important; }
.w390 { width: 390px !important; }
.w400 { width: 400px !important; }
.w410 { width: 410px !important; }
.w420 { width: 420px !important; }
.w430 { width: 430px !important; }
.w450 { width: 450px !important; }
.w480 { width: 480px !important; }
.w500 { width: 500px !important; }
.w550 { width: 550px !important; }
.w600 { width: 600px !important; }
.w640 { width: 640px !important; }
.w1em { width: 1em !important; }
.w2em { width: 2em !important; }
.w3em { width: 3em !important; }
.w3hem { width: 3.5em !important; }
.w4em { width: 4em !important; }
.w4hem { width: 4.5em !important; }
.w5em { width: 5em !important; }
.w5hem { width: 5.5em !important; }
.w6em { width: 6em !important; }
.w6hem { width: 6.5em !important; }
.w7em { width: 7em !important; }
.w8em { width: 8em !important; }
.w9em { width: 9em !important; }
.w10em { width: 10em !important; }
.w11em { width: 11em !important; }
.w12em { width: 12em !important; }
.w13em { width: 13em !important; }
.w14em { width: 14em !important; }
.w15em { width: 15em !important; }
.w16em { width: 16em !important; }
.w17em { width: 17em !important; }
.w18em { width: 18em !important; }
.w19em { width: 19em !important; }
.w20em { width: 20em !important; }
.mL1hem { margin-left: 1.5em !important; }
.mL2em { margin-left: 2em !important; }
.mL2hem { margin-left: 2.5em !important; }
.mL3em { margin-left: 3em !important; }
.mL3hem { margin-left: 3.5em !important; }
.mL4em { margin-left: 4em !important; }
.mL4hem { margin-left: 4.5em !important; }
.mL5em { margin-left: 5em !important; }
.mL6em { margin-left: 6em !important; }
.mL7em { margin-left: 7em !important; }
.mL8em { margin-left: 8em !important; }
.mL9em { margin-left: 9em !important; }
.mL10em { margin-left: 10em !important; }
.mL11em { margin-left: 11em !important; }
.mL12em { margin-left: 12em !important; }
.mL17em { margin-left: 17em !important; }
.mL70 { margin-left: 70px !important; }
.mB55 { margin-bottom: 55px !important; }
.mB60 { margin-bottom: 60px !important; }
.mB70 { margin-bottom: 70px !important; }
.mB80 { margin-bottom: 80px !important; }
.mB90 { margin-bottom: 90px !important; }
.pL1hem { padding-left: 1.5em !important; }
/**
 * 文字装飾
 */
.ftGothic {
	font-family:
		游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro',
		メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.ftMincho {
	font-family:
		'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN',
		'YuMincho', 'Yu Mincho', '游明朝体',
		'ＭＳ Ｐ明朝', 'MS PMincho', serif;
}
.ftOswald {
	font-family: 'Oswald', sans-serif;
}
/**
 * 文字色
 */
.cBlack { color: #000; }
.cGold { color: #D4AA18; }
/**
 * form
 */
fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
label,
input,
textarea,
select {
	line-height: 16px;
	margin: 0;
}
input.formText[type=text],
input.formText[type=password],
input.formText[type=number],
input.formText[type=email],
textarea.formText,
select.formSelect {
	padding: 5px;
	border: 1px solid #231815;
	background-color: #FFFFFF;
}
input.formText[type=text]:focus,
input.formText[type=password]:focus,
input.formText[type=number]:focus,
input.formText[type=email]:focus,
textarea.formText:focus,
select.formSelect:focus {
	border: 1px solid #444444;
}
#alphaBg {
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 2000;
	background: #000000;
	display: none;
	zoom: 1;
	min-height: 100%;
}
/**
 * popup
 */
.popupWrapper {
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0;
	z-index: 2100;
	display: none;
}
	.popupWrapper .closeVox {
		height: 50px;
	}
	.popupWrapper .popupCloseBt {
		position: absolute;
		top: 0;
		right: 0;
		width: 50px;
		height: 50px;
	}
	.popupWrapper .popupCloseBt span {
		width: 40px;
		height: 3px;
		background: #FFFFFF;
		position: absolute;
		left: 50%;
		top: 50%;
		margin: -1.5px 0 0 -20px;
	}
	.popupWrapper .popupCloseBt span:nth-child(1) {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.popupWrapper .popupCloseBt span:nth-child(2) {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.popupWrapper .content {
		background: #FFFFFF;
	}
#popupWrapperMovie.popupWrapper {
	width: 80%;
	margin-left: -40%;
}
#popupWrapperMovie .content {
	position: relative;
	padding-top: 56.25%;
	background: transparent;
}
	#popupWrapperMovie .content iframe {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
	}
#popupContents {
		display: none;
}
#debug {
	position: fixed;
	right: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.5);
	width: 200px;
	height: 200px;
	color: #000000;
	display: none;
	z-index: 9999;
	overflow: auto;
}
/**
 * ボックス用スタイル
 */
/**
 * リスト用スタイル
 */
/**
 * アイコン用スタイル
 */
/**
 * 見出し用スタイル
 */
/**
 * ボタン用スタイル
 */
.btS01 {
	position: relative;
	display: inline-block;
	font-size: 3.0rem;
	font-weight: bold;
	text-align: center;
	border: 1px solid #000;
	background: #C8A830;
	padding: .5em 80px;
}
.btS01::before,
.btS01::after {
	content: '';
	background: url(../../images/content/content/ico_btn01.png) left / 100% auto no-repeat;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 50%;
	margin-top: -16px;
}
.btS01::before {
	left: 25px;
}
.btS01::after {
	right: 25px;
}
/**
 * transition
 */
.trOp01 {
	-webkit-transition: .2s;
	        transition: .2s;
}
.trOp01:hover {
	opacity: .7;
}
.trScl01 {
	-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.trScl01:hover,
.trScl01.active {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	z-index: 1;
}
.trSwR01 {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	position: relative;
	-webkit-transition: color 0.5s linear;
	transition: color 0.5s linear;
}
.trSwR01::before {
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50% 50%;
	transform-origin: 0 50% 50%;
	-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.trSwR01.active::before,
.trSwR01:hover::before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
/**
 ****************************************************
 *
 * screens larger than 768
 *
 ****************************************************
 */
@media only screen and (min-width: 568px) {
	.pcDspNone {
		display: none;
	}
}
/**
 ****************************************************
 *
 * screens smaller than 767
 *
 ****************************************************
 */
@media only screen and (max-width: 567px) {
	.spDspNone { display: none; }
	.fitImg {
		max-width: 100%;
		height: auto;
	}
	/**
	 * ボタン用スタイル
	 */
	.btS01 {
		font-size: 1.8rem;
		padding: .5em 50px;
	}
	.btS01::before,
	.btS01::after {
		width: 16px;
		height: 16px;
		margin-top: -7px;
	}
	.btS01::before {
		left: 20px;
	}
	.btS01::after {
		right: 20px;
	}
	/**
	 * transition series
	 */
	.trOp01 {
		-webkit-transition: none;
		transition: none;
	}
	.trOp01:hover {
		opacity: 1.0;
	}
	.trScl01 {
		-webkit-transition: none;
		transition: none;
	}
	.trScl01:hover {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
}