@charset "UTF-8";

/*** product-lineup ***/

/* カテゴリタイトル(基本設定：common.css) */
@media only screen and (max-width: 767px) {
.product-lineup #category-head-frame2p {
	background: url(../product-lineup/village/images/sp/category-head.jpg) no-repeat center bottom;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
}
.product-lineup #category-head-group2p h1 {
	background: url(../product-lineup/village/images/head.png) no-repeat center;
	height: 80px;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
}
@media print, screen and (min-width: 768px) {
.product-lineup #category-head-frame2p {
	background: url(../product-lineup/village/images/pc/category-head.jpg) no-repeat center;
}
.product-lineup #category-head-group2p h1 {
	background: url(../product-lineup/village/images/head.png) no-repeat 0 0;
	width: 365px;
	height: 108px;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
}

/* カテゴリキャッチ(基本設定：common.css) */
@media only screen and (max-width: 767px) {
.tree #category-catch-group { /* 画像幅/600(%) */
	width: 100%;
}
.tree #category-catch-group h2 {
	background: url(../product-lineup/village/images/sp/catch.png) no-repeat center;
	padding: 30.87% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
}
@media print, screen and (min-width: 768px) {
.tree #category-catch-group h2 {
	background: url(../product-lineup/village/images/pc/catch.png) no-repeat 0 0;
	width: 757px;
	height: 137px;
}
}

/* コンテンツ設定 */

/* 共通レイアウト調整 */
#village-index #first-box {
	padding-top: 0;
}

@media only screen and (max-width: 767px) {
#village-index .village-detail-group {
	width: 100%;
	background: #fff;
	padding: 9.6% 0;
	margin: 0 auto;
}
#village-index .village-detail-group2 {
	width: 100%;
	background: #f0ece2;
	padding: 9.6% 0;
	margin: 0 auto;
}
#village-index .village-detail-group-inner,
#village-index .village-detail-group2-inner {
	width: 94%;
	margin: 0 auto;
}


#village-index .village-head-detail-box {
	margin: 0 auto 5.4%;
}
#village-index .village-head-detail-box h3,
#village-index .village-head-detail-box p {
	padding: 0;
	margin: 0;
}
#village-index .village-head-detail-box img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}

#village-index .village-head-detail-box h3 {
	display: block;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	margin: 0 auto 5.4%;
}
#village-index .village-head-detail-box h3#head-detail01 {
	background: url(../product-lineup/village/images/sp/t-head-detail01.png) no-repeat 0 0;
	padding: 12.667% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#village-index .village-head-detail-box h3#head-detail02 {
	background: url(../product-lineup/village/images/sp/t-head-detail02.png) no-repeat 0 0;
	padding: 12.667% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#village-index .village-head-detail-box h3#head-detail03 {
	background: url(../product-lineup/village/images/sp/t-head-detail03.png) no-repeat 0 0;
	padding: 12.667% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}


#village-index .village-detail-box {
}
#village-index .village-detail-box h3,
#village-index .village-detail-box p {
	padding: 0;
	margin: 0;
}

#village-index .village-detail-box h3 {
	display: block;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	margin: 0 auto 5.4%;
}
#village-index .village-detail-box h3#detail01-01 {
	background: url(../product-lineup/village/images/sp/t-detail01-01.png) no-repeat 0 0;
	padding: 12.667% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#village-index .village-detail-box h3#detail02-01 {
	background: url(../product-lineup/village/images/sp/t-detail02-01.png) no-repeat 0 0;
	padding: 12.667% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#village-index .village-detail-box h3#detail03-01 {
	background: url(../product-lineup/village/images/sp/t-detail03-01.png) no-repeat 0 0;
	padding: 12.667% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}

#village-index .village-detail-box .photo {
	width: 100%;
	margin: 0 auto 2.4%;
}
#village-index .village-detail-box img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}
#village-index .village-detail-box .catch {
	font-size: 0.9em;
	text-align: center;
	margin: 0 auto 6.4%;
}
#village-index .village-detail-box .detail {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}


#village-index #unison-group {
	width: 100%;
	background: #3a3a7a;
	color: #fff;
	padding: 9.6% 0 7.2%;
	margin: 0 auto;
}
#village-index #unison-group-inner {
	width: 94%;
	margin: 0 auto;
}
#village-index #unison-group h3 {
	width: 67.667%;
	display: block;
	background: url(../product-lineup/village/images/sp/t-head-unison.png) no-repeat center top;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	padding: 18.834% 0 0; /* w100% = 27.833% */
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	margin: 0 auto 3.6%;
}
#village-index #unison-group .unison-box {
	width: 100%;
	margin: 0 auto;
}
#village-index #unison-group .unison-box .photo {
	width: 84%;
	margin: 0 auto;
}
#village-index #unison-group .unison-box .photo img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}
#village-index #unison-group .unison-box .detail {
	line-height: 1.8em;
}


#village-index .inquiry-box {
	width: 100%;
	background: #fff;
	padding: 14.4% 0;
}
#village-index .inquiry-box {
	width: 94%;
	margin: 0 auto;
}
#village-index .inquiry-box a {
	display: block;
	width: 100%;
	background: #ab8b41;
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: 4.2% 0;
}
}

@media print, screen and (min-width: 768px) {
#village-index .village-detail-group {
	width: 100%;
	background: #fff;
	padding: 90px 0 80px;
	margin: 0 auto;
}
#village-index .village-detail-group2 {
	width: 100%;
	background: #f0ece2;
	padding: 90px 0 80px;
	margin: 0 auto;
}
#village-index .village-detail-group-inner,
#village-index .village-detail-group2-inner {
	width: 940px;
	margin: 0 auto;
}


#village-index .village-head-detail-box {
	margin: 0 auto 40px;
}
#village-index .village-head-detail-box h3,
#village-index .village-head-detail-box p {
	padding: 0;
	margin: 0;
}
#village-index .village-head-detail-box img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

#village-index .village-head-detail-box h3 {
	display: block;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	text-decoration: none;
	width: 940px;
	height: 64px;
	margin: 0 auto 30px;
}
#village-index .village-head-detail-box h3#head-detail01 {
	background: url(../product-lineup/village/images/pc/t-head-detail01.png) no-repeat 0 0;
}
#village-index .village-head-detail-box h3#head-detail02 {
	background: url(../product-lineup/village/images/pc/t-head-detail02.png) no-repeat 0 0;
}
#village-index .village-head-detail-box h3#head-detail03 {
	background: url(../product-lineup/village/images/pc/t-head-detail03.png) no-repeat 0 0;
}


#village-index .village-detail-box {
}
#village-index .village-detail-box h3,
#village-index .village-detail-box p {
	padding: 0;
	margin: 0;
}

#village-index .village-detail-box h3 {
	display: block;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	text-decoration: none;
	width: 940px;
	height: 54px;
	margin: 0 auto 40px;
}
#village-index .village-detail-box h3#detail01-01 {
	background: url(../product-lineup/village/images/pc/t-detail01-01.png) no-repeat 0 0;
}
#village-index .village-detail-box h3#detail02-01 {
	background: url(../product-lineup/village/images/pc/t-detail02-01.png) no-repeat 0 0;
}
#village-index .village-detail-box h3#detail03-01 {
	background: url(../product-lineup/village/images/pc/t-detail03-01.png) no-repeat 0 0;
}

#village-index .village-detail-box .photo {
	width: 680px;
	margin: 0 auto 16px;
}
#village-index .village-detail-box img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
#village-index .village-detail-box .catch {
	width: 680px;
	font-size: 16px;
	text-align: center;
	margin: 0 auto 30px;
}
#village-index .village-detail-box .detail {
	width: 100%;
	font-size: 20px;
	text-align: center;
	margin: 0 auto;
}


#village-index #unison-group {
	width: 100%;
	background: #3a3a7a;
	color: #fff;
	padding: 70px 0;
	margin: 0 auto;
}
#village-index #unison-group-inner {
	width: 940px;
	margin: 0 auto;
}
#village-index #unison-group h3 {
	display: block;
	background: url(../product-lineup/village/images/pc/t-head-unison.png) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	text-decoration: none;
	width: 406px;
	height: 103px;
	margin: 0 auto 54px;
}
#village-index #unison-group .unison-box {
	overflow: hidden;
	position: relative;
	zoom: 1;
	width: 100%;
	margin: 0 auto;
}
#village-index #unison-group .unison-box .photo {
	float: left;
	width: 240px;
}
#village-index #unison-group .unison-box .photo img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}
#village-index #unison-group .unison-box .detail {
	float: right;
	width: 680px;
	font-size: 18px;
	line-height: 1.8em;
}


#village-index .inquiry-box {
	width: 100%;
	background: #fff;
	padding: 106px 0;
}
#village-index .inquiry-box {
	width: 940px;
	margin: 0 auto;
}
#village-index .inquiry-box a {
	display: block;
	width: 600px;
	background: #ab8b41;
	font-size: 20px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	padding: 22px 0;
	margin: 0 auto;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	backface-visibility: hidden; 
	-webkit-backface-visibility: hidden;
}
#village-index .inquiry-box a:hover {
	color: #fff;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
}