@charset "utf-8";

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

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

last modify : 2018/09/25 319_shimizu

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

/* classes */

.poss{ position: static;}
.posr{ position: relative;}
.posa{ position: absolute;}
.posf{ position: fixed;}

.dn{ display: none;}
.di{ display: inline;}
.db{ display: block;}
.dib{ display: inline-block;}
.dtb{ display: table;}
.dtbc{ display: table-cell;}

.fll{ float: left;}
.flr{ float: right;}
.fln{ float: none;}

.clb{ clear: both;}
.clr{ clear: right;}
.cll{ clear: left;}
.cln{ clear: none;}

.ovh{ overflow: hidden;}
.ovv{ overflow: visible;}
.ovs{ overflow: scroll;}
.ova{ overflow: auto;}

.fz10{ font-size: 10px;}
.fz11{ font-size: 11px;}
.fz12{ font-size: 12px;}
.fz13{ font-size: 13px;}
.fz14{ font-size: 14px;}
.fz15{ font-size: 15px;}
.fz16{ font-size: 16px;}
.fz17{ font-size: 17px;}
.fz18{ font-size: 18px;}
.fz19{ font-size: 19px;}
.fz20{ font-size: 20px;}
.fz21{ font-size: 21px;}
.fz22{ font-size: 22px;}
.fz23{ font-size: 23px;}
.fz24{ font-size: 24px;}
.fz25{ font-size: 25px;}
.fz30{ font-size: 30px;}
.fz35{ font-size: 35px;}
.fz40{ font-size: 40px;}
.fz45{ font-size: 45px;}
.fz50{ font-size: 50px;}

.fwn{ font-weight: normal;}
.fwb{ font-weight: bold;}
.fwbr{ font-weight: bolder;}
.fwlr{ font-weight: lighter;}

.lh100{ line-height: 1.0;}
.lh110{ line-height: 1.1;}
.lh120{ line-height: 1.2;}
.lh130{ line-height: 1.3;}
.lh140{ line-height: 1.4;}
.lh150{ line-height: 1.5;}
.lh160{ line-height: 1.6;}
.lh170{ line-height: 1.7;}
.lh180{ line-height: 1.8;}
.lh190{ line-height: 1.9;}
.lh200{ line-height: 2.0;}

.lts0{ letter-spacing: 0px;}
.lts1{ letter-spacing: 1px;}
.lts2{ letter-spacing: 2px;}
.lts3{ letter-spacing: 3px;}
.lts4{ letter-spacing: 4px;}
.lts5{ letter-spacing: 5px;}

.tdn{ text-decoration: none;}
.tdu{ text-decoration: underline;}
.tdo{ text-decoration: overline;}
.tdl{ text-decoration: line-through;}

.vat{ vertical-align: top;}
.vam{ vertical-align: middle;}
.vab{ vertical-align: bottom;}
.vabl{ vertical-align: baseline;}

.curd{ cursor: default;}
.curp{ cursor: pointer;}

.mt5{ margin-top: 5px;}
.mt10{ margin-top: 10px;}
.mt15{ margin-top: 15px;}
.mt20{ margin-top: 20px;}
.mt25{ margin-top: 25px;}
.mt30{ margin-top: 30px;}
.mt40{ margin-top: 40px;}
.mt50{ margin-top: 50px;}
.mt60{ margin-top: 60px;}
.mt70{ margin-top: 70px;}
.mt80{ margin-top: 80px;}
.mt90{ margin-top: 90px;}
.mt100{ margin-top: 100px;}

.mra{ margin-right: auto;}

.mb5{ margin-bottom: 5px;}
.mb10{ margin-bottom: 10px;}
.mb15{ margin-bottom: 15px;}
.mb20{ margin-bottom: 20px;}
.mb25{ margin-bottom: 25px;}
.mb30{ margin-bottom: 30px;}
.mb40{ margin-bottom: 40px;}
.mb50{ margin-bottom: 50px;}
.mb60{ margin-bottom: 60px;}
.mb70{ margin-bottom: 70px;}
.mb80{ margin-bottom: 80px;}
.mb90{ margin-bottom: 90px;}
.mb100{ margin-bottom: 100px;}

.mla{ margin-left: auto;}

.tar{ text-align: right;}
.tal{ text-align: left;}
.tac{ text-align: center;}

.tdu_on_hover:hover{
	text-decoration: underline;
}

.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* ----------------------------------------------------------
	基本設定
---------------------------------------------------------- */
body{
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0;
	line-height: 1.9;
	min-width: 1000px;
}

a{
	color: #333;
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
}

strong{
	font-weight: bold;
}

img{
	vertical-align: bottom;
}

/* ----------------------------------------------------------
	フロート解除
---------------------------------------------------------- */
.course_area:after,
header:after,
footer ul:after {
  content: "";
  clear: both;
  display: block;
}

/* ----------------------------------------------------------
	header
---------------------------------------------------------- */
header {
	width: 972px;
	margin:0px auto;
	background:url(../image/header_bg.png) right 10px no-repeat;
}

header h1{
	padding: 38px 0;
}

/* ----------------------------------------------------------
	header
	===========================================================
	nav
---------------------------------------------------------- */
nav {
	padding: 0;
}
nav ul{
  font-size: 0;
  text-align: center;
}
nav ul li{
  display: inline-block;
}
nav ul li a{
  display: block;
}

#navi .nav_season {
	margin: 45px auto 0;
	overflow: hidden;
}

#navi .nav_season li {
  margin: 0 5px;
}

#navi .nav_page {
	overflow: hidden;
	padding: 0;
	position: relative;
	z-index: 3;
}

#navi .nav_page li {
	margin: 15px 8px 0 7px;
	width: 92px;
}



/* ----------------------------------------------------------
	#gallery
---------------------------------------------------------- */
#gallery {
	width: 972px;
	margin: 0 auto;
}

div[id^="hole"] {
	width: 972px;
	margin: 0 auto;
	padding: 45px 0 45px 0;
}

div#hole1 {
	width: 972px;
	margin: 0 auto;
	padding: 36px 0 45px 0;
}

.photo {
	margin: 8px 0 0 0;
}

[id^="hole"] > .photo:nth-of-type(2) {
	padding:28px 0 0 0;
}

[id^="hole"] > .photo:nth-of-type(3) {
	padding:28px 0 28px 0;
}

.photo a{
  opacity: 1;
}
.photo a:hover{
  opacity: 0.7;
}

/* ----------------------------------------------------------
	#gallery
	===========================================================
	#hole1～#hole18(奇数番号)
---------------------------------------------------------- */
.course_area div {
	float: left;
	margin: 8px 0 0 8px;
}

.course_area div:nth-of-type(1) {
	margin: 8px 0 0 0;
}

/* ----------------------------------------------------------
	#gallery
	===========================================================
	#hole1～#hole18(偶数番号)
---------------------------------------------------------- */
.course_area.even div {
	float: right;
	margin: 8px 8px 0 0;
}

.course_area.even div:nth-of-type(3) {
	float: left;
}

.course_area.even div:nth-of-type(1) {
	margin: 8px 0 0 0;
}

/* ----------------------------------------------------------
	footer
---------------------------------------------------------- */
footer {
	width: 972px;
	margin: 0 auto;
	padding-bottom: 65px;
}

footer li {
	float: left;
}

footer li + li {
	float: right;
	margin: 75px 0 0 0;
}