@charset "utf-8";
/*共通項目*/
body {
display: block;
width: 100%;
margin: 0;
padding: 0;
line-height:1.5;
font-size:100%;
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
overflow-x: hidden;
}
a{
text-decoration: none;
color: #000;
}
.wrap{
max-width:1200px;
margin-left:auto;
margin-right:auto;
}
.sp_br{
	display: none;
}
.pc { display: block !important; }
.sp { display: none !important; }
}
/*TOP部分*/
.topbox{
background-image: url("../img/n_1.png");
height: 172px;
background-size: contain;
background-repeat: no-repeat;
position: relative;
}
.topbox p{
	position: absolute;
	top:50px;
	left:20px;
	color: #FFFFFF;
}
.saikai_h1{
	font-size: 2.5em;
	text-align: center;
	font-weight: 300;

}
/*トップへ戻る*/
.gotop{
    display: block;
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    background: #FFF;
    border: 1px solid #999;
    padding-top: 30px;
    text-align: center;
    letter-spacing: -1px;
    font-size: 85%;
    text-decoration: none;
    color: #333;
    opacity: 0.5;
    position: relative;
}
.gotop::before{
    content: "";
    display: block;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    width: 25%;
    height: 25%;
    top: 25%;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    transform: rotate(-45deg);
}
.gotop:hover{
    opacity: 1;
}
.gotop{
    position: fixed;
    bottom: 20px;
    right: 15%;
    z-index: 10000;
}

/*あいさつ*/
.aisatu_bg{
  background: linear-gradient(120deg, #FFFFFF 0%, #FFFFFF 15%, #FCFDD3 15%, #FCFDD3 100%);
margin-top: 80px;
margin-bottom: 20px;
}
.saikai_aisatu01{
max-width: 900px;
margin-right: auto;
margin-left:  auto;
display: flex;
justify-content: space-between;
}
.saikai_aisatu_noimg{
max-width: 900px;
margin-right: auto;
margin-left:  auto;
text-align: justify;
line-height: 2em;
margin-top: 50px;
margin-bottom: 50px;
}
.saikai_img{
max-width:360px;
margin-top: -30px;
}
.saikai_img img{
max-width: 100%;
}
.saikaitxt_a{
width: 500px;
margin-top: 50px;
}
.saikaitxt_a2 {
width: 900px;
margin-top: 100px;
line-height: 2;
}
.saikaitxt_a h3{
	font-weight: bold;
	font-size: 1.6em;
	margin-bottom: 15px;
}
.saikai_aisatu_noimg h3{
	font-weight: bold;
	font-size: 1.6em;
	margin-bottom: 15px;
}
.saikaitxt_a2 h3{
	font-weight: bold;
	font-size: 1.6em;
	margin-bottom: 15px;
}
.saikaitxt_a p{
text-align: justify;
line-height: 1.8;
}
.saikaitxt_a2 p{
text-align: justify;
line-height: 1.8;
}
.saikaitxt_a p.saikaitxt_a_name{
	text-align: right;
	margin-top: 20px;
	margin-bottom: 15px;
}
.saikaitxt_a2 p.saikaitxt_a_name{
	text-align: right;
	margin-top: 20px;
	margin-bottom: 15px;
}
.saikaitxt_a p.saikaitxt_a_name span{
margin-left: 20px;
}
.saikai_aisatu_noimg p.saikaitxt_a_name{
	text-align: right;
	margin-top: 20px;
	margin-bottom: 15px;
}
.saikai_aisatu_noimg p.saikaitxt_a_name{
	text-align: right;
	margin-top: 20px;
	margin-bottom: 15px;
}
.saikai_aisatu_noimg p.saikaitxt_a_name span{
margin-left: 20px;
}
/*校長あいさつ*/
.saikai_annai01{
max-width: 900px;
margin-right: auto;
margin-left:  auto;
}
.aisatu_bg.aisatu_seo{
  background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 15%, #D0EAE7 15%, #D0EAE7 100%);
}
.aisatu_bg02{
  background: linear-gradient(120deg, #FFFFFF 0%, #FFFFFF 15%, #D0EAE7 15%, #D0EAE7 100%);
margin-bottom: 50px;
margin-top: 50px;
}
.aisatu_seo .saikai_aisatu01{
flex-direction: row-reverse;
}

/*総会案内*/
.saikailogo_img{
max-width: 100%;
text-align: center;
}
.soukaitxt_a{
text-align: center;
}
.soukaitxt_a p{
font-size: 2em;
}
.day01{
font-size: 1.5em;
font-weight: 500;
}
.soukai_access01{
margin-top: 15px;
margin-bottom: 30px;
}
.soukai_access01 a{
display: block;
width: 200px;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
padding-bottom: 10px;
border: solid 1px #000000;
color: #08157A;
}
.soukai_access01 a:hover{
color: #922123;
}
.soukai_access01 p{
font-size: 1.2em;
}
/*.soukaitxt_a p.soukai_access{
font-size: 1.2em;
border: solid 1px;
}*/
.hotelnikko{
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: space-around;
}
.hotelnikko img{
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding-bottom: 50px;
}
.sukai_schedule .saikai_mousikomi{
max-width: 70%;
margin-left: auto;
margin-right: auto;
}
/*プログラムテーブル*/
.dhs_table{
padding-bottom: 50px;
width: 70%;
margin-left: auto;
margin-right: auto;
}
.dhs_table table{
width: 100%;
}
.dhs_table table th{
text-align: center;
padding: 10px;
}
.dhs_table table td{
padding: 10px;
}
.dhs_table table td:nth-child(1){
max-width: 100px;
text-align: center;
}
.dhs_table table td:nth-child(2){
max-width: 150px;
}
.dhs_table table td:nth-child(3){
}
/*会費テーブル*/
.kaihi_table{
padding-bottom: 50px;
width: 70%;
margin-left: auto;
margin-right: auto;
}
.kaihi_table table{
width: 100%;
border-top: none;
border-left: none;
}

.kaihi_table table td{
padding: 10px;
border-right: none;
border-bottom: none;
}
.kaihi_table table td:nth-child(1){
max-width: 50px;
text-align: left;
vertical-align: top;
}
.kaihi_table table td:nth-child(2){
line-height: 2;
}

.shime_day{
color: red;
font-weight: 300;
}
.soukai_att{
width: 70%;
margin-left: auto;
margin-right: auto;
border: solid 1px;
padding: 30px;
}
.att_tit{
font-weight: bold;
margin-bottom: 10px;
}
.moushikomi_txt{
width: 70%;
margin-left: auto;
margin-right: auto;
padding-bottom: 20px;
}
.moushikomi_ttl{
border: solid 1px;
width: 150px;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}

.saikai_report h3{
text-align: center;
font-size: 2.0em;
padding-top: 50px;
border-bottom: double;
margin-bottom: 20px;
}
/*事業報告テーブル*/
.report_table{
padding-bottom: 10px;
width: 70%;
margin-left: auto;
margin-right: auto;
}
.report_table table{
width: 100%;
border-top: none;
border-left: none;
}

.report_table table td{
padding: 10px;
border-right: none;
border-bottom: none;
}
.report_table table td:nth-child(1){
max-width: 50px;
text-align: left;
vertical-align: top;
}
.report_table table td:nth-child(2){
}
.report_table table td:nth-child(3){
}
.report_table table td.sp.reiwa{
display: none;
font-weight: bold;
padding-left: 10px;
}
.saikaitxt_b{
width: 70%;
margin-left: auto;
margin-right: auto;
padding-bottom: 20px;
margin-bottom: 50px;
}
/*ハル君*/
.haru{
max-width: 900px;
margin-right: auto;
margin-left:  auto;
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.haru_img{
max-width: 175px;
}
.haru_img img{
width: 100%;
}
.haru_now{
max-width: 210px;
}
.haru_img img{
width: 100%;
}
.haru_tlt{
font-size: 2.5em;
font-weight: bold;
margin-bottom: 25px;
font-family: initial;
}
.haru_prof{
line-height: 1.8;
}
.haru_prof .haru_proftxt{
font-family: "Comic Sans MS", "cursive"
}
.haru_proftxt span{
color: red;
}
/*ボタン*/
.button a{
background-color: #D22525;
margin: 50px 0;
padding: 14px 0 10px 0;
width: 70%;
margin-left: auto;
margin-right: auto;
display: block;
}
.button a:hover{
opacity: 0.5;
}
.button p{
text-align: center;
font-size: 2em;
font-weight: 500;
font-family: "Courier New", Courier, "monospace";
color: white;
}
/*学校報告*/
.dhs{
max-width: 900px;
margin-right: auto;
margin-left:  auto;
background: linear-gradient(180deg, #CCBDDC 0%, #FFFFFF 90%, #CCBDDC 100%);
padding-bottom: 30px;
}
.dhs_report h3{
text-align: center;
font-size: 2.0em;
padding-top: 50px;
border-bottom: double;
margin-bottom: 20px;
}
.dhs_schoolreporttit h2{
margin-right: auto;
margin-left:  auto;
text-align: center;
font-size: 24px;
font-weight:bolder;
margin-bottom: 10px;
}
.dhs_schoolreportimg{
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: space-around;
position: relative;
flex-wrap: wrap;
}
.dhs_schoolreportimg img{
margin-top: 10px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding-bottom: 50px;
}
.dhs_tobiumeimg{
max-width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-bottom: 20px;
}
.dhs_tobiumeimgtit{
max-width: 627px;
margin-right: auto;
margin-left:  auto;
text-align: center;
}
.dhs_tobiumeimgtit img{
width: 100%;
margin-bottom: 20px;
}
.dhs_tobiumetxt{
text-align: justify;
width: 70%;
margin-right: auto;
margin-left:  auto;
}
.tobiumeimg{
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: space-around;
position: relative;
flex-wrap: wrap;
}
.tobiumeimg img {
margin-top: 10px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding-bottom: 10px;
}
.dhs_imgkome img{
position: absolute;
top: 120px;
right: -50px;
}
.dhs_instatxt{
width: 90%;
margin-left: auto;
margin-right: auto;
}
.dhs_instatxt p{
font-size: 1.5em;
margin-bottom: 20px;
}
.dhs_instatxt img{
margin-right: 20px;
}
.dhs_clubtit img{
width: 100%;
margin-right: auto;
margin-left:  auto;
margin-top: 20px;
margin-bottom: 50px;
}
/*部活成績*/
.dhs_clublist{
max-width: 900px;
margin-right: auto;
margin-left:  auto;
display: flex;
align-items: flex-start;
/*flex-basis: 350px;
*/justify-content: space-around;
}
.dhs_clublist01{
width: 100%;
margin-right: 20px;
margin-left: 20px;
}
.dhs_clublist_img{
max-width: 286px;
margin: 0 30px 30px 30px;
}
.dhs_clublist img{
width: 100%;
}
.dhs_clublist_tltbox h3{
font-size: 1.2em;
font-weight: bold;
}
.dhs_artslist{
max-width: 900px;
margin-right: auto;
margin-left:  auto;
display: flex;
align-items: flex-start;
/*flex-basis: 350px;
*/justify-content: space-around;
}
.dhs_artslist01{
width: 100%;
margin-right: 20px;
}
.dhs_artslist_img{
max-width: 286px;
margin: 0 30px 30px 30px;
}
.dhs_artslist img{
width: 100%;
}
.dhs_artslist_tltbox h3{
font-size: 1.2em;
font-weight: bold;
}
/*部活テーブル*/
.club_table{
padding-bottom: 30px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.club_table table{
width: 100%;
border-top: none;
border-left: none;
border-bottom: solid 1px #808080;
border-top: solid 1px #808080;
}
.club_table table td{
padding: 5px;
border-right: none;
border-bottom: none;
}
.club_table table td:nth-child(1){
width: 20%;
text-align: left;
vertical-align: top;
border-bottom: solid 1px #808080;

}
.club_table table td:nth-child(2){
width: 15%;
border-bottom: solid 1px #808080;

}
.club_table table td:nth-child(3){
width: 30%;
border-bottom: solid 1px #808080;
text-align: right
}
.club_table table td:nth-child(4){
width: 10%;
border-bottom: solid 1px #808080;

}
.club_score{
color: red;
font-weight: 300;
}
.club_IHtit{
font-size: 2em;
font-weight: bold;
color: red;
}
.dhs_rankingbox{
max-width: 900px;
margin-right: auto;
margin-left:  auto;
margin-bottom: 30px;
}
/*文化部テーブル*/
.arts_table{
padding-bottom: 30px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.arts_table table{
width: 100%;
border-top: none;
border-left: none;
border-bottom: solid 1px #808080;
border-top: solid 1px #808080;
}
.arts_table table td{
padding: 5px;
border-right: none;
border-bottom: none;
}
.arts_table table td:nth-child(1){
width: 25%;
text-align: left;
vertical-align: top;
border-bottom: solid 1px #808080;
}
.arts_table table td:nth-child(2){
width: 10%;
border-bottom: solid 1px #808080;
}
.arts_table table td:nth-child(3){
width: 10%;
border-bottom: solid 1px #808080;

}
.arts_table table td:nth-child(4){
width: 25%;
border-bottom: solid 1px #808080;
text-align: right

}
/*ランキング*/
.ranking_flex{
display: flex;
justify-content: center;
}
.rankig_tit{
max-width: 600px;
margin-right: auto;
margin-left:  auto;
margin-top: 50px;
margin-bottom: 20px;
}
.rankig_tit img{
width: 100%;
}
.ranking_img{
width: 40%;
}
.ranking_img img{
width: 90%;
}
.ranking_txt{
text-align: right;
}

/*卒業制作展*/
.dhs_artflex{
max-width: 900px;
margin-right: auto;
margin-left:  auto;
display: flex;
justify-content: space-around;
margin-bottom: 50px;
}
.dhs_arttit{
max-width: 900px;
margin-right: auto;
margin-left:  auto;
margin-top: 50px;
margin-bottom: 20px;
background-color: #F38200;
}
.dhs_arttit p{
font-size: 2.5em;
text-align: center;
padding: 10px 0;
font-weight: bold;
color: white;
}
.dhs_artimg{
width: 40%;
}
.dhs_artimg img{
width: 100%;
}
.dhs_artimg p{
text-align: center;
margin-top: 10px;
}
.dhs_arttxt01{
text-align: justify;
width: 70%;
margin-right: auto;
margin-left:  auto;
margin-bottom: 30px;
}
.dhs_arttxt02{
text-align: left;
}
/*体育祭*/
.dhssports {
width: 900px;
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.dhssports img{
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding-bottom: 50px;
}
.dhs_sporttxt{
text-align: left;
}
.sportimg {
max-width: 900px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}

/*恩師往来*/
.dhs_teacher{
max-width: 900px;
margin-right: auto;
margin-left:  auto;
margin-bottom: 50px;
}
.dhs_teacher p.teacher_tit{
max-width: 650px;
margin-right: auto;
margin-left:  auto;
font-size: 1.2em;
text-align: center;
font-weight: 600;
border: double 3px;
background: none;
padding: 5px 0;
color: black;
margin-bottom: 10px;
}
.teacher_titbk01{
max-width: 650px;
margin-right: auto;
margin-left:  auto;
font-size: 1.2em;
text-align: center;
font-weight: 600;
border: solid 1px;
background-color: red;
padding: 5px 0;
color: white;
margin-bottom: 10px;
}
.teacher_titbk02{
max-width: 650px;
margin-right: auto;
margin-left:  auto;
font-size: 1.2em;
text-align: center;
font-weight: 600;
border: solid 1px;
background-color: #5EB2F2;
padding: 5px 0;
color: white;
margin-bottom: 10px;
}
.teacher_titbk03{
max-width: 650px;
margin-right: auto;
margin-left:  auto;
font-size: 1.2em;
text-align: center;
font-weight: 600;
border: solid 1px;
background-color: #DE7710;
padding: 5px 0;
color: white;
margin-bottom: 10px;
}
.dhs_teacher dl{
max-width: 650px;
margin-right: auto;
margin-left:  auto;
display: flex;
justify-content: space-around;
padding-bottom: 5px;
margin-bottom: 10px;
border-bottom: solid 1px #808080;
}
.dhs_teacher dl dt{
width: 25%;
border-right: solid 1px #808080;
margin-left: 10px;
margin-right: 10px;
font-weight: 600;
}
.dhs_teacher dl dd:nth-child(2){
width: 35%;
border-right: solid 1px #808080;
margin-left: 10px;
margin-right: 10px;
}
.dhs_teacher dl dd:nth-child(3){
width: 40%;
margin-left: 10px;
margin-right: 10px;
}

/*フッター*/
.soukai_hp{
width: 300px;
margin-left: auto;
margin-right: auto;
background-color: #63177B;
}
.soukai_hptxt{
text-align: center;
padding: 10px 0;
margin-bottom: 20px;
}
.soukai_hptxt a{
color: white;
}
.tel{
text-align: center;
font-size: 1.5em;
}
.add{
text-align: center;
font-size: 0.9em;
}
.url{
text-align: center;
font-size: 1.2em;
margin-bottom:20px;
}
.foot{
float:left;
}
.foot02{
float: right;
}


@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */
/*共通部分*/
.sp_br{
	display: block;
}

	/*TOP部分*/
.topbox{
height: 110px;
background-position: 100%;/* 画像の表示位置を指定 */
background-size: cover;/* 画像のサイズを指定  */

}
.topbox p{
	top: 20px;
	font-size: 0.6em;
}
.saikai_h1{
	font-size: 1.4em;
}
/*トップへ戻る*/

.gotop{
    right: 20px;
}
/*あいさつ*/
.aisatu_bg{
margin-top: 30px;
margin-bottom: 30px;
}
.saikai_aisatu01,.aisatu_seo .saikai_aisatu01{
width: 90%;
flex-direction: column;
justify-content: center;
}
.saikai_img{
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
}
.saikaitxt_a{
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
}
.saikaitxt_a2{
width: 90%;
margin-left: auto;
margin-right: auto;
}

.saikaitxt_a p.saikaitxt_a_name{
text-align: right;
margin-bottom: 30px;
}
.saikaitxt_a p.saikaitxt_a_name span{
margin-left: 0;
}
.saikai_aisatu_noimg p.saikaitxt_a_name{
text-align: right;
margin-bottom: 30px;
}
.saikai_aisatu_noimg p.saikaitxt_a_name span{
margin-left: 0;
}
.saikai_aisatu_noimg {
margin-bottom: 20px;
}

/*総会案内*/
.saikailogo_img{
width: 90%;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.saikailogo_img img{
width: 90%;
}
.hotelnikko img{
width: 90%;
}
.soukaitxt_a p{
font-size: 1.5em;
}
.day01{
font-size: 1.5em;
font-weight: 500;
}
.hotelnikko{
flex-direction: column;
}
.soukai_access01 p{
font-size: 1em;
}
/*プログラムテーブル*/
.dhs_table{
width: 90%;
}

.dhs_table table th{
font-size: 1.5em;
}
.dhs_table table td{
padding: 5px 10px;
}
.dhs_table table td:nth-child(1){
min-width: 50px;
}
.dhs_table table td:nth-child(2){
min-width: 50px;
}

/*会費テーブル*/
.kaihi_table{
width: 90%;
}
.kaihi_table table td{
padding: 5px 10px;
}
.kaihi_table table td:nth-child(1){
min-width: 100px;
line-height: 2;
}
.moushikomi_txt{
width: 90%;
}
.moushikomi_txt{
width: 70%;
margin-left: auto;
margin-right: auto;
padding-bottom: 20px;
}

/*事業報告テーブル*/
.report_table{
width: 90%;
}
.report_table table td{
padding: 5px 10px;
border-right: none;
border-bottom: none;
}
.report_table table td:nth-child(1){
max-width: none;
text-align: left;
vertical-align: top;
display: none;
width: 100%;
}
.report_table table td:nth-child(2){
/*display: block;
*/width: 25%;
}
.report_table table td:nth-child(3){
/*display: block;
*/width: 75%;
}
.saikaitxt_b{
width: 90%;
}
.report_table table td.sp.reiwa{
display: block;
font-weight: bold;
padding-left: 10px;
}
/*ハル君*/
.haru{
max-width: 900px;
margin-right: auto;
margin-left:  auto;
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: center;
}
.haru_img{
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}

.haru_now{
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}

.haru_tlt{
font-size: 2.5em;
font-weight: bold;
margin-bottom: 25px;
font-family: initial;
text-align: center;
}
.haru_prof{
line-height: 1.8;
width: 90%;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
.haru_proftxt{
font-size: 2em;
}
.haru_prof .haru_proftxt{
font-family: "Comic Sans MS", "cursive"
}
.haru_proftxt span{
color: red;
}
/*ボタン*/
.button a{
margin: 20px 0;
width: 90%;
margin-left: auto;
margin-right: auto;
}
.button p{
font-size: 1.5em;
}
/*学校報告*/
.dhs_tobiumeimgtit img{
width: 90%;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
}
.dhs_tobiumetxt{
width: 90%;
margin-bottom: 20px;
}
.tobiumeimg{
display: flex;
flex-direction: column;
position: relative;
}
.tobiumeimg img{
margin-top: 3px;
max-width: 100%;
padding-bottom: 5px;
}
.dhs_imgkome img{
position: absolute;
top: 300px;
right: -1px;
}
.dhs_instatxt{
width: 90%;
}
.dhs_instatxt p{
font-size: 1.0em;
margin-top: 10px;
margin-bottom: 10px;
}
.dhs_instatxt img{
margin-right: 20px;
margin-bottom: 10px;
}
/*体育祭*/
.dhssports {
width: 100%;
}
.dhssports img {
padding-bottom: 15px;
}
/*部活成績*/
.dhs_clublist{
width: 90%;
display: flex;
flex-direction: column;
}
.dhs_artslist {
width: 90%;
display: flex;
flex-direction: column;
}

.dhs_clublist_img{
max-width: 286px;
margin-left: auto;
margin-right: auto;
}
.dhs_clublist img {
width: 100%;
margin-bottom: 5px;
margin-top: 30px;
    }
.dhs_clublist_tltbox h3{
font-size: 1.2em;
font-weight: bold;
}
/*部活テーブル*/
.club_table {
width: 100%;
margin-right: 20px;
}
.club_table table td{
padding: 5px;
}
.club_table table td:nth-child(1){
width: 16%;
text-align: left;
vertical-align: top;
}
.club_table table td:nth-child(2){
width: 12%;
}
.club_table table td:nth-child(3){
width: 23%;
text-align: right;
}
.club_table table td:nth-child(4){
width: 7%;
}
.club_score{
color: red;
font-weight: 300;
}
.club_IHtit{
font-size: 2em;
font-weight: bold;
color: red;
}
.dhs_clublist01 {
width: 100%;
 margin-right: 0px;
 margin-left: 0px;
}
/*文化部テーブル*/
.arts_table{
width: 100%;
}
.arts_table table td{
padding: 5px;
}
.arts_table table td:nth-child(1){
/*width: 30%;*/
text-align: left;
vertical-align: top;
}
.arts_table table td:nth-child(2){
width: 15%;
}
.arts_table table td:nth-child(3){
width: 10%;
text-align: right;
}
.arts_table table td:nth-child(4){
width: 20%;
}
.arts_score{
color: red;
font-weight: 300;
}
.arts_IHtit{
font-size: 2em;
font-weight: bold;
color: red;
}
.art_table{
width: 100%;
}
.art_table table td{
padding: 5px;
}
.art_table table td:nth-child(1){
width: 50%;
text-align: left;
vertical-align: top;
}
.art_table table td:nth-child(2){
width: 50%;
}
/*ランキング*/
.ranking_flex{
width: 900px;
flex-direction: column;
}
.rankig_tit{
max-width: none;
width: 90%;
margin-right: auto;
margin-left:  auto;
margin-top: 30px;
margin-bottom: 20px;
}
.rankig_tit img{
width: 100%;
}
.ranking_img{
width: 90%;
margin-right: auto;
margin-left:  auto;
}
.ranking_img img{
width: 100%;
}
.ranking_txt{
margin-right: 30px;
}
/*卒業制作展*/
.dhs_artflex{
width: 90%;
flex-direction: column;
margin-bottom: 50px;
}
.dhs_arttit p{
font-size: 1.5em;
}
.dhs_artimg{
width: 100%;
margin-left: auto;
margin-right: auto;
}
.dhs_artimg p{
margin-top: 10px;
margin-bottom: 20px;
}
.dhs_arttxt01{
width: 90%;
}

/*恩師往来*/
.dhs_teacher{
max-width: none;
width: 90%;
}

.dhs_teacher dl{
/*max-width: none;*/
width: 100%;
flex-wrap: wrap;
margin-bottom: 20px;
border-bottom: solid 2px #808080;

}
.dhs_teacher dl dt{
width: 33%;
margin-left: 0;
margin-right: 0;
padding-right: 10px;
padding-left: 10px;
margin-bottom: 5px;
}
.dhs_teacher dl dd:nth-child(2){
width: 52%;
border-right: none;
margin-left: 0;
margin-right: 0;
padding-right: 10px;
padding-left: 10px;
margin-bottom: 5px;
}
.dhs_teacher dl dd:nth-child(3){
width: 100%;
margin-left: 0;
margin-right: 0;
padding-right: 10px;
padding-left: 10px;
padding-top: 10px;
border-top: dashed 1px #808080;
}
/*体育祭*/

.ranking_flex{
width: 100%;
}
.sportimg img{
width: 100%;
}

}
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp {
        display: block !important;
        width: 100%;
        padding-bottom: 20px;
}
