@charset "utf-8";
/*
 * ==========================================================================
 *
 * [content]
 *
 * ==========================================================================
 */
/**
 * 幅指定
 */
.wAuto { width: auto !important; }
.w33p { width: 33%; }
.w48p { width: 48%; }
.w49p { width: 49%; }
.w50p { width: 50%; }
.w90p { width: 90%; }
.w110 { width: 110px; }
.w120 { width: 120px; }
.w130 { width: 130px; }
.w140 { width: 140px; }
.w150 { width: 150px; }
.w160 { width: 160px; }
.w170 { width: 170px; }
.w180 { width: 180px; }
.w190 { width: 190px; }
.w200 { width: 200px; }
.w210 { width: 210px; }
.w220 { width: 220px; }
.w230 { width: 230px; }
.w240 { width: 240px; }
.w250 { width: 250px; }
.w260 { width: 260px; }
.w270 { width: 270px; }
.w280 { width: 280px; }
.w290 { width: 290px; }
.w300 { width: 300px; }
.w310 { width: 310px; }
.w320 { width: 320px; }
.w330 { width: 330px; }
.w340 { width: 340px; }
.w370 { width: 370px; }
.w380 { width: 380px; }
.w400 { width: 400px; }
.w410 { width: 410px; }
.w420 { width: 420px; }
.w430 { width: 430px; }
.w440 { width: 440px; }
.w450 { width: 450px; }
.w470 { width: 470px; }
.w480 { width: 480px; }
.w490 { width: 490px; }
.w500 { width: 500px; }
.w510 { width: 510px; }
.w520 { width: 520px; }
.w540 { width: 540px; }
.w550 { width: 550px; }
.w570 { width: 570px; }
.w680 { width: 680px; }
.w1em { width: 1em; }
.w2em { width: 2em; }
.w3em { width: 3em; }
.w3hem { width: 3.5em; }
.w4em { width: 4em; }
.w4hem { width: 4.5em; }
.w5em { width: 5em; }
.w5hem { width: 5.5em; }
.w6em { width: 6em; }
.w6hem { width: 6.5em; }
.w7em { width: 7em; }
.w8em { width: 8em; }
.w9em { width: 9em; }
.w10em { width: 10em; }
.w11em { width: 11em; }
.w12em { width: 12em; }
.w13em { width: 13em; }
.w14em { width: 14em; }
.w15em { width: 15em; }
.w16em { width: 16em; }
.w17em { width: 17em; }
.w18em { width: 18em; }
.w19em { width: 19em; }
.w20em { width: 20em; }
/**
 * レイアウト
 */
.mL1hem { margin-left: 1.5em; }
.mL2em { margin-left: 2em; }
.mL2hem { margin-left: 2.5em; }
.mL3em { margin-left: 3em; }
.mL3hem { margin-left: 3.5em; }
.mL4em { margin-left: 4em; }
.mL4hem { margin-left: 4.5em; }
.mL5em { margin-left: 5em; }
.mL6em { margin-left: 6em; }
.mL7em { margin-left: 7em; }
.mL8em { margin-left: 8em; }
.mB60 { margin-bottom: 60px; }
.mB70 { margin-bottom: 70px; }
.mB80 { margin-bottom: 80px; }
/**
 * 文字サイズ
 */
.s0-8r { font-size: 0.8rem; }
.s1-0r { font-size: 1.0rem; }
.s1-1r { font-size: 1.1rem; }
.s1-2r { font-size: 1.2rem; }
.s1-3r { font-size: 1.3rem; }
.s1-4r { font-size: 1.4rem; }
.s1-5r { font-size: 1.5rem; }
.s1-6r { font-size: 1.6rem; }
.s1-7r { font-size: 1.7rem; }
.s1-8r { font-size: 1.8rem; }
.s1-9r { font-size: 1.9rem; }
.s2-0r { font-size: 2.0rem; }
.s2-1r { font-size: 2.1rem; }
.s2-2r { font-size: 2.2rem; }
.s2-3r { font-size: 2.3rem; }
.s2-4r { font-size: 2.4rem; }
.s2-5r { font-size: 2.5rem; }
.s2-6r { font-size: 2.6rem; }
.s2-8r { font-size: 2.8rem; }
.s2-9r { font-size: 2.9rem; }
.s3-0r { font-size: 3.0rem; }
.s3-4r { font-size: 3.4rem; }
.s3-5r { font-size: 3.5rem; }
.s3-8r { font-size: 3.8rem; }
.s4-0r { font-size: 4.0rem; }
.s5-0r { font-size: 5.0rem; }
/**
 * 注釈
 */
.note {
	font-size: 1.2rem;
}
/**
 * 見出し
 */
.headStyle01 {
	font-size: 3.2rem;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 20px;
}
.headStyle02 {
	color: #9d8b6b;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 10px;
}
.headStyle03 {
	color: #9d8b6b;
	font-size: 2.5rem;
	font-weight: normal;
	line-height: 1.3;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #9d8b6b;
}
.headStyle04 {
	color: #fff;
	font-size: 2.0rem;
	font-weight: normal;
	line-height: 1.3;
	text-align: center;
	padding: 10px 0;
	margin-bottom: 20px;
	background-color: #9d8b6b;
}
/**
 * リスト
 */
.listStyle01 {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.listStyle02 {
	padding: 0;
	margin: 0;
}
	.listStyle02 > li {
		list-style-type: disc;
		margin-left: 1.5em;
		position: relative;
	}
/**
 * テーブル
 */
.tableStyle01 {
	border-collapse: collapse;
}
	.tableStyle01 th {
		font-weight: normal;
		text-align: left;
		vertical-align: top;
		padding-right: 20px;
	}
/**
 * ボタン
 */
.btnStyle01 { text-align: center; }
/**
 * alphaBg & popupWrapper
 */
#alphaBg {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: #000;
	z-index: 200;
	display: none;
	opacity: 0;
}
.popupWrapper {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	z-index: 2100;
	/*visibility: hidden;*/
}
	.popupWrapper .content {
		margin: 0 auto;
		position: relative;
	}
	.popupWrapper .closeVox {
		width: 30px;
		height: 30px;
		position: absolute;
		top: 0;
		right: 0;
	}
	.popupWrapper .popupCloseBt {
		display: block;
		height: 100%;
	}
		.popupWrapper .popupCloseBt span {
			width: 30px;
			height: 1px;
			text-align: right;
			background: #fff;
			position: absolute;
			right: 0;
			top: -40px;
			margin: -0.5px 0 0 0;
		}
		.popupWrapper .popupCloseBt span:nth-child(1) {
			-webkit-transform: rotate(-45deg);
		        -ms-transform: rotate(-45deg);
		            transform: rotate(-45deg);
		}
		.popupWrapper .popupCloseBt span:nth-child(2) {
			-webkit-transform: rotate(45deg);
		        -ms-transform: rotate(45deg);
		            transform: rotate(45deg);
		}
	.popupWrapper .contentWrapper {}
#popupContents {
	display: none;
}
/**
 * transition series
 */
.trOp01 {
	-webkit-transition: opacity .2s linear;
	-ms-transition: opacity .2s linear;
	transition: opacity .2s linear;
}
.trOp01:hover {
	opacity: 0.6;
}
.trScl01 {
	-webkit-transition: transform .5s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: transform .5s cubic-bezier(0.19, 1, 0.22, 1);
	transition: transform .5s cubic-bezier(0.19, 1, 0.22, 1);
}
.trScl01:hover,
.trScl01.active {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	z-index: 1;
}
.trSwR01 {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	    -ms-transform: perspective(1px) translateZ(0);
	        transform: perspective(1px) translateZ(0);
	position: relative;
	-webkit-transition: color .5s linear;
	    -ms-transition: color .5s linear;
	        transition: color .5s linear;
}
.trSwR01::before {
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: scaleX(0);
	    -ms-transform: scaleX(0);
	        transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	    -ms-transform-origin: 0 50%;
	        transform-origin: 0 50%;
	-webkit-transition: transform .5s cubic-bezier(0.19, 1, 0.22, 1);
	    -ms-transition: transform .5s cubic-bezier(0.19, 1, 0.22, 1);
	        transition: transform .5s cubic-bezier(0.19, 1, 0.22, 1);
}
.trSwR01.active::before,
.trSwR01:hover::before {
	-webkit-transform: scaleX(1);
	    -ms-transform: scaleX(1);
	        transform: scaleX(1);
}
.trSwR02 {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	    -ms-transform: perspective(1px) translateZ(0);
	        transform: perspective(1px) translateZ(0);
	position: relative;
}
.trSwR02::before {
	content: '';
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(216, 12, 24, 0.25);
	-webkit-transform: scaleX(0);
	    -ms-transform: scaleX(0);
	        transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	    -ms-transform-origin: 0 50%;
	        transform-origin: 0 50%;
	-webkit-transition: transform .3s cubic-bezier(0.19, 1, 0.22, 1);
	    -ms-transition: transform .3s cubic-bezier(0.19, 1, 0.22, 1);
	        transition: transform .3s cubic-bezier(0.19, 1, 0.22, 1);
}
.trSwR02.active::before,
.trSwR02:hover::before {
	-webkit-transform: scaleX(1);
	    -ms-transform: scaleX(1);
	        transform: scaleX(1);
}
.hoverEf { position: relative; }
.hoverEf::after {
	display: block;
	content: "";
	width: 0;
	height: 100%;
	background: rgba(255, 255, 255, 0.5);
	position: absolute;
	top: 0;
	left: 0;
	transition: .2s;
}
.hoverEf:hover::after { width: 100%; }
/**
 * フォーム
 */
.formErrVox {
  display: none;
  border: 10px solid #ffdada;
  padding: 10px;
  color: #c00000 !important;
}
body.error .formErrVox {
  display: block;
}
.caution {
  margin-top: 5px;
  color: #c00000;
}
/**
 * 閉じるボタン
 */
.closeBtn { display: none; }
/**
 ****************************************************
 *
 * screens larger than 768
 *
 ****************************************************
 */
@media only screen and (min-width: 768px) {
	.pcDspNone { display: none; }
}	/*  @media END */
/**
 ****************************************************
 *
 * screens smaller than 768
 *
 ****************************************************
 */
@media only screen and (max-width: 767px) {
	.spDspNone { display: none; }
	.fitImg { max-width: 100%; }
	.s0-8r { font-size: 0.6rem; }
	.s1-0r { font-size: 1.0rem; }
	.s1-1r { font-size: 1.1rem; }
	.s1-2r { font-size: 1.1rem; }
	.s1-3r { font-size: 1.1rem; }
	.s1-4r { font-size: 1.2rem; }
	.s1-5r { font-size: 1.2rem; }
	.s1-6r { font-size: 1.2rem; }
	.s1-7r { font-size: 1.3rem; }
	.s1-8r { font-size: 1.3rem; }
	.s1-9r { font-size: 1.3rem; }
	.s2-0r { font-size: 1.4rem; }
	.s2-1r { font-size: 1.4rem; }
	.s2-2r { font-size: 1.4rem; }
	.s2-3r { font-size: 1.5rem; }
	.s2-4r { font-size: 1.5rem; }
	.s2-5r { font-size: 1.5rem; }
	.s2-6r { font-size: 1.6rem; }
	.s2-8r { font-size: 1.6rem; }
	.s2-9r { font-size: 1.6rem; }
	.s3-0r { font-size: 1.7rem; }
	.s3-4r { font-size: 1.7rem; }
	.s3-5r { font-size: 1.7rem; }
	.s3-8r { font-size: 1.8rem; }
	.s4-0r { font-size: 3.0rem; }
	.s5-0r { font-size: 3.5rem; }
	/**
	 * 見出し
	 */
	.headStyle01 { font-size: 2.2rem; }
	.headStyle02 { font-size: 1.8rem; }
	.headStyle04 {
		font-size: 1.5rem;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	/**
	 * テーブル
	 */
	.colA col { width: auto !important; }
	table.vertical,
	table.vertical > caption,
	table.vertical > thead,
	table.vertical > tbody,
	table.vertical > thead > tr,
	table.vertical > tbody > tr,
	table.vertical > thead > tr > th,
	table.vertical > tbody > tr > th,
	table.vertical > thead > tr > td,
	table.vertical > tbody > tr > td {
		display: block;
		width: 100%;
	}
		table.vertical > tbody > tr > th,
		table.vertical > tbody > tr > td { border: none; }
		table.vertical > tbody > tr > td { padding-bottom: 20px; }
	/**
	 * ボタン
	 */
	.btnStyle01 {}
	/**
	 * スクロールボックス
	 */
	.scrVox {
		position: relative;
		overflow-x: scroll;
		padding-bottom: 20px;
		-webkit-overflow-scrolling: touch;
	}
	.scrVox::-webkit-scrollbar {
		height: 5px;
	}
	.scrVox::-webkit-scrollbar-track {
		background: #F1F1F1;
	}
	.scrVox::-webkit-scrollbar-thumb {
		background: #A78C24;
	}
		.scrVox table {
			width: 100% !important;
			white-space: nowrap;
		}
	/**
	 * alphaBg & popupWrapper
	 */
	.popupWrapper {}
		/* .popupWrapper .content { width: 100%; }
		.popupWrapper .closeVox {
			position: absolute;
			top: 15px;
			right: 20px;
		} */
		.popupWrapper .content {
			width: auto;
			padding: 0 20px;
		}
		.popupWrapper .closeVox {
			width: 100%;
			padding-right: 20px;
			margin-left: 0;
		}
	.popupBtItem.img {}
	.popupBtItem.img::after {
		width: 20px;
		height: 20px;
		background: url(../../images/content/content/ico_zoom_w.png) center center / 12px no-repeat rgba(0,0,0,.5);
	/**
	 * iOSボタンデザインのリセット
	 */
	input[type="submit"],
	input[type="button"] {
		cursor: pointer;
		-webkit-box-sizing: content-box;
		-webkit-appearance: button;
		appearance: button;
		border: none;
		border-radius: 0;
	}
	input[type="submit"]::-webkit-search-decoration,
	input[type="button"]::-webkit-search-decoration { display: none; }
	input[type="submit"]:focus,
	input[type="button"]:focus { outline-offset: -2px; }
	/**
	 * transition series
	 */
	.trOp01 {
		transition: none;
	}
	.trOp01:hover {
		opacity: 1.0;
	}
	.trScl01 {
		transition: none;
	}
	.trScl01:hover {
		transform: scale(1.0);
	}
	/**
	 * 閉じるボタン
	 */
	.closeBtn {
		display: block;
	}

}	/*  @media END */