html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video
{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
}
body
{
	line-height:1
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
{
	display:block
}
ul
{
	list-style:none
}
blockquote,q
{
	quotes:none
}
blockquote:before,blockquote:after,q:before,q:after
{
	content:'';
	content:none
}
a
{
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
}
ins
{
	text-decoration:underline
}
mark
{
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold
}
del
{
text-decoration:line-through
}
abbr[title],dfn[title]
{
border-bottom:1px dotted;
cursor:help
}
table
{
border-collapse:collapse;
border-spacing:0
}
hr
{
position:relative;
display:block;
height:0px;
border:0;
margin:1em 0;
padding:0
}
input,select,textarea
{
vertical-align:middle;
line-height:1.7
}
input[type="text"],input[type="password"],textarea,select
{
outline:none;
font-family:inherit
}
input[type="radio"]
{
vertical-align:-0.1em
}
.wrap
{
-webkit-font-smoothing:subpixel-antialiased;
-moz-osx-font-smoothing:unset
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx)
{
.wrap
{
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}

}
html
{
height:100%;
overflow-y:scroll;
opacity:1
}
html.wf-active
{
-webkit-transition:all .3s ease 0s !important;
transition:all .3s ease 0s !important;
opacity:1
}
a
{
-webkit-transition:all .3s ease 0s !important;
transition:all .3s ease 0s !important;
color:#000;
text-decoration:none
}
a:hover
{
opacity:0.8
}
a:active,a:focus
{
color:#fff
}
body
{
font-size:16px;
color:#000;
font-family:"Noto Sans JP",sans-serif;
line-height:1.7;
min-width:1520px;
overflow-wrap:break-word
}
.wrap
{
margin:0px;
padding:0px;
position:relative;
overflow:hidden;
min-height:100vh
}
.sp-box
{
display:none
}
p
{
min-height:16px
}
@media screen and (max-width: 480px)
{
.sp-box
{
display:block
}
.pc-box
{
display:none !important
}
body
{
font-size:15px !important;
min-width:100%;
line-height:1.7;
overflow:hidden;
-webkit-text-size-adjust:100%
}
input[type="button"],input[type="submit"]
{
-webkit-appearance:none
}
a[href^="tel:"]
{
pointer-events:all
}

}
.-width-auto
{
width:auto !important
}
.-flex-direction
{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
.-fs-xs
{
font-size:11px !important
}
.-fs-sm
{
font-size:12px !important
}
.-fs-md
{
font-size:18px !important
}
.-fs-lg
{
font-size:24px !important
}
.-fs-xl
{
font-size:30px !important
}
.-mr-sm
{
margin-right:20px !important
}
.-mb0
{
margin-bottom:0 !important
}
.-mb-xs
{
margin-bottom:10px !important
}
.-mb-sm
{
margin-bottom:20px !important
}
.-mb-md
{
margin-bottom:30px !important
}
.-mb-lg
{
margin-bottom:60px !important
}
.-mb-xl
{
margin-bottom:80px !important
}
.-mt0
{
margin-top:0 !important
}
.-mt-xs
{
margin-top:10px !important
}
.-mt-sm
{
margin-top:20px !important
}
.-mt-md
{
margin-top:30px !important
}
.-mt-lg
{
margin-top:50px !important
}
.-mt-xl
{
margin-top:80px !important
}
.-w5
{
width:5% !important
}
.-w10
{
width:10% !important
}
.-w15
{
width:15% !important
}
.-w20
{
width:20% !important
}
.-w25
{
width:25% !important
}
.-w30
{
width:30% !important
}
.-w35
{
width:35% !important
}
.-w40
{
width:40% !important
}
.-w45
{
width:45% !important
}
.-w50
{
width:50% !important
}
.-w55
{
width:55% !important
}
.-w60
{
width:60% !important
}
.-w65
{
width:65% !important
}
.-w70
{
width:70% !important
}
.-w75
{
width:75% !important
}
.-w80
{
width:80% !important
}
.-w85
{
width:85% !important
}
.-w90
{
width:90% !important
}
.-w95
{
width:95% !important
}
.-w100
{
width:100% !important
}
.-w5,.-w10,.-w15,.-w20,.-w25,.-w30,.-w35,.-w40,.-w45,.-w50,.-w55,.-w60,.-w65,.-w70,.-w75,.-w80,.-w85,.-w90,.-w95,.-w100
{
min-width:auto !important
}
.-flex-box
{
display:-webkit-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-moz-flex;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.-flex-between
{
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between
}
.-flex-end
{
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end
}
.header-block
{
width:100%;
position:relative;
    background-image:url(/img/index/top.jpg);  /* 画像のURLを指定       */
    background-repeat:  no-repeat;                         /* 画像の繰り返しを指定  */
    background-position:center center;                     /* 画像の表示位置を指定  */
}
.header-top
{
width:60%;
min-width:1520px;
display:-webkit-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-moz-flex;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
line-height:1;
text-align:center;
position:relative;
background-color:rgba(0,0,0,0.8)
}
.header-top::after
{
content:'';
position:absolute;
top:auto;
right:auto;
bottom:auto;
left:auto;
top:0px;
right:-30px;
border-width:85px 30px 0px 0px;
border-style:solid;
border-color:#000 transparent transparent transparent;
opacity:0.8
}
.header-top h1
{
width:400px;
line-height:1;
color:#fff;
font-size:45px;
font-family:"Balthazar";
padding:20px 0px;
text-align:center;
background:#AA0919;
position:relative
}
.header-top h1::after
{
content:'';
position:absolute;
top:auto;
right:auto;
bottom:auto;
left:auto;
top:0px;
right:-30px;
border-width:85px 30px 0px 0px;
border-style:solid;
border-color:#AA0919 transparent transparent transparent
}
.header-top .nav-block
{
width:calc(100% - 400px);
color:#fff
}
.header-top .nav-block ul
{
width:calc(100% - 200px);
display:-webkit-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-moz-flex;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding:0 100px;
margin:0 auto
}
.header-top .nav-block ul li
{
width:25%;
font-size:18px;
text-align:center;
line-height:1.5
}
.header-top .nav-block ul li a
{
display:block;
color:#fff !important
}
.header-top .nav-block ul li a span
{
display:block;
font-size:12px
}
.header-banner
{
position:absolute;
top:0;
right:25px;
bottom:0;
left:auto;
width:400px;
height:200px;
background:#fff;
padding:10px;
margin:auto;
display:table
}
.header-banner .header-banner02
{
border:5px solid #AA0919;
position:relative
}
.header-banner .header-banner02 p:first-child
{
color:#fff;
font-size:26px;
font-weight:700;
background:#AA0919;
text-align:center;
padding:20px
}
.header-banner .header-banner02 p:first-child::after
{
content:'';
position:absolute;
top:60px;
right:3px;
bottom:auto;
left:auto;
border-top:15px solid transparent;
border-right:15px solid #fff
}
.header-banner .header-banner02 p:nth-child(2)
{
display:block;
background:#fff;
color:#000;
font-weight:700;
position:relative;
padding:25px 10px 25px 120px
}
.header-banner .header-banner02 p:nth-child(2)::after
{
content:'';
position:absolute;
top:0;
right:auto;
bottom:0;
left:35px;
width:70px;
height:55px;
background:url(/img/common/icon/mail-red.svg) center center no-repeat;
background-size:100% auto;
margin:auto
}
@media screen and (max-width: 480px)
{
.header-block
{
width:100%;
height:520px;
min-width:initial;
background-size:cover
}
.header-top
{
width:100%;
min-width:initial;
display:block
}
.header-top::after
{
display:none
}
.header-top h1
{
width:100%;
font-size:30px;
padding:10px 0px
}
.header-top h1::after
{
display:none
}
.header-top .nav-block
{
width:100%
}
.header-top .nav-block ul
{
width:100%;
padding:0;
margin:0 auto;
border-top:1px solid #fff
}
.header-top .nav-block ul li
{
width:50%;
font-size:15px;
border-bottom:1px solid #fff
}
.header-top .nav-block ul li:nth-child(2n)
{
width:calc(50% - 1px);
border-left:1px solid #fff
}
.header-top .nav-block ul li a
{
padding:10px 0
}
.header-top .nav-block ul li a span
{
display:none
}
.header-banner
{
position:absolute;
top:auto;
right:5px;
bottom:10px;
left:auto;
width:250px;
height:80px;
padding:5px
}
.header-banner .header-banner02
{
border:2px solid #AA0919
}
.header-banner .header-banner02 p:first-child
{
font-size:14px;
font-weight:700;
padding:0
}
.header-banner .header-banner02 p:first-child::after
{
content:'';
position:absolute;
top:12px;
right:2px;
bottom:auto;
left:auto;
border-top:8px solid transparent;
border-right:8px solid #fff
}
.header-banner .header-banner02 p:nth-child(2)
{
font-size:12px;
padding:5px 0px 5px 45px
}
.header-banner .header-banner02 p:nth-child(2)::after
{
content:'';
position:absolute;
top:0;
right:auto;
bottom:0;
left:8px;
background-size:100% auto;
width:30px;
height:100%;
margin:auto
}

}
.content-block
{
width:100%;
min-width:1520px;
display:-webkit-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-moz-flex;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.content-block .content-inner
{
width:1520px;
padding:60px 0
}
.content-block .content-inner h2
{
width:100%;
font-size:70px;
margin:auto;
text-align:center;
margin-bottom:100px
}
.content-block .content-inner h2 span
{
display:block;
font-size:25px;
color:#AA0919
}
.content-block .content-inner .note .-title
{
font-size:30px;
font-weight:600;
margin-bottom:30px
}
.content-block .content-inner .note ul
{
display:-webkit-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-moz-flex;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
margin-top:55px
}
.content-block .content-inner .note ul li
{
width:calc((90% - 15px) / 2);
margin-bottom:15px;
margin-right:15px
}
.content-block .content-inner .note ul li a
{
display:-webkit-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-moz-flex;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
line-height:1;
border:1px solid #000;
color:#000 !important;
padding:30px 0
}
.content-block .content-inner .note ul li a:hover
{
background:#000 !important;
color:#fff !important;
opacity:1.0
}
.content-block .content-inner .note ul li.mail a
{
display:-webkit-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-moz-flex;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background:#000;
color:#fff !important;
padding:0
}
.content-block .content-inner .note ul li.mail a span
{
line-height:1;
padding:30px 0px 30px 35px;
background:url(/img/common/icon/mail-white.svg) left center no-repeat;
background-size:30px auto
}
.content-block .content-inner .note ul li.mail a:hover
{
background:#AA0919 !important;
border:1px solid #AA0919 !important;
opacity:1.0
}
@media screen and (max-width: 480px)
{
.content-block
{
width:100%;
min-width:initial;
display:-webkit-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-moz-flex;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.content-block .content-inner
{
width:auto;
padding:10px 0
}
.content-block .content-inner h2
{
width:100%;
font-size:32px;
margin:auto;
margin-bottom:20px !important
}
.content-block .content-inner h2 span
{
font-size:18px
}
.content-block .content-inner .note .-title
{
width:100%;
font-size:20px;
margin-bottom:10px
}
.content-block .content-inner .note ul
{
display:-webkit-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-moz-flex;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
margin-top:30px
}
.content-block .content-inner .note ul li
{
width:70%
}
.content-block .content-inner .note ul li a
{
padding:20px 0
}
.content-block .content-inner .note ul li.mail a
{
display:-webkit-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-moz-flex;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background:#000;
color:#fff !important;
padding:0
}
.content-block .content-inner .note ul li.mail a span
{
line-height:1;
padding:20px 0px 20px 35px;
background:url(/img/common/icon/mail-white.svg) left center no-repeat;
background-size:30px auto
}
.content-block .content-inner .note ul li.mail a:hover
{
background:#AA0919 !important;
border:1px solid #AA0919 !important;
opacity:1.0
}

}
.footer-block
{
background:#AA0919
}
.footer-block .footer-inner
{
display:-webkit-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-moz-flex;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding:10px 0;
color:#fff
}
.content-block.-index-team
{
background:#f2f2f2;
margin-bottom:200px
}
.content-block.-index-team .content-inner
{
display:-webkit-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-moz-flex;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:relative
}
.content-block.-index-team .content-inner:after
{
content:"";
position:absolute;
top:auto;
right:auto;
bottom:100px;
left:0;
width:52%;
height:550px;
background:url(/img/index/team02.jpg) center center no-repeat;
background-size:cover
}
.content-block.-index-team .content-inner h2
{
margin-bottom:180px
}
.content-block.-index-team .content-inner .note
{
width:calc(52% - 130px);
background:#fff;
padding:30px 30px 30px 100px
}
.content-block.-index-team .content-inner .note ul .mail
{
margin-bottom:0
}
.content-block.-index-member
{
margin-bottom:150px
}
.content-block.-index-member .content-inner
{
display:-webkit-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-moz-flex;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:relative
}
.content-block.-index-member .content-inner:after
{
content:"";
position:absolute;
top:0;
right:auto;
bottom:auto;
left:0;
border-bottom:550px solid transparent;
border-left:550px solid #AA0919;
z-index:0
}
.content-block.-index-member .content-inner:before
{
content:"";
position:absolute;
top:auto;
right:0;
bottom:0;
left:auto;
border-top:350px solid transparent;
border-right:350px solid #AA0919;
z-index:0
}
.content-block.-index-member .content-inner .note
{
z-index:10;
width:calc(52% - 130px);
padding:30px 130px 30px 0px;
position:relative
}
.content-block.-index-member .content-inner .note:after
{
content:"";
position:absolute;
top:-50px;
right:auto;
bottom:auto;
left:-550px;
width:410px;
height:300px;
background:url(/img/index/member-01.jpg) center center no-repeat;
background-size:cover;
z-index:0
}
.content-block.-index-member .content-inner .note:before
{
content:"";
position:absolute;
top:210px;
right:auto;
bottom:auto;
left:-300px;
width:210px;
height:210px;
background:url(/img/index/member-02.jpg) center center no-repeat;
background-size:cover;
z-index:10
}
.content-block.-index-member .content-inner .note ul .mail
{
margin:0
}
.content-block.-index-schedule
{
margin-bottom:200px;
padding-top:150px;
border-top:1px solid #666
}
.content-block.-index-schedule .content-inner
{
display:-webkit-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-moz-flex;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:relative
}
.content-block.-index-schedule .content-inner:after
{
content:"";
position:absolute;
top:0;
right:auto;
bottom:auto;
left:0;
border-bottom:350px solid transparent;
border-left:350px solid #AA0919;
z-index:0
}
.content-block.-index-schedule .content-inner:before
{
content:"";
position:absolute;
top:auto;
right:0;
bottom:-120px;
left:auto;
border-top:550px solid transparent;
border-right:550px solid #AA0919;
z-index:0
}
.content-block.-index-schedule .content-inner .note
{
z-index:10;
width:calc(52% - 200px);
padding:15px 0 30px 200px;
position:relative
}
.content-block.-index-schedule .content-inner .note:after
{
content:"";
position:absolute;
top:-62px;
right:-640px;
bottom:auto;
left:auto;
width:445px;
height:445px;
background:url(/img/index/schedule.jpg) center center no-repeat;
background-size:cover;
z-index:0
}
.content-block.-index-schedule .content-inner .sp-box
{
display:initial
}
.content-block.-index-recruitment
{
margin-bottom:250px
}
.content-block.-index-recruitment .content-inner
{
width:100%;
padding:0;
display:-webkit-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-moz-flex;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:relative
}
.content-block.-index-recruitment .content-inner::after
{
content:"";
position:absolute;
top:auto;
right:0;
bottom:auto;
left:auto;
width:50%;
height:100%;
background:url(/img/index/recruit.jpg) center center no-repeat;
background-size:cover;
z-index:0
}
.content-block.-index-recruitment .content-inner .note
{
width:calc(60% - 40px);
display:-webkit-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-moz-flex;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background-color:#232e5f;
padding:100px 20px;
line-height:2.0;
z-index:10;
-webkit-clip-path:polygon(0% 100%, 0% 0%, 100% 0%, 90% 100%);
clip-path:polygon(0% 100%, 0% 0%, 100% 0%, 90% 100%)
}
.content-block.-index-recruitment .content-inner .note .recruitment-read p
{
font-size:23px;
color:#fff
}
.content-block.-index-recruitment .content-inner .note .recruitment-read p:last-child
{
font-size:15px
}
.content-block.-index-tournament
{
position:relative
}
.content-block.-index-tournament .content-inner
{
display:-webkit-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-moz-flex;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.content-block.-index-tournament .content-inner::before
{
content:"";
width:122px;
height:120px;
background:url(/img/common/icon/trophy.svg) top center no-repeat;
position:absolute;
top:-50px;
right:0;
bottom:auto;
left:0;
background-size:cover;
margin:auto
}
.content-block.-index-tournament .content-inner h2
{
width:30%;
background:#fff
}
.content-block.-index-tournament .content-inner h2::after
{
content:"";
position:absolute;
top:125px;
right:auto;
bottom:auto;
left:0;
width:100%;
height:1px;
background:#333;
z-index:-10
}
.content-block.-index-tournament .content-inner .tournament_info
{
width:75%;
display:-webkit-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-moz-flex;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.content-block.-index-tournament .content-inner .tournament_info .cate-title
{
width:80%;
font-size:30px;
margin-bottom:30px
}
.content-block.-index-tournament .content-inner .tournament_info .cate-title span
{
font-size:20px;
margin-left:20px;
line-height:1 !important
}
.content-block.-index-tournament .content-inner .tournament_info .cate-title span.hokkaido
{
color:#fff;
border-radius:30px;
background-color:#232e5f;
padding:5px 40px
}
.content-block.-index-tournament .content-inner .tournament_info .cate-title span.outside_hokkaido
{
color:#fff;
border-radius:30px;
background-color:#ff4500;
padding:5px 40px
}
.content-block.-index-tournament .content-inner .tournament_info ul
{
width:100%;
margin-bottom:60px
}
.content-block.-index-tournament .content-inner .tournament_info ul li
{
border-bottom:2px dotted #666;
display:-webkit-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-moz-flex;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:20px;
width:calc(100% - 20%);
padding:20px 10%
}
.content-block.-index-tournament .content-inner .tournament_info ul li:hover
{
background:#edf9fc
}
.content-block.-index-tournament .content-inner .tournament_info .month
{
margin-right:75px
}
.mail-note
{
font-size:14px !important;
font-weight:normal !important;
line-height:1.4 !important;
margin-top:10px
}
.mail-note span
{
display:block
}
.recruitment-read .mail-note
{
color:#fff !important
}
ul.annotation
{
padding:10px 0 0 0 !important;
margin:0 !important;
width:100%
}
ul.annotation li
{
width:calc(100% - 20px) !important;
padding:0 0 0 20px;
position:relative
}
ul.annotation li::after
{
position:absolute;
top:0;
right:auto;
bottom:auto;
left:0;
content:"\203B"
}
@media screen and (max-width: 480px)
{
.content-block.-index-team
{
margin-bottom:20px;
padding-bottom:20px
}
.content-block.-index-team .content-inner
{
display:-webkit-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-moz-flex;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-top:30px
}
.content-block.-index-team .content-inner:after
{
content:"";
position:absolute;
top:110px;
right:auto;
bottom:auto;
left:auto;
width:100%;
height:300px
}
.content-block.-index-team .content-inner .note
{
width:100%;
padding:10px;
padding-top:20px;
margin-top:72%;
z-index:10
}
.content-block.-index-member
{
margin-bottom:50px
}
.content-block.-index-member .content-inner
{
padding-bottom:200px
}
.content-block.-index-member .content-inner:after
{
content:"";
position:absolute;
top:-20px;
right:auto;
bottom:auto;
left:0;
border-bottom:70px solid transparent;
border-left:100px solid #AA0919
}
.content-block.-index-member .content-inner:before
{
display:none
}
.content-block.-index-member .content-inner .note
{
width:100%;
padding:10px
}
.content-block.-index-member .content-inner .note:after
{
content:"";
position:absolute;
top:390px;
right:auto;
bottom:auto;
left:0;
width:50%;
height:50%
}
.content-block.-index-member .content-inner .note:before
{
content:"";
position:absolute;
top:390px;
right:0;
bottom:auto;
left:auto;
width:50%;
height:50%
}
.content-block.-index-member .content-inner ul .mail
{
margin:auto;
z-index:10
}
.content-block.-index-schedule
{
margin-bottom:50px;
padding-top:60px
}
.content-block.-index-schedule .content-inner:after
{
content:"";
position:absolute;
top:-60px;
right:auto;
bottom:auto;
left:0;
border-bottom:70px solid transparent;
border-left:100px solid #AA0919;
z-index:0
}
.content-block.-index-schedule .content-inner:before
{
display:none
}
.content-block.-index-schedule .content-inner .note
{
width:100%;
padding:10px
}
.content-block.-index-schedule .content-inner .note:after
{
display:none
}
.content-block.-index-schedule .content-inner .sp-box
{
display:none
}
.content-block.-index-recruitment
{
margin-bottom:120px
}
.content-block.-index-recruitment .content-inner
{
width:100%;
padding:0
}
.content-block.-index-recruitment .content-inner::after
{
display:none
}
.content-block.-index-recruitment .content-inner .note
{
width:100%;
padding:50px 10px;
line-height:1.8;
-webkit-clip-path:none;
clip-path:none
}
.content-block.-index-recruitment .content-inner .note .recruitment-read p
{
font-size:15px
}
.content-block.-index-recruitment .content-inner .note .recruitment-read ul .mail
{
margin-bottom:0
}
.content-block.-index-tournament
{
position:relative
}
.content-block.-index-tournament .content-inner::before
{
position:absolute;
top:-50px;
right:0;
bottom:auto;
left:0;
background-size:50% auto
}
.content-block.-index-tournament .content-inner h2
{
width:40%
}
.content-block.-index-tournament .content-inner h2::after
{
position:absolute;
top:40px;
right:auto;
bottom:auto;
left:0
}
.content-block.-index-tournament .content-inner .tournament_info
{
width:98%
}
.content-block.-index-tournament .content-inner .tournament_info .cate-title
{
width:100%;
font-size:22px;
margin-bottom:10px;
padding-left:20px
}
.content-block.-index-tournament .content-inner .tournament_info .cate-title span
{
font-size:16px;
margin-left:20px
}
.content-block.-index-tournament .content-inner .tournament_info .cate-title span:nth-child(2)
{
display:block;
font-size:14px;
padding:15px 0 0 0;
margin:0
}
.content-block.-index-tournament .content-inner .tournament_info .cate-title span.hokkaido
{
padding:5px 40px
}
.content-block.-index-tournament .content-inner .tournament_info .cate-title span.outside_hokkaido
{
padding:5px 40px
}
.content-block.-index-tournament .content-inner .tournament_info ul
{
width:100%;
margin-bottom:60px
}
.content-block.-index-tournament .content-inner .tournament_info ul li
{
border-bottom:1px dotted #666;
display:-webkit-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-moz-flex;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:16px;
width:100%;
padding:8px 0 8px 20px
}
.content-block.-index-tournament .content-inner .tournament_info ul li .month
{
margin-right:20px
}
.mail-note span
{
display:inline
}

}
.-width-auto
{
width:auto !important
}
.-flex-direction
{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
.-fs-xs
{
font-size:11px !important
}
.-fs-sm
{
font-size:12px !important
}
.-fs-md
{
font-size:18px !important
}
.-fs-lg
{
font-size:24px !important
}
.-fs-xl
{
font-size:30px !important
}
.-mr-sm
{
margin-right:20px !important
}
.-mb0
{
margin-bottom:0 !important
}
.-mb-xs
{
margin-bottom:10px !important
}
.-mb-sm
{
margin-bottom:20px !important
}
.-mb-md
{
margin-bottom:30px !important
}
.-mb-lg
{
margin-bottom:60px !important
}
.-mb-xl
{
margin-bottom:80px !important
}
.-mt0
{
margin-top:0 !important
}
.-mt-xs
{
margin-top:10px !important
}
.-mt-sm
{
margin-top:20px !important
}
.-mt-md
{
margin-top:30px !important
}
.-mt-lg
{
margin-top:50px !important
}
.-mt-xl
{
margin-top:80px !important
}
.-w5
{
width:5% !important
}
.-w10
{
width:10% !important
}
.-w15
{
width:15% !important
}
.-w20
{
width:20% !important
}
.-w25
{
width:25% !important
}
.-w30
{
width:30% !important
}
.-w35
{
width:35% !important
}
.-w40
{
width:40% !important
}
.-w45
{
width:45% !important
}
.-w50
{
width:50% !important
}
.-w55
{
width:55% !important
}
.-w60
{
width:60% !important
}
.-w65
{
width:65% !important
}
.-w70
{
width:70% !important
}
.-w75
{
width:75% !important
}
.-w80
{
width:80% !important
}
.-w85
{
width:85% !important
}
.-w90
{
width:90% !important
}
.-w95
{
width:95% !important
}
.-w100
{
width:100% !important
}
.-w5,.-w10,.-w15,.-w20,.-w25,.-w30,.-w35,.-w40,.-w45,.-w50,.-w55,.-w60,.-w65,.-w70,.-w75,.-w80,.-w85,.-w90,.-w95,.-w100
{
min-width:auto !important
}
.-flex-box
{
display:-webkit-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-moz-flex;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.-flex-between
{
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between
}
.-flex-end
{
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end
}