@charset "utf-8";
/* ==========================================================

title : 東建多度カントリークラブ・名古屋
scope : ビデオ一覧

last modify : 2017/04/24 041_ooba
memo  : 

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

/* ----------------------------------------------------------
	top_lead
---------------------------------------------------------- */
#main-contents .top_lead {
	width: 1000px;
	margin: 27px 0 30px 0;
	overflow: hidden;
}

#main-contents .top_lead .top_lead_txt {
	/*width: 684px;*/
	width:45em;
	margin-left:50px;
}

#main-contents .top_lead .btn {
	float: right;
	width: 258px;
	margin: 0 11px 0 0;
}

#main-contents h1{
	position:relative;
}

#main-contents h1 span.btn {
   	position: absolute;
   	top: 238px;
   	left: 749px;
}

/* ------ hover時画像を透過 ------ */
a:hover img.alpha-hover {
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}




/* ----------------------------------------------------------
	navibtn
---------------------------------------------------------- */
#movie_navi{
	width;900px;
	margin:10px auto 30px;
}

#movie_navi ul{
	 calc(100% /6);	
	display: flex;
}


#movie_navi li{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f2f4dc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f2f4dc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f2f4dc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f4dc',GradientType=0 ); /* IE6-9 */
	width:150px;	
	padding:10px 0;
	margin-left:10px;
	text-align: center;
	border-radius: 5px;
	border:1px solid #AFA4A0;
	color:#000;
}
#movie_navi li.active{
	width:150px;
		padding:10px 0;
	margin-left:10px;
	text-align: center;
	border-radius: 5px;
	border:1px solid #AFA4A0;
	background: #C4A519;
	color:#fff;	
}

#movie_navi li a  {
  color:#000;
}


#movie_navi li a:hover  {
  color:#000;
  opacity: 0.7;
}


/* ----------------------------------------------------------
	movie_btn
---------------------------------------------------------- */
#movie_btn{
	letter-spacing: -0.5em;
	margin: 0 auto 20px;
	text-align: center;
	width: 912px;
}

#movie_btn li{
	-webkit-box-shadow:0px 1px 4px 3px #dddddd;
	-moz-box-shadow:0px 1px 4px 3px #dddddd;
	box-shadow:0px 1px 4px 3px #dddddd;
	display: inline-block;
	letter-spacing: normal;
	margin: 6px;
	width: 216px;
}

#movie_btn02{
	width:757px;
	margin:10px auto;
}
#movie_btn02 ul{
	display: flex;
}
#movie_btn02 li{
	margin:0px 0 30px 20px;
}
/* ----------------------------------------------------------
	pagetop
---------------------------------------------------------- */
.pagetop{
	margin: 0 auto 40px;
	text-align: right;
	width: 900px;
}

.pagetop a:link{
	color: #3470ac;
}

.pagetop a:hover{
	color: red;
}


/* ----------------------------------------------------------
 movie_area
---------------------------------------------------------- */
[id^="movie_area"] {
	position: relative;
	margin: 0 auto 10px;
	overflow: hidden;
	width: 910px;
}

[id^="movie_area"] h2 {
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	height: 64px;
	line-height: 62px;
	margin: 0;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 910px;
	z-index: 1;
}

[id^="movie_area"] h2.ttl_blue { background: url(../image_cmn/bg_movie_ttl_blue.png) no-repeat 0 0; }
[id^="movie_area"] h2.ttl_pink { background: url(../image_cmn/bg_movie_ttl_pink.png) no-repeat 0 0; }
[id^="movie_area"] h2.ttl_yellow { background: url(../image_cmn/bg_movie_ttl_yellow.png) no-repeat 0 0; }
[id^="movie_area"] h2.ttl_green { background: url(../image_cmn/bg_movie_ttl_green.png) no-repeat 0 0; }

#tado_hyaku h2{
	width:808px;
	margin:40px auto 0;
}

[class^="movie_box_"] {
	margin: 56px auto 0;
	padding: 20px 0;
	width: 900px;
	z-index: 0;
}

[class^="movie_box_blue"] { background: #55b0cf; }
[class^="movie_box_pink"] { background: #e0a1bb; }
[class^="movie_box_yellow"] { background: #dec17b; }
[class^="movie_box_green"] { background: #75be88; }

[class^="movie_box_"] .movie_lead {
	padding: 10px 0;
	width:40em;
	margin:auto;
}

[id^="movie_area"] h3.ttl_views100 {
	margin: 0 auto 18px;
	width: 808px;
}

#tado_hyaku{
	margin:20px auto -30px;
}

.hyaku_bnr{
	width:520px;
	margin:0 auto 20px;
}

.movie_bnr{
	width:700px;
	margin:40px auto 20px;
}

/* --------------------------------------
 動画一覧
--------------------------------------- */
[class^="movie_list"] {
	margin: 0 auto;
	overflow: hidden;
	padding:0 0 30px;
	width: 844px;
}

[class^="movie_list"] li {
	background: #f6f6f6;
	border: #c7e2c4 solid 12px;
	float: left;
	margin:18px;
	width: 362px;
}
[class^="movie_list"] li.pink01 {
background-image: url("/golf/information/movie/image/bg_spring.png");
	border: #f8e6ec solid 12px;
	float: left;
	margin:18px;
	width: 362px;
	position:relative;
}
[class^="movie_list"] li.green01 {
background-image: url("/golf/information/movie/image/bg_summer.png");
	border: #c7e2c4 solid 12px;
	float: left;
	margin:18px;
	width: 362px;
	position:relative;
}

[class^="movie_list"] li.orange01 {
background-image: url("/golf/information/movie/image/bg_fall.png");
	border: #f5ddbc solid 12px;
	float: left;
	margin:18px;
	width: 362px;
	position:relative;
}

[class^="movie_list"] li.blue01 {
background-image: url("/golf/information/movie/image/bg_winter.png");
	border: #bddaec solid 12px;
	float: left;
	margin:18px;
	width: 362px;
	position:relative;
}


[class^="movie_list"] li.blue {
	background: #f6f6f6;
	border: #bddaec solid 12px;
	float: left;
	margin:18px;
	width: 362px;
}

[class^="movie_list"] li.pink {
	background: #f6f6f6;
	border: #f8e6ec solid 12px;
	float: left;
	margin:18px;
	width: 362px;
}
[class^="movie_list"] li.orange {
	background: #f6f6f6;
	border: #e4e2bf solid 12px;
	float: left;
	margin:18px;
	width: 362px;
}



[class^="movie_list"] dl {
	width: 362px;
}

[class^="movie_list"] dl dt {
	font-weight: bold;
	margin: 15px 0;
	text-align: center;
}

[class^="movie_list"] dl dd {
}

[class^="movie_list"] figure {
	margin: 0 auto;
	position: relative;
	width: 322px;
}

[class^="movie_list"] figure img:first-of-type{
	position: absolute;
	top: 75px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 1;
}

[class^="movie_list"] figure img:last-of-type {
	border: #ccc solid 1px;
	z-index: 0;
}

[class^="movie_list"] .caption {
	margin: 10px auto;
	width: 300px;
}

[class^="movie_list"] .time {
	border-top: #e1e1e1 solid 1px;
	padding: 10px 0;
	text-align: center;
}

[class^="movie_list_course"] { background: url(../image/bg_movie_course.png) no-repeat right bottom; }
[class^="movie_list_flower"] { background: url(../views/image/bg_movie_flower.png) no-repeat right bottom; }
[class^="movie_list_tvcm"] { background: url(../tvcm/image/bg_movie_tvcm.png) no-repeat right bottom; }
[class^="movie_list_other"] { background: url(../other/image/bg_movie_other.png) no-repeat right bottom; }
[class^="movie_list_bekkan"] { background: url(../hotel/image/bg_bekkan.png) no-repeat right bottom; }
[class^="movie_list_residence"] { background: url(../hotel/image/bg_residence.png) no-repeat right bottom; }
[class^="movie_list_hotel"] { background: url(../hotel/image/bg_hotel.png) no-repeat right bottom; }
[class^="movie_list_tvcm_golf"] { background: url(../tvcm/image/bg_tadocc.png) no-repeat right bottom; }

/* --------------------------------------
 関連リンク
--------------------------------------- */
.link_box {
	border-top: #e1e1e1 solid 1px;
	margin: 0 auto;
	padding: 15px 0;
	width: 860px;
}

.link_box h3 {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 5px;
	text-align: center;
}

.link_box ul {
	letter-spacing: -0.5em;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	width: 840px;
}

.link_box ul li {
	background: #fff;
	display: inline-block;
	letter-spacing: normal;
	margin: 10px;
}

.movie_note{
	font-size:14px!important;
	line-height: 1.2;
	margin:0.5em 0 1em 0.8em;
}

.mt40{
	margin-top: 40px!important;
}