@charset "utf-8";


/*
===============================================
ここから制作時のローカル用css 納品時は削除してください。
*/
.image:before {
display: block;
padding-top: 100%;
content:"";
}
.image {
display:block;
background-size: contain!important;
background-repeat: no-repeat;
display: block;
width: 100%;
overflow: hidden;
text-aling: left;
text-indent:-9999px;
position: relative;
}
/*
ここまで制作時のローカル用css 納品時は削除してください。
===============================================
*/


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.figure.figure-09 .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: 17px;
	font-size: 0.9em;
	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;
}