@charset "utf-8";
html{
overflow:auto;
}

body{
color: #000 !important;
overflow:hidden;
}

#title_h{
width: 100%;
background: url(img/title_back.jpg) no-repeat center top;
padding-top: 30px;
text-align: center;
}

#title_sub{
width: 100%;
background: #0090d5;
padding: 20px;
text-align: center;
color: #fff;
}

h3{
color: #fff;
font-size: 1em;
}

#tab{
text-align: center;
margin: 20px 0 10px;
}
#tab a{
white-space:nowrap;
}

p{
margin-top: 10px;
font-size: medium;
}
hr{
border: 0.5px #E7E7E7 dotted;
margin: 20px 0;
display: block;
clear: both;
}

hr.style2{
border: 0.5px #FDC7CA dotted;
margin: 20px 0;
display: block;
clear: both;
}

.style3{
border:solid 0.5px #F0B639;
margin: 20px 30px;
padding: 0 40%;
display: block;
clear: both;
}

.small_text{
font-size: small;
font-weight: 300;
}

.big_text{
font-size: 21px;
font-weight: 600;
letter-spacing: 0em;
}

.bigbig_text{
font-size: 2em;
font-weight: 600;
line-height: 1em;
}

.bigbig_text font{
font-size: small;
}

.bigbig_text2{
font-size: 1.6em;
font-weight: 600;
line-height: 1.5em;
}

.title_text{
font-size: 3em;
}

.fude_name{
font-family: "FOT-KSO極太楷書";
}
.name{
font-family: "FOT-グレコ Std DB";
}

.blue{
color: #0090d5;
}

.red{
color: #BA0003;
}

.center{
text-align: center;
}


#aisatsu{
margin: 10px 0 0;
}
.aisatsu_box{
margin:10px 0 10px;
}
.aisatsu_img_l{
margin-right: 10px;
margin-bottom: 10px;
width: 30%;
}
#aisatsu p{
margin-top: 15px;
}
#aisatsu span{
color: #0090d5;
}
#aisatsu .title img{
width: 100%;
margin-top: 20px;
}

#riji .aisatsu_box span{
color: #000000;
}


#iinkai,#iinkai .row{
padding: 0;
margin: 0;
}
#iinkai .title{

}
#iinkai .subtitle{
text-align: center;
margin: 15px 0;
width: 100%;
}
#iinkai img{
width: 100%;
}
#iinkai .iinname{
text-align: center;
font-size: 90%;
margin: 5px 0 10px;
}
#iinkai .col-xs-8{
margin: -48% 0 0;
width: 75%;
}
#iinkai .comment{
background-color: #AFC8E6;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
width: 85%;
display: inline-block;
}
#iinkai .comment span{
padding: 15px;
font-size: 95%;
display: block;
}
#iinkai .comment2{
width: 5%;
display: inline-block;
vertical-align: top;
}






#iintyo{
margin: 10px 0 0;
}


.iintyo_box{
margin:10px 0 10px;
}
.iintyo_img_l{
margin-right: 10px;
margin-bottom: 10px;
width: 30%;
}
#iintyo p{
margin-top: 15px;
}
#iintyo span{
color: #0090d5;
}

#iintyo .title{
margin-top: 30px;

}

#iintyo .title img{
width: 100%;
}



#academy .title{
margin-top: 30px;
}

.academy_img_l{
margin-right: 10px;
margin-bottom: 10px;
width: 30%;
}
.academy_img_2{
margin-left: 10px;
margin-bottom: 10px;
width: 30%;
}
#academy p{
margin-top: 15px;
}
#academy span{
color: #0090d5;
}

.academy_box{
padding: 10px;

clear: both;
}

#academy .photo{
margin: 30px 5px 0;
}

#academy .title img{
width: 100%;
}


#academy .namebox{
display: inline-block;
vertical-align: top;
margin: 10px;
width: 100%;
padding: 10px;
}




.youtube_box{
text-align: center;
margin-top:20px;
}

.youtube_box iframe{
width: 60%;
height:300px; 
}


#mirai{
margin: 10px 0 0;
}
.mirai_box{
margin:10px 0 10px;
}
.mirai_img_l{
margin-right: 10px;
margin-bottom: 10px;
width: 30%;
}
.mirai_img_2{
margin-left: 10px;
margin-bottom: 10px;
width: 30%;
}
#mirai p{
margin-top: 15px;
}
#mirai span{
color: #0090d5;
}


#mirai{
clear: both;
padding-top: 20px;
}

#mirai .box{
padding: 0;
margin: 15px auto 0;
clear: both;
}

#mirai .taidan{
width: 100%;
}
#mirai .stu img{
width: 100%;
}

#mirai .arrow{
display: inline-block;
width: 2%;
vertical-align: top;
margin-top: 10px;
}
#mirai .comment{
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
display: inline-block;
vertical-align: top;
width: 80%;
text-align: left;
}
#mirai .comment span{
padding: 15px;
display: block;
}
#mirai .comment1{
background-color: #AFC8E6;
}
#mirai .comment2{
background-color: #F9D3DC;
}
#mirai .photo{
margin: 30px 5px 0;
}

#mirai .title img{
width: 100%;
}






#tiku{
clear: both;
background: #2e73b6;
color: #fff;
margin-top: 30px;
padding: 0;
}
#tiku img{
width: 100%;
}
.tiku-box{
padding: 15px;
}
#tiku .text{
margin-right: 0;
margin-left: 0;
}
#tiku .photo{
padding-top: 15px;
}
#tiku .col-xs-12{
margin-top: 10px;
}
#tiku iframe{
text-align: center;
vertical-align: top;
}
#tiku .bigbig_text{
margin: 5px 0 10px;
}
#tiku .photo .col-xs-4{
padding-left: 0;
padding-right: 0;
}




#kaigi{
margin-top: 50px;
}
#kaigi img{
width: 100%;
}
#kaigi .title{
background: url(img/title_65th.png) no-repeat center top;
height: 133px;
margin-bottom: 10px;
}
#kaigi .box{
padding: 10px;
}
#kaigi iframe{
width: 100%;
vertical-align: top;
}



.hidden_box {
    margin: 1em auto 2em;/*前後の余白*/
    padding: 0;
}
/*ボタン装飾*/
.hidden_box label {
    padding: 15px;
    font-weight: bold;
    border: solid 2px black;
    cursor :pointer;
}
/*ボタンホバー時*/
.hidden_box label:hover {
    background: #efefef;
}
/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}
/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}

#club{
clear: both;
margin: 0;
}
#club img{
width: 100%;
}
#club .title{
margin-top: 30px;
margin-bottom: 30px;
}
.clubicon1{background: url(img/club_ball.jpg) no-repeat left top;}
.clubicon2{background: url(img/club_soccer.jpg) no-repeat left top;}
.clubicon3{background: url(img/club_hockey.jpg) no-repeat left top;}
.clubicon4{background: url(img/club_golf.jpg) no-repeat left top;}
#club h4{
margin: 0 0 5px;
font-size: 18px;
color: #333;
}
#club .col-md-6{
margin-top: 30px; 
}
#club p{
font-size: 115%;
text-align: right;
}



#kakudai {
background: #bc5858;
color: #fff;
margin: 50px 0 50px;
padding: 20px 20px 30px;
}

#kakudai .title{
margin-bottom: 30px;
text-align: center;
width: 100%;
}

#kakudai .title img{
width: 100%;
}

#kakudai h4{
margin: 20px 0 10px;
font-size: 20px;
}


#kakudai h5{
font-size: 120%;
margin: 15px 0;
}


.kakudai_box{
margin:10px 0 10px;
}
.kakudai_img_l{
margin-right: 10px;
margin-bottom: 10px;
width: 30%;
}


#korona {
color: #000;
margin: 50px 0 20px;
padding: 10px;
background-color: #e5f9ff;
}

#korona .title{
margin-bottom: 30px;
text-align: center;
width: 100%;
}
#korona .title img{
width: 100%;
}

.korona_box{
margin:10px;
}
.korona_img_l{
margin-right: 10px;
margin-bottom: 10px;
width: 30%;
}



#korona_enquete img{
width: 100%;
}

#korona_enquete p{
text-align: center;
}




#lom{
margin: 50px 0 20px;
text-align: center;
}
#lom h5{
font-size: 120%;
margin: 15px 0;
}
#lom span{
text-align: left;
display: block;
}

#question{
margin: 50px 0 50px;
text-align: center;
}
#question h5{
font-size: 120%;
margin: 15px 0;
}
#question span{
text-align: left;
display: block;
}

#footer img{
text-align: left;
}

.logo{
white-space: nowrap;
}	



.page-top{
	margin: 0 ;
	padding: 0 ;
}
.page-top p{
	margin: 0 ;
	padding: 0 ;
	position: fixed ;
	right: 16px ;
	bottom: 16px ;
}
.move-page-top{
	display: block ;
	background: #16528d ;
	width: 50px ;
	height: 50px ;
	color: #fff ;
	line-height: 50px ;
	text-decoration: none ;
	text-align: center ;

	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;
}
.move-page-top:hover{
	opacity: 0.85 ;
}




/* 案内状 */
#annai{
margin: 50px auto;
}
img[usemap] {
    max-width: 100%;
    height: auto;
}
.annai-button{
text-align: center;
max-width: 500px;
margin: 0 auto 100px;
padding: 0 50px;
}
.annai-button img{
width: 100%;
}


footer{
background-color:#0071B7;
margin-top:40px;
padding: 10px 0;
color: #fff;
clear: both;
}
footer .row{
margin: 0!important;
}
footer .f-logo{
text-align: left;
}
footer .f-logo img{
max-width: 100px;
display: inline-block;
vertical-align: middle;
}
footer h2{
display: inline-block;
vertical-align: middle;
text-align: left;
font-size: 1em;
letter-spacing: 0;
margin: 0;
font-weight: 300;
}
footer .f-logo span{
display:block;
margin-top:2px;
vertical-align: middle;
}
footer .f-logo strong{
color:#F28E1E;
font-weight: lighter;
}
footer .f-info{
text-align: right;
font-size: 0.8em;
}


/* PC用
------------------------------------------------------------*/
@media only screen and (min-width:960px){
.br-pc {display:block;}
.br-sp {display:none;}
.pc-dn {display:none;}
.sp-dn {display:block;}
.title_rijityou{
font-size: large;
}
#title{
display: none;
}
}

@media only screen and (max-width:959px){
.m_title{
padding: none 0;
}
#iinkai {
box-sizing: border-box;
}
#iinkai .row{
box-sizing: border-box;
padding: 0 10px;
}
#iinkai .col-xs-4,.col-xs-8{
box-sizing: border-box;
padding: 5px;
}
#iinkai .col-xs-8{
margin: -52% 0 0;
}

#awards .title2{
background: url("img/title_awards.png") no-repeat center top;
width: 100%;
}
#question img{
width: 100%;
}
.clubicon1{background: url(img/club_ball.jpg) no-repeat 36% top;}
.clubicon2{background: url(img/club_soccer.jpg) no-repeat 36% top;}
.clubicon3{background: url(img/club_hockey.jpg) no-repeat 36% top;}
.clubicon4{background: url(img/club_golf.jpg) no-repeat 36% top;}
}


@media only screen and (min-width:750px){
.br-pc {display:block;}
.br-sp {display:none;}
.pc-dn {display:none;}
.sp-dn {display:block;}
}


/* スマホ用
------------------------------------------------------------*/
@media only screen and (max-width:750px){
.br-pc {display:none;}
.br-sp {display:block;}
.pc-dn {display:block;}
.sp-dn {display:none;}
.aisatsu_img_l{
width: 150px;
}
#iinkai .col-xs-8{
margin: -54% 0 0;
font-size: 90%;
padding: 5px;
}
#iintyo .col-xs-8{
margin: -54% 0 0;
font-size: 90%;
padding: 5px;
}	
	
#taidan .title{
background: url(img/title_sotsugyo_sp.jpg) no-repeat center top;
height: 165px;
}
#tiku .fude_name{
font-size: 170%;
}
#iinkai iframe{
margin-top: 5px;
}

#awards .col-xs-6 img{
width: 150px;
}
#awards iframe{
width: 100%;
}
#minato img{
width: 50%;
}
.swiper-container {
  width: 100%;
}
	


.youtube_box iframe{
width: 70%;
height:300px; 
}	


}

/* スマホ用2
------------------------------------------------------------*/
@media only screen and (max-width:600px){
#iinkai .col-xs-8{
margin: -65% 0 0;
}

#iintyo .col-xs-8{
margin: -65% 0 0;
}
    
table.sotsugyo{
width: 100%;
line-height: 1.8;
font-size: 0.8em;
}
    
    
table.awards{
width: 100%;
text-align: center;
line-height: 1.8;
}
table.awards td{
width: 50%;
text-align: center;
}
table.awards td:nth-of-type(2){
white-space: nowrap;
text-align: right;
}
table.awards p{
font-size: 1em;		
}

.awards-box{
margin: 15px 0 0;
padding: 0px;
}

.bigbig_text2{
font-size: 1.3em;
font-weight: 400;
line-height: 1.5em;
}


	

    
}