/* style_uki.css */
.detail .bold {
	font-weight: bold;
	letter-spacing: 0.05em;
}
.detail .red {
	color: #ff0000;
}
.detail .small {
	font-size: 0.95em;
}
.detail .large {
	font-size: 1.4em;
}
.detail .x-large {
	font-size: 2.2em;
}
.detail .xx-large {
	font-size: 2.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 section p {
	padding: 0;
	margin: 15px 0;
	font-size: 1.1em;
/*	line-height: 2.0;*/
}
/* iframe */
iframe {
	display: block;
	margin: 20px auto;
}

/* 茶色：#3f2200、緑: #006400、青: #19448e、オレンジ: #ff8c00、赤: #dc143c    */
.detail section h3 {
	width: 100%;
	font-size: 1.5em;
	letter-spacing: 0.05em;
	padding: 8px 10px 6px;
	margin-bottom: 20px;

	/* 線バージョン */
	color: #24140e;
	border-top: solid 3px #24140e;
	border-bottom: solid 3px #24140e;

	/* 帯バージョン */
	color: #ffffff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	border: solid 1px #9b9696;
	background: #9b9696;
}
.detail section h4 {
	width: 100%;
	font-size: 1.4em;
	letter-spacing: 0.05em;
	padding: 5px 10px 5px 0;

	color: #9b9696;
	border-bottom: solid 1px #9b9696;
}
.detail section h5 {
	width: 100%;
	font-size: 1.1em;
	letter-spacing: 0.05em;
	padding: 5px 10px 5px 0;

	color: #9b9696;
/*	border-bottom: dashed 1px #C6C7C7; */
	margin: 0;
}
.detail section h5 + p {
	margin-top: 0;
}
.detail section h5:before{
	margin-right: .5em;
	content:"■";
	color: #9b9696;
}
/* マーカー */
.detail section p.marker {
	text-indent: -1.5em;
	margin-left: 1.5em;
}
.detail section p.marker:before{
	margin-right: 0.5em;
	content:"●";
	color: #333333;
	font-size: 1.1em;
}
.detail .box {
	background: #fefefe;
	padding: 10px 20px;
	border: 1px solid #ebebeb;
}
/* PDFアイコン */
.detail p.pdf {
}
.detail p.pdf a {
	border: 1px solid #cccccc;
	padding: 10px 25px 8px 52px;
	display: inline-block;
	border-radius: 10px;
	color: #333333;
	position: relative;
}
.detail p.pdf a:before {
	font-family: FontAwesome;
	content: "\f1c1";
	position: absolute;
	left: 25px;
	top: 8px;
	color: #d4241b;
	font-size: 1.2em;
}
.detail .voice {
	position: relative;
	width: 100%;
	border: 2px solid #3f2200;
	padding: 15px;
	font-size: 1.1em;
	margin: 40px 0;
}
.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: #3f2200;
	color: #ffffff;
	font-weight: bold;
}
.detail .voice p {
	margin: 0 5px;
}
.detail .voice .large {
	font-weight: bold;
	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 12px;
	font-weight: normal;
	text-align: center;
}
.detail .tbl1 th {
	background: #eeeeee;
	white-space: nowrap;
}
.detail .tbl1 caption {
	text-align: left;
	font-size: 1.2em;
	color: #333333;
}
.detail .tbl2 th {
	font-size: 0.9em;
}
.detail .tbl2 td {
	font-size: 0.7em;
}
/* 枠線なしテーブル */
.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;
}
.detail .flex-stretch {
	align-items: stretch;
}
/* 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;
}
/* 5分割（余白あり） */
.detail .wd150 {
	width: 150px;
}
/* 1:4分割（余白あり・wd150と組み合わせる）*/
.detail .wd645 {
	width: 645px;
}
/* 5分割（矢印あり） */
.detail .wd250 {
	width: 250px;
}
.detail .wd25 {
	width: 25px;
}
.detail .wd25 img {
	max-width: 20px;
	display: block;
	margin: 0 auto 5px;
}
/* 6分割（余白あり） */
.detail .wd120 {
	width: 120px;
}

.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 .wd120 img,
.detail .wd250 img,
.detail .wd585 img,
.detail .wd645 img {
	display: block;
	margin: 0 auto 5px;
	max-width: 100%;
	flex-shrink: 0;
}

/* リンクボタン */
.detail .button {
	display: block;
	width: 400px;
	max-width: 95%;
	margin: 0 auto;
	padding: 8px 8px 5px;
	font-size: 1.2em;
	border-radius: 2px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 20px;

	/* 色を変えるときは以下の行のカラーコードを変更してください */
	border: solid 2px #24140e;
	background: #24140e;
	color: #ffffff;
}
.detail .button:hover {
	/* 色を変えるときは以下の行のカラーコードを変更してください */
	background: #ffffff;
	color: #24140e;
}
/* 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;
	margin: 0 0 20px 10px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eeeeee;
}
.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: #043c78;
	font-size:20px;
	font-weight: bold;
}
.detail section ul {
}
.detail section ol {
}
.detail section ul li,
.detail section ol li {
	line-height: 1.6;
	font-size: 1.05em;
	margin-bottom: 15px;
}