@charset "utf-8";

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/**
	レイアウト調整
**/

.block-link{
	position: relative;
}

.block-link a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.beastgrip-caption {
	text-align:center;
	padding-top:5px;
}

.beastgrip-list p {
	padding-left: 0.5em;
	text-indent: -0.5em;
}

.beastgrip-frame-01 {
	padding:10px;
	margin-bottom:15px;
	background-color:#fafafa;
	border: solid 2px #c2c2c2;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

.beastgrip-frame-02 {
	padding:10px;
	margin-bottom:15px;
	background-color:#f7fbfd;
	border: solid 2px #74b0cc;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

.beastgrip-frame-03 {
	padding:10px;
	margin-bottom:15px;
	background-color:#fef9f3;
	border: solid 2px #debb8b;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

.beastgrip-frame-04 {
	padding:10px;
	margin-bottom:15px;
	background-color:#fdf5f8;
	border: solid 2px #e2acc3;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}