@charset "utf-8";

/* ==========================================================

title : 東建多度カントリークラブ・名古屋、多度温泉
scope : コース写真集

last modify :	2016/04/25 266_shintani リニューアル
							2016/02/02 266_shintani

========================================================== */

/* ----------------------------------------------------------
	基本設定
---------------------------------------------------------- */
body{
	background: #000;
	min-width: 100%;

}

img{
	vertical-align: bottom;
}

.bnr_zone {
	margin: 48px 0 0 0;
	text-align: center;
}

/* ----------------------------------------------------------
	フロート解除
---------------------------------------------------------- */
header:after,
[class$="_block"]:after {
  content: "";
  clear: both;
  display: block;
}

/* ----------------------------------------------------------
	header
---------------------------------------------------------- */
#header_wrap {
	background:url(../image/img_line.png) left bottom repeat-x;
	padding: 0 0 2px 0;
}

header {
	width: 1024px;
	margin: 0 auto;
	overflow: hidden;
}

header h1{
	width: 393px;
	float: left;
	margin: 63px 0 0 42px;
}

header figure{
	width: 515px;
	float: right;
	margin: 0;
  text-align: right;
}

/* ----------------------------------------------------------
	共通項目
---------------------------------------------------------- */
[id$="_gallery"] {
	padding: 0 0 50px 0;
	min-width: 1024px;
	width: 100%;
}

[id$="_area"] {
	width: 1024px;
	margin: 0 auto;
	padding: 25px 0 0 0;
}

[id$="_area"] h2 {
	text-align: center;
}

[class$="_block"] {
	width: 794px;
	margin: 9px auto 0 auto;
}

[class$="_block"] li {
	width: 250px;
	float: left;
	margin: 16px 22px 0 0;
}

[class$="_block"] li:nth-of-type(3n) {
	margin: 16px 0 0 0;
}

/* ----------------------------------------------------------
	#tado_cc_gallery
---------------------------------------------------------- */
#tado_cc_gallery {
	background:url(../image/img_cc_pattern_bg.png) , -moz-linear-gradient(top center, #f9003c 0%, #6c021c 100%);
	background:url(../image/img_cc_pattern_bg.png) , -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #000), color-stop(0.00, #084901));
	background:url(../image/img_cc_pattern_bg.png) , -webkit-linear-gradient(#084901, #000);
	background:url(../image/img_cc_pattern_bg.png) , -moz-linear-gradient(#084901, #000);
	background:url(../image/img_cc_pattern_bg.png) , -o-linear-gradient(#084901, #000);
	background:url(../image/img_cc_pattern_bg.png) , -ms-linear-gradient(#084901, #000);
	background:url(../image/img_cc_pattern_bg.png) , linear-gradient(#084901, #000);
}

#tado_cc_area {
	background: url(../image/img_cc_mark.png) 0 0 no-repeat;
}

/* ----------------------------------------------------------
	#tado_cc_gallery
---------------------------------------------------------- */
#tado_onsen_gallery {
	background:url(../image/img_onsen_pattern_bg.png) , linear-gradient(#4d0a15, #000);
	background:url(../image/img_onsen_pattern_bg.png) , -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #000), color-stop(0.00, #4d0a15));
	background:url(../image/img_onsen_pattern_bg.png) , -webkit-linear-gradient(#4d0a15, #000);
	background:url(../image/img_onsen_pattern_bg.png) , -moz-linear-gradient(#4d0a15, #000);
	background:url(../image/img_onsen_pattern_bg.png) , -o-linear-gradient(#4d0a15, #000);
	background:url(../image/img_onsen_pattern_bg.png) , -ms-linear-gradient(#4d0a15, #000);
	background-repeat: repeat-x;
}

#tado_onsen_area {
	background: url(../image/img_onsen_mark.png) right top no-repeat;
}

/* ----------------------------------------------------------
	footer
---------------------------------------------------------- */
footer {
	background: url(../image/img_line.png) 0 0 repeat-x;
}

footer p {
	width: 94.92%;
	margin: 0 auto;
	padding: 14px 0;
	text-align: center;
}

@media screen and (max-device-width: 972px) {
img {
	max-width: 100%;
	height: auto;
}

#header_wrap {
	min-width: 1024px;
	padding: 0 0 0.29% 0;
}

header {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	min-width: 1024px;
}

header h1{
	width: 38.37%;
	float: left;
	margin: 6.15% 0 0 4.10%;
}

header h1 img{
	width: 100%;
}

header figure{
	width: 50.29%;
	float: right;
	margin: 0;
  text-align: right;
}

header figure img{
	width: 100%;
}

[id$="_area"] {
	width: 100%;
	margin: 0 auto;
	padding: 2.44% 0 0 0;
}

[id$="_area"] h2 {
	text-align: center;
}

[class$="_block"] {
	width: 77.53%;
	margin: 0.87% auto 0 auto;
}

[class$="_block"] li {
	width: 31.48%;
	float: left;
	margin: 2.01% 2.77% 0 0;
}

[class$="_block"] li:nth-of-type(3n) {
	margin: 2.01% 0 0 0;
}

[class$="_block"] li img {
	width: 100%;
}

#tado_cc_gallery,
#tado_onsen_gallery {
	background-size:contain;
}

footer {
	width: 100%;
	min-width: 1024px;
}

footer p {
	width: 100%;
	margin: 0 auto;
	padding: 14px 0;
	text-align: center;
}

}