@charset "utf-8";


/**************************************************50
 * topix
 **************************************************/
#topix{
	background-color: #DEDFEE;
	color: #535353;
}
#articles > #topix{
	background-color: #FFFFFF;
	color: #333333;
}
#topix h2{
	line-height: 1.2;
}
#topix ul{
	text-align: left;
}
#topix ul li{
	display: inline-block;
	vertical-align: top;
	word-break: break-all;
}
#topix ul li.slick-slide{
	margin: 0 5px;
}
#topix ul li.slick-slide > a,
#topix ul:not(.slick-dots) > li > a{
	display: block;
	overflow: hidden;
	position: relative;
}
#topix ul li.slick-slide > a:before,
#topix ul:not(.slick-dots) > li > a:before{
	content: "";
	display: block;
	padding-top: 68.18181818181818%;
}
#topix ul li.slick-slide > a img,
#topix ul:not(.slick-dots) > li > a img{
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#topix ul li img{
	width: 100%;
}
#topix ul li h3{
	color: #2E3192;
	line-height 1.2;
}
#topix ul li p{
	font-size: 87.5%;
}
#topix ul .slick-prev,
#topix ul .slick-next{
	line-height: 1;
}
#topix ul .slick-prev{
	left: 0;
	-ms-transform: translate(-65%, -50%);
	-webkit-transform: translate(-65%, -50%);
	transform: translate(-65%, -50%);
}
#topix ul .slick-next{
	right: 0;
	-ms-transform: translate(65%, -50%);
	-webkit-transform: translate(65%, -50%);
	transform: translate(65%, -50%);
}
#topix ul .slick-prev:before,
#topix ul .slick-next:before{
	color: #666666;
	font-family: "Material Design Icons";
}
#topix ul .slick-prev:before{
	content: "\F141";
}
#topix ul .slick-next:before{
	content: "\F142";
}
#topix ul.slick-dots{
	position: static;
	text-align: center;
}
@media screen and (min-width:360px) and (max-width:639px){
	#topix ul:not(.slick-dots) > li{
		width: -webkit-calc((100% - (3.125% * 3)) / 2);
		width: calc((100% - (3.125% * 3)) / 2);
	}
}
@media screen and (min-width:640px) and (max-width:767px){
	#topix ul:not(.slick-dots) > li{
		width: -webkit-calc((100% - (3.125% * 4)) / 3);
		width: calc((100% - (3.125% * 4)) / 3);
	}
}
@media screen and (max-width:767px){
	#topix{
		padding-top: 3.125%;
		padding-bottom: 3.125%;
	}
	#topix h2{
		font-size: 150%;
		margin-bottom: 3.125%;
	}
	#topix ul:not(.slick-dots) > li{
		margin-left: 3.125%;
		margin-bottom: 3.125%;
	}
}
@media screen and (min-width:768px){
	#topix{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	#topix h2{
		font-size: 200%;
		margin-bottom: 30px;
	}
	#topix ul li.slick-slide > a,
	#topix ul:not(.slick-dots) > li > a{
		margin-bottom: 5px;
	}
	#topix ul:not(.slick-dots) > li{
		margin-bottom: 20px;
	}
}
@media screen and (min-width:768px) and (max-width:939px){
	#topix ul{
		padding-left: 15px;
		padding-right: 15px;
	}
	#topix ul .slick-prev,
	#topix ul .slick-next{
		height: 40px;
		width: 40px;
	}
	#topix ul .slick-prev:before,
	#topix ul .slick-next:before{
		font-size: 40px;
	}
	#topix ul:not(.slick-dots) > li{
		width: -webkit-calc((100% - (20px * 2)) / 3);
		width: calc((100% - (20px * 2)) / 3);
	}
	#topix ul:not(.slick-dots) > li:not(:nth-child(3n+1)){
		margin-left: 20px;
	}
}
@media screen and (min-width:940px){
	#topix ul li.slick-slide > a img,
	#topix ul:not(.slick-dots) > li > a img{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: opacity 0.2s ease-out 0s;
	}
	#topix ul li.slick-slide > a:hover img,
	#topix ul:not(.slick-dots) > li > a:hover img{
		opacity: 0.7;
	}
	#topix ul:not(.slick-dots) > li{
		width: -webkit-calc((100% - (30px * 3)) / 4);
		width: calc((100% - (30px * 3)) / 4);
	}
	#topix ul:not(.slick-dots) > li:not(:nth-child(4n+1)){
		margin-left: 30px;
	}
}
@media screen and (min-width:940px) and (max-width:1239px){
	#topix ul .slick-prev,
	#topix ul .slick-next{
		height: 50px;
		width: 50px;
	}
	#topix ul .slick-prev:before,
	#topix ul .slick-next:before{
		font-size: 50px;
	}
}
@media screen and (min-width:1240px){
	#topix ul .slick-prev,
	#topix ul .slick-next{
		height: 60px;
		width: 60px;
	}
	#topix ul .slick-prev:before,
	#topix ul .slick-next:before{
		font-size: 60px;
	}
}


/**************************************************50
 * welcome
 **************************************************/
#welcome{
	background: url("https://osaka-yakyukyo.net/images/user/top/back.jpg") center center no-repeat;
	background-attachment: fixed;
	background-size: cover;
	color: #FFFFFF;
}
#welcome a{
	color: #FFFFFF;
}
#welcome h2{
	color: #75C6FF;
	line-height: 1.2;
}
#welcome p{
	font-size: 87.5%;
}
#welcome p strong{
	font-size: 120%;
}
#welcome_message ul{
}
#welcome_message ul > li{
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	color: #535353;
}
#welcome_message ul > li p{
	text-align: left;
}
#welcome_message ul > li p a:not([href$=".pdf"]):not([href$=".xls"]):not([href$=".xlsx"]):not([href$=".xlsm"]):not([href$=".xlsb"]):not([href$=".xltx"]):not([href$=".xltm"]):not([href$=".xlt"]):not([href$=".xml"]):not([href$=".xlam"]):not([href$=".xla"]):not([href$=".xlw"]){
	color: #535353;
}
#welcome_message ul > li:nth-child(1){
	border-color: #2E3192;
}
#welcome_message ul > li:nth-child(1) h3{
	color: #2E3192;
}
#welcome_message ul > li:nth-child(2){
	border-color: #DC0515;
}
#welcome_message ul > li:nth-child(2) h3{
	color: #DC0515;
}
#welcome_message ul > li .link_to{
	background-color: #FF1D00;
	border-radius: 10px;
}
#welcome_message ul > li .link_to:after{
	content: "";
}
#welcome_message ul > li a[href$=".pdf"],
#welcome_message ul > li a[href$=".xls"],
#welcome_message ul > li a[href$=".xlsx"],
#welcome_message ul > li a[href$=".xlsm"],
#welcome_message ul > li a[href$=".xlsb"],
#welcome_message ul > li a[href$=".xltx"],
#welcome_message ul > li a[href$=".xltm"],
#welcome_message ul > li a[href$=".xlt"],
#welcome_message ul > li a[href$=".xml"],
#welcome_message ul > li a[href$=".xlam"],
#welcome_message ul > li a[href$=".xla"],
#welcome_message ul > li a[href$=".xlw"]{
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 30px;
	position: relative;
	margin: 5px 5px 5px 0;
	width: 130px;
}
@media screen and (max-width:767px){
	#welcome{
		margin-bottom: 3.125%;
		padding-top: 3.125%;
		padding-bottom: 3.125%;
	}
	#welcome h2{
		font-size: 150%;
		padding: 0 3.125%;
	}
	#welcome_message > p{
		padding: 0 3.125%;
		text-align: left;
	}
	#welcome_message ul{
		margin-bottom: 3.125%;
	}
	#welcome_message ul > li{
		margin: 3.125% auto 0;
		padding: 3.125%;
		width: -webkit-calc(93.75% + (1px * 2));
		width: calc(93.75% + (1px * 2));
	}
	#welcome_message ul > li .link_to{
		margin-top: 1.785714285714286%;
	}
}
@media screen and (min-width:768px){
	#welcome{
		margin-bottom: 50px;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	#welcome h2{
		margin-bottom: 20px;
	}
	#welcome_message{
		float: right;
		width: -webkit-calc(100% - 340px - 30px);
		width: calc(100% - 340px - 30px);
	}
	#welcome_message ul > li{
		margin-top: 38px;
		padding: 20px;
		position: relative;
	}
	#welcome_message ul > li h3{
		background-color: #FFFFFF;
		height: 36px;
		line-height: 34px;
		position: absolute;
		top: 0;
		left: 50%;
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 250px;
	}
	#welcome_message ul > li:nth-child(1) h3{
		border: 1px solid #2E3192;
	}
	#welcome_message ul > li:nth-child(2) h3{
		border: 1px solid #DC0515;
	}
	#welcome_facebook{
		float: left;
		width: 340px;
	}
	#welcome_message ul > li .link_to{
		height: 48px;
		line-height: 48px;
		margin-top: 20px;
		width: 300px;
	}
}
@media screen and (min-width:768px) and (max-width:939px){
	#welcome_message{
		padding-left: 20px;
		padding-right: 20px;
	}
	#welcome h2{
		font-size: 200%;
	}
}
@media screen and (min-width:1240px){
	#welcome_message ul > li{
		display: inline-block;
		vertical-align: top;
		width: -webkit-calc((100% - 20px) / 2);
		width: calc((100% - 20px) / 2);
	}
	#welcome h2{
		font-size: 225%;
	}
	#welcome_message ul > li{
		height: 215px;
	}
	#welcome_message ul > li:nth-child(even){
		margin-left: 20px;
	}
	#welcome_message ul > li .link_to{
		margin-top: 60px;
	}
}


/**************************************************50
 * top_bnr
 **************************************************/
#top_bnr{
	background-color: #333333;
	color: #FFFFFF;
}
#top_bnr h2{
	line-height: 1.2;
}
#top_bnr ul{
}
#top_bnr ul li{
	display: inline-block;
	vertical-align: middle;
}
#top_bnr ul li.slick-slide{
	margin: 0 5px;
}
#top_bnr ul li img{
	width: 100%;
}
#top_bnr ul .slick-prev,
#top_bnr ul .slick-next{
	line-height: 1;
}
#top_bnr ul .slick-prev{
	left: 0;
	-ms-transform: translate(-65%, -50%);
	-webkit-transform: translate(-65%, -50%);
	transform: translate(-65%, -50%);
}
#top_bnr ul .slick-next{
	right: 0;
	-ms-transform: translate(65%, -50%);
	-webkit-transform: translate(65%, -50%);
	transform: translate(65%, -50%);
}
#top_bnr ul .slick-prev:before,
#top_bnr ul .slick-next:before{
	color: #FFFFFF;
	font-family: "Material Design Icons";
}
#top_bnr ul .slick-prev:before{
	content: "\F141";
}
#top_bnr ul .slick-next:before{
	content: "\F142";
}
#top_bnr .slick-dots li button:before{
	background-color: #FFFFFF;
	color: #FFFFFF;
}
@media screen and (max-width:767px){
	#top_bnr{
		margin-bottom: 3.125%;
		padding: 3.125%;
	}
	#welcome + #top_bnr{
		margin-top: -3.125%;
	}
	#top_bnr .slick-dots{
		position: static;
	}
}
@media screen and (min-width:768px){
	#top_bnr{
		margin-bottom: 50px;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	#welcome + #top_bnr{
		margin-top: -50px;
	}
	#top_bnr ul li.slick-slide a{
		margin-bottom: 5px;
	}
}
@media screen and (min-width:768px) and (max-width:939px){
	#top_bnr ul{
		padding-left: 15px;
		padding-right: 15px;
	}
	#top_bnr ul .slick-prev,
	#top_bnr ul .slick-next{
		height: 40px;
		width: 40px;
	}
	#top_bnr ul .slick-prev:before,
	#top_bnr ul .slick-next:before{
		font-size: 40px;
	}
}
@media screen and (min-width:940px){
	#top_bnr ul li.slick-slide a img{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: opacity 0.2s ease-out 0s;
	}
	#top_bnr ul li.slick-slide a:hover img{
		opacity: 0.7;
	}
}
@media screen and (min-width:940px) and (max-width:1239px){
	#top_bnr ul .slick-prev,
	#top_bnr ul .slick-next{
		height: 50px;
		width: 50px;
	}
	#top_bnr ul .slick-prev:before,
	#top_bnr ul .slick-next:before{
		font-size: 50px;
	}
}
@media screen and (min-width:1240px){
	#top_bnr ul .slick-prev,
	#top_bnr ul .slick-next{
		height: 60px;
		width: 60px;
	}
	#top_bnr ul .slick-prev:before,
	#top_bnr ul .slick-next:before{
		font-size: 60px;
	}
}


/**************************************************50
 * top_contents
 **************************************************/
#top_contents{
}
#top_contents h2{
	color: #4D4D4D;
	line-height: 1.2;
	position: relative;
	text-align: center;
	word-break: break-all;
}
#top_contents h2 span{
	border-bottom: 1px solid #4D4D4D;
	display: inline-block;
	position: relative;
}
#top_contents h2 span:after{
	background-color: #4D4D4D;
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	bottom: -4px;
	left: 50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100%;
}
#top_contents figure{
}
#top_contents figure > div{
}
#top_contents figure figcaption{
	font-size: 87.5%;
	text-align: left;
	word-break: break-all;
}
#top_contents figure figcaption img{
	max-width: 100%;
}
@media screen and (max-width:767px){
	#top_contents h2{
		font-size: 150%;
		margin-bottom: 3.125%;
	}
	#top_contents h2{
		padding: 0 3.125%;
	}
	#top_contents figure + h2{
		margin-top: 3.125%;
	}
	#top_contents figure > div{
		margin-bottom: 3.125%;
	}
	#top_contents figure > div img{
		width: 56.25%;
		max-width: 300px;
	}
	#top_contents figure figcaption{
		padding: 0 3.125%;
	}
}
@media screen and (min-width:768px){
	#top_contents h2{
		font-size: 200%;
		margin-bottom: 20px;
	}
	#top_contents figure + h2{
		margin-top: 30px;
	}
	#top_contents figure > div{
		margin-bottom: 20px;
	}
}
@media screen and (min-width:768px) and (max-width:939px){
	#top_contents h2{
		padding: 0 20px;
	}
	#top_contents figure{
		padding: 0 20px;
	}
}
@media screen and (min-width:940px) and (max-width:1239px){
	#top_contents h2{
		padding: 0 40px;
	}
	#top_contents figure{
		padding: 0 40px;
	}
}
@media screen and (min-width:1240px){
	#top_contents h2{
		margin-left: auto;
		margin-right: auto;
		width: 980px;
	}
	#top_contents figure{
		margin-left: auto;
		margin-right: auto;
		width: 980px;
	}
}


/**************************************************50
 * topix_detail
 **************************************************/
#topix_detail{
}
#topix_detail > p{
	text-align: left;
}
#topix_detail h3{
	color: #2E3192;
	line-height: 1.2;
	text-align: left;
	word-break: break-all;
}
#topix_detail figure{
}
#topix_detail figure > div{
}
#topix_detail figure figcaption{
	font-size: 87.5%;
	text-align: left;
	word-break: break-all;
}
#topix_detail figure figcaption img{
	max-width: 100%;
}
@media screen and (max-width:767px){
	#topix_detail > p{
		padding: 0 3.125%;
	}
	#topix_detail h3{
		font-size: 137.5%;
		margin-bottom: 3.125%;
		padding: 0 3.125%;
	}
	#topix_detail figure{
		margin-bottom: 3.125%;
	}
	#topix_detail figure > div{
		margin-bottom: 3.125%;
	}
	#topix_detail figure > div img{
		width: 62.5%;
	}
	#topix_detail figure figcaption{
		padding: 0 3.125%;
	}
}
@media screen and (min-width:768px){
	#topix_detail h3{
		font-size: 175%;
		margin-bottom: 20px;
	}
	#topix_detail figure{
		margin-bottom: 30px;
	}
	#topix_detail figure > div{
		margin-bottom: 20px;
		text-align: left;
	}
}
@media screen and (min-width:940px){
	#topix_detail figure > div img{
		width: 400px;
	}
}


/**************************************************50
 * match
 **************************************************/
#match{
}
#match > div + div{
	border-top: 1px solid #000000;
}
#match h3{
	font-weight: normal;
	line-height: 1.2;
	text-align: left;
}
#match h3 span{
	background-color: #2E3192;
	color: #FFFFFF;
	display: inline-block;
	margin-right: 1em;
	position: relative;
	text-align: center;
	vertical-align: baseline;
	width: 4em;
}
#match h3 span:after{
	content: "";
	height: 0;
	border-color: transparent transparent transparent #2E3192;
	border-style: solid;
	position: absolute;
	top: 50%;
	right: 0;
	-ms-transform: translate(100%, -50%);
	-webkit-transform: translate(100%, -50%);
	transform: translate(100%, -50%);
	width: 0;
}
#match table{
	font-size: 87.5%;
	line-height: 1.2;
}
#match table:not(.sp_show){
	background-color: #000000;
	border-collapse: separate;
	border-spacing: 1px;
}
#match table tr th{
	background-color: #DDF2F2;
}
#match table tr td{
	background-color: #FFFFFF;
}
#match table tr td:first-child{
	background-color: #F2F2F2 !important;
	font-weight: bold;
}
#match table .winner{
	color: #FF3333;
}
#match > div > section{
	background-color: #F2F2F2;
	font-size: 87.5%;
	text-align: left;
}
#match > div > section img{
	max-width: 100%;
}
@media screen and (max-width:360px){
	#match table{
		font-size: 50%;
	}
}
@media screen and (max-width:413px){
	#match table{
		font-size: 62.5%;
	}
}
@media screen and (max-width:480px){
	#match table{
		font-size: 75%;
	}
}
@media screen and (max-width:767px){
	#match > div + div{
		margin-top: 3.125%;
		padding-top: 3.125%;;
	}
	#match h3{
		font-size: 112.5%;
		margin-bottom: 1.5625%;
		padding: 0 3.125%;
	}
	#match h3 span{
		height: 24px;
		line-height: 24px;
		margin-top: 3.333333333333333%;
	}
	#match h3 span:after{
		border-width: 12px 0 12px 8px;
	}
	#match table{
		margin-left: auto;
		margin-right: auto;
		width: -webkit-calc(93.75% + (1px * 2));
		width: calc(93.75% + (1px * 2));
	}
	#match table tr th{
	}
	#match table tr th:nth-child(1),
	#match table tr th:nth-child(2){
		width: 4.5em;
	}
	#match > div > section{
		margin: 3.125% auto 0;
		padding: 1.5625% 3.125%;
		width: 93.75%;
	}
}
@media screen and (min-width:768px){
	#match > div + div{
		margin-top: 30px;
		padding-top: 30px;
	}
	#match h3{
		font-size: 137.5%;
		margin-bottom: 10px;
	}
	#match h3 span{
		height: 30px;
		line-height: 30px;
	}
	#match h3 span:not(:first-child){
		margin-left: 20px;
	}
	#match h3 span:after{
		border-width: 15px 0 15px 10px;
	}
	#match table{
		margin-bottom: 10px;
		width: 100%;
	}
	#match table tr th{
		padding: 0.5em 1em;
	}
	#match table tr th.score{
		width: 10em;
	}
	#match table tr th.remarks{
		width: 16em;
	}
	#match table tr td{
		padding: 0.5em 1em;
	}
	#match table tr td:first-child{
		width: 7em;
	}
	#match table tr td:nth-child(2){
		width: 7em;
	}
	#match > div > section{
		padding: 20px;
	}
}
@media screen and (min-width:768px) and (max-width:939px){
	#match table{
		font-size: 62.5%;
	}
}


/**************************************************50
 * match result
 **************************************************/
@media screen and (max-width:767px){
	#match table#match_result tr th:nth-child(1){
		width: 2.6em;
	}
	#match table#match_result tr th:nth-child(2),
	#match table#match_result tr th:nth-child(4){
		width: 4em;
	}
	#match table#match_result tr th:nth-child(3),
	#match table#match_result tr th:nth-child(5),
	#match table#match_result tr th:nth-child(6){
		width: 15%;
	}
}
@media screen and (min-width:768px){
	#match table#match_result tr th:nth-child(3),
	#match table#match_result tr th:nth-child(5){
		width: 15%;
	}
	#match table#match_result tr th:nth-child(4){
		width: 12%;
	}
	#match table#match_result tr th:nth-child(6){
		width: 14%;
	}
}


/**************************************************50
 * tournament
 **************************************************/
#tournament{
}
#tournament ul{
}
#tournament ul > li{
	display: inline-block;
	font-size: 75%;
	vertical-align: top;
}
#tournament ul > li > a{
	border: 1px solid #4D4D4D;
	display: block;
	margin-bottom: 0.2em;
	overflow: hidden;
	position: relative;
}
#tournament ul > li > a:before{
	content: "";
	display: block;
	padding-top: 81.81818181818182%;
}
#tournament ul > li > a img{
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
}
#tournament ul > li h3{
	font-weight: normal;
	text-align: center;
}
@media screen and (max-width:359px){
	#tournament ul > li{
		width: 75%
	}
}
@media screen and (min-width:360px){
	#tournament ul{
		text-align: left;
	}
}
@media screen and (min-width:360px) and (max-width:639px){
	#tournament ul > li{
		width: -webkit-calc((100% - (3.125% * 3)) / 2);
		width: calc((100% - (3.125% * 3)) / 2);
	}
}
@media screen and (min-width:360px) and (max-width:767px){
	#tournament ul > li{
		margin-left: 3.125%;
	}
}
@media screen and (min-width:640px) and (max-width:767px){
	#tournament ul > li{
		width: -webkit-calc((100% - (3.125% * 4)) / 3);
		width: calc((100% - (3.125% * 4)) / 3);
	}
}
@media screen and (max-width:767px){
	#tournament ul > li{
		margin-top: 3.25%;
	}
}
@media screen and (min-width:768px){
	#tournament ul{
		margin-top: 10px;
	}
	#tournament ul > li{
		margin-top: 20px;
	}
}
@media screen and (min-width:768px) and (max-width:939px){
	#tournament ul > li{
		margin-left: 20px;
		width: -webkit-calc((100% - (20px * 5)) / 4);
		width: calc((100% - (20px * 5)) / 4);
	}
}
@media screen and (min-width:940px){
	#tournament ul > li{
		margin-left: 40px;
		width: -webkit-calc((100% - (40px * 5)) / 4);
		width: calc((100% - (40px * 5)) / 4);
	}
	#tournament ul:not(#tournament_photo) > li a img{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: opacity 0.2s ease-out 0s;
	}
	#tournament ul:not(#tournament_photo) > li a:hover img{
		opacity: 0.7;
	}
}


/**************************************************50
 * tournament_detail
 **************************************************/
#tournament_detail{
}
#tournament_detail figure{
}
#tournament_detail figure > div{
	overflow: hidden;
}
#tournament_detail figure > div img{
}
#tournament_detail figure figcaption{
	font-size: 87.5%;
	text-align: left;
}
#tournament_detail > section:not(.link_prev_next){
	font-size: 87.5%;
	text-align: left;
}
@media screen and (max-width:767px){
	#tournament_detail figure{
		margin-bottom: 3.125%;
	}
	#tournament_detail figure > div{
		margin-bottom: 3.125%;
	}
	#tournament_detail figure > div img{
		width: 62.5%;
		max-width: 300px;
	}
	#tournament_detail figure figcaption{
		padding: 0 3.125%;
	}
	#tournament_detail > section:not(.link_prev_next){
		padding: 0 3.125%;
	}
}
@media screen and (min-width:768px){
	#tournament_detail figure{
		margin-bottom: 30px;
	}
	#tournament_detail figure:after{
		clear: both;
		content: "";
		display: block;
	}
	#tournament_detail figure > div{
		float: left;
		margin-right: 30px;
		margin-bottom: 10px;
		width: 220px;
	}
	#tournament_detail figure > div img{
		width: 100%;
	}
	#tournament_detail > section:not(.link_prev_next){
		margin-bottom: 30px;
	}
}
@media screen and (min-width:768px) and (max-width:939px){
	#tournament_detail figure{
		padding: 0 20px;
	}
	#tournament_detail > section:not(.link_prev_next){
		padding: 0 20px;
	}
}
@media screen and (min-width:940px){
	#tournament_detail figure{
		padding: 0 40px;
	}
	#tournament_detail > section:not(.link_prev_next){
		padding: 0 40px;
	}
	#tournament_detail figure > div a img{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: transform 0.2s ease-out 0s;
	}
	#tournament_detail figure > div a:hover img{
		-ms-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
}


/**************************************************50
 * history
 **************************************************/
#history{
}
#history dl{
}
#history dl dt{
}
#history dl dd{
	font-size: 87.5%;
	text-align: left;
}
#history dl dd a[href$=".pdf"],
#history dl dd a[href$=".xls"],
#history dl dd a[href$=".xlsx"],
#history dl dd a[href$=".xlsm"],
#history dl dd a[href$=".xlsb"],
#history dl dd a[href$=".xltx"],
#history dl dd a[href$=".xltm"],
#history dl dd a[href$=".xlt"],
#history dl dd a[href$=".xml"],
#history dl dd a[href$=".xlam"],
#history dl dd a[href$=".xla"],
#history dl dd a[href$=".xlw"]{
	margin-top: 0.5em;
	padding: 5px 10px 5px 34px;
}
@media screen and (max-width:767px){
	#history dl dd + dt{
		margin-top: 3.125%;
	}
	#history dl dd{
		padding: 0 3.125%;
	}
}
@media screen and (min-width:768px){
	#history dl dd + dt{
		margin-top: 30px;
	}
	#history dl dd{
		padding: 0 30px;
	}
}


/**************************************************50
 * contests
 **************************************************/
#contests{
}
#contests ul{
}
#contests ul > li{
	display: inline-block;
	font-size: 75%;
	vertical-align: top;
}
#contests ul > li > a{
	border: 1px solid #4D4D4D;
	display: block;
	margin-bottom: 0.2em;
	overflow: hidden;
	position: relative;
}
#contests ul > li > a:before{
	content: "";
	display: block;
	padding-top: 81.81818181818182%;
}
#contests ul > li > a img{
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
}
#contests ul > li h3{
	font-weight: normal;
	text-align: center;
}
@media screen and (max-width:359px){
	#contests ul > li{
		width: 75%
	}
}
@media screen and (min-width:360px){
	#contests ul{
		text-align: left;
	}
}
@media screen and (min-width:360px) and (max-width:639px){
	#contests ul > li{
		width: -webkit-calc((100% - (3.125% * 3)) / 2);
		width: calc((100% - (3.125% * 3)) / 2);
	}
}
@media screen and (min-width:360px) and (max-width:767px){
	#contests ul > li{
		margin-left: 3.125%;
	}
}
@media screen and (min-width:640px) and (max-width:767px){
	#contests ul > li{
		width: -webkit-calc((100% - (3.125% * 4)) / 3);
		width: calc((100% - (3.125% * 4)) / 3);
	}
}
@media screen and (max-width:767px){
	#contests ul > li{
		margin-top: 3.25%;
	}
}
@media screen and (min-width:768px){
	#contests ul{
		margin-top: 10px;
	}
	#contests ul > li{
		margin-top: 20px;
	}
}
@media screen and (min-width:768px) and (max-width:939px){
	#contests ul > li{
		margin-left: 20px;
		width: -webkit-calc((100% - (20px * 5)) / 4);
		width: calc((100% - (20px * 5)) / 4);
	}
}
@media screen and (min-width:940px){
	#contests ul > li{
		margin-left: 40px;
		width: -webkit-calc((100% - (40px * 5)) / 4);
		width: calc((100% - (40px * 5)) / 4);
	}
	#contests ul:not(#contests_photo) > li a img{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: opacity 0.2s ease-out 0s;
	}
	#contests ul:not(#contests_photo) > li a:hover img{
		opacity: 0.7;
	}
}


/**************************************************50
 * contests detail
 **************************************************/
#contests{
}
#contests figure{
}
#contests figure > div{
	overflow: hidden;
}
#contests figure figcaption{
	font-size: 87.5%;
	text-align: left;
}
#contests #contests_photo > li > div:before{
	padding-top: 73.68421052631579%;
}
@media screen and (max-width:767px){
	#contests figure > div{
		margin-bottom:3.125%;
	}
	#contests figure > div img{
		width: 62.5%;
		max-width: 300px;
	}
	#contests figure figcaption{
		padding: 0 3.125%;
	}
}
@media screen and (min-width:768px){
	#contests figure{
		margin-top: 20px;
	}
	#contests figure:after{
		clear: both;
		content: "";
		display: block;
	}
	#contests figure > div{
		float: left;
		width: 190px;
	}
	#contests figure > div img{
		width: 100%;
	}
	#contests figure figcaption{
	}
	#contests figure > div + figcaption{
		float: right;
	}
}
@media screen and (min-width:768px) and (max-width:939px){
	#contests figure{
		padding: 0 20px;
	}
	#contests figure > div + figcaption{
		width: -webkit-calc(100% - 190px - 20px);
		width: calc(100% - 190px - 20px);
	}
}
@media screen and (min-width:940px){
	#contests figure{
		padding: 0 40px;
	}
	#contests figure > div + figcaption{
		width: -webkit-calc(100% - 190px - 40px);
		width: calc(100% - 190px - 40px);
	}
	#contests figure > div a img,
	#contests #contests_photo > li a img{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: transform 0.2s ease-out 0s;
	}
	#contests figure > div a:hover img{
		-ms-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	#contests #contests_photo > li a:hover img{
		-ms-transform: translate(-50%, -50%) scale(1.1);
		-webkit-transform: translate(-50%, -50%) scale(1.1);
		transform: translate(-50%, -50%) scale(1.1);
	}
}


/**************************************************50
 * terms
 **************************************************/
#terms{
}
#terms dl{
}
#terms dl dt{
}
#terms dl dd{
	font-size: 87.5%;
	text-align: left;
}
#terms dl dd a[href$=".pdf"],
#terms dl dd a[href$=".xls"],
#terms dl dd a[href$=".xlsx"],
#terms dl dd a[href$=".xlsm"],
#terms dl dd a[href$=".xlsb"],
#terms dl dd a[href$=".xltx"],
#terms dl dd a[href$=".xltm"],
#terms dl dd a[href$=".xlt"],
#terms dl dd a[href$=".xml"],
#terms dl dd a[href$=".xlam"],
#terms dl dd a[href$=".xla"],
#terms dl dd a[href$=".xlw"]{
	padding: 5px 10px 5px 34px;
}
#terms dl dd a[href$=".pdf"]:not(:first-child),
#terms dl dd a[href$=".xls"]:not(:first-child),
#terms dl dd a[href$=".xlsx"]:not(:first-child),
#terms dl dd a[href$=".xlsm"]:not(:first-child),
#terms dl dd a[href$=".xlsb"]:not(:first-child),
#terms dl dd a[href$=".xltx"]:not(:first-child),
#terms dl dd a[href$=".xltm"]:not(:first-child),
#terms dl dd a[href$=".xlt"]:not(:first-child),
#terms dl dd a[href$=".xml"]:not(:first-child),
#terms dl dd a[href$=".xlam"]:not(:first-child),
#terms dl dd a[href$=".xla"]:not(:first-child),
#terms dl dd a[href$=".xlw"]:not(:first-child){
	margin-top: 0.5em;
}
@media screen and (max-width:767px){
	#terms dl dd + dt{
		margin-top: 3.125%;
	}
	#terms dl dd{
		padding: 0 3.125%;
	}
}
@media screen and (min-width:768px){
	#terms dl dd + dt{
		margin-top: 30px;
	}
	#terms dl dd{
		padding: 0 30px;
	}
}


/**************************************************50
 * team
 **************************************************/
#team{
}
#team > section{
	font-size: 87.5%;
	text-align: left;
}
#team ul{
}
#team ul > li{
	display: inline-block;
	vertical-align: top;
}
#team ul > li > div{
	margin-bottom: 0.2em;
	overflow: hidden;
	position: relative;
}
#team ul > li > div:before{
	content: "";
	display: block;
	padding-top: 73.68421052631579%;
}
#team ul > li > div a{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
}
#team ul > li > div img{
	width: 100%;
}
#team ul > li p{
	font-size: 75%;
	font-weight: normal;
	text-align: center;
}
@media screen and (max-width:359px){
	#team ul > li{
		width: 75%
	}
}
@media screen and (min-width:360px){
	#team ul{
		text-align: left;
	}
}
@media screen and (min-width:360px) and (max-width:639px){
	#team ul > li{
		width: -webkit-calc((100% - (3.125% * 3)) / 2);
		width: calc((100% - (3.125% * 3)) / 2);
	}
}
@media screen and (min-width:360px) and (max-width:767px){
	#team ul > li{
		margin-left: 3.125%;
	}
}
@media screen and (min-width:640px) and (max-width:767px){
	#team ul > li{
		width: -webkit-calc((100% - (3.125% * 4)) / 3);
		width: calc((100% - (3.125% * 4)) / 3);
	}
}
@media screen and (max-width:767px){
	#team > section{
		padding: 0 3.25%;
	}
	#team ul > li{
		margin-top: 3.25%;
	}
}
@media screen and (min-width:768px){
	#team ul{
		margin-top: 10px;
	}
	#team ul > li{
		margin-top: 20px;
	}
}
@media screen and (min-width:768px) and (max-width:939px){
	#team > section{
		padding: 0 20px;
	}
	#team ul > li{
		margin-left: 20px;
		width: -webkit-calc((100% - (20px * 5)) / 4);
		width: calc((100% - (20px * 5)) / 4);
	}
}
@media screen and (min-width:940px){
	#team > section{
		padding: 0 40px;
	}
	#team ul > li{
		margin-left: 40px;
		width: -webkit-calc((100% - (40px * 5)) / 4);
		width: calc((100% - (40px * 5)) / 4);
	}
	#team ul > li a img{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: transform 0.2s ease-out 0s;
	}
	#team ul > li a:hover img{
		-ms-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
}


/**************************************************50
 * contact
 **************************************************/
#contact{
}
#contact_message{
	background-color: #F2F2F2;
	font-size: 87.5%;
	margin-left: auto;
	margin-right: auto;
}
#contact hr{
	border-color: #000000;
}
#contact dl{
	color: #4D4D4D;
	text-align: left;
}
#contact dl dt{
}
#contact dl dt.required:after{
	background-color: #ED1C24;
	border-radius: 5px;
	color: #FFFFFF;
	content: "必須";
	display: inline-block;
	font-size: 87.5%;
	line-height: 1;
	padding: 0.2em 0.6em;
}
#contact dl dd{
}
#contact_btn{
}
#contact_btn .btn_back{
	background-color: #666666;
}
@media screen and (max-width:767px){
	#contact_message{
		margin-bottom: 3.125%;
		padding: 3.125%;
		text-align: left;
		width: 93.75%;
	}
	#contact hr{
		margin: 3.125% auto;
		width: 93.75%;
	}
	#contact .error,
	#contact .success,
	#contact .failed{
		margin: 0 auto 3.125%;
		width: 93.75%;
	}
	#contact dl dt{
		padding: 0 3.125%;
		margin-bottom: 0 1.5625%;
	}
	#contact dl dd + dt{
		margin-top: 6.25%;
	}
	#contact dl dt.required{
		position: relative;
	}
	#contact dl dt.required:after{
		position: absolute;
		top: 50%;
		right: 3.125%;
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	#contact dl dd{
		padding: 0 3.125%;
	}
	#contact dl dd .input_radio label,
	#contact dl dd .input_check label{
		display: block;
	}
	#contact_btn [class^="btn_"]{
		margin: 3.125% 1.5625% 0;
	}
}
@media screen and (min-width:768px){
	#contact{
	}
	#contact_message{
		margin-bottom: 30px;
		padding: 20px 30px;
	}
	#contact hr{
		margin: 30px auto;
	}
	#contact .error,
	#contact .success,
	#contact .failed{
		margin: 0 auto 20px;
	}
	#contact dl dt{
		margin-bottom: 5px;
	}
	#contact dl dd + dt{
		margin-top: 30px;
	}
	#contact dl dt.required:after{
		margin-left: 1em;
	}
	#contact_btn{
		margin-top: 30px;
	}
}
@media screen and (min-width:768px) and (max-width:939px){
	#contact .error,
	#contact .success,
	#contact .failed{
		width: -webkit-calc(100% - (20px * 2));
		width: calc(100% - (20px * 2));
	}
	#contact dl{
		padding: 0 20px;
	}
	#contact form input[type="text"]{
		width: 60%;
	}
}
@media screen and (min-width:940px){
	#contact .error,
	#contact .success,
	#contact .failed{
		width: -webkit-calc(100% - (40px * 2));
		width: calc(100% - (40px * 2));
	}
	#contact dl{
		padding: 0 40px;
	}
	#contact form input[type="text"]{
		width: 40%;
	}
}


/**************************************************50
 * footer_link
 **************************************************/
#footer_bnr{
	text-align: left;
}
#footer_bnr > li{
	display: inline-block;
	vertical-align: middle;
}
#footer_bnr > li img{
	width: 100%;
}
@media screen and (max-width:479px){
	#footer_bnr > li{
		width: -webkit-calc((100% - (3.125% * 3)) / 2);
		width: calc((100% - (3.125% * 3)) / 2);
	}
}
@media screen and (min-width:480px) and (max-width:639px){
	#footer_bnr > li{
		width: -webkit-calc((100% - (3.125% * 4)) / 3);
		width: calc((100% - (3.125% * 4)) / 3);
	}
}
@media screen and (min-width:640px) and (max-width:767px){
	#footer_bnr > li{
		width: -webkit-calc((100% - (3.125% * 5)) / 4);
		width: calc((100% - (3.125% * 5)) / 4);
	}
}
@media screen and (max-width:767px){
	#footer_bnr{
		padding-top: 3.125%;
	}
	#footer_bnr > li{
		margin-bottom: 3.125%;
		margin-left: 3.125%;
	}
}
@media screen and (min-width:768px){
	#footer_bnr{
		padding-bottom: 30px;
	}
	#footer_bnr > li{
		margin-top: 10px;
	}
}
@media screen and (min-width:768px) and (max-width:939px){
	#footer_bnr{
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}
	#footer_bnr > li{
		width: -webkit-calc((100% - (10px * 3)) / 4);
		width: calc((100% - (10px * 3)) / 4);
	}
	#footer_bnr > li:not(:nth-child(4n + 1)){
		margin-left: 10px;
	}
}
@media screen and (min-width:940px){
	#footer_bnr > li a img{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: opacity 0.2s ease-out 0s;
	}
	#footer_bnr > li a:hover img{
		opacity: 0.7;
	}
}
@media screen and (min-width:940px) and (max-width:1239px){
	#footer_bnr > li{
		width: -webkit-calc((100% - (10px * 4)) / 5);
		width: calc((100% - (10px * 4)) / 5);
	}
	#footer_bnr > li:not(:nth-child(5n + 1)){
		margin-left: 10px;
	}
}
@media screen and (min-width:1240px){
	#footer_bnr > li{
		width: -webkit-calc((100% - (10px * 5)) / 6);
		width: calc((100% - (10px * 5)) / 6);
	}
	#footer_bnr > li:not(:nth-child(6n + 1)){
		margin-left: 10px;
	}
}


/**************************************************50
 * footer_link
 **************************************************/
#footer_link{
	border-top: 1px solid #000000;
	text-align: left;
}
#footer_link ul{
	display: inline-block;
	vertical-align: top;
}
#footer_link ul > li{
	font-size: 87.5%;
	lin-height: 1.2;
	padding-left: 1.25em;
}
#footer_link ul > li a{
	position: relative;
}
#footer_link ul > li a:before{
	font-size: 125%;
	lin-height: 1;
	position: absolute;
	left: 0;
	top: 50%;
	-ms-transform: translate(-112.5%, -50%);
	-webkit-transform: translate(-112.5%, -50%);
	transform: translate(-112.5%, -50%);
	text-decoration: none;
}
#footer_link ul > li a[href*="facebook.com"]:before{
	color: #484AC6;
	content: "\F20D";
}
#footer_link ul > li a[href*="instagram.com"]:before{
	color: #000000;
	content: "\F2FE";
}
#footer_link ul > li a:not([href*="facebook.com"]):not([href*="instagram.com"]):before{
	color: #29ABE2;
	content: "\F59F";
}
@media screen and (max-width:767px){
	#footer_link{
		padding-top: 1.5625%;
		padding-bottom: 3.125%;
	}
	#footer_link ul{
		padding: 0 3.125%;
		width: 100%;
	}
	#footer_link ul > li{
		margin-top: 1.5625%;
	}
}
@media screen and (min-width:768px){
	#footer_link{
		padding-top: 25px;
		padding-bottom: 30px;
	}
	#footer_link ul > li{
		margin-top: 5px;
	}
}
@media screen and (min-width:768px) and (max-width:939px){
	#footer_link{
		padding-left: 20px;
		padding-right: 20px;
	}
	#footer_link ul{
		width: 50%;
	}
}
@media screen and (min-width:940px) and (max-width:1239px){
	#footer_link ul{
		width: 33%;
	}
}
@media screen and (min-width:1240px){
	#footer_link ul{
		width: 25%;
	}
}


