#main_contents .sp, #main_contents .sp_in{
	display:none;
}

#main_contents .pc{
	display: block;
}

#main_contents .pc_in{
	display: inline;
}

#main_contents{
	font-family:"Hiragino Kaku Gothic ProN",  "Hiragino Sans", "Noto Sans JP", sans-serif;
	font-size: 62.5%;
}

#main_contents #wrap{
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	color: #000;
	background: #fff;
}

#main_contents #wrap > div, #main_contents #wrap > section{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	font-size: 0;
}

#main_contents #wrap > div .inner, #main_contents #wrap > section .inner{
	width: 96%;
	max-width: 1236px;
	margin: 0 auto;
	text-align: center;
}

 #main_contents #wrap > section .inner h2{
	 text-align: center;
	 width: auto;
	 height: 106px;
	 font-size: 3.6rem;
	 line-height: 1.4em;
	 font-weight: 700;
	 color: #004EA2;
	 display: inline-flex;
	 flex-wrap: wrap;
	 justify-content: center;
	 align-items: center;
	background-image: url(../images/h2_back.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size:  auto 100%;	 
 }

 #main_contents #wrap > section .inner h2 p{
	 display: block;
	 padding: 0 4.0em;
 }

 #main_contents #wrap > section .inner h2 p span{
	 font-size: 72%;
	 padding-left: 0.1em;
 }

@media only screen and (max-width: 1236px) {
	#main_contents #wrap > div .inner, #main_contents #wrap > section .inner{
		width: 96%;
		max-width: none;
		margin: 0 auto;
		text-align: center;
	}
}

@media only screen and (max-width: 1140px) {
	 #main_contents #wrap > section .inner h2{
		 height: auto;
		background-position: top center;
		background-size:  auto 2.8em;
		width: 100%;	 
	 }
	
	 #main_contents #wrap > section .inner h2 p{
		 display: block;
		 padding: 3.0em 0 0;
	 }
	
	 #main_contents #wrap > section .inner h2 p span{
		 padding-left: 0;
	 }
  }

@media screen and (min-width:1141px) and ( max-width:1236px) {
	 #main_contents #wrap > section .inner h2{
		 white-space: nowrap;
	 }
}

#main_contents section .inner .read{
	font-size: 2.0rem;
	line-height: 1.85em;
	font-weight: 400;
}

#main_contents table th.diamond{
	background-color: #D0C9CF;
}

#main_contents table th.platinum{
	background-color: #C9CCC1;
}

#main_contents table th.gold{
	background-color: #DCCAA4;
}

#main_contents table th.silver{
	background-color: #C7CED3;
}

#main_contents table th.bronze{
	background-color: #C9B0A4;
}

#main_contents table th.singleday{
	background-color: #a9badb;
}

#main_contents .table_scroll{
	overflow:  hidden;
}

@media only screen and (max-width: 1236px) {
	#main_contents .table_scroll{
		overflow-x: scroll;
	}
}

#main_contents #mv.top h1{
    width: 96%;
    max-width: 1236px;
    padding: 20px 0;
    margin: 0 auto;
    font-size: 2.0rem;
    line-height: 1.5em;
    font-weight: 700;
}

#main_contents #mv.top img{
	width: 100%;
	max-width: 1920px;
	height: auto;
	margin: 0 auto;
}

#main_contents #read{
	padding: 70px 0 105px!important;
}

#main_contents #read .inner p{
	text-align: center;
	font-size: 2.0rem;
	line-height: 1.85em;
	font-weight: 400;
}

#main_contents #read .inner img{
	width: 100%;
	max-width:800px;
	height: auto;
	margin: 50px auto 0;
}

#main_contents #read .inner ul.annotation{
	font-size: 1.3rem;
	line-height: 1.6em;
	font-weight: 400;
	margin: 1.0em auto;
	text-align: center;
	padding-left: 1.0em;
	display: inline-block;
}

#main_contents #read .inner ul.annotation li{
	list-style: "※";
}

#main_contents #overview{
	color: #fff;
}

#main_contents #overview .inner{
	background: radial-gradient(#004EA2, #10193A);
	padding: 65px 0;
}

@media only screen and (max-width: 1236px) {
	#main_contents #overview{
		background: radial-gradient(#004EA2, #10193A);
	}
	
	#main_contents #overview .inner{
		background: none;
	}
}

#main_contents #overview .inner h3{
	text-align: center;
	font-size: 2.1rem;
	line-height: 1.2em;
	font-weight: 700;
	color: #CFDB00;
	margin: 0 0 35px;
}

#main_contents #overview .inner .tournament_overview{
	font-size: 1.9rem;
	line-height: 1.6em;
	font-weight: 400;
	margin: 0 auto 95px;;
	text-align: left;
}

#main_contents #overview .inner .tournament_overview tbody > tr:nth-child(2) th, #main_contents #overview .inner .tournament_overview tbody > tr:nth-child(3) th{
	letter-spacing: 0.35em;
}

#main_contents #overview .inner .tournament_overview th{
	vertical-align: top;
	width: 7.0em;
}

#main_contents #overview .inner .tournament_overview td{
	padding: 0 0 0.8em 2.0em;
	vertical-align: top;
}

#main_contents #overview .inner .tournament_overview a{
	color: #fff;
	transition: .3s;
}

#main_contents #overview .inner .tournament_overview a:hover{
	text-decoration: underline;
	transition: .3s;
}

@media only screen and (max-width: 600px) {
	#main_contents #overview .inner .tournament_overview td{
		padding: 0 0 0.8em 0;
	}
}

#main_contents #overview .inner .club{
	width: 100%;
	max-width: 1090px;
	margin: 40px auto 0;
	display: flex;
	justify-content: space-between;
}

#main_contents #overview .inner .club .txt{
	width: 42%;
	max-width: 455px;
}

#main_contents #overview .inner .club .txt p{
	text-align: justify;
	font-size: 1.6rem;
	line-height: 1.85em;
	font-weight: 400;
}

#main_contents #overview .inner .club .ph{
	width: 56%;
	max-width: 620px;
	padding-left: 20px;
}

#main_contents #overview .inner .club .ph > img:nth-child(2){
	margin-left: 1%;
}

#main_contents #overview .inner .club .ph img{
	width: 49%;
	height: auto!important;
}

#main_contents #overview .inner .club .ph > div{
	width: 100%;
	text-align: left;
}

#main_contents #overview .inner .club .ph ul.annotation{
	font-size: 1.3rem;
	line-height: 1.6em;
	font-weight: 400;
	margin: 0.5em 0 1.0em;
	text-align: right;
	padding-left: 1.0em;
	display: inline-block;
}

#main_contents #overview .inner .club .ph ul.annotation li{
	list-style: "※";
}

@media only screen and (max-width: 800px) {
	#main_contents #overview .inner .club{
		width: 100%;
		margin: 40px auto 0;
		display: block;
	}
	
	#main_contents #overview .inner .club .txt{
		width: 100%;
		max-width: none;
	}
	
	#main_contents #overview .inner .club .ph{
		width: 100%;
		max-width: 620px;
		margin: 30px auto 0;
		padding: 0;
	}
	
	#main_contents #overview .inner .club .ph > img:last-child{
		margin-left: 1%;
	}
	
	#main_contents #overview .inner .club .ph img{
		width: 49%;
		height: auto!important;
	}
}

#main_contents #overview .inner .history{
	display: flex;
	justify-content: flex-start;
}

#main_contents #overview .inner .history > div:first-child{
	width: 30%;
	max-width: 355px;
	height: 50px;
	position: relative;
	z-index: 0;
}

#main_contents #overview .inner .history > div:last-child{
	z-index: 1;
}

#main_contents #overview .inner .history .chronology{
	font-size: 1.6rem;
	line-height: 1.4em;
	font-weight: 400;
	text-align: left;
	margin: 60px 0 0;
}

#main_contents #overview .inner .history .chronology th{
	padding-bottom: 0.3em;
	vertical-align: top;
	width: 5.5em;
}

#main_contents #overview .inner .history .chronology td{
	padding-bottom: 0.3em;
	vertical-align: top;
}

@media screen and (min-width:801px) and ( max-width:1236px) {
	#main_contents #overview .inner .history > div:first-child{
		width: 20%;
	}
	
}

@media only screen and (max-width: 800px) {
	#main_contents #overview .inner .history{
		display: block;
	}
	
	#main_contents #overview .inner .history > div:first-child{
		width: 100%;
		max-width: none;
		height: auto;
		margin-top: 30px;
		z-index: 0;
	}
	
	#main_contents #overview .inner .history > div:last-child{
		z-index: 1;
	}

	#main_contents #overview .inner .history .line.pc {
		display: none;
	}
	
	#main_contents #overview .inner .history .line.sp {
		display: block;
		position: relative;
		width: 20%;
		max-width: none;
		height: auto;
		left: 5%;
		top: 0;
	}
	
	#main_contents #overview .inner .history .chronology{
		margin: 5px 0 0;
	}
		
}

#main_contents  #program{
	padding: 140px 0 45px!important;
	background: #fff;
}

#main_contents  #program h3{
	font-size: 2.0rem;
	line-height: 1.85em;
	font-weight: 700;
	padding: 50px 0 0;
}

#main_contents  #program .read{
	padding: 40px 0 0;
}

#main_contents  #program .ph{
	width: 100%;
	max-width: 1236px;
	margin: 80px auto 0;
	display: flex;
	justify-content: center;
}

#main_contents  #program .ph img{
	width: calc(100% / 3);
	height: auto;
}

#main_contents  #program ul.annotation{
	font-size: 1.3rem;
	line-height: 1.6em;
	font-weight: 400;
	margin: 0.5em 0 1.0em;
	text-align: justify;
	padding-left: 1.0em;
	display: block;
}

#main_contents  #program ul.annotation li{
	list-style: "※";
}

#main_contents  #package{
	padding: 70px 0 !important;
	background: #fff;
}

#main_contents  #package .table_scroll{
	margin: 75px auto 0;
}

#main_contents  #package table{
	width: 1236px;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
}

#main_contents  #package table th{
	width: 164px;
	height: 54px;
	font-size: 1.6rem;
	line-height: 1.4em;
	font-weight: 700;
	text-align: center;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}

#main_contents  #package table tbody > tr:first-child th{
	height: 46px;
}

#main_contents  #package table tbody > tr:first-child th:nth-child(1){
	height: 130px;
}

#main_contents  #package table tr > th:nth-child(1){
	width: 252px;
	font-weight: 400;
	border-left: none;
	background-color: #fff;
}

#main_contents  #package table tr > th:nth-child(2){
	border-left: none;
}

#main_contents  #package table tr td{
	font-size: 1.3rem;
	line-height: 1.4em;
	font-weight: 400;
	text-align: center;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}

#main_contents  #package table tr > td:nth-last-child(6){
	background-color: #f4f2f4;
}

#main_contents  #package table tr > td:nth-last-child(5){
	background-color: #f2f3f0;
}

#main_contents  #package table tr > td:nth-last-child(4){
	background-color: #f7f2e9;
}

#main_contents  #package table tr > td:nth-last-child(3){
	background-color: #e6e8e8;
}

#main_contents  #package table tr > td:nth-last-child(2){
	background-color: #f0eae7;
}

#main_contents  #package table tr > td:nth-last-child(1){
	background-color: #d9e3f1;
	border-right: none;
}

#main_contents  #package ul.annotation{
	font-size: 1.3rem;
	line-height: 1.6em;
	font-weight: 400;
	margin: 0.5em 0 1.0em;
	text-align: justify;
	padding-left: 1.0em;
	display: block;
}

#main_contents  #package ul.annotation li{
	list-style: "※";
}

#main_contents  .area{
	padding: 60px 0 90px!important;
	color: #fff;
	background: radial-gradient(#004EA2, #10193A);
	margin: 0 auto 35px!important;
}

#main_contents  .area h2 p{
	color: #fff;
	 padding: 0 4.0em!important;
}

#main_contents  .area h2 p span{
	padding-left: 0.7em!important;
}

#main_contents  .area .read{
	padding: 1.5em 0 0;
}

#main_contents  .area .subject{
	font-size: 2.2rem;
	line-height: 1.0em;
	font-weight: 500;
	margin: -0.8em auto 0.5em;
}

#main_contents  .area ul.annotation{
	font-size: 1.7rem;
	line-height: 1.6em;
	font-weight: 400;
	text-align: justify;
	padding-left: 1.0em;
	display: inline-block;
}

#main_contents  .area ul.annotation li{
	list-style: "※";
}

#main_contents  .area .ph{
	width: 90%;
	margin: 50px auto 0;	
}

#main_contents  .area .ph img{
	width: 100%;
	max-width: 616px;
	height: auto;
}

#main_contents  .area .ph_annotation{
	width: 100%;	
	text-align: right;
	margin: 0 auto;
}

#main_contents  .area .ph_annotation ul.annotation{
	font-size: 1.3rem;
	line-height: 1.6em;
	font-weight: 400;
	margin: 0.5em 0 1.0em;
	text-align: justify;
	padding-left: 1.0em;
	display: inline-block;
}

#main_contents  .area .ph_annotation ul.annotation li{
	list-style: "※";
}

@media only screen and (max-width: 1140px) {
	 #main_contents  .area h2{
		 line-height: 1.2em!important;
	 }
	
		#main_contents  .area h2 p{
		 display: block;
		 padding: 3.0em 0 0!important;
	 }

		#main_contents  .area h2 .sp_in{
		 display: inline-block!important;
	 }

	#main_contents  .area h2 p span{
		padding-left: 0!important;
	}

	#main_contents  .area .subject{
		margin:0.5em auto;
	}
 }

#main_contents  #benefits .introduction{
	margin: 50px auto 0;
}

#main_contents  #benefits .introduction > div{
	display: flex;
	justify-content: flex-end;
}

#main_contents  #benefits .introduction > div:first-child{
	flex-direction: row-reverse;
}

#main_contents  #benefits .introduction > div > div:last-child{
	width: 50%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
}

#main_contents  #benefits .introduction > div:last-child > div:last-child{
	justify-content: flex-start;
}

#main_contents  #benefits .introduction > div > div > div{
	padding: 0 65px;
}

#main_contents  #benefits .introduction > div > div h3{
	font-size: 2.1rem;
	line-height: 1.6em;
	font-weight: 700;
	text-align: left;
	color: #E0E722;
	padding-bottom: 1.0em;
}

#main_contents  #benefits .introduction > div > div p{
	font-size: 1.6rem;
	line-height: 1.85em;
	font-weight: 400;
	text-align:  justify;
}

#main_contents  #benefits .introduction > div > div:first-child{
	width: 50%;
}

#main_contents  #benefits .introduction > div > div:first-child img{
	width: 100%;
	height: auto;
}

@media screen and (min-width:768px) and ( max-width:1236px) {
	#main_contents  #benefits .introduction > div > div > div{
		padding: 0 5%;
	}
}

@media only screen and (max-width: 767px) {
	#main_contents  #benefits .introduction > div{
		display: block;
	}

#main_contents  #benefits .introduction > div:first-child{
	margin-bottom: 30px;
}
	
	#main_contents  #benefits .introduction > div > div:last-child{
		width: 100%;
		display: block;
	}
	
	#main_contents  #benefits .introduction > div > div > div{
		padding: 10px 0 ;
	}
	
	#main_contents  #benefits .introduction > div > div h3{
		font-size: 2.1rem;
		line-height: 1.6em;
		font-weight: 700;
		text-align: left;
		color: #E0E722;
		padding-bottom: 0.1em;
	}
	
	#main_contents  #benefits .introduction > div > div p{
		font-size: 1.6rem;
		line-height: 1.85em;
		font-weight: 400;
		text-align:  justify;
	}
	
	#main_contents  #benefits .introduction > div > div:first-child{
		width: 100%;
	}
	
	#main_contents  #benefits .introduction > div > div:first-child img{
		width: 100%;
		height: auto;
	}
}


#main_contents  #fee{
	background: #fff;
	padding: 80px 0 100px!important;
}

#main_contents  #fee .table_scroll{
	margin: 75px auto;
}

#main_contents  #fee table{
	width: 1236px;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
}

#main_contents  #fee table th{
	width: 175px;
	height: 54px;
	font-size: 1.6rem;
	line-height: 1.4em;
	font-weight: 700;
	text-align: center;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}

#main_contents  #fee table tbody > tr:first-child th{
	height: 46px;
}

#main_contents  #fee table tr > th:nth-child(1){
	width: 186px;
	font-weight: 400;
	border-left: none;
	background-color: #fff;
}

#main_contents  #fee table tr > th:nth-child(2){
	border-left: none;
}

#main_contents  #fee table tr td{
	font-size: 1.3rem;
	line-height: 1.4em;
	font-weight: 400;
	text-align: center;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}

#main_contents  #fee table tr > td:nth-last-child(6){
	background-color: #f4f2f4;
}

#main_contents  #fee table tr > td:nth-last-child(5){
	background-color: #f2f3f0;
}

#main_contents  #fee table tr > td:nth-last-child(4){
	background-color: #f7f2e9;
}

#main_contents  #fee table tr > td:nth-last-child(3){
	background-color: #e6e8e8;
}

#main_contents  #fee table tr > td:nth-last-child(2){
	background-color: #f0eae7;
}

#main_contents  #fee table tr > td:nth-last-child(1){
	background-color: #d9e3f1;
	border-right: none;
}

#main_contents  #fee .inner > a{
	display: block;
	width: 100%;
	max-width: 750px;
	font-size: 3.8rem;
	line-height: 2.8em;
	font-weight: 700;
	text-align: center;
	color: #fff;
	background: radial-gradient(#004EA2, #10193A);
	margin: 120px auto 0;
	border-radius: 15px;
	transition: .3s;
}

#main_contents  #fee .inner > a:hover{
	transition: .3s;
	opacity: 0.7;
}

#main_contents  #premium_stage{
	padding: 0 0 30px!important;
	background: #fff;
}

#main_contents  #premium_stage .inner > div{
	width: 100%;
	max-width: 1000px;
	color: #fff;
	background: radial-gradient(#004EA2, #10193A);
	margin: 0 auto;
	padding: 0 30px 40px;
}

#main_contents  #premium_stage h3{
	font-size: 2.0rem;
	line-height: 1.85em;
	font-weight: 700;
	padding: 50px 0 20px;
}

#main_contents  #premium_stage p{
	font-size: 1.6rem;
	line-height: 1.85em;
	font-weight: 400;
	padding: 0.5em 0;
	text-align: justify;
}

#main_contents  #premium_stage p span{
	font-weight: 700;
}

#main_contents  #premium_stage .inner > div > div{
	font-size: 1.6rem;
	padding: 0 1.0em;
}

#main_contents  #premium_stage ul.annotation{
	font-size: 1.3rem;
	line-height: 1.6em;
	font-weight: 400;
	margin: 0.5em 0 1.0em;
	text-align: justify;
	padding-left: 1.0em;
	display: block;
}

#main_contents  #premium_stage ul.annotation li{
	list-style: "※";
}

#main_contents  #premium_stage a{
	display: block;
	width: 100%;
	max-width: 400px;
	font-size: 2.0rem;
	line-height: 2.8em;
	font-weight: 700;
	text-align: center;
	color: #333333;
	background: linear-gradient(90deg, #B39855 0%, #FFF9E6 50%, #B39855 100%);
	border: 1px solid #B39855;
	margin: 30px auto 0;
	border-radius: 15px;
	transition: .3s;
}
#main_contents  #premium_stage a:hover{
	color: #B39855;
	background: #FFFFFF;
	transition: .3s;
}

#main_contents  #pre-release{
	padding: 0 0 50px!important;
}

#main_contents  #pre-release a{
	display: block;
	width: 100%;
	max-width: 400px;
	font-size: 2.0rem;
	line-height: 2.8em;
	font-weight: 700;
	text-align: center;
	color: #004EA2;
	background: #EBEBEC;
	border: 1px solid #004EA2;
	margin: 30px auto 0;
	border-radius: 15px;
	transition: .3s;
}

#main_contents  #pre-release a:hover{
	transition: .3s;
	opacity: 0.7;
}


/*__page_top_________ */
#page-top {
	position: fixed;
	font-size: 0;
	right: 0;
	bottom: 28px;
	z-index: 1000;
}

#page-top a img{
	width: 30px;
}

#page-top a {
	padding: 7px;
	display: block;
	background: #bc0022;
	border: 1px solid #fff;
	transition: .3s;
}

#page-top a:hover {
	background: #041e42;
	transition: .3s;
}