@charset "utf-8";

/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;background:transparent;}
main,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse;border-spacing:0}

/* add reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea,select{box-sizing:border-box;max-height:100%;}
body{font-weight:normal;line-height:1.7; font-family: メイリオ, Meiryo, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', sans-serif;color:rgba(0,0,0,0.8);}

ins{background-color:#ff9;color:#180614;text-decoration:none;}
mark{background-color:#ff9;color:#180614;font-style:italic;font-weight:bold;}
del {text-decoration:line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted;cursor:help;}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select{vertical-align:middle;}

a{
    text-decoration:none;
    color:rgba(0,0,0,0.8);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.fade{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.sfade{
    -webkit-transition: all 1.3s ease;
    -moz-transition: all 1.3s ease;
    -ms-transition: all 1.3s ease;
    -o-transition: all 1.3s ease;
    transition: all  1.3s ease;
}

a:hover img{opacity:0.5;}
a img{transition: opacity 0.3s ease-out;}

img{width:100%; vertical-align:bottom;}

iframe{border: none;}
.iframe-content{position: relative; width: 100%; padding: 75% 0 0 0;}
.iframe-content iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* layout */
body{background:rgba(0,0,0,0.3);}

#site_header,
#site_top,#site_content,#site_footer{width:100%; overflow:hidden; clear:both; position:relative;}
#site_header{background:url(../img/bg.png) repeat-x,rgba(230,0,18,1.0);}
#site_top,#site_content{background:#efefef;}

header{width:100%; max-width:820px; margin:0 auto; padding:0 10px; overflow:hidden; clear:both;}
.top{width:100%; max-width:820px; margin:0 auto; padding:0 10px; overflow:hidden; clear:both;}
.content{width:100%; max-width:820px; margin:0 auto; padding:0 10px; overflow:hidden; clear:both;}
footer{width:100%; max-width:820px; margin:0 auto; padding:10px; overflow:hidden; clear:both;}



/* header */
ul.navi{font-size:13px;}
ul.navi a{display:block; width:100px; padding:3px 0; text-align:center; float:left; background:rgba(230,0,18,1.0); color:rgba(255,255,255,1.0); border-bottom:3px solid rgba(230,0,18,1.0);}
ul.navi a:hover{border-bottom:3px solid rgba(0,0,0,1.0);}

/* content */
main{background:rgba(255,255,255,1.0); padding:10px; overflow:hidden;}
p{margin-bottom:1.0em;}
.bold{font-weight:bold;}
.underline{text-decoration:underline;}
.underline:hover{color:rgba(230,0,18,1.0);}

h2.the_title{
color:rgba(255,255,255,1.0);
text-shadow:2px 2px 1px rgba(0,0,0,1.0);
font-size:1.3em;
font-weight:bold;
padding:5px 10px 0;
border-left:solid 7px rgba(0,0,0,0.8);
background:-webkit-repeating-linear-gradient(-45deg, rgba(0,0,0,1.0), rgba(0,0,0,1.0) 3px,rgba(230,0,18,1.0) 3px, rgba(230,0,18,1.0) 7px);
background:repeating-linear-gradient(-45deg, rgba(0,0,0,1.0), rgba(0,0,0,1.0) 3px,rgba(230,0,18,1.0) 3px, rgba(230,0,18,1.0) 7px);
margin-bottom:0.5em;}

.textbox{padding:0 0.5em 1.0em; clear:both;}
.listbox{padding:0 0.5em 1.0em; font-weight:bold;}
li.sakura{list-style-image:url(../img/sakura.png); margin-top:3px; margin-left:1.5em;}

.join a{display:block; background:rgba(230,0,18,0); border-radius:5px; clear:both;}
.join a:hover{background:rgba(230,0,18,0.1); border-radius:5px;}
.todoke{text-align:right;}

#backToTop{position:fixed; bottom:20px; right:20px; width:50px; height:50px; border-radius:10px; cursor:pointer; background:rgba(230,0,18,0.7); color:rgba(255,255,255,1); flex-flow:row nowrap; justify-content:center; align-items:center; display:none;}

/* footer */
p.cr{text-align:right; margin-bottom:0;}

/* team*/
.flag{width:256px; height:178px; margin:0 auto 5px; padding-top:20px;}
.flagtext{font-size:0.7em; text-align:center;}
.team_message{
font-size:3.0em;
font-weight:bold;
color:rgba(255,255,255,1.0);
text-align:center;
text-shadow:3px 3px 5px rgba(230,0,18,1.0), -3px 3px 5px rgba(230,0,18,1.0),3px -3px 5px rgba(230,0,18,1.0), -3px -3px 5px rgba(230,0,18,1.0);}
table.team{width:100%;}
table.team th{width:20%; padding:5px 10px; background:rgba(230,0,18,0.2); border-right:1px solid rgba(255,255,255,1.0); border-bottom:1px solid rgba(255,255,255,1.0); vertical-align:middle;}
table.team td{width:80%; padding:5px 10px; background:rgba(230,0,18,0.1); border-bottom:1px solid rgba(255,255,255,1.0); vertical-align:middle;}
.nyubu_br_img{width:262px; height:67px; margin: 0 auto;}

/* staff */
.staff_box{border:1px solid rgba(230,0,18,1.0); padding:10px; margin-bottom:10px; overflow:hidden; clear:both;}
.staff_photo{width:20%; border:5px solid rgba(230,0,18,1.0); float:left;}
.staff_photo img{height:200px; object-fit:cover; font-family: 'object-fit: cover;'}
.staff_text{width:77%; float:right;}
table.staff_profile{width:100%; text-align:left;}
table.staff_profile th{width:20%; font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", 游明朝, YuMincho, HG明朝E, "MS P明朝", "MS PMincho", serif;}
table.staff_profile th,table.staff_profile td{padding:5px; border-bottom:1px solid rgba(230,0,18,1.0);}

/* player */
ul.player, ul.player_graduate{overflow:hidden; clear:both;}
ul.player li{width:130px; float:left; text-align:center; font-size:1.7em; font-weight:bold;}
ul.player li a{display:block; background:rgba(230,0,18,0.1);}
ul.player li a:hover{display:block; background:rgba(230,0,18,0.2); border-radius:5px;}
ul.player_graduate li{width:130px; float:left; text-align:center; font-size:1.0em;}

h1.player_header{color:rgba(255,255,255,1.0); font-size:2.5em; font-family: 'Faster One', cursive; text-align:center;}

table.player{width:100%; margin-bottom:10px;}
table.player th{width:20%; padding:5px 5px 0; background:rgba(230,0,18,1.0); color:rgba(255,255,255,1); text-align:left; border:1px solid rgba(230,0,18,1);}
table.player td{width:20%; text-align:center; border:1px solid rgba(230,0,18,1);}
table.player td a{display:block; padding:10px 10px 5px; background:rgba(230,0,18,0);}
table.player td a:hover{background:rgba(230,0,18,0.2);}
span.small{font-size:0.7em;}

table.ashiato{width:100%; margin-bottom:10px;}
table.ashiato th{width:25%; padding:5px 5px 0; background:rgba(230,0,18,1.0); color:rgba(255,255,255,1); text-align:left; border:1px solid rgba(230,0,18,1);}
table.ashiato td{width:25%; text-align:center; border:1px solid rgba(230,0,18,1);}
table.ashiato td a{display:block; padding:10px 10px 5px; background:rgba(230,0,18,0);}
table.ashiato td a:hover{background:rgba(230,0,18,0.2);}

.players_box{padding:1.0em; background:rgba(230,0,18,0.1); margin-bottom:1.0em;}
.name{display:block; font-size:1.3em; font-weight:bold; font-style:italic; border-bottom:1px solid rgba(255,255,255,1.0); margin-bottom:0.5em;}
dl.qa{padding:0 1.0em;}
dl.qa dt{font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", 游明朝, YuMincho, HG明朝E, "MS P明朝", "MS PMincho", serif;}
dl.qa dt:before{content:"Q."}
dl.qa dd{padding:0 1.0em 0.5em;}

/* join */
.small_text{font-size:0.7em;}

/* member_only */
.member_only{padding:55px 0; text-align:center;}

/* wingsfc */
table.wingsfc{width:100%; border:1px solid rgba(230,0,18,1.0); margin-bottom:20px;}
table.wingsfc th{width:25%; padding:10px 10px 5px; text-align:left; font-weight:bold; color:rgba(255,255,255,1.0); background:rgba(230,0,18,1.0);}
table.wingsfc td.db{width:25%; text-align:center;}
table.wingsfc td.db a{display:block; padding:10px 10px 5px; background:rgba(230,0,18,0);}
table.wingsfc td.db a:hover{background:rgba(230,0,18,0.2);}
table.wingsfc td.board{width:25%; text-align:center;}
table.wingsfc td.board a{display:block; padding:10px 10px 5px; background:rgba(230,0,18,0);}
table.wingsfc td.board a:hover{background:rgba(230,0,18,0.2);}
table.wingsfc td.colspan{width:75%; text-align:center;}
table.wingsfc td.colspan a{display:block; padding:10px 10px 5px; background:rgba(230,0,18,0);}
table.wingsfc td.colspan a:hover{background:rgba(230,0,18,0.2);}