@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: 72.81%;/* 画像データの縦÷横 (小数点第３位切り上げ) */
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.figure.figure-10 .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-spec table {
	width: 100%;	
}