@charset "UTF-8";

/* ===============================
	utility
=============================== */
.mtl {
	margin-top: 4em;
}
.font-mc {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}
.txt-justify{
	text-align: justify;
	text-justify: distribute-all-lines;
}
ul.star li span.normal{
	color: #434343;
	margin-right: 1em;
}
/* ===============================
	common style
=============================== */
.subBox {
	padding-top: 3em;
	padding-bottom: 4em;
	border-top: solid 1px #c9c9c9;
}

.subBox img {
	width: 100%;
}

.subBox img.mw100{
	max-width: 100%;
	width: auto;
	height: auto;
}

.subBox h2, .subBox .subTtl, .subBox .subTtltop {
	text-align: center;
}

.subBox h2 sup {
	font-size: 40%;
	top: -1.2em;
}

.subBox h3.gray {
	padding: 0.2em 0.4em;
	font-size: 1.6rem;
	line-height: 1.4;
	background: #535353;
	color: #fff;
	text-align: center;
}

/* 赤字・注意書き */
.caution {
	font-size: 0.8em;
	color: red;
	margin-top: 3em;
}

/* Youtube 動画 */
.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.imgCap {
	text-align: right;
	font-size: 0.8em;
	line-height: 1.2;
}

.subTtlCap {
	text-align: center;
	font-size: 0.88em;
	line-height: 1.2;
	margin-top: 0.5em;
}

/* ===============================
	PC / Tab
=============================== */
@media print , screen and (min-width: 768px) {
	article {
		font-size: 1.6rem;
		line-height: 1.6;
		padding-top: 56px;
		position: relative;
	}
	#mainVisual {
		height: 700px;
		position: relative;
		overflow: hidden;
	}
	#mainVisual .visual {
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -960px;
	}
	#mainVisual .specBtn {
		display: block;
		position: absolute;
		top: 230px;
		left: 50%;
		margin-left: -476px;
	}
	/* ページ内メニュー */
	#menu {
		width: 100%;
		background: #d9d5d6;
		opacity: 0.95;
		padding: 5px 0;
		position: absolute;
		top: 0;
		left: 0;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.35);
		z-index: 10;
	}
	#menu ul {
		display: table;
		height: 46px;
	}
	#menu ul li {
		display: table-cell;
		vertical-align: middle;
		width: 144px;
		border-right: solid 1px #fff;
		text-align: center;
		font-size: 1em;
		line-height: 1;
	}
	#menu a {
		text-decoration: none;
	}
	#menu li.active a, #menu a:hover {
		color: #b90505;
		font-weight: 500;
	}
	#menu .title {
		width: 240px;
	}
	#menu .title a {
		color: #978489;
		font-size: 1.2em;
	}
	/* 基本レイアウト */
	.table {
		display: table;
		width: 100%;
	}
	.tableCell {
		width: 50%;
		display: table-cell;
		vertical-align: top;
	}
	.table.col3 .tableCell {
		width: 33.33%;
		padding: 0 1%;
	}
	.tableCell.cellL {
		padding-right: 20px;
	}
	.tableCell.cellR {
		padding-left: 20px;
	}
	.table.couple .tableCell.cellL {
		padding-right: 0;
	}
	.table.couple .tableCell.cellR {
		padding-left: 0;
	}
	.movieBtn a {
		display: block;
		width: 720px;
		margin: 0 auto;
	}
	.movieBtn img {
		width: auto;
	}
	.movieBtn a:hover img {
		opacity: 0;
	}
	.subBox {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	h2.emphasis,
	.subBox h2 {
		font-size: 2.2em;
		line-height: 1.4;
	}
	h2.emphasis{
		font-weight: bold;
	}
	.subBox .subTtl {
		font-size: 1em;
		line-height: 1.4em;
		margin-top: 1em;
	}
	.subBox .subTtltop {
		font-size: 1.6em;
		line-height: 2;
	}
	.subBox .text {
		margin-top: 60px;
	}
	.subBox .subImg {
		margin-top: 60px;
	}
	.subBox .subImg.little {
		margin-top: 15px;
	}
	.subBox .subImg.narrow {
		margin-top: 30px;
	}
	.subBox .subImg.graph {
		margin-top: 44px;
	}
	.subBox h3.gray {
		margin-top: 60px;
	}
	.youtubeBox {
		margin-left: 10%;
		margin-right: 10%;
	}
	.pcfloatL{
		float: left;
	}
	.pcfloatR{
		float: right;
	}
	h2.type1 br{
		display: none;
	}
	.mw100p{
		max-width: 100%;
		width: auto !important;
		height: auto;
	}
	.pcbr:before {
		content: '\A';
		white-space: pre;
	}
}

/* ===============================
	mobile
=============================== */
@media screen and (max-width: 767px) {
	/* 製品の仕様はこちらボタン */
	.spSpecBtn {
		padding: 16% 12% 0;
	}
	#mainVisual img, article img {
		width: 100%;
	}
	/* ページ内メニュー */
	#menu {
		display: none;
	}
	#menuBtm {
		background: #cf9ea2;
	}
	#menuBtm ul li {
		width: 100%;
		padding: 5%;
		border-top: 1px solid #fff;
		position: relative;
	}
	#menuBtm ul li:first-child {
		border-top: none;
	}
	#menuBtm a {
		display: block;
		width: 100%;
		padding-left: 20px;
		background: url(/feature/common/images/navi-arrow_sp-.png) left center
			no-repeat;
		background-size: 10px;
		color: #fff;
		text-decoration: none;
	}
	#menuBtm li.active a, #menuBtm a:hover {
		color: #000;
		background: url(/feature/common/images/navi-arrow_sp.png) left center
			no-repeat;
		background-size: 10px;
	}
	/* 基本レイアウト */
	.table.col3 {
		margin: 0 10%;
	}
	.subBox h2 {
		font-size: 2.4rem;
		line-height: 1.4;
	}
	.subBox .subTtl {
		font-size: 1em;
		line-height: 1.4em;
		margin-top: 1em;
	}
	.subBox .text {
		margin-top: 2em;
	}
	.subBox .subImg {
		margin-top: 1em;
	}
	.subBox h3.gray {
		margin-top: 2em;
	}
	.mw100p{
		max-width: 100%;
		width: auto;
		height: auto;
	}
	h2.type1{
		font-size: 2rem;
		line-height: 1.4;
		font-weight: bold;
	}
	h2.type1 br{
		display: block;
	}
	.spbr:before {
		content: '\A';
		white-space: pre;
	}
}