@charset "utf-8";




/**
画像1
**/
.figure.figure-01 .image{
background-image: url(./detail-01.jpg);
max-width: 187px;/* 画像実データの幅 */
}

.figure.figure-01 .image:before{
padding-top: 36.9%;/* 画像データの縦÷横 (小数点第３位切り上げ) */
}

.figure.figure-01 .figcaption{
display: none;
}
/**
画像2
**/
.figure.figure-02 .image{
background-image: url(./detail-02.jpg);
max-width: 594px;/* 画像実データの幅 */
}

.figure.figure-02 .image:before{
padding-top: 19.7%;/* 画像データの縦÷横 (小数点第３位切り上げ) */
}

.figure.figure-02 .figcaption{
display: none;
}
/**
画像3
**/
.figure.figure-03 .image{
background-image: url(./detail-03.jpg);
max-width: 640px;/* 画像実データの幅 */
}

.figure.figure-03 .image:before{
padding-top: 96.88%;/* 画像データの縦÷横 (小数点第３位切り上げ) */
}

.figure.figure-03 .figcaption{
display: none;
}
/**
画像4
**/
.figure.figure-04 .image{
background-image: url(./detail-04.jpg);
max-width: 420px;/* 画像実データの幅 */
}

.figure.figure-04 .image:before{
padding-top: 100%;/* 画像データの縦÷横 (小数点第３位切り上げ) */
}

.figure.figure-04 .figcaption{
display: none;
}
/**
画像5
**/
.figure.figure-05 .image{
background-image: url(./detail-05.jpg);
max-width: 191px;/* 画像実データの幅 */
}

.figure.figure-05 .image:before{
padding-top: 100%;/* 画像データの縦÷横 (小数点第３位切り上げ) */
}

.figure.figure-05 .figcaption{
display: none;
}
/**
画像6
**/
.figure.figure-06 .image{
background-image: url(./detail-06.jpg);
max-width: 205px;/* 画像実データの幅 */
}

.figure.figure-06 .image:before{
padding-top: 48.78%;/* 画像データの縦÷横 (小数点第４位切り上げ) */
}

.figure.figure-06 .figcaption{
display: none;
}
/**
画像7
**/
.figure.figure-07 .image{
background-image: url(./detail-07.jpg);
max-width: 320px;/* 画像実データの幅 */
}

.figure.figure-07 .image:before{
padding-top: 75%;/* 画像データの縦÷横 (小数点第５位切り上げ) */
}

.figure.figure-07 .figcaption{
display: none;
}

/**
画像10
**/
.figure.figure-10 .image{
background-image: url(./detail-10.jpg);
max-width: 640px;/* 画像実データの幅 */
}

.figure.figure-10 .image:before{
padding-top: 65.63%;/* 画像データの縦÷横 (小数点第８位切り上げ) */
}

.figure.figure-10 .figcaption{
display: none;
}
/**
画像11
**/
.figure.figure-11 .image{
background-image: url(./detail-11.jpg);
max-width: 640px;/* 画像実データの幅 */
}

.figure.figure-11 .image:before{
padding-top: 87.5%;/* 画像データの縦÷横 (小数点第９位切り上げ) */
}

.figure.figure-11 .figcaption{
display: none;
}
/**
画像12
**/
.figure.figure-12 .image{
background-image: url(./detail-12.jpg);
max-width: 380px;/* 画像実データの幅 */
}

.figure.figure-12 .image:before{
padding-top: 105.26%;/* 画像データの縦÷横 (小数点第１０位切り上げ) */
}

.figure.figure-12 .figcaption{
display: none;
}
/**
画像13
**/
.figure.figure-13 .image{
background-image: url(./detail-13.jpg);
max-width: 360px;/* 画像実データの幅 */
}

.figure.figure-13 .image:before{
padding-top: 73.61%;/* 画像データの縦÷横 (小数点第１１位切り上げ) */
}

.figure.figure-13 .figcaption{
display: none;
}
/**
画像14
**/
.figure.figure-14 .image{
background-image: url(./detail-14.jpg);
max-width: 270px;/* 画像実データの幅 */
}

.figure.figure-14 .image:before{
padding-top: 62.59%;/* 画像データの縦÷横 (小数点第１２位切り上げ) */
}

.figure.figure-14 .figcaption{
display: none;
}
/**
画像15
**/
.figure.figure-15 .image{
background-image: url(./detail-15.jpg);
max-width: 600px;/* 画像実データの幅 */
}

.figure.figure-15 .image:before{
padding-top: 35.83%;/* 画像データの縦÷横 (小数点第１３位切り上げ) */
}

.figure.figure-15 .figcaption{
display: none;
}
/**
画像16
**/
.figure.figure-16 .image{
background-image: url(./detail-16.jpg);
max-width: 377px;/* 画像実データの幅 */
}

.figure.figure-16 .image:before{
padding-top: 53.05%;/* 画像データの縦÷横 (小数点第１４位切り上げ) */
}

.figure.figure-16 .figcaption{
display: none;
}





/* section-free */

.section-detail .section-free{
	background-color: #ebffd1;
	border-radius: 5px;
	/* padding: 0.5em 0.5em 0.2em 0.5em;*/
	padding: 6px 6px 2px 6px;/* IE8 */
	padding: 0.5rem 0.5rem 0.2rem 0.5rem;
	/* margin-bottom: 3.0em; */
	margin-bottom: 36px;/* IE8 */
	margin-bottom: 3.0rem;

}

.section-detail .section-free h3 {
	color: #690;
	border: none;
	text-decolation:none;
	margin-left: 1.4rem;
	text-indent: -1.4rem;
}

.section-detail .section-free h3:before{
	content: "■";
}

/* section-table */

.section-spec table {
	width: 100%;	
}

/* h5 */

.section-detail .section h5,
.section-notice .section h5{
	border-bottom: dotted 1px #069;
	color: #069;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 14px;
	margin-left: 8px;	
}

/* ========================
	updater
   ======================== */

.updater {
	display: block;
	border: 1px solid #AAA;
	border-radius: 10px;
	box-sizing: border-box;
	padding: 15px;
	margin:20px auto;
	width: 300px;
	text-align: center;
	background: #EEE;
	color: #333 !important;
	font-weight: bold;
	font-size: 0.9em;
}

.updater:hover {
	border: 1px solid #36C;
	background: #c9def0;
	color: #36C !important;
}