/* 強調テキスト */
.detail .bold {
	font-weight: bold;
}
/* 薄いテキスト */
.detail .thin {
	color: #666666;
}
.detail .small {
	font-size: 0.9em;
	line-height: 1.5;
}
.detail .large {
	font-size: 1.4em;
}
.detail .x-large {
	font-size: 2.2em;
}
.detail .xx-large {
	font-size: 3.8em;
}
.detail .underline {
	text-decoration: underline;
}
/* ハイライト */
.detail .highlight {
	background: linear-gradient(transparent 60%, #f6ff5f 60%);
}
/* 中央寄せテキスト */
.detail .center {
	text-align: center;
}
.detail .center img {
	display: block;
	margin: 0 auto;
}
/* 右寄せテキスト */
.detail .right {
	text-align: right;
}
.detail .right img {
	display: block;
	margin-left: auto;
}
/* 大画像 */
.detail .full_img {
	max-width: 100%;
	display: block;
	margin: 0 auto 10px;

}
/* 段落 */
.detail p {
	padding: 0;
	margin: 15px 0;
	font-size: 1.1em;
	line-height: 1.7;
}

/* iframe */
iframe {
	display: block;
	margin: 20px auto;
}

/* 茶色：#3f2200、緑: #006400、青: #19448e、オレンジ: #ff8c00、赤: #dc143c    */

.detail section h3 {
	width: 100%;
	font-size: 1.4em;
	padding: 8px 10px;
	margin-bottom: 20px;

	/* 帯バージョン */
	color: #fff;
	background: linear-gradient(to top, #29323c, #485563);
	font-weight: normal;
}
.detail section h4 {
	width: 100%;
	font-size: 1.3em;
	padding: 5px 10px 5px 0;

	/* 色を変えるときは以下の行のカラーコードを変更してください */
	color: #485563;
	border-bottom: 4px #D9D9D9 solid;
}
.detail section h4 span {
	font-size: 0.9em;
}

.detail section h5 {
	width: 100%;
	font-size: 1.15em;
	padding: 5px 10px 5px 0;

	/* 色を変えるときは以下の行のカラーコードを変更してください */
	color: #485563;
	border-bottom: solid 2px #D9D9D9;
/*	margin-bottom: 0; */
	margin-top: 0;
}
/*
.detail section h5 + div {
	margin-top: 0;
}
.detail section h5:before{
	margin-right: .5em;
	content:"■";
	color: #485563;
}
*/
.detail section h6 {
	width: 100%;
	font-size: 1.3em;
	padding: 5px 10px 5px 0;
	color: #485563;
	letter-spacing: 0.2em;
	margin-bottom: 0;
	margin-top: 0;
}
.detail section h6 + div {
	margin-top: 0;
}
.detail .catch {
	background: #fefefe;
	padding: 20px;
	border: 1px solid #ebebeb;
}
.detail .catch .tel {
	font-weight: bold;
	font-size: 1.2em;
}
/*
.detail .catch p {
	line-height: 1.6;
}
*/
.detail .voice {
	position: relative;
	width: 100%;
	border: 2px solid #5FA04C;
	padding: 15px;
	font-weight: bold;
	font-size: 1.1em;
	margin-top: 40px;
}
.detail .voice-title {
	position: absolute;
	display: inline-block;
	top: -15px;
	right: 10px;
	padding: 7px 15px 5px;
	border-radius: 20px;
	line-height: 1;
	font-size: 19px;
	background: #5FA04C;
	color: #ffffff;
	font-weight: bold;
}
.detail .voice p {
	margin: 0 5px;
}
.detail .voice .large {
	font-size: 1.8em;
}
/* テーブル */
.detail .tbl1 {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}
.detail .tbl1 th, .detail .tbl1 td {
	border: 1px solid #aaaaaa;
	padding: 8px 10px;
	font-weight: normal;
	font-size: 1.2em;
	white-space: nowrap;
}
.detail .tbl1 th {
	width: 180px;
	background: #eeeeee;
	text-align: center;
}
.detail .tbl1 caption {
	text-align: left;
	font-size: 1.2em;
	color: #333333;
}
/* 枠線なしテーブル */
.detail .noborder td {
	border: none;
}

/* 購入ストーリー */
.detail .story th,
.detail .story td {
	padding: 10px;
}
.detail .story th {
	width: 150px;
	font-weight: normal;
}
.detail .story td ul {
	margin: 0 10px;
	padding: 0 0 0 20px;
}

/* 2カラムレイアウト */
.detail .flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.detail .flex-start {
	align-items: flex-start;
}
.detail .flex-end {
	align-items: flex-end;
}
/* 2分割（余白なし） */
.detail .wd400 {
	width: 400px;
}
/* 2分割（余白あり） */
.detail .wd390 {
	width: 390px;
}
/* 3分割（余白なし） */
.detail .wd266 {
	width: 266px;
}
/* 3分割（余白あり） */
.detail .wd260 {
	width: 260px;
}
/* 1:2分割（余白あり・wd260と組み合わせる）*/
.detail .wd520 {
	width: 520px;
}

/* 4分割（余白なし） */
.detail .wd225 {
	width: 225px;
}
/* 4分割（余白あり） */
.detail .wd195 {
	width: 195px;
}
/* 1:3分割（余白あり・wd195と組み合わせる）*/
.detail .wd585 {
	width: 585px;
}
.detail .wd375 {
	width: 375px;
}
.detail .wd40 {
	width: 40px;
}
/* 5分割（余白あり） */
.detail .wd150 {
	width: 150px;
}

.detail .wd400 img, 
.detail .wd390 img, 
.detail .wd266 img,
.detail .wd260 img,
.detail .wd520 img,
.detail .wd225 img,
.detail .wd195 img,
.detail .wd150 img,
.detail .wd585 img,
.detail .wd375 img,
.detail .wd40 img {
	display: block;
	margin: 0 auto 5px;
	max-width: 100%;
	flex-shrink: 0;
}

/* リンクボタン */
.detail .button {
	display: block;
	width: 300px;
	margin: 0 auto;
	padding: 10px 20px;
	font-size: 1.2em;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 20px;

	/* 色を変えるときは以下の行のカラーコードを変更してください */
	border: solid 2px #485563;
	background: #485563;
	color: #ffffff;
}
.detail .button:hover {
	/* 色を変えるときは以下の行のカラーコードを変更してください */
	background: #ffffff;
	color: #485563;
}
/* Q&A */
.detail section dl dt,
.detail section dl dd {
	padding-left: 1.5em;
	text-indent: -2.0em;
}
.detail section dl dt {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 10px 10px;
}
.detail section dl dd {
	font-size: 16px;
}
.detail section dl dt:before,
.detail section dl dd:before{
	margin-right: .5em;
}
.detail section dl dt:before{
	content:"Q.";
	color: #c80021;
	font-size:20px;
	font-weight: bold;
}
.detail section dl dd:before{
	content:"A.";
	color: #0085C8;
	font-size:20px;
	font-weight: bold;
}
.detail section dl dd {
	margin: 0 0 20px 10px;
}
.detail section ul {
}
.detail section ol {
}
.detail section ul li,
.detail section ol li {
	line-height: 1.6;
	font-size: 1.1em;
	margin-bottom: 10px;
}