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

 file name  :index.css
 style info :トップページ

=================================================================== */
/*
.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
*/
.sp{
	display: none;
}

@media screen and (min-width: 600px){
  .pc{display:block;}
}
@media screen and (max-width: 599px){
	.sp{
		display: none;
	}
	.pc{display:none;}
}

/* ---------------------------------------------------------------------------

		structure

--------------------------------------------------------------------------- */
a{
	transition:all ease 0.3s;
	text-decoration: none;
}


#modalLayer{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2000;
	background: rgba(0,0,0,0.7);
	display: none;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
#modalLayer.show{
}


html.sc-hidden,
html.sc-hidden body{
	overflow: hidden;
}

/* ---------------------------------------------------------------------------
		#wrapper
--------------------------------------------------------------------------- */
#wrapper{
	min-width: 320px;
	overflow: hidden;
}
#wrapper img{
	max-width: 100%;
	height: auto;
}



/* ---------------------------------------------------------------------------
		#header
--------------------------------------------------------------------------- */
#header{
	width: 100%;
	height: 100vh;
	position: relative;
	min-height: 450px;
}

#topAnnounce{
	position: absolute;
	top:10px;
	left: 10px;
	background: #FFF;
	max-width: 450px;
	padding: 0.5em 1.0em;
	text-align: left;
	/*text-align: center;*/
	font-weight: bold;
	font-size: 134%;
	z-index: 1011;
}
#topAnnounce a{
	color: #000;
	text-decoration: underline;
}
#topAnnounce a:hover{
	color: #1070ae;
}

@media screen and (min-width: 960px){
#topAnnounce br{
	display: none;
}		
}

@media screen and (max-width: 600px){
#topAnnounce br{
	display: none;
}	
}

/* hnav */
.hnav{
	position: absolute;
	top: 17px;
	right:16px;
	z-index: 1011;
	overflow: hidden;
}
.hnav li{
	width: 110px;
	float: left;
}
.hnav li a{
	display: block;
	text-align: center;
	position: relative;
	line-height: 30px;
}
.hnav .hnavMypage a::before{
	content:'';
	background: url(../images/ico_mypage.png) no-repeat;
	width: 10px;
	height: 12px;
	position: absolute;
	top:50%;
	left: 16px;
	margin-top: -6px;
}
.hnav .hnavMypage a{
	padding-left: 10px;
	background: #343434;
	color: #FFF;
}
.hnav .hnavCi a,
.hnav .hnavQa a{
	background: rgba(255,255,255,0.6);
	color: #000;
}
.hnav .hnavMypage a:hover{
	box-shadow: inset 0 0 0 2em #000;
}
.hnav .hnavCi a:hover,
.hnav .hnavQa a:hover{
	box-shadow: inset 0 0 0 2em #DDD;
}
.hnav li button{
	display: block;
	text-align: center;
	position: relative;
	line-height: 30px;
	width: 100%;
}
.hnav .hnavQa button{
	background: rgba(255,255,255,0.6);
	color: #000;
}
.hnav .hnavQa button:hover{
	box-shadow: inset 0 0 0 2em #DDD;
}


/* 多言語対応 */

.hnav li.hnavTr{
	width:24em;
}
.hnav #translate{
	align-items:center;
	background:rgba(92,181,49,1);
	color:#FFF;
	display:flex;
	justify-content:space-between;
	padding:0 10px;
}
.hnav #translate dt{
	display:block;
	line-height:30px;
	margin-right:5px;
	text-align:center;
}
.hnav #translate dt:before{
	aspect-ratio:1;
	background:url(../images/common/icon_global_white.svg) no-repeat;
	background-size:contain;
	content:'';
	display:inline-block;
	margin-right:5px;
	translate:0 2px;
	width:1.0em;
}

.hnav #translate dd{
	text-align:center;
}

/* 国旗表示設定 */

.hnav #translate dd button{
	color:#FFF;
	display:inline-block;
}
.hnav #translate dd button:before{
	aspect-ratio:156/104;
	background:url(../images/common/icon_EN.svg) no-repeat;
	background-size:contain;
	content:'';
	display:inline-block;
	margin-right:5px;
	translate:0 15%;
	width:20px;
}
.hnav #translate dd:nth-of-type(2) button:before{
	background:url(../images/common/icon_KR.svg) no-repeat;
	background-size:contain;
}
.hnav #translate dd:nth-of-type(3) button:before{
	background:url(../images/common/icon_CN.svg) no-repeat;
	background-size:contain;
}

.hnav #translate dd button:after{
	color:#FFF;
	content:'｜';
	display:inline-block;
	margin:0 5px;
}
.hnav #translate dd:nth-of-type(3) button:after{
	display:none;
}


.head-overlay{
	position: absolute;
	bottom:0;
	left: 0;
	width:100%;
}
#header .head-overlay .fixed-logo{
	aspect-ratio:7/6;
	top:50%;
	display: block;
	left:20px;
	position:absolute;
	height:55px;
	z-index:10000;
	transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
}
/*
	fixed
*/
#header .head-overlay.fixed{
	position: fixed;
	top:0;
	bottom:auto;
	left:0;
	width: 100%;
	background: #000;
	padding-top: 30px;
	z-index: 5999;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
#header .head-overlay.fixed .hnav{
	top: 0;
	right:16px;
	display: block;
	z-index:6001;
}
#header .head-overlay.fixed #gnav{
	position: relative;
	bottom:auto;
	top:0;
	left: 0;
	padding:10px 0 10px 110px;
}
#header .head-overlay.fixed #gnav #gnavMenu{height: 46px;}
#header .head-overlay.fixed .fixed-logo{
	position: absolute;
	left:26px;
	top:20px;
	display: block;
	height: 60px;
	transition: all ease .3s;
	z-index: 5001;
	transform: none;
}
#header .head-overlay.fixed #gnav #gnavMenu > li#gnavReserve > a,
#header .head-overlay.fixed #gnav #gnavMenu > li > span > a{
	line-height: 46px;
}


/* gnav */
#gnav{
	background: #000;
	width: 100%;
	position: relative;
	font-size: 16px;
	z-index: 5000;
}
@media screen and (max-width: 1100px){
	#gnav #gnavMenu > li{font-size: 14px;}
	#header .head-overlay.fixed .fixed-logo{
		top: 4px;
		height: 60px;
		width: auto;
	}
}
#gnav a{
	color: #FFF;
}
#gnav #gnavMenu{
	max-width: 1000px;
	margin: 0 auto;
	display: table;
	width: 100%;
	height: 75px;
}
#gnav #gnavMenu > li{
	text-align: center;
	display: table-cell;
}
#gnav #gnavMenu > li > span{
	background: url(../images/ico_gnav.png) no-repeat right 50%;
	position: relative;
	display: block;
}
#gnav #gnavMenu > li > span > a{
	line-height: 75px;
	display: block;
}
#gnav #gnavMenu > li > span::after{
	content:'';
	width: 60%;
	height: 3px;
	position: absolute;
	left: 20%;
	bottom:0;
	background: #5cb531;
	transition: all ease .3s;
	transform: scaleX(0);
}
#gnav #gnavMenu > li > span:hover::after,
#gnav #gnavMenu > li.show > span::after{
	transform: scaleX(1);
}
#gnav #gnavMenu > li#gnavReserve > a{
	display: block;
	background: #5cb531;
	color: #FFF;
	line-height: 75px;
	font-weight: bold;
	padding:0 1em;
}
#gnav #gnavMenu > li#gnavReserve > a:hover{
	box-shadow: inset 0 0 0 4em #006d2c;
}
#gnav #gnavMenu > li:last-child > span,
#gnav #gnavMenu > li:last-child > span,
#gnav #gnavMenu > li#gnavReserve > span,
#gnav #gnavMenu > li#gnavReserve > span{background: none;}


/*.dropdown */
.gnavdropmenu{
	background: rgba(0,0,0,0.95);
	position: absolute;
	width: 100%;
	left: 0;
	padding:50px 10px 30px;
	transition: all ease .5s;
	text-align: left;
	-ms-transform: translateX(-110%);
	transform: translateX(-110%);
}
.upper .gnavdropmenu{
	bottom:75px;
}
.gnavdropmenu::before{
	content:'';
	background: rgba(255,255,255,0.3);
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	-ms-transform: translateX(-210%);
	transform: translateX(210%);
	transition: all ease .5s;
}
.show .gnavdropmenu{
	-ms-transform: translateX(0);
	transform: translateX(0);
}
.show .gnavdropmenu::before{
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}
.gnavdropmenu .drop-inner{
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
#gnavDropdown-Search .drop-inner{
	border-left:1px solid #cecece;
}

#equality {
  height: 35px;
}

#gnavDropdown-Search .ttl{
	width: 33%;
	padding: 0 6%;
	float: left;
}
#gnavDropdown-Search .ttl h2{
	color:#FFF;
	font-size: 26px;
	font-weight: normal;
}
#gnavDropdown-Search .ttl span{
	display: block;
}
#gnavDropdown-Search .ttl small{
	display: block;
	font-size: 16px;
}
#gnavDropdown-Search .ttl .ja{
	margin-top: 0.5em;
	font-size: 20px;
	font-weight: bold;
}
#gnavDropdown-Search .menu{
	width: 20%;
	padding-left: 2.4%;
	float: left;
	position: relative;
	border-left:1px solid #cecece;
	border-right:1px solid #cecece;
}
#gnavDropdown-Search .menu ul li {
	overflow: hidden;
	padding: 0 7% 0 0;
}
#gnavDropdown-Search .menu ul li:last-child{
	margin-bottom:92px;
}
#gnavDropdown-Search .menu ul li a{
	position: relative;
	display: block;
	line-height: 46px;
	padding-left:46px;
	color: #FFF;
	z-index: 1;
}
#gnavDropdown-Search .menu ul .line2 a{
	line-height: 23px;
}
#gnavDropdown-Search .menu ul li a:hover,
#gnavDropdown-Search .menu ul li.drop.hover > a{
	color: #FFF;
}
#gnavDropdown-Search .menu ul li a::before{
	content:'';
	display: block;
	position: absolute;
	top:50%;
	left: 16px;
	background: #cdcdcd;
	width: 8px;
	height: 1px;
}
#gnavDropdown-Search .menu ul li a span{
	content:'';
	display: block;
	position: absolute;
	left:-100%;
	top:0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: #009c42;
	margin-left: -20px;
	opacity: 0;
	transition: all ease .3s;
}
#gnavDropdown-Search .menu ul li.drop-place a span{
	width: 20%;
	left: 20%;
}
#gnavDropdown-Search .menu ul li a span::after{
	content:'';
	position: absolute;
	right: -20px;
	top:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 23px 0 23px 21px;
	border-color: transparent transparent transparent #009c42;
	z-index:1;
}
#gnavDropdown-Search .menu ul li a:hover > span,
#gnavDropdown-Search .menu ul li.drop.hover > a > span{
	left: 0;
	opacity: 1;
}
#gnavDropdown-Search .menu ul li.drop-place a:hover > span,
#gnavDropdown-Search .menu ul li.drop-place.hover > a > span{
	left: 20%;
	width: 80%;
	opacity: 1;
}
#gnavDropdown-Search .menu ul li.drop-place a:hover,
#gnavDropdown-Search .menu ul li.drop-place.hover > a{
	color: #FFF;
}
#gnavDropdown-Search .menu .pref{
	position: absolute;
	left: 100%;
	width: 0;
	overflow: hidden;
	/*-ms-overflow-style:none;*/
}
/*
#gnavDropdown-Search .menu .pref::-webkit-scrollbar{
 display:none;
}
*/



#gnavDropdown-Search .menu .pref-tohoku{
	top:92px;
}
#gnavDropdown-Search .menu .pref-kanto{
	top:0;
}
#gnavDropdown-Search .menu .pref-tokai{
	top:184px;
}
#gnavDropdown-Search .menu .pref-kansai,
#gnavDropdown-Search .menu .pref-chugoku,
#gnavDropdown-Search .menu .pref-shikoku,
#gnavDropdown-Search .menu .pref-kyushu{
	bottom:0;
}



#gnavDropdown-Search .menu .place{
	position: absolute;
	left: 100%;
	/*width: 0;*/
	width: 250%;
	top:0;
	overflow: hidden;
	/*opacity: 0;*/
	display: none;
	font-size: 14px;
}
/* place 46px*/
#gnavDropdown-Search .menu .over{height: 460px;overflow-y:scroll;}
#gnavDropdown-Search .menu .place-hokkaido{top:46px;}
#gnavDropdown-Search .menu .place-ibaraki{height: 414px;}
#gnavDropdown-Search .menu .place-tochigi{top:0;}
#gnavDropdown-Search .menu .place-gunma{top:0;}
#gnavDropdown-Search .menu .place-chiba{top:-184px;}
#gnavDropdown-Search .menu .place-saitama{top:-92px;}
#gnavDropdown-Search .menu .place-shizuoka{top:-276px;}
#gnavDropdown-Search .menu .place-gifu{top:-92px;}
#gnavDropdown-Search .menu .place-aichi{top:-46px;}
#gnavDropdown-Search .menu .place-mie{top:-368px;}
#gnavDropdown-Search .menu .place-osaka{top:0;}
#gnavDropdown-Search .menu .place-hyogo{top:-200px;}
#gnavDropdown-Search .menu .place-nara{top:-138px;}
#gnavDropdown-Search .menu .place-okayama{top:-46px;}
#gnavDropdown-Search .menu .place-hiroshima{top:-46px;}
#gnavDropdown-Search .menu .place-ehime{top:-92px;}
#gnavDropdown-Search .menu .place-okinawa{top:-46px;}

#gnavDropdown-Search .menu .over::-webkit-scrollbar{
  -webkit-appearance: none;
  width: 5px;
}
#gnavDropdown-Search .menu .over::-webkit-scrollbar-thumb{
  border-radius: 4px;
  background-color: rgba(0,0,0,.2);
}

/* 表示 */
#gnavDropdown-Search .menu .hover .pref{
	overflow: visible;
	width: 65%;
}
#gnavDropdown-Search .menu .hover .drop-place.hover .place{
	/*overflow-y:scroll;*/
	/*width: 250%;*/
	/*opacity: 1;*/
}
#gnavDropdown-Search .menu .drop-hokkaido.hover .place-hokkaido{
	/*overflow-y:scroll;*/
	width: 200%;
}
#gnavDropdown-Search .menu .drop-hokkaido.hover .place-hokkaido li{
	padding-left: 3.5%;
	opacity: 1;
	-ms-transform:translateX(0);
	transform:translateX(0);
}
#gnavDropdown-Search .menu .drop-hokkaido.hover .place-hokkaido li a{
	padding-left:40px;
}
#gnavDropdown-Search .menu .drop-hokkaido.hover .place-hokkaido li a::before{
	left: 9px;
}


#gnavDropdown-Search .menu .pref > li{
	padding: 0 7%;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
	opacity: 0;
	-ms-transform:translateX(-10%);
	transform:translateX(-10%);
	overflow: visible;
}
#gnavDropdown-Search .menu .place > li{
	padding: 0;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
	/*opacity: 0;*/
	-ms-transform:translateX(-5%);
	transform:translateX(-5%);
}



#gnavDropdown-Search .menu .hover .pref > li{
	opacity: 1;
	-ms-transform:translateX(0);
	transform:translateX(0);
}
#gnavDropdown-Search .menu .hover .drop-place.hover .place > li{
	/*opacity: 1;*/
	-ms-transform:translateX(0);
	transform:translateX(0);
}
/*#gnavDropdown-Search .menu .hover .drop-place.hover > a,*/
/*#gnavDropdown-Search .menu .pref > li a:hover,*/
#gnavDropdown-Search .menu .place > li a:hover{
	background: #009c42;
	color: #FFF;
}





@media screen and (max-height: 650px){
	#gnavDropdown-Search .menu{
		width: 18%;
	}
	#gnavDropdown-Search .menu ul li {
		font-size: 13px;
	}
	#gnavDropdown-Search .menu ul li a{
		line-height: 34px;
	}
	#gnavDropdown-Search .menu ul .line2 a{
		line-height: 17px;
	}
	#gnavDropdown-Search .menu .pref-tohoku{
		top:68px;
	}
	#gnavDropdown-Search .menu .pref-tokai{
		top:136px;
	}
	#gnavDropdown-Search .menu ul li a span::after{
		border-width: 17px 0 17px 21px;
	}
	/* place 34px*/
	#gnavDropdown-Search .menu .place-hokkaido{top:34px;}
	#gnavDropdown-Search .menu .place-ibaraki{height: 306px;}
	#gnavDropdown-Search .menu .place-tochigi{top:-34px;height: 306px;}
	#gnavDropdown-Search .menu .place-chiba{top:-102px;height: 306px;}
	#gnavDropdown-Search .menu .place-gifu{top:-102px;}
	#gnavDropdown-Search .menu .place-osaka{top:-102px;}
	#gnavDropdown-Search .menu .place-hyogo{top:-272px;height: 306px;}
	#gnavDropdown-Search .menu .place-okayama{top:-34px;}
	#gnavDropdown-Search .menu .place-hiroshima{top:-34px;}
	#gnavDropdown-Search .menu .place-ehime{top:-68px;}
}



@media screen and (max-width: 1160px){
	#gnavDropdown-Search .menu ul li {
		font-size: 13px;
	}
	#gnavDropdown-Search .ttl {
    width: 30%;
  }
	#gnavDropdown-Search .menu .hover .drop-place.hover .place{
		width: 290%;
  }
}

@media screen and (max-width: 800px){
	#header .head-overlay .fixed-logo{
		transform: none;
	}
}



#gnavDropdown-Member{
	/*display: none;*/
}
#gnavDropdown-Member ul{
	overflow: hidden;
}
#gnavDropdown-Member ul li{
	float: left;
	padding: 0 3.5% 0 3.5%;
	/*width: 33.3333%;*/
	width: 25%;
	border-left:1px solid #cecece;
}
@media screen and (min-width:961px){
	#gnavDropdown-Member ul li:nth-child(1),
	#gnavDropdown-Member ul li:nth-child(2),
	#gnavDropdown-Member ul li:nth-child(3),
	#gnavDropdown-Member ul li:nth-child(4){
		margin-bottom:20px;
	}
}
#gnavDropdown-Member ul li a{
	display: block;
}
#gnavDropdown-Member ul li a figure{
	overflow: hidden;
	background: #000;
}
#gnavDropdown-Member ul li a figure img{
	transition: all ease .5s;
}
#gnavDropdown-Member ul li a:hover figure img{
	-ms-transform:scale(1.2);
	transform:scale(1.2);
	opacity: 0.6;
}
#gnavDropdown-Member a p{
	position: relative;
	padding: 0.5em 0 0.5em 20px;
	font-weight: bold;
	transition: all ease .5s;
}
#gnavDropdown-Member ul li a:hover p{
	padding-left: 30px;
}
#gnavDropdown-Member a p::before{
	content:'';
	display: block;
	position: absolute;
	top:50%;
	left: 0;
	background: #cdcdcd;
	width: 8px;
	height: 1px;
}



#gnavDropdown-Grand{
	/*display: none;*/
 max-width: none;
}
#gnavDropdown-Grand ul{
	overflow: hidden;
}
#gnavDropdown-Grand ul li{
	float: left;
	padding: 0 3.5% 0 3.5%;
	width: 33.3333%;
	border-left:1px solid #cecece;
}
#gnavDropdown-Grand ul li a{
	display: block;
}
#gnavDropdown-Grand ul li a figure{
	overflow: hidden;
	background: #000;
}
#gnavDropdown-Grand ul li a figure img{
	transition: all ease .5s;
}
#gnavDropdown-Grand ul li a:hover figure img{
	-ms-transform:scale(1.2);
	transform:scale(1.2);
	opacity: 0.6;
}
#gnavDropdown-Grand a p{
	box-sizing:border-box;
	position: relative;
	padding: 0.5em 0 0.5em 20px;
	font-weight: bold;
	transition: all ease .5s;
}
#gnavDropdown-Grand ul li a:hover p{
	padding-left: 30px;
}
#gnavDropdown-Grand a p::before{
	content:'';
	display: block;
	position: absolute;
	top:calc(8px + 0.7em);
	left: 0;
	background: #cdcdcd;
	width: 8px;
	height: 1px;
}



#gnavDropdown-Selection{
	/*display: none;*/
}
#gnavDropdown-Selection ul{
	overflow: hidden;
}
#gnavDropdown-Selection ul li{
	float: left;
	padding: 0 3.5% 3.5%;
	width: 25%;
	border-left:1px solid #cecece;
}
#gnavDropdown-Selection ul li a{
	display: block;
}
#gnavDropdown-Selection ul li a figure{
	overflow: hidden;
	background: #000;
}
#gnavDropdown-Selection ul li a figure img{
	transition: all ease .5s;
}
#gnavDropdown-Selection ul li a:hover figure img{
	-ms-transform:scale(1.2);
	transform:scale(1.2);
	opacity: 0.6;
}
#gnavDropdown-Selection a p{
	position: relative;
	padding: 0.5em 0 0.5em 20px;
	font-weight: bold;
	transition: all ease .5s;
}
#gnavDropdown-Selection ul li a:hover p{
	padding-left: 30px;
}
#gnavDropdown-Selection a p::before{
	content:'';
	display: block;
	position: absolute;
	top:50%;
	left: 0;
	background: #cdcdcd;
	width: 8px;
	height: 1px;
}



#gnavDropdown-Point{
	/*display: none;*/
}
#gnavDropdown-Point ul{
	overflow: hidden;
}
#gnavDropdown-Point ul li{
	float: left;
	padding: 0 3.5% 0 3.5%;
	width: 25%;
	border-left:1px solid #cecece;
}
#gnavDropdown-Point ul li a{
	display: block;
}
#gnavDropdown-Point ul li a figure{
	overflow: hidden;
	background: #000;
}
#gnavDropdown-Point ul li a figure img{
	transition: all ease .5s;
}
#gnavDropdown-Point ul li a:hover figure img{
	-ms-transform:scale(1.2);
	transform:scale(1.2);
	opacity: 0.6;
}
#gnavDropdown-Point a p{
	position: relative;
	padding: 0.5em 0 0.5em 20px;
	font-weight: bold;
	transition: all ease .5s;
}
#gnavDropdown-Point ul li a:hover p{
	padding-left: 30px;
}
#gnavDropdown-Point a p::before{
	content:'';
	display: block;
	position: absolute;
	top:50%;
	left: 0;
	background: #cdcdcd;
	width: 8px;
	height: 1px;
}



#header .loader{
	z-index: 1200;
	-ms-transform: translateY(-40px);
	transform: translateY(-40px);
}


/*

	#mv

*/
#mv{
	background: #FFF;
	position: relative;
	height: 100%;
}
#mv .mv-cover{
	background: #FFF;
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	z-index: 1010;
}
#mv.cover-hide .mv-cover{width: 0;}
#mv.cover-show .mv-cover{width: 100%;}
#mv .mv-inner{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}



#mv .spSlider-wrap{
	z-index: 1;
	display:none;
}
/* slider */
#mv #mvSlider,
#mv #mvSlider .mv-slider,
#mv #mvSlider .slider-wrap{
	top:0;
	left: 0;
	position: absolute;
	height: 100%;
	width: 100%;
}
#mv #mvSlider.no-visible{visibility: hidden;}
#mv #mvSlider .slick-list,
#mv #mvSlider .slick-track{
	height: 100%;
}
#mv #mvSlider .slick-slide{
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
#mv #mvSlider .inner{
	position: relative;
	height: 100%;
}

#mv .item .bg img{
	max-width: inherit;
}

/* JGTOクレジット対応 */

#mv #mvSlider .spSlider .jgto .inner:after{
	bottom:50px;
	color:#FFF;
	content:'©JGTOimages';
	font-size:12px;
	position:absolute;
	right:10px;
	text-align:right;
}
#mv #mvSlider .pcSlider .jgto .inner:after{
	bottom:20px;
	color:#FFF;
	content:'©JGTOimages';
	font-size:12px;
	position:absolute;
	left:10px;
	text-align:left;
}

/* GETTY IMAGESクレジット対応 */

#mv #mvSlider .spSlider .getty .inner:after{
	bottom:40px;
	color:#FFF;
	content:'Photo:Getty Images';
	font-size:12px;
	position:absolute;
	right:10px;
	text-align:right;
	text-shadow:0 0 5px rgba(0,0,0,.75);
}
#mv #mvSlider .pcSlider .getty .inner:after{
	bottom:10px;
	color:#FFF;
	content:'Photo:Getty Images';
	font-size:12px;
	position:absolute;
	left:10px;
	text-align:left;
	text-shadow:0 0 5px rgba(0,0,0,.75);
}

#mv #mvSlider .inner .bg{
	position: absolute;
	top: 50%;
	left: 50%;
	/*-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);*/
	display: block;
	width: 110%;
}
#mv #mvSlider .inner .bg img{
	/*
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	*/
}

#mv #mvSlider .video .inner::after{
	content:'';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
}
/*
#mv #mvSlider .inner .bg.move img{
	margin-left: 0;
	margin-right: 0;
}
*/

/* dots */
#mv .slick-dots{
  position: absolute;
  top: 75px;
  right: 20px;
  display: block;
  width: 20px;
  padding: 0;
  margin: 0;
  text-align: center;
  z-index:1002;
}
#mv .slick-dots li{
  display: block;
  position: relative;
  padding: 0;
  width: 20px;
  height: 20px;
  font-size: 0;
  line-height: 0;
}
#mv .slick-dots li button{
  font-size: 0;
  line-height: 0;
  width: 20px;
  height: 20px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
#mv .slick-dots li button:before{
	content:'';
	background: #FFF;
	width: 12px;
	height: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
	border-radius: 50%;
  -ms-transform: scale(0.3);
  transform: scale(0.3);
  transition: all ease .3s;
}
.no_touch #mv li:hover button:before,
#mv li.slick-active button:before{
  -ms-transform: scale(1);
  transform: scale(1);
}

/* scroll */
#header .scroll{
  color: #FFF;
  position: absolute;
  bottom:100px;
  left:50%;
  margin-left: -1.5em;
  font-size: 16px;
  letter-spacing: 0.2em;
  padding-bottom: 40px;
  z-index: 1001;
}
#header .scroll::after{
	content:'';
	position: absolute;
	left: 50%;
	margin-left: -20px;
	bottom: 20px;
	width: 40px;
	height: 40px;
	border-bottom:1px solid #FFF;
	border-right:1px solid #FFF;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-ms-animation: effect_scroll-anim 3s linear infinite;
	-webkit-animation: effect_scroll-anim 3s linear infinite;
	animation: effect_scroll-anim 3s linear infinite;
}

/* catch */
#mv .mv-inner .common-catch,
#mv #mvSlider .item .catch{
	position: absolute;
	top:50%;
	left: 50%;
	z-index: 1001;
	opacity: 1;
	width: 80%;
	max-width: 750px;
	max-height: 550px;
	-ms-transform:translate(-50%, -54%);
	transform:translate(-50%, -54%);
	transition:opacity ease .5s;
	text-align: center;
}
#mv #mvSlider .item .catch2{
	position: absolute;
	bottom:30px;
	left:0;
	z-index: 1001;
	opacity: 1;
	width:100%;
	max-width:inherit;
	max-height:inherit;
	top:inherit;
	-ms-transform:translate(0,0);
	transform:translate(0,0);
	transition:opacity ease .5s;
	text-align: center;
}
#mv #mvSlider .item .catch3{
	position: absolute;
	top:50%;
	left: 50%;
	z-index: 1001;
	opacity: 1;
	width:80%;
	max-width:800px;
	max-height:432px;
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	transition:opacity ease .5s;
	text-align: center;
}
#mv #mvSlider .item .catch4{
	position: absolute;
	top:50%;
	left: 50%;
	z-index: 1001;
	opacity: 1;
	width:80%;
	max-width:1000px;
	max-height:620px;
	-ms-transform:translate(-50%, -45%);
	transform:translate(-50%, -45%);
	transition:opacity ease 1s;
	text-align: center;
}
#mv #mvSlider .item.withgolf .catch{
	position: absolute;
	top:50%;
	left: 44%;
	z-index: 1001;
	opacity: 1;
	width:60%;
	aspect-ratio: 50 / 19;
	max-width:1000px;
	max-height:620px;
	-ms-transform:translate(-45%, -30%);
	transform:translate(-45%, -30%);
	transition:opacity ease 1s;
	text-align: center;
}
#mv #mvSlider .item.withgolf .catch img{
	width: 40%;
	height: auto;
	/*filter: drop-shadow(3px 3px 4px #333333);*/
}
#mv .mv-inner .common-catch.hide{opacity: 0; pointer-events: none;}

/* 横長画面 */
@media all and (orientation: landscape) {
	#mv .mv-inner .common-catch,
	#mv #mvSlider .item .catch{
		width: auto;
		height: 60vh;
		-ms-transform:translate(-50%, -60%);
		transform:translate(-50%, -60%);
	}
	#mv #mvSlider .item .catch2{
		width: 100%;
		height: inherit;
		-ms-transform:translate(0,0);
		transform:translate(0,0);
	}
	#mv #mvSlider .item .catch3{
		width: auto;
		height: 60vh;
		-ms-transform:translate(-50%, -50%);
		transform:translate(-50%, -50%);
	}
	#mv #mvSlider .item .catch4{
		width: auto;
		height: 60vh;
		-ms-transform:translate(-50%, -50%);
		transform:translate(-50%, -50%);
	}
	#mv #mvSlider .item .catch5{
		width: auto;
		height: 14vh;
		-ms-transform:translate(-50%, -60%);
		transform:translate(-50%, -60%);
	}
	#mv .mv-inner .common-catch img,
	#mv #mvSlider .item .catch img{
		display: inline;
		margin: 0 auto;
		width: auto;
		height: 100%;
	}
	#mv #mvSlider .item .catch2 img{
		display: inline;
		margin: 0 auto;
		width: 100%;
		height: inherit;
	}
	
	@media screen and (max-height:640px ) {
		#mv .mv-inner .common-catch,
		#mv #mvSlider .item .catch{
			width: auto;
			height: 70vh;
			top:4%;
			-ms-transform:translate(-50%, 0);
			transform:translate(-50%, 0);
		}
		#mv #mvSlider .item .catch2{
			width: 100%;
			height: auto;
			bottom:30px;
			top:inherit;
			-ms-transform:translate(0, 0);
			transform:translate(0, 0);
		}
		#header .scroll{
		  font-size: 13px;
		  padding-bottom: 30px;
		}
		#header .scroll::after{
			margin-left: -15px;
			bottom: 15px;
			width: 30px;
			height: 30px;
		}
	}
	
	@media screen and (max-height:550px ) {
		#mv .mv-inner .common-catch,
		#mv #mvSlider .item .catch{
			width: auto;
			height: 65vh;
			top:4%;
			-ms-transform:translate(-50%, 0);
			transform:translate(-50%, 0);
		}
		#mv #mvSlider .item .catch2{
			width: 100%;
			height: inherit;
			bottom:30px;
			top:inherit;
			-ms-transform:translate(0, 0);
			transform:translate(0, 0);
		}
	}
	
	@media screen and (max-height:460px ) {
		#mv .mv-inner .common-catch,
		#mv #mvSlider .item .catch{
			width: auto;
			height: 280px;
			top:20px;
			-ms-transform:translate(-50%, 0);
			transform:translate(-50%, 0);
		}
		#mv #mvSlider .item .catch2{
			width: 100%;
			height: inherit;
			bottom:30px;
			top:inherit;
			-ms-transform:translate(0, 0);
			transform:translate(0, 0);
		}
	}
}
@media screen and (max-width:1400px ) {
	#mv #mvSlider .item .catch2{
		bottom:30px;
		top:inherit;
	}
}
@media screen and (max-width:1039px ) {
	#mv #mvSlider .item .catch2{
		bottom:100px;
		top:inherit;
	}
	#mv #mvSlider .item.backpanel .catch2{
		bottom:30px;
		top:inherit;
	}
	#mv #mvSlider .item.withgolf .catch{
		width: 70%;
	}
}
@media screen and (max-width:767px ) {
	#mv #mvSlider .item .catch2{
		bottom:60px;
		top:inherit;
	}
	#mv #mvSlider .item.withgolf .catch{
		width: 80%;
	}
}
@media screen and (max-width:640px){
	#mv #mvSlider .item.backpanel .catch2{
		bottom:20vh;
	}
	#mv #mvSlider .item.backpanel .catch2:after{
		bottom:0;
	}
	#mv #mvSlider .item.withgolf .catch{
		width: 100% !important;
		padding: 0;
		-ms-transform:translate(-50%, -30%);
		transform:translate(-50%, -30%);
		aspect-ratio: 361 / 236;
        top:10%;
        left:53%;
	}
}






#pickupFeed{
	position: absolute;
	right: 0;
	bottom: 75px;
	width: 30%;
	max-width: 360px;
	z-index: 1011;
	overflow: hidden;
	transition: all ease .6s;
	-ms-transform: translateX(100%);
	transform: translateX(100%);
}
#pickupFeed.in{
	-ms-transform: translateX(0);
	transform: translateX(0);
}
#pickupFeed .inner{
	background: rgba(255,255,255,0.9);
	overflow: hidden;
	padding:15px 28px;
	display: none;
}
#pickupFeed.new .inner::after{
	content:'';
	position: absolute;
	background: url(../images/ico_new.png) no-repeat;
	background-size:cover;
	width: 58px;
	height: 58px;
	top:0;
	left: 0;
	pointer-events: none;
}
#pickupFeed .inner h3{
	margin-bottom: 0.5em;
	font-size: 165%;
	text-align: center;
}
#pickupFeed .inner .feed a{ overflow: hidden;	color: #000;}
#pickupFeed .inner .feed a:hover{	color: #1070ae;}
#pickupFeed .inner .feed figure{	overflow: hidden;}
#pickupFeed .inner .feed figure img{ transition: all ease .5s;}
#pickupFeed .inner .feed h4{
	margin: 0.8em 0;
	font-size: 134%;
	text-decoration: underline;
}
#pickupFeed .inner .feed p{
	font-size: 117%;
}
#pickupFeed .inner .feed a:hover figure img{
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.is_touch #pickupFeed .inner .feed a:hover figure img{transform: scale(1);}

#pickupFeed .inner .feed p>span.annotation{
	display:inline-block;
	padding-left:1.0em;
	text-indent:-1.0em;
}

#pickupFeed .btn-wrap{
	overflow: hidden;
	height: 46px;
}
#pickupFeed .btn-wrap a{
	display: block;
	background: #343434;
	color: #fff;
	position: relative;
	height: 46px;
}
#pickupFeed .btn-wrap a.hover{
	background: #0a0a0a;
}
#pickupFeed .btn-wrap .btn-close{
	font-size: 134%;
	padding: 0 20px;
	line-height: 46px;
	height: 46px;
	text-align: center;
	transition: all ease .3s;
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}
#pickupFeed.show .btn-wrap .btn-close{
	-ms-transform: translateY(0);
	transform: translateY(0);
}
#pickupFeed .btn-wrap dl{
	padding: 15px 27px 0;
	height: 46px;
	line-height: 17px;
	transition: all ease .3s;
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}
#pickupFeed.show .btn-wrap dl{
	-ms-transform: translateY(0);
	transform: translateY(0);
}
#pickupFeed .btn-wrap dl dt{
	font-size: 184%;
	display: inline-block;
	padding-right: 1em;
	margin-right: 1em;
	border-right:1px solid #FFF;
	letter-spacing: 0.05em;
}
#pickupFeed .btn-wrap dl dd{
	font-size: 117%;
	display: inline-block;
}
#pickupFeed .btn-wrap .ico-close{
	position: absolute;
	top:13px;
	right: 25px;
	width: 20px;
	height: 20px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all ease .3s;
}
#pickupFeed.show .btn-wrap .ico-close{
	-ms-transform: rotate(0);
	transform: rotate(0);
}
#pickupFeed .btn-wrap .ico-close::before,
#pickupFeed .btn-wrap .ico-close::after{
	content:'';
	background: #FFF;
	position: absolute;
	top:50%;
	right: 0;
	width: 20px;
	height: 1px;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all ease .5s;
}
#pickupFeed .btn-wrap .ico-close::after{
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

@media screen and (max-height: 640px){
	#pickupFeed .inner .feed h4{font-size: 125%;}
	#pickupFeed .inner .feed p{font-size: 109%;}
}
@media screen and (max-width: 1200px){
	#pickupFeed .btn-wrap dl dt{font-size: 150%; padding-right:0.5em; margin-right: 0.5em;}
	#pickupFeed .btn-wrap dl dd{font-size: 100%;}
}
@media screen and (max-width: 1100px){
	#pickupFeed .inner .feed h4{font-size: 125%;}
	#pickupFeed .inner .feed p{font-size: 109%;}
	/*
	#pickupFeed .btn-wrap .btn-close{font-size: 109%;}
	#pickupFeed .btn-wrap dl dt{font-size: 134%;}
	#pickupFeed .btn-wrap dl dd{font-size: 84%;}
	*/
}
@media screen and (max-height: 600px){
	#pickupFeed .inner h3{font-size: 150%;}
	#pickupFeed .inner .feed h4{font-size: 117%;}
	#pickupFeed .inner .feed p{font-size: 100%;}
}


/* ---------------------------------------------------------------------------
	#content
--------------------------------------------------------------------------- */
#content{
	position: relative;
	background: #FFF;
	z-index: 1002;
}


/* ---------------------------------------------------------------------------
	#main
--------------------------------------------------------------------------- */
/* -------------
	movie-bnrs
-------------------------- */
.movie-bnrs br{
	display: none;
}
.movie-bnrs ul{
	border-top: 1px solid #ebebeb;
	overflow: hidden;
	font-size: 150%;
}
.movie-bnrs ul li{
	width: 50%;
	float: left;
}
.movie-bnrs ul li a{
	padding:1em 0.5em 1em 2em;
	display: block;
	position: relative;
	text-align:center;;
	overflow: hidden;
}
.movie-bnrs ul li a span{
	position: relative;
	display: inline-block;
}
.movie-bnrs ul li.athletes a{
	background: #FFF;
	color: #000;
}
.movie-bnrs ul li.hgolfers a{
	background: #737373;
	color: #FFF;
}
.movie-bnrs ul li a span::before{
	content:'';
	width: 18px;
	height: 18px;
	background: #2c2c2c;
	position: absolute;
	top: 50%;
	left:-25px;
	margin-top: -9px;
	border-radius: 50%;
}
.movie-bnrs ul li.hgolfers a span::before{
	background: #FFF;
}
.movie-bnrs ul li a span::after{
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 7px;
	border-color: transparent transparent transparent #FFF;
	position: absolute;
	top:50%;
	left:-18px;
	margin-top:-4px;
}
.movie-bnrs ul li.hgolfers a span::after{
	border-color: transparent transparent transparent #737373;
}


/* -------------
	agContents
-------------------------- */
#main #agContents{
	padding:60px 0 0;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, #ebebeb 0%, #ebebeb 50%, #f5f5f5 50%, #f5f5f5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #ebebeb 0%,#ebebeb 50%,#f5f5f5 50%,#f5f5f5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(92,181,49,.05) 0%,rgba(92,181,49,.05) 50%,rgba(92,181,49,.2) 50%,rgba(92,181,49,.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#f5f5f5',GradientType=1 ); /* IE6-8 */
}
#main #agContents h2{
	font-size: 300%;
	text-align: center;
	margin-bottom: 60px;
}
#main #agContents h2 span{
	display: inline-block;
	padding-bottom: 0.5em;
	border-bottom:1px solid #d4d4d4;
}
#main #agContents h2 small{
	display: block;
	font-size: 50%;
	font-weight:normal;
}



#main #agContents .wrap{
	overflow: hidden;
}
#main #agContents .wrap section{
	width: 50%;
	position: relative;
}

#main #agContents a.main{
	display: block;
	position: relative;
	overflow: hidden;
	padding-bottom: 610px;
}
#main #agContents .notes{
	position: absolute;
	left: 0;
	bottom:0;
	width: 100%;
	color: #FFF;
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
	z-index: 2;
}
#main #agContents .notes .ttl{
	margin: 0 8% 3em;
	padding-left: 16px;
	border-left:1px solid #FFF;
}
#main #agContents .notes .ttl h3{
	font-size: 300%;
	/*font-weight: normal;*/
	line-height: 1.2;
}
#main #agContents .notes .ttl h3 small{
	display: block;
	font-size: 56%;
}
#main #agContents .notes .texts{
	background: rgba(0,0,0,0.2);
	padding: 0 8% 30px;
}
#main #agContents .notes .name{
	width: 240px;
	top: -0.8em;
	margin-bottom: 1em;
	padding: 0.3em;
	/*background: #1070ae;*/
	background: #000;
	font-size: 217%;
	line-height: 1.1;
	text-align: center;
	z-index: 1;
	position: relative;
	text-shadow: none;
	transition: all ease .5s;
	font-weight: bold;
}
#main #agContents #course .notes .name{
	background: #009933;
}
#main #agContents .notes .txt{
	position: relative;
	margin-bottom: 2.5em;
	font-size: 134%;
	z-index: 1;
	line-height: 1.8;
}
#main #agContents .notes .btn-detail{
	z-index: 1;
	text-align: right;
	position: relative;
}

@media screen and (max-width: 1100px){
	#main #agContents a.main{padding-bottom: 530px;}
	#main #agContents .notes .ttl h3{
		font-size: 240%;
	}
	#main #agContents .notes .texts{
		padding: 0 8% 15px;
	}
	#main #agContents .notes .name{
		width: 190px;
		font-size: 150%;
	}
	#main #agContents .notes .txt{
		font-size: 117%;
	}
}

/* reserve */
#main #agContents #reserve{
	float: left;
}
#main #agContents #reserve a.main::before{
	content:'';
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/bg_reserve.jpg) no-repeat;
	background-size: cover;
}
#main #agContents #reserve a.main::after{
	content:'';
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #222222;
	-ms-transform:translateX(-100%);
	transform:translateX(-100%);
	opacity: 0;
	transition: all ease .5s;
}
.no_touch #main #agContents #reserve a.main:hover::after{
	-ms-transform:translateX(0);
	transform:translateX(0);
	opacity: 1;
}
#main #agContents #reserve .notes .name::after{
	content:'';
	background: #FFF;
	position: absolute;
	width: 0;
	height: 100%;
	top:0;
	left: 0;
	transition: all ease .5s;
	z-index: -1;
	opacity: 0;
}
.no_touch #main #agContents #reserve a.main:hover .name::after{
	width: 100%;
	opacity: 1;
}
.no_touch #main #agContents #reserve a.main:hover .name {color: #222;}




/* course */
#main #agContents #course{
	float: right;
}
#main #agContents #course .main::before{
	content:'';
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/bg_course.jpg) no-repeat;
	background-size: cover;
	background-position:right bottom;
}

#main #agContents #mapSearch{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(92,181,49,0);
	opacity: 1;
	transition: background ease .5s;
	z-index: 1112;
}
#main #agContents .show-mapSearch #mapSearch{background: rgba(92,181,49,1);}
#main #agContents #mapSearch .mapSearch-inner{
	position: relative;
	height: 100%;
	transition: all ease .5s;
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	opacity: 0;
}
#main #agContents .show-mapSearch #mapSearch .mapSearch-inner{
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}
#main #agContents #mapSearch .bg{
	position: absolute;
	left:0;
	bottom:0;
	width: 100%;
	background: rgba(0,0,0,0.2);
	z-index:-1;
	opacity: 0;
	transition: all ease .5s;
}
#main #agContents .show-mapSearch #mapSearch .bg{opacity: 1;}
#main #agContents #mapSearch .select{
	position: relative;
	height: 100%;
	padding: 0 10px;
}
#main #agContents #mapSearch .select h4{
	position: absolute;
	top:56px;
	left: 56px;
	padding: 0.3em 0.8em;
	font-size: 167%;
	border: 1px solid #FFF;
	color: #FFF;
	font-weight: normal;
}
#main #agContents #mapSearch .select .mapSearch-close{
	position: absolute;
	top:15px;
	right: 15px;
	display: none;
}
.is_touch #main #agContents #mapSearch .select .mapSearch-close{
	display: block;
}
#main #agContents #mapSearch .select .mapSearch-close a{
	display: block;
	width: 30px;
	height: 30px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#main #agContents #mapSearch .select .mapSearch-close a::before,
#main #agContents #mapSearch .select .mapSearch-close a::after{
	content:'';
	background: #FFF;
	position: absolute;
	top:50%;
	left: 0;
	height: 2px;
	width: 100%;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: background ease .3s;
}
#main #agContents #mapSearch .select .mapSearch-close a::after{
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#main #agContents #mapSearch .select .map-area{
	max-width: 670px;
	top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
	margin: 0 auto;
	position: relative;
}
#main #agContents #mapSearch .select .area li{
	position: absolute;
	z-index: 1;
	background: #64e58c;
	padding: 2px;
	border-radius:30px;
}
#main #agContents #mapSearch .select .area li a{
	display: block;
	background: #FFF;
	font-weight: bold;
	font-size: 134%;
	padding: 0.4em 1.1em;
	color: #000;
	background: #f5f5f5;
	border:2px solid #f5f5f5;
	border-radius:30px;
	box-shadow: 0 0 0 4px #87CC00;
}
@media screen and (max-width: 1130px){
	#main #agContents #mapSearch .select .area li a{
		border-width:3px;
		font-size: 117%;
	}
}
@media screen and (max-width: 980px){
	#main #agContents #mapSearch .select .area li a{	font-size: 100%;}
}
#main #agContents #mapSearch .select .area li.zenkoku{
	border-radius:50%;
}
#main #agContents #mapSearch .select .area li.zenkoku a{
	padding: 1em 1.5em;
	line-height: 3em;
	border-radius: 50%;
	font-size: 167%;
}
#main #agContents #mapSearch .select .area li.zenkoku{top: 10.7%; left: 2%; }
#main #agContents #mapSearch .select .area li.hokkaido{top: 0; right: 0;}
#main #agContents #mapSearch .select .area li.tohoku{top:31.4%; left: 78.2%;}
#main #agContents #mapSearch .select .area li.chubu{bottom:55%; right: 39%;}
#main #agContents #mapSearch .select .area li.kanto{top:67%; left:70%}
#main #agContents #mapSearch .select .area li.kinki{bottom:13%; right:40%;}
#main #agContents #mapSearch .select .area li.chugoku{bottom:38%; right:60%;}
#main #agContents #mapSearch .select .area li.shikoku{top:76.1%; left: 44.4%;}
#main #agContents #mapSearch .select .area li.kyushu{bottom:13.3%; right: 70.1%;}

#main #agContents #mapSearch .select .area li.zenkoku a:hover,
#main #agContents #mapSearch .select .area li.zenkoku.hover a{background:#009933; color: #FFF; }
#main #agContents #mapSearch .select .area li.hokkaido a:hover,
#main #agContents #mapSearch .select .area li.hokkaido.hover a{background:#118999; color: #FFF;}
#main #agContents #mapSearch .select .area li.tohoku a:hover,
#main #agContents #mapSearch .select .area li.tohoku.hover a{background:#628f41; color: #FFF;}
#main #agContents #mapSearch .select .area li.chubu a:hover,
#main #agContents #mapSearch .select .area li.chubu.hover a{background:#97b151; color: #FFF;}
#main #agContents #mapSearch .select .area li.kanto a:hover,
#main #agContents #mapSearch .select .area li.kanto.hover a{background:#b9a23b; color: #FFF;}
#main #agContents #mapSearch .select .area li.kinki a:hover,
#main #agContents #mapSearch .select .area li.kinki.hover a{background:#ab794d; color: #FFF;}
#main #agContents #mapSearch .select .area li.chugoku a:hover,
#main #agContents #mapSearch .select .area li.chugoku.hover a{background:#7e559f; color: #FFF;}
#main #agContents #mapSearch .select .area li.shikoku a:hover,
#main #agContents #mapSearch .select .area li.shikoku.hover a{background:#198f5b; color: #FFF;}
#main #agContents #mapSearch .select .area li.kyushu a:hover,
#main #agContents #mapSearch .select .area li.kyushu.hover a{background:#975c79; color: #FFF;}


#main #agContents #mapSearch .select .area li a{
}
#main #agContents #mapSearch .select .mapimg{
	width: 64.4776%;
	margin-left:23.134%;
}
#main #agContents #mapSearch .select .mapimg p{
	padding-bottom: 103.9351%;
	background: url(../images/img_japan.png) no-repeat;
	background-size:cover;
	position: relative;
}
#main #agContents #mapSearch .select .mapimg p img{
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
}
#main #agContents #mapSearch .select .caption{
	position: relative;
	font-size: 117%;
	color: #FFF;
	position: absolute;
	right:2em;
	bottom:1em;
}
#main #agContents #mapSearch .select .caption::before{
	content:'▲';
	display: inline;
	margin-right: 1em;
}
@media screen and (max-width: 1130px){
	#main #agContents #mapSearch .select .caption{	font-size: 100%;	}
}

/* 2階層目 */
#main #agContents #mapSearch .pref-select{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 21;
	display: none;
}
#main #agContents #mapSearch .pref-select div{
	position: absolute;
	width: 96%;
	max-width: 458px;
	box-sizing: content-box;
	top:50%;
	left: 50%;
	background: rgba(0,115,31,1);
	border: 1px solid #87CC03;
	opacity: 0;
	display: none;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 22;
}


#main #agContents #mapSearch .pref-select .kyushu,
#main #agContents #mapSearch .pref-select .kanto{max-width: 498px;}
#main #agContents #mapSearch .pref-select .pref-select-bg{
	position: absolute;
	max-width: 100%;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
	z-index: 21;
	background: rgba(0,115,31,0.9);
	-ms-transform:none;
	transform:none;
	display: none;
}
#main #agContents #mapSearch .pref-select div .close{
	position: absolute;
	top:-35px;
	right: 0;
}
#main #agContents #mapSearch .pref-select div .close a{
	display: block;
	width: 24px;
	height: 24px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#main #agContents #mapSearch .pref-select div .close a::before,
#main #agContents #mapSearch .pref-select div .close a::after{
	content:'';
	background: #FFF;
	position: absolute;
	top:50%;
	left: 0;
	height: 2px;
	width: 100%;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: background ease .3s;
}
#main #agContents #mapSearch .pref-select div .close a::after{
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#main #agContents #mapSearch .pref-select div .close a:hover::before,
#main #agContents #mapSearch .pref-select div .close a:hover::after{
	background: #8cdadd;
}
#main #agContents #mapSearch .pref-select div ul li{	position: absolute;}
#main #agContents #mapSearch .pref-select div ul li.miyagi{bottom:38.58%;right: 3.9%;}
#main #agContents #mapSearch .pref-select div ul li.yamagata{bottom: 40%;left: 10%;}
#main #agContents #mapSearch .pref-select div ul li.fukushima{bottom: 8.69%;right: 14.8%;}

#main #agContents #mapSearch .pref-select div ul li.saitama{top:45%; right:5%;}
#main #agContents #mapSearch .pref-select div ul li.gunma{top:35%; left:12%;}
#main #agContents #mapSearch .pref-select div ul li.tochigi{top:15%; left:65%;}
#main #agContents #mapSearch .pref-select div ul li.ibaraki{top:30%; right:10%;}
#main #agContents #mapSearch .pref-select div ul li.chiba{bottom:28%; right:6%;}
#main #agContents #mapSearch .pref-select div ul li.tokyo{bottom:12%;right:14%;}
#main #agContents #mapSearch .pref-select div ul li.kanagawa{bottom:5%; left: 40%;}
#main #agContents #mapSearch .pref-select div ul li.shizuoka{bottom:6%;left:12%;}
#main #agContents #mapSearch .pref-select div ul li.nagano{top:44.19%; left:7.22%;}
#main #agContents #mapSearch .pref-select div ul li.yamanashi{top:55%; left:13%;}
#main #agContents #mapSearch .pref-select div ul li.nigata{top:9%; left:30% }

#main #agContents #mapSearch .pref-select div ul li.gihu{bottom:60%;right:5%;}
#main #agContents #mapSearch .pref-select div ul li.aichi{top:60%;right:20%;}
#main #agContents #mapSearch .pref-select div ul li.ishikawa{top:2%;right:50%;}
#main #agContents #mapSearch .pref-select div ul li.fukui{top:30%;left:5%;}

#main #agContents #mapSearch .pref-select div ul li.kyoto{top:10.8%; right:49.56%;}
#main #agContents #mapSearch .pref-select div ul li.shiga{top:14.05%; right:14.8%;}
#main #agContents #mapSearch .pref-select div ul li.mie{bottom:10%; left:8%;}
#main #agContents #mapSearch .pref-select div ul li.osaka{top:57.29%; left:11.79%;}
#main #agContents #mapSearch .pref-select div ul li.hyogo{top:32.86%;left:5.89%;}
#main #agContents #mapSearch .pref-select div ul li.nara{top:58.29%;right:6.55%;}
#main #agContents #mapSearch .pref-select div ul li.wakayama{bottom:8.1%; left: 41.92%;}

#main #agContents #mapSearch .pref-select div ul li.shimane{top:25%; left:15%;}
#main #agContents #mapSearch .pref-select div ul li.yamaguchi{top:68%; left:15%;}
#main #agContents #mapSearch .pref-select div ul li.hiroshima{top:60%; left:55%;}

#main #agContents #mapSearch .pref-select div ul li.ehime{bottom:54.05%; left:10%;}
#main #agContents #mapSearch .pref-select div ul li.kouchi{bottom:11.4%; left:32.3%;}
#main #agContents #mapSearch .pref-select div ul li.tokushima{top:56.5%; right: 10.91%;}
#main #agContents #mapSearch .pref-select div ul li.kagawa{top:16.5%; right: 24.8%;}

#main #agContents #mapSearch .pref-select div ul li.fukuoka{top:6.8%; left: 49.23%;}
#main #agContents #mapSearch .pref-select div ul li.saga{top:16.4%;left:14.65%;}
#main #agContents #mapSearch .pref-select div ul li.nagasaki{top:35%;right: 67.26%;}
#main #agContents #mapSearch .pref-select div ul li.okinawa{bottom:12.07%; left: 13%;}
#main #agContents #mapSearch .pref-select div ul li.kagoshima{top:70.84%; right: 29.71%;}
#main #agContents #mapSearch .pref-select div ul li.miyazaki{ bottom:39.6%; right: 8.63%; }
#main #agContents #mapSearch .pref-select div ul li.oita{ top:25.7%; right: 4.5%; }
#main #agContents #mapSearch .pref-select div ul li.kumamoto{top:52.84%; right:52.83%;}

#main #agContents #mapSearch .pref-select div ul li a{
	display: block;
	border: 4px solid #87CC03;
	border-radius:30px;
	background: #FFF;
	font-weight: bold;
	font-size: 134%;
	padding: 0.5em 1.2em;
	color: #000;
	background: #f5f5f5;
	box-shadow: inset 0 0 0 2px #f5f5f5;
}
#main #agContents #mapSearch .pref-select div ul li a:hover{border-color:#009933;}


#main #agContents #mapSearch .pref-select div ul li.area-name{top:47.5%; left: 34.18%;}
#main #agContents #mapSearch .pref-select div ul li.area-name a{
	border: none;
	padding: 0.3em 1.2em;
	color: #FFF;
	box-shadow:none;
	border: 2px solid transparent;
}
#main #agContents #mapSearch .pref-select div ul li.area-name a:hover{border-color:#0e40a6;}

#main #agContents #mapSearch .pref-select div ul li.area-tohoku{top:46.7%; left: 37.55%;  }
#main #agContents #mapSearch .pref-select div ul li.area-kinki{top:46.46%; left: 38%;}
#main #agContents #mapSearch .pref-select div ul li.area-chugoku{top:42.6%; left: 34.18%;}
#main #agContents #mapSearch .pref-select div ul li.area-kyushu{top:37.8%; left:40.16%; }

#main #agContents #mapSearch .pref-select div ul li.area-tohoku a{background: #628f41;}
#main #agContents #mapSearch .pref-select div ul li.area-kanto a{background: #b9a23b;}
#main #agContents #mapSearch .pref-select div ul li.area-chubu a{background:#97b151; }
#main #agContents #mapSearch .pref-select div ul li.area-kinki a{background:#ab794d; }
#main #agContents #mapSearch .pref-select div ul li.area-chugoku a{background:#7e559f; }
#main #agContents #mapSearch .pref-select div ul li.area-shikoku a{background:#198f5b }
#main #agContents #mapSearch .pref-select div ul li.area-kyushu a{background:#975c79; }

#main #agContents #mapSearch .pref-select div ul li.area-tohoku a:hover{color: #628f41; background: #fff; border-color: #628f41;}
#main #agContents #mapSearch .pref-select div ul li.area-kanto a:hover{color: #b9a23b; background: #fff; border-color: #b9a23b;}
#main #agContents #mapSearch .pref-select div ul li.area-chubu a:hover{color:#97b151;  background: #fff; border-color: #97b151;}
#main #agContents #mapSearch .pref-select div ul li.area-kinki a:hover{color:#ab794d;  background: #fff; border-color: #ab794d;}
#main #agContents #mapSearch .pref-select div ul li.area-chugoku a:hover{color:#7e559f;  background: #fff; border-color: #7e559f;}
#main #agContents #mapSearch .pref-select div ul li.area-shikoku a:hover{color:#198f5b; background: #fff; border-color: #198f5b;}
#main #agContents #mapSearch .pref-select div ul li.area-kyushu a:hover{color:#975c79;  background: #fff; border-color: #975c79;}

@media screen and (max-width: 980px){
	#main #agContents #mapSearch .pref-select div ul li a{	font-size: 109%;}
}

.is_touch #main #agContents #mapSearch{
	width: 0;
}
.is_touch #main #agContents .show-mapSearch #mapSearch{width: 100%;}










/* -------------
	PICK UP
-------------------------- */
#main #pickUp{
	max-width: 1200px;
	padding: 100px 0;
	margin: 0 auto;
}
#main #pickUp h2{
	font-size: 250%;
	text-align:center;
	margin-bottom:50px;
}
#main #pickUp h2 span{
	position: relative;
	background: #FFF;
	z-index: 1;
}
#main #pickUp h2 span:before,
#main #pickUp h2 span:after{
	content:'';
	background: #cdcdcd;
	width: 20px;
	height: 1px;
	position: absolute;
	top:50%;
	margin-top: -3px;
	left:-35px;
}
#main #pickUp h2 span:after{
	left: auto;
	right: -30px;
}
#main #pickUp .btn-all{
	margin-bottom: 35px;
}
#main #pickUp #selectonSlider{
	margin: 0 -15px;
}
#main #pickUp #selectonSlider ul li{
	padding: 0 15px;
}
#main #pickUp #selectonSlider ul li a{
	display: block;
	position: relative;
	overflow: hidden;
	color: #FFF;
}
#main #pickUp #selectonSlider ul li a figure{
	transition: all ease .5s;
}
#main #pickUp #selectonSlider ul li a:hover figure{
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
#main #pickUp #selectonSlider ul li a h4{
	position: absolute;
	left:0;
	bottom:0;
	width: 100%;
	background: rgba(0,0,0,0.7);
	padding: 1em;
	font-size: 150%;
	transition: background ease .5s;
}
#main #pickUp #selectonSlider ul li a:hover h4{background: rgba(0,0,0,0.9);}
#main #pickUp #selectonSlider ul li a h4 span{
	font-size: 89%;
	display: block;
	font-weight: normal;
}
/* Arrows */
#main #pickUp .slick-prev,
#main #pickUp .slick-next{
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: -47px;
	left: 25px;
	display: block;
	width: 48px;
	height: 28px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}
#main #pickUp .slick-next{
	left: 62px;
	width: 38px;
	border-left:1px solid #dbdbdb;
}
#main #pickUp .slick-arrow::before,
#main #pickUp .slick-arrow::after{
	content:'';
	width: 2px;
	height: 10px;
	position: absolute;
	left: 0;
	top: 6px;
	background: #151111;
	-ms-transform: rotate(40deg);
	transform: rotate(40deg);
	transition: all ease .2s;
}
#main #pickUp .slick-arrow::after{
	top:12px;
	-ms-transform: rotate(-40deg);
	transform: rotate(-40deg);
}
#main #pickUp .slick-next::before{
	-ms-transform: rotate(140deg);
	transform: rotate(140deg);
}
#main #pickUp .slick-next::after{
	-ms-transform: rotate(40deg);
	transform: rotate(40deg);
}
#main #pickUp .slick-next::before,
#main #pickUp .slick-next::after{
	left:auto;
	right: 0;
}
#main #pickUp .slick-prev:hover::after,
#main #pickUp .slick-prev:hover::before{left:10px; background:#abbcd8; }
#main #pickUp .slick-next:hover::after,
#main #pickUp .slick-next:hover::before{right:10px; background:#abbcd8;}





/* -------------
	content-block
-------------------------- */
#main .content-block{
	background:rgba(92,181,49,.2);
}
#main .content-block .content-block-inner{
	position: relative;
	max-width: 1530px;
	padding: 90px 0;
	margin: 0 auto;
}
#main .content-block .content-block-inner:before{
	content:'';
	position: absolute;
	left: 33.3333%;
	top:0;
	background:rgba(255,255,255,.8);
	width: 33.3333%;
	height: 100%;
}
#main .content-block section{
	display: block;
	position: relative;
	overflow: hidden;
}
#main .content-block section a.main{
	display: block;
	position: relative;
	overflow: hidden;
}
#main .content-block section a.main::before{
	content:'';
	position: absolute;
	top:0;
	left:0;
	width: 0;
	height: 100%;
	background: rgba(6,40,9,0.3);
	z-index: 1;
	transition: all ease .5s;
}
#main .content-block section#campaign a.main::before{
	left: auto;
	right:0;
	background: rgba(255,255,255,0.2);
}
#main .content-block section#member a.main::before{	background: rgba(0,0,0,0.7);}
#main .content-block section.hover a.main::before{
	width: 100%;
}
#main .content-block section .item{
	position: relative;
	overflow: hidden;
	padding-bottom: 28%;
	float: left;
	width: 33.3333%;
	transition: box-shadow ease .5s;
}
#main .content-block section .ttl{
	text-align: center;
	background: #28221b;
}
#main .content-block section .ttl h3{
	position: absolute;
	width: 100%;
	top: 25%;
	left: 0;
	font-size: 300%;
	color: #FFF;
	z-index: 2;
	pointer-events: none;
}
#main .content-block section .ttl h3::after{
	content:'';
	background: #FFF;
	width: 42px;
	height: 1px;
	position: absolute;
	top:1.8em;
	left: 50%;
	margin-left: -21px;
}
#main .content-block section .ttl h3 span{
	display: block;
	padding-top: 1.8em;
	font-size: 45%;
	font-weight:normal;
	color: #FFF;
}
#main .content-block section .ttl .btn-detail{
	position: absolute;
	bottom:23%;
	width: 230px;
	left: 50%;
	margin-left: -115px;
	border: 1px solid rgba(255,255,255,0.2);
	z-index: 2;
}
#main .content-block section .ttl .btn-detail{
	z-index: 0;
	transition: all ease .5s;
}
#main .content-block section .ttl .btn-detail span{
	display: block;
	padding:0.5em 25px 0.5em 0.5em;
	transition: all ease .5s;
}
#main .content-block section .ttl .btn-detail span::before,
#main .content-block section .ttl .btn-detail span::after{
	right: 25px;
}

#main .content-block section .box .inner{
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	transition: all ease .5s;
}
#main .content-block section#grand .ttl{ background: #003D19; }
#main .content-block section#campaign .ttl h3::after{background: #000;}
#main .content-block section#campaign .ttl{ background: #FFF;}
#main .content-block section#campaign .ttl h3,
#main .content-block section#campaign .ttl h3 span{color: #000;}
#main .content-block section#campaign .ttl .btn-detail{border-color:rgba(0,0,0,0.2);}

@media screen and (max-width: 1140px){
	#main .content-block section .ttl h3{
		font-size: 250%;
	}
}
@media screen and (max-width: 1000px){
	#main .content-block section .ttl h3{
		top: 20%;
	}
	#main .content-block section .ttl .btn-detail{
		bottom: 20%;
	}
}


/* hover */
#main .content-block section#grand.hover .ttl{
	box-shadow: inset 0 0 150px rgba(0,0,0,0.8);
}
#main .content-block section#grand.hover .ttl .btn-detail span{
	background: #FFF;
	color:#0b2447;
}
#main .content-block section#grand.hover .ttl .btn-detail span::before,
#main .content-block section#grand.hover .ttl .btn-detail span::after{
	background: #0b2447;
}

#main .content-block section#campaign.hover .ttl{
	box-shadow: inset 0 0 150px rgba(0,0,0,0.5);
}
#main .content-block section#campaign.hover .ttl .btn-detail span{
	background: #000;
	color:#FFF;
}
#main .content-block section#campaign.hover .ttl .btn-detail span::before,
#main .content-block section#campaign.hover .ttl .btn-detail span::after{
	background: #FFF;
}

#main .content-block section#member.hover .ttl{
	box-shadow: inset 0 0 150px rgba(0,0,0,0.2);
}
#main .content-block section#member.hover .ttl .btn-detail{
	opacity: 0;
}

/* #grand */
#main .content-block section#grand .ttl h3{top:33%;}
#main .content-block section#grand .box1 .inner{
	background: url(../images/bg_grand_movie.jpg) no-repeat 50%;
	background-size:cover;
}

#main .content-block section#grand .box1 .inner::before{
	content:'';
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
}
#main .content-block section#grand .box1 .inner .ytwrap{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
}
#main .content-block section#grand .box1 .inner .ytwrap #grandMovie{
	position:absolute;
	top:50%;
	left:50%;
	width: 160%;
	height:100%;
 	-ms-transform: translate(-50%,-50%);
 	transform: translate(-50%,-50%);
}

#main .content-block section#grand .box1 .inner video{
	position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  height: 100%;
 	-ms-transform: translateX(-50%);
 	transform: translateX(-50%);
  margin: auto;
}
#main .content-block section#grand .box2 .inner{
	background: url(../images/bg_grand.jpg) no-repeat 50%;
	background-size:cover;
}
#main .content-block section#grand.hover .inner{
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

/* #campaign */
#main .content-block section#campaign .box1{
	width: 66.6666%;
}
#main .content-block section#campaign .box1 .inner{
	background: url(../images/bg_campaign.png) no-repeat 50%;
	background-size:cover;
}

#main .content-block section#campaign .box1 .inner::before{
	content:'';
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
}
#main .content-block section#campaign .box1 .inner .ytwrap{
	position: absolute;
	top: 50%;
	left: 50%;
	padding-top:56.25%;
	width: 101%;
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
#main .content-block section#campaign .box1 .inner .ytwrap #campaignMovie{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}

#main .content-block section#campaign .box1 .inner video{
	position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  width: 101%;
 	-ms-transform: translateX(-50%);
 	transform: translateX(-50%);
  margin: auto;
}
#main .content-block section#campaign.hover .inner{
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
#main .content-block section#campaign .ttl{
	left: 66.6666%;
}
#main .content-block section#campaign .box1{
	left:-33.3333%;
}

/* #member */
#main .content-block section#member .main{cursor: default;}
#main .content-block section#member .box1 .inner{
	background: url(../images/bg_member_01.jpg) no-repeat 50%;
	background-size:cover;
}
#main .content-block section#member .box2 .inner{
	background: url(../images/bg_member_02.jpg) no-repeat 50%;
	background-size:cover;
}
#main .content-block section#member .ttl{
	left: 33.3333%;
}
#main .content-block section#member .box1{
	left:-33.3333%;
}
#main .content-block section#member.hover .inner{
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

#main .content-block section#member .overbtns{
	overflow: hidden;
	position: absolute;
	bottom:20%;
	left: 50%;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	z-index: 10;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
#main .content-block section#member .overbtns ul{
	display:flex;
	gap:3%;
	overflow: hidden;
	opacity: 0;
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	transition: all ease .4s;
	flex-wrap: wrap;
}
#main .content-block section#member.hover .overbtns ul{
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	transition-delay: .4s;
}
#main .content-block section#member .overbtns li{
	flex-grow:1;
}
#main .content-block section#member .overbtns li:last-child{
	flex-grow:2;
}

#main .content-block section#member .overbtns li a{
	background: rgba(255,255,255,0.1);
	border: 1px solid #FFF;
	color: #FFF;
	display: block;
	font-size: 134%;
	height:100%;
	overflow: hidden;
	padding: 0.8em;
	position: relative;
	text-align: center;
}
#main .content-block section#member .overbtns li a::after{
	content:'';
	position: absolute;
	bottom:0;
	left:0;
	width: 100%;
	height: 0;
	background: rgba(0,0,0,0.8);
	z-index: 1;
	transition: all ease .3s;
	z-index: -1;
}
#main .content-block section#member .overbtns li a:hover::after{
	height: 100%;
}

@media screen and (max-width: 1070px){
	#main .content-block section#member .overbtns{
		bottom:15%;
	}
}

/* show-overbtns用 */
	#main .content-block section.show-overbtns a.main::before{
		width: 100%;
	}
	#main .content-block section#member.show-overbtns .ttl .btn-detail{	opacity: 1;	}
	#main .content-block section#member.show-overbtns .overbtns ul{
		-ms-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
		transition-delay: .4s;
	}
	.is_touch #main .content-block #member .close{
		display: block;
		position: absolute;
		top:15px;
		right: 15px;
		z-index:10;
		opacity: 0;
		pointer-events: none;
		transition: opacity ease .3s;
	}
	.is_touch #main .content-block #member .close a{
		display: block;
		width: 30px;
		height: 30px;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
	}
	.is_touch #main .content-block #member .close a::before,
	.is_touch #main .content-block #member .close a::after{
		content:'';
		background: #FFF;
		position: absolute;
		top:50%;
		left: 0;
		height: 2px;
		width: 100%;
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		transition: background ease .3s;
	}
	.is_touch #main .content-block #member .close a::after{
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	#main .content-block #member.show-overbtns .close{
		opacity: 1;
		pointer-events: auto;
	}


/* -------------
	SHIBAFU
-------------------------- */
#main #shibafu{
	padding: 110px 0 120px;
}
#main #shibafu h2 a{
	aspect-ratio:775/200;
	background:url(../images/bnr_shibafu.svg) no-repeat;
	background-size:contain;
	display:block;
	margin:0 auto 50px;
	position:relative;
	text-indent:-9999px;
	width:min(100%, 600px);
}
#main #shibafu h2 a:after{
	aspect-ratio:184/152;
	background:url(../images/illust_shibafu.png) no-repeat;
	background-size:contain;
	content:'';
	display:inline-block;
	position:absolute;
	right:0;
	top:0;
	translate:-10% -20%;
	width:min(18vw,160px);
}
#main #shibafu h2 a:hover{
	opacity:.8;
}

#main #shibafu .o-shibafu__cards{
	display:flex;
	gap:40px;
	margin:0 auto;
	width:min(100%,1300px);
}
#main #shibafu .o-shibafu__card{
	flex-basis:unset;
	padding:0;
	width:calc((100% - 120px) / 4);
}
#main #shibafu .o-shibafu__card__inner{
	box-shadow:none;
}
#main #shibafu .o-shibafu__card__heading:before{
	display:none;
}

@media screen and (max-width:830px){
	#main #shibafu{
		padding: 110px 15px 120px;
	}
}


/* -------------
	other
-------------------------- */
#main #other{
	background: url(../images/bg_other.jpg) no-repeat 50% 50%;
	background-size:cover;
	padding-top: 200px;
	overflow: hidden;
}
#main #other .other-outer{
	background: rgba(0,0,0,0.6);
	padding: 80px;
}
#main #otherSlider{
	max-width: 1284px;
	margin: 0 auto;
	position: relative;
}
#main #otherSlider li{
	padding: 0 20px;
}
#main #otherSlider li a{
	display: block;
	background: #FFF;
	color: #000;
}
#main #otherSlider li a figure{
	overflow: hidden;
}
#main #otherSlider li a figure img{
	transition: all ease .5s;
	width: 100%;
}
.no_touch #main #otherSlider li a:hover figure img{
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
#main #otherSlider li a .notes{
	padding:17px 0;
	margin: 0 17px;
	border-bottom:1px solid #dddddd;
}
#main #otherSlider li a .notes h4{
	font-size: 150%;
	margin-bottom: 0.5em;
}
#main #otherSlider li a .notes p{
	font-size: 134%;
}
#main #otherSlider li a .btn-detail{
	text-align: center;
	padding: 0.5em;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
#main #otherSlider li a .btn-detail span{
	display: block;
	padding: 0.3em;
	font-size: 117%;
	padding-right: 0;
	transition: all ease .5s;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
#main #otherSlider li a .btn-detail span::before,
#main #otherSlider li a .btn-detail span::after{
	display: none;
}
.no_touch #main #otherSlider li a:hover .btn-detail span{
	background: #000;
	color: #5cb531;
}


/* Arrows */
#main #other .slick-prev,
#main #other .slick-next{
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  left: -50px;
  display: block;
	width: 35px;
	height: 53px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
#main #other .slick-next{
	right: -50px;
	left: auto;
}
#main #other .slick-arrow::before,
#main #other .slick-arrow::after{
	content:'';
	width: 5px;
	height: 30px;
	position: absolute;
	left: 20px;
	top: 0;
	background: #FFF;
	-ms-transform: rotate(40deg);
	transform: rotate(40deg);
	transition: all ease .2s;
}
#main #other .slick-arrow::after{
	top:20px;
	-ms-transform: rotate(-40deg);
	transform: rotate(-40deg);
}
#main #other .slick-next::before{
	-ms-transform: rotate(140deg);
	transform: rotate(140deg);
}
#main #other .slick-next::after{
	-ms-transform: rotate(40deg);
	transform: rotate(40deg);
}
#main #other .slick-next::before,
#main #other .slick-next::after{
	left:10px;
}
#main #other .slick-prev:hover::after,
#main #other .slick-prev:hover::before{left:10px; background:#abbcd8; }
#main #other .slick-next:hover::after,
#main #other .slick-next:hover::before{left:20px; background:#abbcd8;}





/* -------------
	news fb
-------------------------- */
#main .news-fb-outer{
	padding: 112px 0;
}
#main .news-fb-outer .sec-inner-1200{
	overflow: hidden;
}
#main #news{
	width: 50%;
	margin: 0 auto;
}
#main #news .ttl{
	position: relative;
	border-bottom:1px solid #e2e2e6;
}
#main #news .ttl::after{
	content:'';
	background: #084278;
	position: absolute;
	left:0;
	bottom:-1px;
	height: 1px;
	width: 120px;
}
#main #news .ttl h3{
	font-size: 300%;
	text-align: center;
}
#main #news .ttl h3 small{
	display: block;
	font-size: 45%;
	font-weight: normal;
}



#main #news #divDataArea img{
	width: auto;
}
#main #news #divDataArea article{
	border-bottom:1px solid #e2e2e6;
	font-size: 134%;
}
#main #news #divDataArea article a{
	position: relative;
	display: block;
	padding: 2em 98px 2em 1.5em;
	color: #000;
}
#main #news #divDataArea article a::before{
	content:'';
	background: url(assets/images/ico_arrow.png) no-repeat;
	background-size:cover;
	width: 36px;
	height: 8px;
	position: absolute;
	top:50%;
	margin-top: -4px;
	right:18px;
	z-index: 1;
}
#main #news #divDataArea article a::after{
	content:'';
	background: #F0F0F8;
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	opacity: 0;
	transition: all ease .3s;
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
}
#main #news #divDataArea article a:hover::after{
	opacity: 1;
	-ms-transform: translateX(0);
	transform: translateX(0);
}
#main #news #divDataArea article h1{
	position: relative;
	z-index: 1;
	font-weight: normal;
}
#main #news #divDataArea article h1 img{
	vertical-align: middle;
}
#main #news #divDataArea article p{
	position: relative;
	z-index: 1;
	color: #a1a1a1;
	margin-bottom: 1em;
	font-size: 12px;
}





#main #fb{
	width: 41.66%;
	float: right;
}

.news-fb-outer p.fb_en{
  clear:both;
  display:block;
  font-size:130%;
  padding-top:10px;
  text-align:right;
}
.news-fb-outer p.fb_en a:before{
  content:url(assets/images/ico_fb_en.png);
  margin-right:5px;
}
.news-fb-outer p.fb_en:after{
  background-color:#D00;
  border-radius:3px;
  color:#FFF;
  content:'NEW';
  font-size:10px;
  margin-left:5px;
  padding:1px 5px;
  position:relative;
  top:-2px;
}

@media screen and (max-width: 768px){
  .news-fb-outer p.fb_en{
    text-align:center;
  }
}


/* -------------
	bnrs-block
-------------------------- */
#main .bnrs-block{
	max-width: 1220px;
	margin:0 auto;
	padding: 20px 10px;
	text-align: center;
	background-color: #FFF;
}
#main .bnrs-block ul{
	overflow: hidden;
	/*margin: 0 -7px 0 -6px;*/
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 15px;
	width: 40%;
	margin: 0 auto;
}
#main .bnrs-block ul li{
	width: 230px;
	/*margin: 0 6px 12px 0;*/
	display: inline-block;
}
#main .bnrs-block ul li img{
	width: 100%;
}

@media screen and (max-width: 880px){
	#main .bnrs-block ul{
		width: 96%;
	}
}

/* ---------------------------------------------------------------------------
	#pageTop
--------------------------------------------------------------------------- */
#pageTop{
	position: fixed;
	right: 50px;
	bottom:120px;
	z-index: 500;
	opacity: 0;
	z-index: 1111;
	pointer-events: none;
	transition: all ease .5s;
	width: 1em;
	line-height: 12px;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
#pageTop.show{
	opacity: 1;
	pointer-events: auto;
}
#pageTop a{
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  color: #000;
  font-size: 134%;
  letter-spacing: 0.2em;
  padding-top: 55px;
	transition: all ease .3s;
	backface-visibility:hidden;
}
#pageTop a::after{
	content:'';
	height: 40px;
	width: 1px;
	position: absolute;
	left: 50%;
	top: 0;
	background: #000;
	transition: all ease .3s;
	backface-visibility:hidden;
}
#pageTop a::before{
	content:'';
	height: 8px;
	width: 1px;
	position: absolute;
	left: 50%;
	margin-left: 0;
	top: 0;
	-ms-transform-origin: right top;
	transform-origin: right top;
	background: #000;
	transition: all ease .3s;
	backface-visibility:hidden;
}
#pageTop.wh a{color: #FFF;}
#pageTop.wh a::after,
#pageTop.wh a::before{background: #FFF;}
#pageTop a:hover::after{
	height: 20px;
	top: 20px;
}
#pageTop a:hover::before{
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
	top: 20px;
}




/* ---------------------------------------------------------------------------
	#footer
--------------------------------------------------------------------------- */
#footer{
	background: #FFF;
	position: relative;
	z-index: 1001;
}
#footer .areanav{
	background: rgba(92,181,49,.15);
	padding: 7px;
	font-size: 125%;
}
#footer .areanav dl{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	gap:3px;
	margin:0 auto;
	padding: 0.5em 0.5em 0.5em 180px;
	position:relative;
}
#footer .areanav dl dt{
	font-weight: bold;
	left:0;
	position:absolute;
	text-align:center;
	top:50%;
	translate:0 -50%;
	width:180px;
}
#footer .areanav dl dd{
	width:calc(900px / 7);
}
#footer .areanav dl dd a{
	background: #FFF;
	border: 1px solid #FFF;
	color: #000;
	display: block;
	padding: 0.3em;
	text-align: center;
	white-space:nowrap;
}
/*
#footer .areanav dl{
	position: relative;
	overflow: hidden;
	max-width: 1200px;
	padding-left: 190px;
	margin: 0 auto;
}
#footer .areanav dl dt{
	position: absolute;
	left: 0;
	top:50%;
	margin-top: -1.2em;
	padding: 0.5em;
	font-weight: bold;
}
#footer .areanav dl dd{
	width: 105px;
	margin: 3px;
	float: left;
}
#footer .areanav dl dd a{
	background: #FFF;
	padding: 0.3em;
	display: block;
	text-align: center;
	color: #000;
	border: 1px solid #FFF;
}
#footer .areanav dl dd a:hover{
	border-color:#cdcdcd;
	color: #555;
}
*/

#footer #sitemap{
	overflow: hidden;
	max-width: 1236px;
	margin: 0 auto;
	padding:38px 18px;
}
#footer #sitemap h3{
	text-align: center;
	font-size: 217%;
	margin-bottom: 1.2em;
	font-weight: normal;
}
#footer #sitemap .grid-sizer{ width: 20%; }
#footer #sitemap .block{
	width: 20%;
	margin-bottom: 20px;
	padding:0 25px;
}
#footer #sitemap .block dt{
	padding: 0.5em 0;
	margin-bottom: 1em;
	font-size: 125%;
	font-weight: bold;
	border-bottom: 1px solid #e1e1e1;
}
#footer #sitemap .block dd{
	margin-bottom: 1em;;
	font-size: 109%;
}
#footer #sitemap .block dd a{
	color: #000;
}


#footer .subnav{
	background:rgba(17,153,54,1);
	padding:1em 15px;
	text-align:center;
}
#footer .subnav ul{
	font-size: 13px;
}
#footer .subnav ul li{
	padding: 0.2em 0 0 1.8em;
	display: inline-block;
}
#footer .subnav ul li::after{
	content:'|';
	display: inline;
	color: #FFF;
	margin-left: 1.8em;
}
#footer .subnav ul li:last-child::after{display: none;}
#footer .subnav ul li a{
	color: #FFF;
}
#footer .subnav ul li a::after{
	background: #FFF;
}
@media screen and (max-width: 1200px){
	#footer .subnav ul li{padding-left:0.8em;}
	#footer .subnav ul li::after{margin-left: 0.8em;}
}


#footer .foot-inner{
	padding: 70px 15px 30px;
	background:rgba(0,0,0,1);
	text-align:center;
	color: #FFF;
}
#footer .foot-inner .logo{
	width: 102px;
	margin: 0 auto 50px;
}
#footer .foot-inner .socials{
    /*251212hamastart*/
	width: 210px;
    /*width: 140px;*/
    /*251212hamaend*/
	padding: 15px;
	letter-spacing:-0.4em;
	margin: 0 auto 80px;
}
#footer .foot-inner .socials li{
	display:inline-block;
	letter-spacing:normal;
	width: 48px;
}
#footer .foot-inner .socials li.btn-insta{
	margin-left:10px;
}
/*251212hamastart*/
#footer .foot-inner .socials li.btn-line{
	margin-left:10px;
}
/*251212hamaend*/
#footer .foot-inner .socials li a{
	display: block;
	background: #454545 url(../images/ico_facebook.png) no-repeat 50% 50%;
	background-size:18px;
	width: 46px;
	height: 46px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border-radius: 50%;
	border: 1px solid #454545;
}
#footer .foot-inner .socials li.btn-mail a{
	background: #454545 url(../images/ico_mail.png) no-repeat 50% 50%;
	background-size:18px;
}
#footer .foot-inner .socials li.btn-insta a{
	background: #454545 url(../images/ico_instagram.png) no-repeat 50% 50%;
	background-size:18px;
}
/*251212hamastart*/
#footer .foot-inner .socials li.btn-line a{
	background: #454545 url(../images/ico_line.png) no-repeat 50% 50%;
	background-size:18px;
}
/*251212hamaend*/
#footer .foot-inner .socials li a:hover{
	border: 1px solid #797979;
	background-color: #666;
	-ms-transform: rotate(360deg) scale(1.1);
	transform: rotate(360deg) scale(1.1);
}


/* ---------------------------------------------------------------- */
/* NEWS Ticker (.ticker)
/* ---------------------------------------------------------------- */

.ticker {
	background-color:#FBFBFB;
	margin: 0 auto;
	padding: 10px;
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
	border-top:1px solid #F0F0F0;
	border-bottom:1px solid #F0F0F0;
}

.ticker::before{
	border-top:18px solid #F0F0F0;
	border-right:9px solid transparent;
	content:'';
	display:block;
	left:0;
	padding:0 30px 2px 20px;
	position:absolute;
	top:0;
}
.ticker::after{
	content:"NEWS";
	color:#888;
	font-size:9px;
	font-style:italic;
	font-weight:bold;
	left:10px;
	letter-spacing:0.1em;
	position:absolute;
	top:2px;
}

.ticker ul {
	width: 100%;
}


.ticker li {
	display: none;
	padding:20px 10px;
	width: 100%;

}
.ticker li p img{
	display:inline;
	width:40px !important;
	vertical-align:top;
}
.ticker li h1 img{
	display:inline;
	width:18px !important;
	vertical-align:middle;
}
.ticker li p,
.ticker li h1{
	display:inline-block;
	vertical-align:top;
}
.ticker li{
  overflow: hidden;
  width: 100%;
}
.ticker li p{
	width:12em;
}
.ticker li h1{
	font-size:13px;
	padding-bottom:10px;
	width:calc(100% - 13em);
}
.ticker li a{
	color:#000;
}

/* ########## responsive ########## */

@media(max-width:375px){
	.ticker::before{
		padding:0 50px 2px 30px;
	}
	.ticker li h1{
		width:100%;
	}
}


/* PCスライダー */

.pcSlider-wrap .common-catch{
	text-align:center;
}
.pcSlider-wrap .common-catch figure{
	background-color:rgba(255,255,255,0.85);
	border:1px solid #333;
	display: block;
	margin:0 auto;
	max-width:750px;
	outline:3px solid #FFF;
	padding:30px 24px;
	position:relative;
	top:-20vh;
	width:50vw;
}
.pcSlider-wrap .common-catch figure img{
	width:70% !important;
}
.pcSlider-wrap .common-catch figcaption{
	display:inline-block;
	font-size:14px;
	margin-top:25px;
	text-align:left;
}
.pcSlider-wrap .common-catch figcaption a{
	display:inline-block;
	font-weight:bold;
	font-size:16px;
	margin-top:10px;
	text-align:right;
	text-decoration:underline;
	width:100%;
}

@media screen and (max-width: 849px){
	.pcSlider-wrap .common-catch figure{
		top:-15vh;
		width:70vw;
	}
}


/* SPスライダー */

.spSlider-wrap .common-catch{
	text-align:center;
}
.spSlider-wrap .common-catch figure{
	background-color:rgba(255,255,255,0.75);
	border:1px solid #333;
	display: block;
	margin:-80px auto 0;
	outline:3px solid #FFF;
	padding:30px 20px;
	position:relative;
	width:90vw;
}
.spSlider-wrap .common-catch figure img{
	width:90% !important;
}
.spSlider-wrap .common-catch figcaption{
	display:inline-block;
	margin-top:20px;
	text-align:left;
}
.spSlider-wrap .common-catch figcaption a{
	display:inline-block;
	font-weight:bold;
	font-size:14px;
	margin-top:10px;
	text-align:right;
	text-decoration:underline;
	width:100%;
}

@media screen and (max-width: 320px){
	.spSlider-wrap .common-catch figure{
		padding:15px 10px 10px;
	}
	.spSlider-wrap .common-catch figcaption a{
		margin-top:0;
	}
}

/* ========================================================================== */
/*
/* MEMBERSHIP（会員権・P-CAP）のメニュー数変更対応 [2020.11.20]
/* ※レスポンシブの記述は、responsive.css
/*
/* ========================================================================== */

#main .content-block section#member .item {
	padding-bottom: 37%;
}
#main .content-block section#member .overbtns li{
	margin-bottom:10px;
}
#main .content-block section#member .overbtns li:nth-child(3n){
	float:left;
	margin-right: 0;
}


/* ---------------------------------------------------------------- */
/* あなたにとって、いちばんのゴルフ場でありたい。設置
/* ---------------------------------------------------------------- */
#mv #mvSlider .item.heiwaxpgmxag p.catch{
	object-fit: contain;
	display: block;
	aspect-ratio: 16/9;
	width: 95%;
	height:inherit;
	max-width: unset;
	max-height: 95%;
	position:relative;
	transform: translate(-50%, -50%);
	top: 50% !important;
}
#mv #mvSlider .item.heiwaxpgmxag p.catch a{
	display:block;
	height:100%;
	position:relative;
	width:100%;
}
#mv #mvSlider .item.heiwaxpgmxag p.catch img{
	object-fit: contain;
	width: 100%;
	height: 100%;
}
#mv #mvSlider .item.heiwaxpgmxag p.catch a:after{
	aspect-ratio:1200/934;
	background:url(../images/mv/badge_slide47.svg) no-repeat;
	background-position:center;
	background-size:contain;
	content:'';
	filter:drop-shadow(3px 3px 7px rgba(0,0,0,.35));
	position:absolute;
	right:50%;
	rotate:8deg;
	top:50%;
	translate:170% -150%;
	width:12%;
}

/* ########## responsive ########## */

@media(max-width:830px){
	#mv #mvSlider .item.heiwaxpgmxag p.catch{
		height:auto !important;
		padding:0 10px 10px;
		top:50%;
		width:96%;
		aspect-ratio: 750/922;
	}
	#mv #mvSlider .item.heiwaxpgmxag p.catch a:after{
		width:15vw;
	}
}
@media(max-width:600px){
	#mv #mvSlider .item.heiwaxpgmxag p.catch{
		/*height:65vh !important;*/
		top:50%;
		width:96%;
		transform: translate(-50%, -58%);
	}
	#mv #mvSlider .item.heiwaxpgmxag p.bg>img{
		bottom:0;
		position:absolute;
	}
	#mv #mvSlider .item.heiwaxpgmxag p.catch a:after{
		right:0;
		top:0;
		translate:15% -75%;
		width:23vw;
	}
}
@media(max-width:380px){
	#mv #mvSlider .item.heiwaxpgmxag p.catch{
		transform: translate(-50%, -50%);
	}
}
@media(max-height:660px) and (min-width:1200px){
	#mv #mvSlider .item.heiwaxpgmxag p.catch a:after{
		translate:150% -130%;
		width:7vw;
	}
}


/* ---------------------------------------------------------------- */
/* Cool Cart導入告知の導線設置
/* ---------------------------------------------------------------- */

#mv #mvSlider .item.cool_cart p.catch{
	height:38vh !important;
	max-height:inherit !important;
	max-width:inherit !important;
	padding:0 30px 10px;
	top:25%;
	transform:translate(-50%, -50%) !important;
}

/* ########## responsive ########## */

@media(max-width:820px){
	#mv #mvSlider .item.cool_cart p.catch{
		height:100vh !important;
		padding:0;
		top:60%;
		width:100%;
	}
	#mv #mvSlider .item.cool_cart p.catch img{
		width:100%;
	}
}
@media(max-width:450px){
	#mv #mvSlider .item.cool_cart p.catch{
		height:50vh !important;
		padding:0 0 10px;
		top:43%;
		width:100%;
	}
}
@media(max-width:375px){
	#mv #mvSlider .item.cool_cart p.catch{
		height:60vh !important;
	}
}

/* ---------------------------------------------------------------- */
/* ナイターゴルフの導線設置
/* ---------------------------------------------------------------- */

#mv #mvSlider .item.night_golf p.catch{
	height:30vh !important;
	max-height:inherit !important;
	max-width:inherit !important;
	padding:0 30px 10px;
	top:50%;
	transform:translate(-50%, -60%) !important;
}
#mv #mvSlider .item.night_golf p.catch:hover{
	filter:drop-shadow(0 0 10px rgba(255,255,255,.5));
}

/* ########## responsive ########## */

@media(max-width:820px){
	#mv #mvSlider .item.night_golf p.catch{
		height:20vh !important;
		padding:0;
		top:50%;
		transform:translate(-50%, -70%) !important;
		width:60%;
	}
	#mv #mvSlider .item.night_golf p.catch img{
		width:100%;
	}
}
@media(max-width:450px){
	#mv #mvSlider .item.night_golf p.catch{
		height:20vh !important;
		padding:0 0 10px;
		top:45%;
		width:90%;
	}
}


/* ---------------------------------------------------------------- */
/* HEIWA・PGM CHARITY GOLFの導線設置
/* ---------------------------------------------------------------- */

#mv #mvSlider .item.charity p.catch{
	height:65vh !important;
	max-height:inherit !important;
	max-width:inherit !important;
	padding:0 30px 10px;
	top:50%;
	transform:translate(-50%, -50%) !important;
}
#mv #mvSlider .item.charity p.bg{
	vertical-align:bottom;
}

/* ########## responsive ########## */

@media(max-width:830px){
	#mv #mvSlider .item.charity p.catch{
		height:auto !important;
		padding:0 10px 10px;
		top:50%;
		width:96%;
	}
}
@media(max-width:600px){
	#mv #mvSlider .item.charity p.catch{
		/*height:65vh !important;*/
		top:50%;
		width:110%;
	}
}
@media(max-width:375px){
	#mv #mvSlider .item.charity p.catch{
		transform:translate(-50%, -50%) !important;
	}
}


/* ---------------------------------------------------------------- */
/* HEIWA・PGM CHARITY GOLF優勝者掲出対応（スライド）
/* ---------------------------------------------------------------- */

#mv #mvSlider .item.charity_fin p.catch{
	bottom:0;
	height:80vh !important;
	max-height:inherit !important;
	max-width:inherit !important;
	padding:0 30px 10px;
	top:inherit;
	transform:translate(-50%,10px) !important;
}
#mv #mvSlider .item.charity_fin p.msg{
	bottom:0;
	position:absolute;
	width:100%;
	z-index:10001;
}
#mv #mvSlider .item.charity_fin p.msg img{
	width:100%;
}

/* ########## responsive ########## */

@media(max-width:820px){
	#mv #mvSlider .item.charity_fin p.catch{
		bottom:inherit;
		height:auto !important;
		top:50%;
		transform:translate(-50%,-50%) !important;
		width:90%;
	}
	#mv #mvSlider .item.charity_fin p.catch img{
		width:100%;
	}
	#mv #mvSlider .item.charity_fin p.msg{
		bottom:inherit;
		top:66%;
	}
}
@media(max-width:450px){
	#mv #mvSlider .item.charity_fin p.catch{
		height:auto !important;
		padding:0;
		top:50%;
		transform:translateY(-50%);
		width:95%;
	}
	#mv #mvSlider .item.charity_fin p.msg{
		bottom:inherit;
		top:60%;
	}
}
@media(max-width:375px){
	#mv #mvSlider .item.charity_fin p.catch{
		top:50%;
	}
}


/* ---------------------------------------------------------------- */
/* withGolf訴求の導線設置（スライド）
/* ---------------------------------------------------------------- */

.item.withgolf p.catch{
	padding:0 30px 10px;
	top:48% !important;
}

/* ########## responsive ########## */

@media(max-width:1099px){
	.item.withgolf p.catch{
		height:50vh !important;
		vertical-align:bottom;
		width:96% !important;
        top:86%;
	}
}
@media(max-width:450px){
	#mv #mvSlider .item.withgolf p.catch{
		height:40vh !important;
		top:21% !important;
		width:100% !important;
	}
}
@media(max-width:399px){
	.item.withgolf p.catch{
		height:30vh !important;
        top:86%;
	}
}
@media screen and (max-height:640px ) {
	#mv #mvSlider .item.withgolf p.catch{
		top:50% !important;
	}
}



/* ---------------------------------------------------------------- */
/* withgolfの導線設置（スライド）改定　251225はま
/* ---------------------------------------------------------------- */

#mv #mvSlider .item.wg .catch{
	padding:0;
	top: 20% !important;
	left: 54%;
	-ms-transform: translate(-50% , 0);
	transform: translate(-50% , 0);
	aspect-ratio: 930 / 674;
	width: auto;
	max-width: unset;
	height: 50vh;
	max-height: unset;
}

/* ########## responsive ########## */

@media(max-width:1500px){
	#mv #mvSlider .item.wg .catch{
		top: 22% !important;
		width: 47vw;
	}
}
@media(max-width:1300px){
	#mv #mvSlider .item.wg .catch{
		top: 22% !important;
		width: 50vw;
	}
}
@media(max-width:1000px){
	#mv #mvSlider .item.wg .catch{
		top: 32% !important;
		width: 50vw;
	}
}
@media(max-width:600px){
	#mv #mvSlider .item.wg .catch{
		top: 48% !important;
		width: 50vw;
	}
}
@media(max-width:450px){
	#mv #mvSlider .item.wg .catch{
		top: 67% !important;
    	left: 50%;
		width: 85vw;
		height: auto;
	}
}

/* ---------------------------------------------------------------- */
/* アプリと抽選会訴求の導線設置（スライド）251215はま
/* ---------------------------------------------------------------- */

#mv #mvSlider .item.app .catch{
	padding:0;
	top: 27% !important;
	left: 70%;
	-ms-transform: translate(-50% , 0);
	transform: translate(-50% , 0);
	aspect-ratio: 930 / 674;
	width: auto;
	max-width: unset;
	height: 50vh;
	max-height: unset;
}

/* ########## responsive ########## */

@media(max-width:1500px){
	#mv #mvSlider .item.app .catch{
		top: 27% !important;
		/*width: 47vw;*/
	}
}
@media(max-width:1300px){
	#mv #mvSlider .item.app .catch{
		top: 27% !important;
		/*width: 50vw;*/
	}
}
@media(max-width:450px){
	#mv #mvSlider .item.app .catch{
		top: 39% !important;
    	left: 50%;
		width: 85vw;
		height: auto;
	}
}

#mv #mvSlider .item.lottery .catch{
	padding:0;
	top: 17% !important;
	left: 50%;
	-ms-transform: translate(-50% , 0);
	transform: translate(-50% , 0);
	aspect-ratio: 45 / 27;
	width: auto;
	max-width: unset;
	height: 67vh;
	max-height: unset;
}

/* ########## responsive ########## */

@media(max-width:1500px){
	#mv #mvSlider .item.lottery .catch{
		top: 27% !important;
		width: 90vw;
        height: auto;
	}
}
@media(max-width:1300px){
	#mv #mvSlider .item.lottery .catch{
		top: 27% !important;
		width: 70vw;
        height: auto;
	}
}
@media(max-width:450px){
	#mv #mvSlider .item.lottery .catch{
		top: 39% !important;
    	left: 50%;
		width: 85vw;
		height: auto;
	}
}

/* ---------------------------------------------------------------- */
/* 訴求強化コンテンツの露出強化対策（#recommendContents）
/* ---------------------------------------------------------------- */

#recommendContents{
	background-color:rgba(92,181,49,.2);
	padding-top:70px;
	position:relative;
}
#recommendContents:after{
	background-color:rgba(255,255,255,.8);
	content:'';
	display:block;
	height:100%;
	position:absolute;
	right:0;
	top:0;
	width:50%;
	z-index:0;
}
#recommendContents h2{
	font-size: 300%;
	letter-spacing:inherit;
	position:relative;
	text-align: center;
	z-index:1;
}
/*
#recommendContents h2 span{
	display: inline-block;
	padding-bottom: 0.5em;
	border-bottom:1px solid #d4d4d4;
}
*/
#recommendContents .inner{
	display:flex;
	flex-wrap:wrap;
	margin:0 auto;
	max-width:1530px;
	padding:70px 0 min(10vw,200px);
	position:relative;
	width:100%;
	z-index:1;
}
#recommendContents #indoor:hover,
#recommendContents #withGolf:hover,
#recommendContents #fairway:hover,
#recommendContents #throughplay:hover{
	opacity:0.9;
}
#recommendContents .notes{
	margin:30px 0 20px;
}
#recommendContents .notes .ttl{
	margin: 0 4% 3em;
	padding-left: 16px;
	border-left:1px solid #FFF;
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
}
#recommendContents .notes .ttl h3{
	color:#FFF;
	font-size: 200%;
	font-weight: normal;
	line-height: 1.2;
}
#recommendContents .notes .ttl h3 small{
	display: block;
	font-size: 56%;
}

/* 全サービス共通 */

@media(max-width:1000px){
	#recommendContents .notes{
		margin-top:20px;
	}
}
@media(max-width:767px){
	#recommendContents h2{
		font-size:max(min(7vw,24px),18px);
		line-height:1.25;
	}
}

/* Night Golf用 */

#recommendContents #nightGolf{
	background:url(../images/nightGolf/bg.jpg) no-repeat;
	background-position:center;
	background-size:cover;
	position:relative;
	width:calc(100% / 2); /* 2in1変更時に100% / 3⇒100% / 2 */
}
#recommendContents #nightGolf a{
	display:block;
	height:min(22vw,440px); /* 2in1変更時に30vw,600px⇒22vw,440px */
	width:100%;
}
#recommendContents #nightGolf h4{
	color:#FFF;
	font-family:serif;
	font-size: max(min(1.3vw,24px),16px);
	padding-top:5.5vw;
	position:absolute;
	text-align:center;
	text-shadow:2px 1px 4px rgba(0,0,0,.85);
	top:50%;
	transform:translateY(-55%);
	width:100%;
}
#recommendContents #nightGolf h4:before{
	aspect-ratio:530/138;
	background:url(../images/nightGolf/ttl.svg) no-repeat;
	background-size:contain;
	content:'';
	display:inline-block;
	left:50%;
	position:absolute;
	top:0;
	translate:-50% 0;
	width:20vw;
}
#recommendContents #nightGolf p.btn-detail{
	bottom:10px;
	position:absolute;
	right:2vw;
}
@media(max-width:1300px){
	#recommendContents .notes{
		margin-top:min(3vw,50px);
	}
}

@media(min-width:831px){
	#recommendContents #nightGolf p.btn-detail span{
		filter:drop-shadow(1px 1px 2px rgba(0,0,0,.5));
	}
}
@media(max-width:830px){
	#recommendContents #nightGolf{
		width:100%;
	}
	#recommendContents #nightGolf a{
		background-position:bottom 0 right 5vw;
		background-size:max(min(60vw,400px),200px) auto;
		display:block;
		height:min(50vw,300px);
	}
	#recommendContents #nightGolf h4{
		font-size: max(min(3vw,24px),18px);
		padding-top:11.5vw;
		transform:translateY(-50%);
	}
	#recommendContents #nightGolf h4:before{
		width:50vw;
	}
}
@media(max-width:500px){
	#recommendContents #nightGolf h4{
		font-size: max(min(4vw,21px),16px);
		transform:translateY(-50%);
	}
}


/* withGolf用 */

#recommendContents #withGolf{
	background:url(../images/withGolf/bg.png) no-repeat;
	background-position:top center;
	background-size:cover;
	position:relative;
	width:calc(100% / 2);
}
#recommendContents #withGolf a{
	background-position:bottom 0 right 1vw;
	background-size:max(min(25vw,470px),200px) auto;
	display:block;
	height:min(22vw,440px);
	width:100%;
}
/*#recommendContents #withGolf a:after{
	color:#FFF;
	content:'菊地 彩香プロ';
	font-size:max(min(0.7vw,14px),10px);
	position:absolute;
	right:14vw;
	top:9vw;
}*/

#recommendContents #withGolf .notes .ttl h3{
	letter-spacing:0.05em;
}
#recommendContents #withGolf h4{
	color:#FFF;
	font-family:serif;
	font-size: max(min(2vw,36px),16px);
	left: max(min(1vw,50px),20px);
	position:absolute;
	text-shadow:2px 1px 3px #444;
	top:77%; /* 2in1変更時に35%⇒50% */
    left: 23%;
	transform:translateY(-20%);
}
/*#recommendContents #withGolf h4:before{
	background-color:#F8B;
	color:#FFF;
	content:'カジュアルに楽しくラウンド';
	font-size:45%;
	left:0;
	letter-spacing:-0.03em;
	padding:3px 10px 1px;
	position:absolute;
	text-shadow:none;
	top:-2.5em;
}*/
#recommendContents #withGolf h4:after{
	background:url(../images/withGolf/icon.svg) no-repeat;
	background-size:contain;
	content:'';
	height:64px;
	position:absolute;
	right:0;
	top:-5px;
	width:min(4vw,80px);
}
#recommendContents #withGolf p.logo{
	position:absolute;
	right:10px;
	top:10px;
	width:max(min(6.25vw,120px),59px);
}
#recommendContents #withGolf p.btn-detail{
	bottom:10px;
	position:absolute;
	right:2vw;
}

/*@media(max-width:1330px) and (min-width:831px){
	#recommendContents #withGolf h4{
		transform:translateY(20%);
	}
}*/


@media(min-width:1200px){
	#recommendContents #withGolf a:after{
		right:14vw;
	}
}
@media(min-width:1900px){
	#recommendContents #withGolf a:after{
		right:2vw;
		top:7vw;
	}
}

@media(max-width:830px){
	#recommendContents #withGolf{
		width:100%;
	}
	#recommendContents #withGolf a{
		background-position:bottom 0 right 5vw;
		background-size:max(min(62vw,400px),200px) auto;
		display:block;
		height:min(50vw,300px);
	}
	#recommendContents #withGolf a:after{
		right:26vw;
		top:23vw;
	}
	#recommendContents #withGolf p.logo{
		right:10px;
		top:10px;
	}
	#recommendContents #withGolf h4{
		font-size: max(min(3.6vw,36px),21px);
		line-height:1.3;
		top:60%;
	}
	#recommendContents #withGolf h4 span{
		font-size:120%;
		/*letter-spacing:-0.1em;*/
		line-height:1.0;
	}
	#recommendContents #withGolf h4:before{
		font-size:55%;
	}
	#recommendContents #withGolf h4:after{
		height:64px;
		right:max(-7vw,-80px);
		top:min(-4.8vw,-40px);
		width:min(10vw,80px);
	}
	#recommendContents #withGolf h4 br{
		display:block;
	}
}

@media(max-width:767px){
	#recommendContents #withGolf a:after{
		right:20vw;
		top:5.0vw;
	}
}
@media(max-width:600px){
	#recommendContents #withGolf h4:after{
		height:64px;
		right:max(-10vw,-80px);
		top:min(-2.5vw,-15px);
		width:min(10vw,80px);
	}
}
@media(max-width:500px){
	#recommendContents #withGolf h4:after{
		height:64px;
		right:-60px;
		top:-15px;
		width:60px;
	}
}

@media(max-width:450px){
	#recommendContents #withGolf h4{
		left:10px;
	}
	#recommendContents #withGolf h4:before{
		font-size:50%;
	}
	#recommendContents #withGolf a{
		background-position:bottom 0 right 2vw;
	}
}
@media(max-width:400px){
	#recommendContents #withGolf a{
		background-position:bottom 0 right;
	}
	#recommendContents #withGolf h4{
		top:65%;
	}
	#recommendContents #withGolf h4:before{
		padding:3px 5px 1px;
	}
}

/* ========== IE11 対応 ========== */

@media all and (-ms-high-contrast: none){
	#recommendContents #withGolf a{
		background-size:28.75vw auto;
		height:20.8vw;
		max-height:400px;
	}
	#recommendContents #withGolf a:after{
		font-size:0.7vw;
	}
	#recommendContents #withGolf p.logo{
		max-width:120px;
		min-width:59px;
		width:6.25vw;
	}
	#recommendContents #withGolf h4{
		font-size:3.2vw;
		left:5vw;
	}
}



/* ---------------------------------------------------------------- */
/* バナー表示エリアの設定（#bnr_area）
/* ---------------------------------------------------------------- */

#bnr_area{
	display:flex;
	flex-wrap:wrap;
	gap:30px;
	margin:100px auto;
	width:min(100%,1200px);
}

#bnr_area p{
	display: block;
}
#bnr_area p img{
	width: 100%;
}

.a-btn-cmn.-search-img .a-btn-cmn__img{
	width: auto !important;
}
.o-modal-cmn{
	z-index: 10100;
}
.o-modal-cmn.-lang-change{
	background-color: #fffbe2;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
}
.o-modal-cmn__shade {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(51, 51, 51, 0.8);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}


@media screen and (max-width: 599px){
	#bnr_area p{
		display: block;
		width: 100%;
	}
}