@charset 'UTF-8';

/* â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– 

	トップページ

â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â–  */



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

	レイアウト

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

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#wrapper {
	}
	main.outer_wrap {
		position: relative;
		max-width: 1920px;
		width: 100%;
		min-height: 50vh;
		background: url(../img/) center top no-repeat;
		display: block;
		margin: 0 auto;
	}
	.inner_wrap {
		position: relative;
	}
}




/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#wrapper {
	}
	main.outer_wrap {
		position: relative;
		width: 100%;
		background: url(../img/) center top no-repeat;
		background-color: #000;
	}
	.inner_wrap {
		position: relative;
	}
}





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

	vimeo

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

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.vimeo{
		position: fixed;
		width:100%;
		height: auto;
		padding: 0 0 56.25%;
		overflow: hidden;
		z-index:-1;
		background-color: #000;
	}
	.vimeo iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.vimeo .overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background:url(../img/02.png) left top repeat;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.vimeo{
		display:none;
	}
}








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

	vimeo

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

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#vimeo {
		position: fixed;
		width:100%;
		height: auto;
		padding: 0 0 56.25%;
		overflow: hidden;
		z-index:-1;
		background-color: #000;
	}
	#vimeo iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	#vimeo .overlay {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		background:url(../img/02.png) left top repeat;
	}
	.main_top_sp {
		display: none;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#vimeo{
		display: none;
	}
	.main_top_sp {
		background: url(../img/main_top_sp.jpg) center top no-repeat;
		background-size: cover;
		height: 120vw;
	}

	/* 動画再生 */
	.m-top_modal label {
		position: absolute;
		right: 0;
		bottom: 54vw;
		background: #174171;
		padding: 1.9vw 4vw 2.2vw;
		display: block;
		color: #ffffff;
		font-size: 5vw;
		font-weight: 700;
		opacity: 1;
		transition-property: all;
		transition-duration: 0.3s;
		transition-timing-function: ease-in-out;
		transition-delay: 0s;
	}
	.m-top_modal label:hover {
		opacity: 0.8;
	}
	.main_top_sp i {
		font-size: 2.2vw;
		vertical-align: 0.4em;
	}
}





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

	ipadメイン画像

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

.main_ipad{
	background: url('../img/main_ipad.jpg') center top no-repeat;
	background-size:cover;
	width:100%;
	height:1020px;
}





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

	SPメイン画像

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

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.m-top {
		display:none;
	}
	.m-top_modal label {
		display:none;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.m-top {
		background: url('../img/main_top_sp.jpg') center top no-repeat;
		background-size:cover;
		width:100%;
		height:600px;
	}
	/* 動画再生 */
	.m-top_modal label{
		position:absolute;
		left:50%;
		transform: translate(-30px,-150px);
		-webkit-transform:translate(-30px,-150px);
		-ms-transform:translate(-30px,-150px);
		background:url(../img/m-top_modal.png) left top no-repeat;
		background-size:contain;
		width:60px;
		height:60px;
		text-indent:-9999px;
	}
	.m-top_modal label:hover{
		opacity: 0.8;
		transition: opacity 0.3s ease-out 0s;
	}
}





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

	ロゴとスクロール

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

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.top_function{
		position:relative;
		height:47.916vw;
	}
	.h_logo{
		position: absolute;
		width: 17.5vw;
		height: 5.78125vw;
		padding-top: 18vw;
		left: 50%;
		margin: 0 0 0 -8.75vw;
	}
	.h_logo img{
		max-width: 100%;
		width: 100%;
		height: auto;
	}

	.h_scroll{
		position: absolute;
		width: 4.28vw;
		height: 2.292vw;
		bottom: 2.08vw;
		left: 50%;
		margin: 0 0 0 -2.14vw;
	}
	.h_scroll img{
		max-width: 100%;
		width: 100%;
		height: auto;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.top_function{
		display:none;
	}
}





/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

	ここからコンテンツ内容

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

	放映スケジュール&ゴルフルーム予約状況　row_01

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

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row_01 {
		position: relative;
    max-width: 1920px;
		height: 625px;
		background: #000 url(../img/row_01.jpg) center top no-repeat;
	}
	.row_01_sub {
		position: absolute;
    z-index: 0;
    top: 0;
    left: 50%;
		margin-left: -960px;
    max-width: 1920px;
    width: 1920px !important;
	}
	.broadcast_bg {
		width: 550px !important;
		height: 472px;
		background-color: #fff;
		padding: 30px;
	}
	.top_h2_01 h2 {
		height: 75px;
		background: url(../img/top_h2_01.png) left bottom no-repeat;
		text-indent: -9999px;
	}
	.top_h2_02 h2 {
		height: 75px;
		background: url(../img/top_h2_02.png) left bottom no-repeat;
		text-indent: -9999px;
	}

	/* 放映スケジュール */
	.row_01 .post_wrap {
		width: 100%;
		height: 410px;
		overflow: hidden;
	}
	.row_01 .post_wrap ul li {
		color: #000;
		width: 100%;
		padding: 15px 0;
		border-bottom: 1px solid #d2d2d2;
	}
	.row_01 .post_wrap ul li:first-child {
		padding: 0 0 15px 0;
	}
	.row_01 .post_wrap .post_date {
		width: 95px;
		color: #d30a00;
		font-size: 14px;
		padding: 3px 0 0 0;
	}

	/* カレンダー */
	.calendar_wrap {
		width: 550px !important;
		height: 472px;
		color: #000;
		background-color: #dcdcdc;
		padding: 20px;
	}
	.calendar_wrap .scrollbar {
		width: 100%;
		height: 420px;
		overflow: hidden;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.top_h2_01 h2 {
		height: 15vw;
		background: url(../img/top_h2_01.png) left top no-repeat;
		background-size: cover;
		text-indent: -9999px;
	}
	.top_h2_02 h2 {
		height: 11vw;
		background: url(../img/top_h2_02.png) left top no-repeat;
		background-size: cover;
		text-indent: -9999px;
	}

	/* 放映スケジュール */
  .row_01 .post_wrap {
		width: 100%;
		height: 70vw;
		overflow: hidden;
	}
	.row_01 .post_wrap ul li {
		display: table;
		width: 100%;
		padding: 3vw 0;
		border-bottom: 1px solid rgba(255,255,255,0.3);
	}
  .row_01 .post_wrap ul li:first-child {
  }
	.row_01 .post_wrap .post_date {
		color: #fff;
		font-size: 3.5vw;
		padding: 0 3vw 0 0;
	}

	/* カレンダー */
	.calendar_wrap {
		color: #000;
		background-color: #dcdcdc;
	}
	.calendar_wrap .scrollbar {
		width: 100%;
		height: 70vw;
		overflow: hidden;
	}
}


/* PC・SP共通
----------------------------------------------- */
/* カレンダー */
.simcal-default-calendar-list {
	padding: 0;
}

/* 予定背景 */
.simcal-default-calendar-list ul.simcal-events {
	margin: 0;
}
.simcal-event-details {
	padding: 10px 0 0 0;
}
.simcal-today {
}
li.simcal-event {
	background-color: #fff;
	padding: 10px 20px;
}

.simcal-default-calendar-list dt.simcal-day-label:first-child {
	margin: 10px 0 10px;
}

/* 日付 */
.simcal-event-start {
	font-size: 16px;
}
.simcal-event-end {
	font-size: 16px !important;
}

/* イベントタイトル */
.simcal-event-title {
	color: #d30a00;
	font-size: 18px;
}

/* 説明 */
.simcal-event-description p {
	color: #7d7d7d;
}

/* 編集非表示 */
.simcal-align-right {
	display:none;
}

/* カレンダーのヘッダー */
.simcal-calendar-head {
	color:#000;
	padding-bottom: 0;
}

/* ヘッダーの文字色 */
.simcal-nav,
.simcal-current-month,
.simcal-current-year {
	color:#000;
}

/* 月のカーソル */
.simcal-nav-button i {
	color:#000;
}

/* 日付のラベル */
.simcal-day-label span {
	background-color: #000 !important;
}
dt.simcal-day-label {
	border-color: #000 !important;
}

/* イベントリンク色 */
.simcal-event-bubble a:link,
.simcal-event-bubble a:visited {
	color:#f20f52 !important;
}

/* SPイベントリンク色 */
.simcal-default-calendar-grid .simcal-events-dots b {
	color:#f20f52 !important;
}





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

	お知らせ　row_02

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

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row_02 {
		position: relative;
    max-width: 1920px;
		height: 450px;
		background: #000 url(../img/row_02.jpg) center top no-repeat;
	}
	.row_02 h2 {
		height: 58px;
		background: url(../img/top_h2_03.png) center top no-repeat;
		background-size: contain;
		text-indent: -9999px;
	}

	/* お知らせ */
	.row_02 .post_wrap {
		width: 100%;
		height: 265px;
		overflow: hidden;
		background-color: rgba(255,255,255,0.3);
		padding: 50px;
	}
	.row_02 .post_wrap ul li {
		display: table;
		width: 100%;
		padding: 20px 10px;
		border-bottom: 1px solid #ffffff;
	}
	.row_02 .post_wrap ul li:first-child {
		padding: 0 10px 20px 10px;
	}
	.row_02 .post_wrap .post_date {
		width: 80px;
		color: #ffffff;
		font-size: 14px;
		display: table-cell;
		vertical-align: middle;
		padding: 0 16px 0 0;
	}
	.row_02 .post_wrap .post_icon_box {
		width: 110px;
		display: table-cell;
		vertical-align: middle;
	}
	.row_02 .post_wrap .post_icon_box .post_icon {
		text-align: center;
		color: #ffffff;
		font-size: 12px;
		padding: 2px 16px;
	}
	.row_02 .post_wrap .post_title a {
		text-align: left;
		color: #ffffff;
		font-size: 16px;
		display: table-cell;
		vertical-align: middle;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row_02 {
		position: relative;
    max-width: 1920px;
		background: #000 url(../img/row_02.jpg) center top no-repeat;
	}
	.row_02 h2 {
		height: 15vw;
		background: url(../img/top_h2_03.png) center top no-repeat;
		background-size: contain;
		text-indent: -9999px;
	}

	/* お知らせ */
	.row_02 .post_wrap {
		width: 100%;
		height: 70vw;
		overflow: hidden;
	}
	.row_02 .post_wrap ul li {
		display: table;
		width: 100%;
		padding: 10px 0;
		border-bottom: 1px solid rgba(255,255,255,0.3);
	}
	.row_02 .post_wrap .post_date {
		width: 130px;
		color: #ffffff;
		font-size: 12px;
		padding: 0 16px 0 0;
	}
	.row_02 .post_wrap .post_icon_box {
		width: 100px;
	}
	.row_02 .post_wrap .post_icon_box .post_icon {
		text-align: center;
		color: #ffffff;
		font-size: 11px;
		padding: 2px 16px;
	}
	.row_02 .post_wrap .post_title a {
		text-align: left;
		color: #ffffff;
		font-size: 15px;
	}
}





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

	FanからRookieへ。　row_03

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

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row_03 {
		position: relative;
		max-width: 1920px;
		background: #000 url(../img/row_03_bg.jpg) center top no-repeat;
		background-size: cover;
	}
	.row_03_sub_01 {
		position: relative;
    max-width: 1920px;
		height: 38vw;
		background: url(../img/row_03.png) 10% top no-repeat;
		background-size: 50%;
	}
	.row_03_sub_01 h2 {
		height: 10vw;
		background: url(../img/top_h2_04.png) 80% top no-repeat;
		background-size: contain;
		text-indent: -9999px;
		margin: 0 0 3vw 0 !important;
	}
	.row_03_sub_01 p {
		font-size: 1.1vw;
		line-height: 2.4;
		padding: 0 0 0 55vw;
	}
	.row_03_sub_03 p {
		font-size: 1.1vw;
		line-height: 2.4;
		padding: 0 0 0 10vw;
	}
	.row_03_sub_03 .right {
		padding: 0 10vw 0 0;
	}
	.row_03_sub_03 .right a img {
		width: 25vw;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row_03 {
		background: #000 url(../img/row_03_bg.jpg) center top no-repeat;
		background-size: cover;
	}
	.row_03_sub_01 {
	}
	.row_03_sub_01 h2 {
		height: 20vw;
		background: url(../img/top_h2_04.png) center top no-repeat;
		background-size: contain;
		text-indent: -9999px;
	}
	.row_03_sub_01 p {
		font-size: 4vw;
	}
	.row_03_sub_02 img {
		width: 50vw;
	}
	.row_03_sub_03 p {
		font-size: 4vw;
	}
	.row_03_sub_03 .right {
	}
	.row_03_sub_03 .right a img {
		width: 80vw;
	}
}





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

	ランキング　row_04

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

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row_04 {
		position: relative;
		max-width: 1920px;
		background: #000 url(../img/row_04.jpg) center top no-repeat;
		padding: 75px 0;
	}

	.row_04 .post_wrap {
		width: 100%;
		height: 434px;
		overflow: hidden;
		background: url(../img/top_rank_bg.jpg) center top no-repeat;
		padding: 125px 75px 75px;
	}
	.row_04 .post_wrap ul li {
		display: table;
		width: 100%;
		padding: 20px 0;
		border-bottom: 1px solid #ffffff;
	}
	.row_04 .post_wrap .post_date {
		width: 130px;
		color: #ffffff;
		font-size: 14px;
		display: table-cell;
		vertical-align: middle;
		padding: 0 16px 0 0;
	}
	.row_04 .post_wrap .post_icon_box {
		width: 100px;
		display: table-cell;
		vertical-align: middle;
	}
	.row_04 .post_wrap .post_icon_box .post_icon {
		text-align: center;
		color: #ffffff;
		font-size: 12px;
		padding: 2px 16px;
	}
	.row_04 .post_wrap .post_title a {
		text-align: left;
		color: #ffffff;
		font-size: 16px;
		display: table-cell;
		vertical-align: middle;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row_04 {
		background: #000 url(../img/top_rank_bg.jpg) 48.5% top no-repeat;
		background-size: cover;
		padding: 23vw 0 10vw 0;
	}

	.row_04 .post_wrap {
		width: 100%;
		height: 70vw;
		overflow: hidden;
	}
	.row_04 .post_wrap ul li {
		display: table;
		width: 100%;
		padding: 10px 0;
		border-bottom: 1px solid rgba(255,255,255,0.3);
	}
	.row_04 .post_wrap .post_date {
		width: 130px;
		color: #ffffff;
		font-size: 12px;
		padding: 0 16px 0 0;
	}
	.row_04 .post_wrap .post_icon_box {
		width: 100px;
	}
	.row_04 .post_wrap .post_icon_box .post_icon {
		text-align: center;
		color: #ffffff;
		font-size: 11px;
		padding: 2px 16px;
	}
	.row_04 .post_wrap .post_title a {
		text-align: left;
		color: #ffffff;
		font-size: 15px;
	}
}





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

	フード　row_05

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

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row_05 {
		position: relative;
		max-width: 1920px;
		height: 60vw;
		background: #000 url(../img/row_05.jpg) center top no-repeat;
		background-size: contain;
		padding: 75px 0;
	}
	.row_05 h2 {
		height: 8vw;
		background: url(../img/top_h2_05.png) left top no-repeat;
		background-size: contain;
		text-indent: -9999px;
		margin: 1vw 0 3vw 27vw !important;
	}
	.row_05 p {
		font-size: 1.1vw;
		line-height: 2.4;
		padding: 0 0 0 37vw;
	}
	.row_05_sub_01 ul {
		padding: 5vw 0 0 37vw;
	}
	.row_05_sub_01 ul li {
		float: left;
		padding: 0 2vw 0 0;
	}
	.row_05_sub_01 ul li:nth-of-type(1) a {
		display: block;
		width: 15vw;
		height: 15vw;
		background: url(../img/top_banner_03.jpg) left top no-repeat;
		background-size: contain;
		text-indent: -9999px;
	}
	.row_05_sub_01 ul li:nth-of-type(2) a {
		display: block;
		width: 15vw;
		height: 15vw;
		background: url(../img/top_banner_04.jpg) left top no-repeat;
		background-size: contain;
		text-indent: -9999px;
	}
	.row_05_sub_01 ul li:nth-of-type(3) a {
		display: block;
		width: 15vw;
		height: 15vw;
		background: url(../img/top_banner_05.jpg) left top no-repeat;
		background-size: contain;
		text-indent: -9999px;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row_05 {
		background: url(../img/row_05_sp.jpg) center top repeat;
	}
	.row_05 h2 {
		height: 15vw;
		background: url(../img/top_h2_05.png) center top no-repeat;
		background-size: contain;
		text-indent: -9999px;
	}
	.row_05 p {
		font-size: 3.8vw;
	}
	.row_05_sub_01 ul {
		position: relative;
		z-index: 0;
		top: 0;
		left: 50%;
		margin-left: -24vw;
	}
	.row_05_sub_01 ul li {
		padding: 0 0 5vw 0;
	}
	.row_05_sub_01 ul li:nth-of-type(1) a {
		display: block;
		width: 50vw;
		height: 50vw;
		background: url(../img/top_banner_03.jpg) center top no-repeat;
		background-size: contain;
		text-indent: -9999px;
	}
	.row_05_sub_01 ul li:nth-of-type(2) a {
		display: block;
		width: 50vw;
		height: 50vw;
		background: url(../img/top_banner_04.jpg) center top no-repeat;
		background-size: contain;
		text-indent: -9999px;
	}
	.row_05_sub_01 ul li:nth-of-type(3) a {
		display: block;
		width: 50vw;
		height: 50vw;
		background: url(../img/top_banner_05.jpg) center top no-repeat;
		background-size: contain;
		text-indent: -9999px;
	}
}





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

	バナー　row_06

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

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row_06 {
		background-color: rgba(0,0,0,0.7);
		padding: 3vw 0;
	}
	.row_06 {
		background-color: rgba(0,0,0,0.7);
		padding: 3vw 0;
	}
	.row_06 a:hover {
		opacity: 1;
		transition-duration: 0.3s;
		transition-timing-function: ease-in-out;
		transition-delay: 0s;
	}
	.row_06 a:hover img {
		opacity: 1;
		filter: brightness(150%);
		transition-duration: 0.3s;
		transition-timing-function: ease-in-out;
		transition-delay: 0s;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
}