@charset "UTF-8";

@media screen and (max-width:767px) {

/* 640px */

#contents_2.contentsBox {
	margin: 25px auto 0;
	margin: 3.9vw auto 0;
	padding: 0 0 95px;
	padding: 0 0 14.8vw;
}

.contentsInner .box ul.imageBox {
	margin: 40px auto 32px;
	margin: 6.2vw auto 5.0vw;
}
.contentsInner .box ul.imageBox.center {
	text-align: center;
}
.contentsInner .box ul.imageBox li {
	margin: 0;
}
.contentsInner .box ul.imageBox li + li {
	margin: 0 0 0 29px;
	margin: 0 0 0 4.6vw;
}
.contentsInner .box ul.imageBox li p.text {
	margin: 16px auto 0;
	margin: 2.5vw auto 0;
	font-size: 22px;
	font-size: 3.4vw;
	font-weight: bold;
	line-height: 1.2;
	text-align: left;
}

.contentsInner .box ul.paperList {
	margin: 40px auto 0;
	margin: 6.2vw auto 0;
	text-align: left;
}
.contentsInner .box ul.paperList li {
	display: block;
	vertical-align: top;
	margin: 0 auto 36px;
	margin: 0 auto 5.6vw;
	width: 523px;
	width: 81.7vw;
}
.contentsInner .box ul.paperList li:nth-child(2n) {
	margin: 0 auto 36px;
	margin: 0 auto 5.6vw;
}
.contentsInner .box ul.paperList li .paper {
	display: inline-block;
	vertical-align: top;
	width: 372px;
	width: 58.1vw;
}
.contentsInner .box ul.paperList li .paper img {
	width: 100%;
	height: auto;
}
.contentsInner .box ul.paperList li .product {
	display: inline-block;
	vertical-align: top;
	width: 137px;
	width: 21.4vw;
	margin: 74px 0 0 9px;
	margin: 11.6vw 0 0 1.4vw;
}
.contentsInner .box ul.paperList li .product img {
	width: 100%;
	height: auto;
}
.contentsInner .box ul.paperList li .product a {
	display: block;
	width: 100%;
	height: 100%;
}
.contentsInner .box ul.paperList li .product a:hover {
	opacity: 1;
	text-decoration: none;
}
.contentsInner .box ul.paperList li .product p.link {
	margin: 30px 0 0;
	margin: 4.7vw 0 0;
	font-size: 20px;
	font-size: 3.1vw;
	font-weight: bold;
	line-height: 1;
	color: #858585;
}
.contentsInner .box ul.paperList li h5.title {
	margin: -28px 0 0;
	margin: -4.4vw 0 0;
	font-size: 24px;
	font-size: 3.8vw;
	font-weight: bold;
	letter-spacing: -0.07em;
}
.contentsInner .box ul.paperList li h5.title span.ico {
	display: inline-block;
	vertical-align: top;
	width: 60px;
	width: 9.4vw;
	height: 24px;
	height: 3.8vw;
	text-align: center;
	margin: 5px 5px 0 0;
	margin: 0.8vw 0.8vw 0 0;
	border-radius: 2px;
	border-radius: 0.3vw;

	font-size: 18px;
	font-size: 2.8vw;
	font-weight: bold;
	line-height: 24px;
	line-height: 3.8vw;
	color: #fff;
	white-space: nowrap;
}
.contentsInner .box ul.paperList li h5.title span.ico.koutaku {
	background: #dbb850 url(/katsuyou/photo/article/youshiselect/images/ico_koutaku_bg.png);
	background-size: 12px 24px;
	background-size: 1.9vw 3.8vw;
}
.contentsInner .box ul.paperList li h5.title span.ico.mat {
	background: #000 url(/katsuyou/photo/article/youshiselect/images/ico_mat_bg.png);
	background-size: 12px 24px;
	background-size: 1.9vw 3.8vw;
}
.contentsInner .box ul.paperList li p.text {
	margin: 10px 0 0;
	margin: 1.6vw 0 0;
	font-size: 22px;
	font-size: 3.4vw;
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: -0.07em;
}

.contentsInner .box .productBox {
	text-align: left;
}
.contentsInner .box .productBox .textBox {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 286px;
	width: 44.7vw;
	height: 360px;
	height: 56.2vw;
	margin: 0 18px 0 0;
	margin: 0 2.8vw 0 0;
}
.contentsInner .box .productBox .textBox p.note {
	text-align: left!important;
}
.contentsInner .box .productBox ul.products {
	position: relative;
	bottom: auto;
	top: 0;
	left: 0;
	text-align: left;
	width: 580px;
	width: 90.6vw;
}
.contentsInner .box .productBox ul.products li {
	display: inline-block;
	vertical-align: top;
	width: 158px;
	width: 24.7vw;
	margin: 0;
}
.contentsInner .box .productBox ul.products li + li {
	margin: 0 0 0 52px;
	margin: 0 0 0 8.1vw;
}
.contentsInner .box .productBox ul.products li .image img {
	width: 100%;
	height: auto;
}
.contentsInner .box .productBox ul.products li a {
	display: block;
	width: 100%;
	height: 100%;
}
.contentsInner .box .productBox ul.products li a:hover {
	opacity: 1;
	text-decoration: none;
}
.contentsInner .box .productBox ul.products li h5.title {
	margin: 16px 0 0;
	margin: 2.5vw 0 0;
	font-size: 20px;
	font-size: 3.1vw;
	letter-spacing: -0.07em;
	line-height: 1.3;
	white-space: nowrap;
}
.contentsInner .box .productBox ul.products li p.link {
	margin: 15px 0 0;
	margin: 2.3vw 0 0;
	font-size: 19px;
	font-size: 3.0vw;
	font-weight: bold;
	line-height: 1.3;
	color: #858585;
	white-space: nowrap;
}
.contentsInner .box .productBox ul.products li p.link.blank {
	text-indent: -1.3em;
	margin: 15px 0 0 20px;
	margin: 2.3vw 0 0 3.1vw;
}
.contentsInner .box .productBox ul.products li p.link img {
	vertical-align: middle;
}
.contentsInner .box .productBox .imageBox {
	display: inline-block;
	vertical-align: top;
	width: 275px;
	width: 43.0vw;
	padding: 10px 0 0;
	padding: 1.6vw 0 0;
}
.contentsInner .box .productBox .imageBox img {
	width: 100%;
	height: auto;
}
.contentsInner .box .productBox .imageBox p.paperText {
	padding: 10px 0 0;
	padding: 1.6vw 0 0;
	font-size: 20px;
	font-size: 3.1vw;
	font-weight: 500;
	line-height: 1.2;
	text-align: right;
}

} /* media */