@charset "UTF-8";


/* --------------------
font
-------------------- */

.ft-lg{
	font-family:"League Gothic", sans-serif;
	font-optical-sizing:auto;
	font-weight:400;
	font-style:normal;
	font-variation-settings:
		"wdth" 100;
}

.ft-nsL{
	font-family:"Noto Sans JP", sans-serif;
	font-optical-sizing:auto;
	font-weight:300;
	font-style:normal;
	font-variation-settings:
		"wdth" 100;
}
.ft-nsR{
	font-family:"Noto Sans JP", sans-serif;
	font-optical-sizing:auto;
	font-weight:400;
	font-style:normal;
	font-variation-settings:
		"wdth" 100;
}
.ft-nsB{
	font-family:"Noto Sans JP", sans-serif;
	font-optical-sizing:auto;
	font-weight:700;
	font-style:normal;
	font-variation-settings:
		"wdth" 100;
}
.ft-nsEB{
	font-family:"Noto Sans JP", sans-serif;
	font-optical-sizing:auto;
	font-weight:800;
	font-style:normal;
	font-variation-settings:
		"wdth" 100;
}


/* --------------------
display
-------------------- */

@media print, screen and (min-width:1024px){
	.sp{
		display:none !important;
	}
}

@media screen and (max-width:1023px){
	.pc{
		display:none !important;
	}
}

@media screen and (min-width:737px) and (max-width:1023px){
	.tb{
		display:none !important;
	}
}


/*@media print, screen and (min-width:1024px){
	.sp{
		display:none !important;
	}
}

@media screen and (max-width:1023px){
	.pc{
		display:none !important;
	}
}

@media screen and (min-width:737px) and (max-width:1023px){
	.tb{
		display:none !important;
	}
}*/


/* --------------------
html
-------------------- */

*{
	margin:0px;
	padding:0px;
}

html,body{
	height:100%;
	font-size:62.5%;
	-webkit-text-size-adjust:none;
}

body{
	background:#1a79e4 url(../img/bg_court.png) no-repeat center 465px / 300%;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-size:1.8rem;
	font-family:'Noto Sans JP', sans-serif;
	font-optical-sizing:auto;
	font-weight:300;
	font-style:normal;
	font-variation-settings:
		"wdth" 100;
	color:#000;
	line-height:1.6;
	letter-spacing:0.4px;
	counter-reset:number 0;
	overflow-wrap:anywhere;
  word-break:normal;
  line-break:strict;
}

@media only screen and (max-width:736px){

	body{
		background:#1a79e4 url(../img/bg_court.png) no-repeat center 260px / 300%;
	}

}



/* --------------------
txt
-------------------- */

h1,h2,h3,h4,h5,p,span,ol,ul,li,dl,dt,dd{
	margin:0;
	padding:0;
	line-height:1;
}

a:link,
a:hover,
a:visited{
	color:#004899;
	font-weight:400;
	text-decoration:none;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
a:hover{
	text-decoration:underline;
}

span{
	margin:0;
	padding:0;
	line-height:1;
}
sup{
	font-size:2.0rem;
	vertical-align:unset;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
	display:block;
}

ol, ul{
	list-style:none;
}

blockquote, q{
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after{
	content:'';
	content:none;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}


.fwb{font-weight:bold;}
.fw_300{font-weight:300;}
.fw_400{font-weight:400;}
.fw_700{font-weight:700;}
.fw_800{font-weight:800;}

.fs_10{font-size:1.0rem;}
.fs_12{font-size:1.2rem;}
.fs_14{font-size:1.4rem;}
.fs_16{font-size:1.6rem;}
.fs_18{font-size:1.8rem;}
.fs_20{font-size:2.0rem;}
.fs_22{font-size:2.2rem;}
.fs_24{font-size:2.4rem;}
.fs_26{font-size:2.6rem;}
.fs_30{font-size:3.0rem;}
.fs_40{font-size:4.0rem;}
.fs_50{font-size:5.0rem;}
.fs_60{font-size:6.0rem;}
.fs_70{font-size:7.0rem;}
.fs_80{font-size:8.0rem;}

.txt_lt{text-align:left;}
.txt_cnt{text-align:center;}
.txt_rgt{text-align:right;}


/* --------------------
image
-------------------- */

a img{
	border:0;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

a:hover img{
	opacity:0.6;
}


/* --------------------
layout
-------------------- */

section{
	box-sizing:border-box;
}

.cl::after{
	clear:both;
	content:" ";
	display:block;
	font-size:0;
	height:0;
	visibility:hidden;
}

.inner{
	width:84%;
	margin:0 auto;
	box-sizing:border-box;
}

@media only screen and (max-width:736px){

	.inner{
		width:86%;
	}

}

.flex{
	display:flex;
}

.flex_sa{
	display:flex;
	justify-content:space-around;
	align-items:center;
}
.flex_sb{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.flex_se{
	display:flex;
	justify-content:space-evenly;
	align-items:center;
}
.flex_fs{
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.flex_fe{
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.flex_cnt{
	display:flex;
	justify-content:center;
	align-items:center;
}

.flex_wrap{
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}

.wid_35{width:35%;}
.wid_40{width:40%;}
.wid_45{width:45%;}
.wid_50{width:50%;}
.wid_55{width:55%;}
.wid_60{width:60%;}
.wid_65{width:65%;}
.wid_100{width:100%;}

.mg0at{margin:0 auto;}

.mg10t{margin:10px 0 0;}
.mg10b{margin:0 0 10px;}
.mg10tb{margin:10px 0;}

.mg20t{margin:20px 0 0;}
.mg20b{margin:0 0 20px;}
.mg20tb{margin:20px 0;}

.mg30t{margin:30px 0 0;}
.mg30b{margin:0 0 30px;}
.mg30tb{margin:30px 0;}

.mg50t{margin:50px 0 0;}
.mg50b{margin:0 0 50px;}
.mg50tb{margin:50px 0;}

.pd10{padding:10px;}
.pd10t{padding:10px 0 0;}
.pd10b{padding:0 0 10px;}
.pd10tb{padding:10px 0;}

.pd20{padding:20px;}
.pd20t{padding:20px 0 0;}
.pd20b{padding:0 0 20px;}
.pd20tb{padding:20px 0;}

.pd30{padding:30px;}
.pd30t{padding:30px 0 0;}
.pd30b{padding:0 0 30px;}
.pd30tb{padding:30px 0;}

.pd50{padding:50px;}
.pd50t{padding:50px 0 0;}
.pd50b{padding:0 0 50px;}
.pd50tb{padding:50px 0;}