body{
	font-family: 'Noto Sans JP', 'メイリオ' , 'Meiryo' ,sans-serif;
	font-size:14px;
	line-height:1.5em;
	color:#000;
	margin:0px;
}

#myModal{
	display:none;
}
.small{font-size:0.8em}
.red{color:#F00;}

/* メディアスクリーン　PC版 --------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:741px){

/* ヘッダー */
.header_area{
	width:100%;
	display:block;
}
.header_text{
	width:100%;
	display:block;
	height:28px;
	background-color:#20bc71;
}
.header_text h2{
	width:960px;
	display:block;
	margin:0 auto;
	font-weight:normal;
	font-size:12px;
	color:#FFF;
	line-height:28px;
	text-align:right;
}
.school_logo{
	width:100%;
	display:block;
	height:67px;
	padding:0px 14px;
	box-sizing:border-box;
}
#kousyou{
	display:inline-block;
	width:60px;
	height:60px;
	margin:0;
}
h1{
	display:inline-block;
}
#koumei{
	display:inline-block;
	margin-bottom:10px;
}

.logo_img{
	width:100%;
	display:block;
	margin-top:5px;
}


/* メインメニュー */
.navi_area{
	display:block;
	width:100%;
	border-top:1px solid #c8dcbd;
	border-bottom:5px solid #20bc71;
	box-sizing:border-box;
	height:57px;
}
.navi_area nav{
	display:block;
	height:50px;
}
#main-nav{
	display:block;
	width:960px;
	margin:0 auto;
	font-size:0px;
	height:50px;
}
#main-nav li{
	display:inline-block;
/*	width:106px; */
	width:96px;
	box-sizing:border-box;
	border-left:1px solid #c8dcbd;
}
#main-nav li:last-child{
	border-right:1px solid #c8dcbd;
}
#main-nav li a{
	display:inline-block;
	color:#000;
	text-decoration:none;
	text-align:center;
	width:100%;
	height:50px;
}
#main-nav li a:hover{
	background-color:#20bc71;
	color:#FFF;
}
.main_nav_text{
	display:inline-block;
	width:100%;
	line-height:42px;
	font-size:12px;
	
}
.navi_bg_img{
	display:inline-block;
	margin:0;
	height:8px;
}
/* スマホ用メニュー設定（非表示） */
#sm{	display:none;}
#sm_nav_header{	display:none;}
/* フッター */
.footer_area{
	width:100%;
	display:block;
	height:120px;
	background-color:#20bc71;
}
.copyrights_box{
	text-align:center;
	font-size:10px;
	color:#FFF;
	padding-top:20px;
}
.footer_nav_box{
	text-align:right;
	display:block;
	width:960px;
	margin:30px auto 0px;
}
.footer_nav_box a{
	display:inline-block;
	padding-left:20px;
	font-size:12px;
	color:#FFF;
	line-height:30px;
}
.footer_nav_box img{
	display:inline-block;
	height:16px;
	margin-right:5px;
	vertical-align:middle;
}

/* サイドバー */
.profile_box{
	width:100%;
	background-color:#e9faf2;
	border:1px solid #c8dcbd;
	box-sizing:border-box;
	border-top:5px solid #20bc71;
}
.profile_box h3{
	font-size:12px;
	line-height:44px;
	text-align:center;
}
.profile_box p{
	display:inline-block;
	font-size:12px;
	padding:0px 10px;
	margin-bottom:10px;
}
#attention{
	margin:2px;
	padding:8px;
	border:1px solid #c8dcbd;
}
.side_menu_box{
	margin-top:20px;
	width:100%;
	box-sizing:border-box;
	border:1px solid #c8dcbd;
}
.side_menu_box h3{
	font-size:14px;
	line-height:40px;
	font-weight:normal;
	text-align:center;
	border-bottom:1px solid #c8dcbd;
}

.side_menu_frame{
	width:100%;
}

/* 共通 */
.wrap{
	width:100%;
	position:relative;
	background-image:url(../img/common/bg_1F1.png);
}
.content_wrap{
	width:960px;
	font-size:0;
	display:block;
	margin:0 auto;
	background-color:#FFF;
}
.main_view_wrap{
	display:inline-block;
	width:730px;
	box-sizing:border-box;
	vertical-align:top;
	border-right:1px solid #c8dcbd;
}
.main_content_wrap{
	display:inline-block;
	width:100%;
	padding:0px 18px;
	box-sizing:border-box;
	vertical-align:top;
}
.side_content_wrap{
	display:inline-block;
	width:230px;
	box-sizing:border-box;
	vertical-align:top;
	padding:15px 10px;
}
.sm_br{	display:none;}
#ptop{
	display: none;
	position: fixed;
	z-index: 99;
	bottom: 120px;
	right: 50px;
}
#ptop img{
	width:100%;
}

/* 下層共通 */
.page_title_area{
	display:block;
	width:100%;
	height:100px;
	background-image:url(../img/common/titleBg_1F1.png);
}
.page_title_area h3{
	font-size:18px;
	line-height:100px;
	font-weight:normal;
	padding-left:20px;
	color:#fff;
}
.content_title{
	display:block;
	width:100%;
	border-top:5px solid #20bc71;
	margin:20px 0px;
}
.content_title h4{
	font-size:16px;
	line-height:40px;
	color:#75b400;
	font-weight:normal;
}
.content_inner_box{
	width:100%;
	display:inline-block;
	margin-bottom:40px;
}
.content_inner_box a{
	color:#75b400;
	font-size:14px;
}
.content_inner_box a:hover{
	color:#95e420;
	text-decoration:none;
}
.page_exp{
	display:block;
	width:100%;
	margin:20px 0px;
}
.page_exp p{
	font-size:14px;
	line-height:20px;
}
.page_exp a{
	font-size:16px;
	color:#000;
}
.page_exp a:hover{
	text-decoration:none;
	color:#666;
}

/* トップページ */
.main_img{
	display:block;
	width:100%;
}
.main_img img{
	display:block;
	margin:1px auto;
}

.top_topics_area{
	width:100%;
	margin-top:20px;
	padding-top:20px;
	padding-bottom:200px;
	border-top:5px solid #20bc71;
}
.top_topics_area h3{
	font-size:20px;
	color:#75b400;
	font-weight:normal;
	display:inline-block;
	margin-bottom:10px;
}

.topics_one_box{
	width:100%;
	border-bottom:1px solid #c8dcbd;
	padding:10px 0px;
}
.topics_date{
	width:100%;
	line-height:20px;
	font-size:12px;
	color:#333;
}
.topics_title{
	width:100%;
	line-height:24px;
	font-size:14px;
	color:#000;
	padding-left:14px;
}
.topics_title a{
	color:#00A;
	text-decoration:none;
}
.topics_title a:hover{
	text-decoration:underline;
}
.top_banner_area{
	width:100%;
}
.banner_box{
	width:100%;
	padding:20px 10px 0px;
	font-size:12px;
}
.banner_box img{
	display:block;
	margin:0 auto;
}
.banner_box p{
	padding-top:10px;
	text-align:center;
}
.big_img{
	width:100%;
}

/* 校長室より */
.principal_photo{
	width:20%;
	display:block;
}
.principal_photo img{
	width:100%;
}
.greeting_area{
	width:100%;
	margin:20px 0px;
}
.greeting_area p{
	font-size:14px;
	line-height:20px;
	margin-bottom:20px;
	display:inline-block;
}
#ga_signature_box{
    text-align: right;
    display: inline-block;
    width: 100%;
    line-height: 40px;
    margin-bottom: 40px;
}
#gas_inner{
	display:block;
}

/* 学校紹介 */
.ip_one{
	display:inline-block;
	width:25%;
}
.intro_photo_exp{
	display:inline-block;
	font-size:14px;
}

.intro_history_box{
	margin-bottom:40px;
}
.intro_history_box table{
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
.intro_history_box table tr{
	border:1px solid #e3e3e3;
}
.intro_history_box table td{
	font-size:14px;
	line-height:40px;
}
.intro_td01{
	width:20%;
	text-align:right;
	padding-right:20px;
	border-right:1px solid #e3e3e3;
}
.intro_td02{
	width:80%;
	padding-left:20px;
}

.intro_photo_0{
	display:block;
	width:98%;
	margin-top:1%;
	margin-left:1%;
	vertical-align:top;
	font-size:0;
	background-color:#ebebeb;
}
.intro_photo_0 img{
	display:block;
	width:100%;
}
.intro_photo_0 p{
	display:block;
	width:100%;
	font-size:12px;
	color:#000;
	line-height:20px;
	height:20px;
	text-align:center;
}

.intro_photo_2{
	display:inline-block;
	width:48.5%;
	margin-top:1%;
	margin-left:1%;
	vertical-align:top;
}
.intro_photo_2 img{
	display:block;
	width:100%;
}
.intro_photo_2 p{
	display:block;
	width:100%;
	font-size:12px;
	color:#000;
	line-height:20px;
	height:20px;
}

.intro_photo_3{
	display:inline-block;
	width:32%;
	margin-top:1%;
	margin-left:1%;
	vertical-align:top;
}
.intro_photo_3 img{
	display:block;
	width:100%;
}
.intro_photo_3 p{
	display:block;
	width:100%;
	font-size:12px;
	color:#000;
	line-height:20px;
	height:20px;
}

/* 校歌紹介 */
.kouka_box{
	width:100%;
}
.kouka_box img{
	vertical-align:middle;
	margin-right:5px;
}
.kouka_box a{
	color:#000;
}
.kouka_lyrics{
	display:block;
	width:100%;
	height:50px;
	font-size:14px;
}
.kouka_one{
	display:block;
	width:100%;
	height:40px;
	font-size:14px;

}
.kouka_one2{
	display:block;
	width:100%;
	font-size:14px;
	margin-bottom:40px;
}
.kouka_player{
	display:block;
	width:300px;
	vertical-align:middle;
	padding:20px;
}
.kouka_one2 audio{
	display:inline-block;
	width:300px;
	height:30px;
}

.kouka_kashi{

}
.kk_btn{
	display: block;
	width: 300px;
	background-color: #EEE;
	color: #000;
	text-align: center;
	height:30px;
	margin-left: 20px;
	line-height: 30px;
	cursor:pointer;
	margin-bottom:20px;
	border:1px solid #CCC;
}
.kk_inner{
	display:none;
	padding:20px;
	margin-bottom:20px;
	background-color:#EEE;
}
.kk_title{
	font-size:16px;
}
.kk_lm{
	font-size:14px;
	margin-top:10px;
}
.kk_ol{
	margin-top:20px;
	margin-left:35px;
	list-style-type:cjk-ideographic;
}
.kk_ol li{
	font-size:16px;
	margin-bottom:20px;
	padding-left:10px;
	letter-spacing:0.15em;
}


/* 行事予定 */
.calendar_content_box{
	width:100%;
	margin-bottom:40px;
}
.calendar_content_box a{
	color:#000;
}
.calendar_content_box img{
	vertical-align:middle;
	margin-right:5px;
}
.calendar_one{
	display:block;
	width:100%;
	height:40px;
	font-size:14px;
}
.calendar_line{
	display:block;
	width:100%;
	height:50px;
	line-height:50px;
	font-size:14px;
	border-bottom:1px dotted #20bc71;
}

/* 学校行事 */
.event_one{
	width:100%;
	display:block;
	border-bottom:1px solid #c8dcbd;
	margin-bottom:40px;
}
.event_title{
	display:block;
	width:100%;
	box-sizing:border-box;
	padding-left:10px;
	border-left:5px solid #20bc71;
	margin-bottom:20px;
}
.event_date{
	font-size:12px;
	color:#333;
}
.event_title h4{
	font-size:16px;
	font-weight:normal;
	line-height:40px;
}
.event_inner{
	width:690px;
	padding:0 5px;
	font-size:0;
	margin-bottom:20px;
	box-sizing:border-box;
}
.event_inner p{
	font-size:14px;
	line-height:20px;
	margin-bottom:10px;
}
.event_photo_0{
	display:block;
	width:100%;
	margin-top:30px;
	margin-bottom:10px;
	vertical-align:top;
	font-size:0;
	background-color:#ebebeb;
}
.event_photo_0 img{
	display:block;
	width:100%;
}
.event_photo_0 p{
	display:block;
	width:100%;
	font-size:12px;
	color:#000;
	line-height:20px;
	height:20px;
	text-align:center;
}

.event_photo_1{
	display:block;
	width:330px;
	margin:30px auto 10px;
	vertical-align:top;
	font-size:0;
	background-color:#ebebeb;
}
.event_photo_1 img{
	display:block;
	width:330px;
}
.event_photo_1 p{
	display:block;
	width:100%;
	font-size:12px;
	color:#000;
	line-height:20px;
	height:20px;
}


.event_photo_2 , .event_photo_2t{
	display:inline-block;
	width:330px;
	height:330px;
	margin-top:30px;
	margin-bottom:10px;
	margin-left:5px;
	margin-right:5px;
	vertical-align:top;
	font-size:0;
	background-color:#ebebeb;
}
.event_photo_2t{
	text-align:center;
}
.event_photo_2 img{
	display:block;
	width:330px;
	position:relative;
	top:50%;
	margin-top:-130px;
}
.event_photo_2t img{
	display:inline-block;
	height:330px;
}

.event_photo_2 p , .event_photo_2t p{
	display:block;
	width:100%;
	font-size:12px;
	color:#000;
	line-height:20px;
	height:20px;
	margin-top:180px;
	text-align:left;
}

.event_photo_2nc , .event_photo_2nct{
	display:inline-block;
	width:330px;
	height:330px;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:5px;
	vertical-align:top;
	font-size:0;
	background-color:#ebebeb;
}
.event_photo_2nct{
	text-align:center;
}
.event_photo_2nc img{
	display:block;
	width:330px;
	position:relative;
	top:50%;
	margin-top:-130px;
}
.event_photo_2nct img{
	display:inline-block;
	height:330px;
}


.event_photo_3{
	display:inline-block;
	width:32%;
	margin-left:1%;
	vertical-align:top;
}
.event_photo_3 img{
	display:block;
	width:100%;
}
.event_photo_3 p{
	display:block;
	width:100%;
	font-size:12px;
	color:#000;
	line-height:20px;
	height:20px;
}


/* 部活動 */
.club_content_box{
	width:100%;
}
.club_content_box img{
	vertical-align:middle;
	margin-right:5px;
}
.club_content_box a{
	color:#000;
}
.club_content_box a:hover{
	color:#666;
	text-decoration:none;
}
.club_one{
	display:block;
	width:100%;
	height:40px;
	font-size:14px;
}
.club_size{
	font-size:12px;
	color:#333;
}

/* 進路状況 */
.sinro_content_box{
	width:100%;
}
.sinro_content_box img{
	vertical-align:middle;
	margin-right:5px;
}
.sinro_content_box a{
	color:#000;
}
.sinro_content_box a:hover{
	color:#666;
	text-decoration:none;
}
.sinro_one{
	display:block;
	width:100%;
	font-size:14px;
	margin:10px 0px;
}


/* 家政科より */
.homeec_one{
	width:100%;
	display:block;
	border-bottom:1px solid #c8dcbd;
	margin-bottom:40px;
}
.homeec_title{
	display:block;
	width:100%;
	box-sizing:border-box;
	padding-left:10px;
	border-left:5px solid #20bc71;
	margin-bottom:20px;
}
.homeec_title h4{
	font-size:16px;
	font-weight:normal;
	line-height:40px;
}
.homeec_inner{
	width:690px;
	padding:0 5px;
	font-size:0;
	margin-bottom:20px;
	box-sizing:border-box;
}
.homeec_inner p{
	font-size:14px;
	line-height:20px;
	margin-top:30px;
	margin-bottom:20px;
}
.homeec_photo_0{
	display:block;
	width:100%;
	margin-top:30px;
	margin-bottom:10px;
	vertical-align:top;
	font-size:0;
	background-color:#ebebeb;
}
.homeec_photo_0 img{
	display:block;
	width:100%;
}
.homeec_photo_0 p{
	display:block;
	width:100%;
	font-size:12px;
	color:#000;
	line-height:20px;
	height:20px;
	text-align:center;
}
.homeec_photo_1{
	display:block;
	width:330px;
	margin:30px auto 10px;
	vertical-align:top;
	font-size:0;
	background-color:#ebebeb;
}
.homeec_photo_1 img{
	display:block;
	width:330px;
}
.homeec_photo_1 p{
	display:block;
	width:100%;
	font-size:12px;
	color:#000;
	line-height:20px;
	height:20px;
}


.homeec_photo_2 , .homeec_photo_2t{
	display:inline-block;
	width:330px;
	height:330px;
	margin-top:30px;
	margin-bottom:10px;
	margin-left:5px;
	margin-right:5px;
	vertical-align:top;
	font-size:0;
	background-color:#ebebeb;
}
.homeec_photo_2t{
	text-align:center;
}
.homeec_photo_2 img{
	display:block;
	width:330px;
	position:relative;
	top:50%;
	margin-top:-130px;
}
.homeec_photo_2t img{
	display:inline-block;
	height:330px;
}

.homeec_photo_2 p , .homeec_photo_2t p{
	display:block;
	width:100%;
	font-size:12px;
	color:#000;
	line-height:20px;
	height:20px;
	margin-top:180px;
	text-align:left;
}

.homeec_photo_2nc , .homeec_photo_2nct{
	display:inline-block;
	width:330px;
	height:330px;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:5px;
	vertical-align:top;
	font-size:0;
	background-color:#ebebeb;
}
.homeec_photo_2nct{
	text-align:center;
}
.homeec_photo_2nc img{
	display:block;
	width:330px;
	position:relative;
	top:50%;
	margin-top:-130px;
}
.homeec_photo_2nct img{
	display:inline-block;
	height:330px;
}



.homeec_photo_3{
	display:inline-block;
	width:32%;
	margin-left:1%;
	vertical-align:top;
}
.homeec_photo_3 img{
	display:block;
	width:100%;
}
.homeec_photo_3 p{
	display:block;
	width:100%;
	font-size:12px;
	color:#000;
	line-height:20px;
	height:20px;
}

/* ギャラリーページ */
.gallery_box{
	width:100%;
	margin-bottom:40px;
}

.g_box{
	width:100%;
	box-sizing:border-box;
	display:block;
	font-size:0;
	line-height:0;
}
.g_box img{
	width:100%;
	display:block;
	font-size:0;
}

.g2_box{
	display:inline-block;
	width:50%;
	font-size:0;
	box-sizing:border-box;
	padding:5px;
}
.g2_movie{
	min-height:200px;
}
.g2_movie video{
	width:100%;
}

.g3_box{
	display:inline-block;
	width:33%;
	font-size:0;
	box-sizing:border-box;
	padding:5px;
}




}
/* タブレット（スマホ横向き）用 ------------------------------------------------------------------------------------------------------------- */
@media screen and ( max-width:740px){


/* ヘッダー */
.header_area{
	width:100%;
	display:block;
	font-size:0;
	height:80px;
	border-bottom:1px solid #c8dcbd;
	z-index: 99;
	position: fixed;
	background-color: #fff;
}
.header_text{
	width:100%;
	display:block;
	height:20px;
	background-color:#20bc71;
}
.header_text h2{
	width:100%;
	display:block;
	margin:0 auto;
	font-weight:normal;
	font-size:12px;
	color:#FFF;
	line-height:20px;
	text-align:center;
}
.school_logo{
	width:85%;
	display:inline-block;
	height:60px;
	padding:0px;
	box-sizing:border-box;
	vertical-align:top;
	margin:0px;
	padding-top:10px;
}
#kousyou{
	display:inline-block;
	width:10%;
	height:auto;
	margin-top:3px;
}
h1{
	display:inline-block;
	width:90%;
}
#koumei{
	display:inline-block;
	width:100%;
	margin-bottom:3px;
}
.logo_img{
	max-width:100%;
	display:block;
	max-height:40px;
}

/* メインメニュー */
.navi_area{
	width:50%;
	display:block;
	position:fixed;
	right:-50%;
	top:0;
	height:100%;
	background-color:#e9faf2;
}
.navi_area nav{
	overflow:auto;
	height:100%;
}
#main-nav{
	padding-bottom:200px;
}
#main-nav li{
	font-size: 14px;
	line-height: 50px;
	border-bottom: 1px solid #c8dcbd;
	box-sizing: border-box;
}
#main-nav li:last-child{
}
#main-nav li a{
	color: #341;
	display: inline-block;
	text-decoration: none;
	width: 100%;
	box-sizing:border-box;
	padding-left:20px;
}
#main-nav li a:before{
	content:'》';
	margin-right:5px;
}
#main-nav li a:hover{
}
.main_nav_text{
}
.navi_bg_img{
	display:none;
}
/* スマホ用メニュー設定（非表示） */
#sm{	display:inline-block;width:15%;padding:10px 0px 0px;}
#sm img{
	display:block;
	width:40px;
	margin:0 auto;
}
#sm_nav_header{
	display:block;
	width:100%;
	text-align: center;
	line-height: 60px;
	box-sizing: border-box;
	border-top: 20px solid #20bc71;
	background-color: #fff;
	border-left: 1px solid #c8dcbd;
	border-bottom: 1px solid #c9dcbd;
	font-size: 16px;
	color: #20bc71;
	font-weight: bold;
	height:80px;
}
/* フッター */
.footer_area{
	width:100%;
	display:block;
	height:120px;
	background-color:#20bc71;
}
.copyrights_box{
	text-align:center;
	font-size:10px;
	color:#FFF;
	padding-top:20px;
}
.footer_nav_box{
	text-align:center;
	display:block;
	width:100%;
}
.footer_nav_box a{
	display:inline-block;
	font-size:12px;
	color:#FFF;
	line-height:20px;
	width:100%;
}
.footer_nav_box img{
	display:inline-block;
	height:14px;
	margin-right:5px;
	vertical-align:middle;
}

/* サイドバー */
.profile_box{
	width:100%;
	background-color:#e9faf2;
	border:1px solid #c8dcbd;
	box-sizing:border-box;
	border-top:5px solid #20bc71;
}
.profile_box h3{
	font-size:12px;
	line-height:44px;
	text-align:center;
}
.profile_box p{
	display:inline-block;
	font-size:12px;
	padding:0px 10px;
	margin-bottom:10px;
}
#attention{
	margin:2px;
	padding:8px;
	border:1px solid #c8dcbd;
}
.side_menu_box{
	margin-top:20px;
	width:100%;
	box-sizing:border-box;
	border:1px solid #c8dcbd;
}
.side_menu_box h3{
	font-size:14px;
	line-height:40px;
	font-weight:normal;
	text-align:center;
	border-bottom:1px solid #c8dcbd;
}

.side_menu_frame{
	width:100%;
}

/* 共通 */
#body_wrap{
	width:100%;
	position:relative;
}
.wrap{
	width:100%;
	position:relative;
	top:80px;
}
.content_wrap{
	width:100%;
	font-size:0;
	display:block;
	margin:0 auto;
	background-color:#FFF;
}
.main_view_wrap{
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	vertical-align:top;
}
.main_content_wrap{
	display:inline-block;
	width:100%;
	padding:0 2%;
	box-sizing:border-box;
	vertical-align:top;
}
.side_content_wrap{
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	vertical-align:top;
	padding:0 2%;
	margin-bottom:60px;
}
.sm_br{	display:inline-block;;}
#ptop{
	display: none;
	position: fixed;
	z-index: 99;
	bottom: 80px;
	right: 0px;
	width: 14%;
	height: 14%;
}
#ptop img{
	width:100%;
}

/* 下層共通 */
.page_title_area{
	display:block;
	width:100%;
	height:80px;
	background-image:url(../img/common/titleBg_1F1.png);
	background-position:right;
}
.page_title_area h3{
	font-size:18px;
	line-height:80px;
	font-weight:normal;
	padding-left:10px;
	color:#fff;
	background:linear-gradient(to right,rgba(32,188,113,1),40%,rgba(32,188,113,1),50%,rgba(32,188,113,0));
}
.content_title{
	display:block;
	width:100%;
	border-top:5px solid #20bc71;
	margin:20px 0px;
}
.content_title h4{
	font-size:16px;
	line-height:40px;
	color:#75b400;
	font-weight:normal;
}
.content_inner_box{
	width:100%;
	display:inline-block;
	margin-bottom:40px;
}
.content_inner_box a{
	color:#75b400;
	font-size:14px;
}
.content_inner_box a:hover{
	color:#95e420;
	text-decoration:none;
}
.page_exp{
	display:block;
	width:100%;
	margin:20px 0px;
}
.page_exp p{
	font-size:14px;
	line-height:20px;
}
.page_exp a{
	font-size:16px;
	color:#000;
}
.page_exp a:hover{
	text-decoration:none;
	color:#666;
}

/* トップページ */
.main_img{
	display:block;
	width:100%;
}
.main_img img{
	display:block;
	width:100%;
}

.top_topics_area{
	width:100%;
	margin-top:20px;
	padding-top:20px;
	padding-bottom:20px;
	border-top:5px solid #20bc71;
}
.top_topics_area h3{
	font-size:20px;
	color:#75b400;
	font-weight:normal;
	display:inline-block;
	margin-bottom:10px;
}

.topics_one_box{
	width:100%;
	border-bottom:1px solid #c8dcbd;
	padding:10px 0px;
}
.topics_date{
	width:100%;
	line-height:20px;
	font-size:12px;
	color:#333;
}
.topics_title{
	width:100%;
	line-height:24px;
	font-size:14px;
	color:#000;
	box-sizing:border-box;
}
.topics_title a{
	color:#00A;
	text-decoration:none;
}
.topics_title a:hover{
	text-decoration:underline;
}
.top_banner_area{
	width:100%;
}
.banner_box{
	width:100%;
	padding:20px 10px 0px;
	font-size:12px;
	box-sizing:border-box;
}
.banner_box img{
	display:block;
	margin:0 auto;
}
.banner_box p{
	padding-top:10px;
	text-align:center;
}
.big_img{
	width:100%;
}

/* 校長室より */
.principal_photo{
	width:50%;
	display:block;
	margin:0 auto;
}
.principal_photo img{
	width:100%;
}
.greeting_area{
	width:100%;
	margin:20px 0px;
}
.greeting_area p{
	font-size:14px;
	line-height:20px;
	margin-bottom:20px;
	display:inline-block;
}
#ga_signature_box{
    text-align: right;
    display: inline-block;
    width: 100%;
    line-height: 40px;
    margin-bottom: 40px;
}
#gas_inner{
	display:block;
}

/* 学校紹介 */
.ip_one{
	display:inline-block;
	width:50%;
}
.intro_photo_exp{
	display:inline-block;
	width:45%;
	font-size:14px;
}

.intro_history_box{
	margin-bottom:40px;
}
.intro_history_box table{
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
.intro_history_box table tr{
	border:1px solid #e3e3e3;
}
.intro_history_box table td{
	font-size:12px;
	line-height:40px;
}
.intro_td01{
	display:block;
	width:100%;
	text-align:left;
	padding-left:10px;
	box-sizing:border-box;
	border-bottom:1px dotted #e3e3e3;
}
.intro_td02{
	display:block;
	width:100%;
	padding-left:20px;
	box-sizing:border-box;
}


/* 校歌紹介 */
.kouka_box{
	width:100%;
}
.kouka_box img{
	vertical-align:middle;
	margin-right:5px;
}
.kouka_box a{
	color:#000;
}
.kouka_lyrics{
	display:block;
	width:100%;
	height:50px;
	font-size:14px;
}
.kouka_one{
	display:block;
	width:100%;
	height:40px;
	font-size:14px;

}
.kouka_one2{
	display:block;
	width:100%;
	height:auto;
	font-size:14px;
	margin-bottom:20px;
}
.kouka_player{
	display:block;
	margin-top:10px;
	margin-left:20px;
	margin-bottom:10px;
	box-sizing:border-box;
}
.kouka_one2 audio{
	display:block;
}
.kk_btn{
	display: block;
	width: 300px;
	background-color: #EEE;
	color: #000;
	text-align: center;
	height:30px;
	margin-left: 20px;
	line-height: 30px;
	cursor:pointer;
	margin-bottom:20px;
	border:1px solid #CCC;
}
.kk_inner{
	display:none;
	padding:20px;
	margin-bottom:20px;
	background-color:#EEE;
}
.kk_title{
	font-size:16px;
}
.kk_lm{
	font-size:14px;
	margin-top:10px;
}
.kk_ol{
	margin-top:20px;
	margin-left:35px;
	list-style-type:cjk-ideographic;
}
.kk_ol li{
	font-size:16px;
	margin-bottom:20px;
	padding-left:10px;
	letter-spacing:0.15em;
}
/* 行事予定 */
.calendar_content_box{
	width:100%;
	margin-bottom:40px;
}
.calendar_content_box a{
	color:#000;
}
.calendar_content_box img{
	vertical-align:middle;
	margin-right:5px;
}
.calendar_one{
	display:block;
	width:100%;
	height:40px;
	font-size:14px;
}
.calendar_line{
	display:block;
	width:100%;
	height:50px;
	line-height:50px;
	font-size:14px;
	border-bottom:1px dotted #20bc71;
}

/* 学校行事 */
.event_one{
	width:100%;
	display:block;
	border-bottom:1px solid #c8dcbd;
	margin-bottom:40px;
}
.event_title{
	display:block;
	width:100%;
	box-sizing:border-box;
	padding-left:10px;
	border-left:5px solid #20bc71;
	margin-bottom:20px;
}
.event_date{
	font-size:12px;
	color:#333;
}
.event_title h4{
	font-size:16px;
	font-weight:normal;
	line-height:40px;
}
.event_inner{
	width:100%;
	padding:0px;
	font-size:0;
	margin-bottom:20px;
	box-sizing:border-box;
}
.event_inner p{
	font-size:14px;
	line-height:20px;
	margin-bottom:10px;
}
.event_photo_0{
	display:block;
	width:100%;
	margin-top:30px;
	margin-bottom:10px;
	vertical-align:top;
	font-size:0;
	background-color:#ebebeb;
}
.event_photo_0 img{
	display:block;
	width:100%;
}
.event_photo_0 p{
	display:block;
	width:100%;
	font-size:12px;
	color:#000;
	line-height:20px;
	height:20px;
	text-align:center;
}

.event_photo_1{
	display:block;
	width:330px;
	height:330px;
	margin:30px auto 10px;
	vertical-align:top;
	font-size:0;
	background-color:#ebebeb;
}
.event_photo_1 img{
	display:block;
	width:330px;
	height:330px;
	object-fit:contain;
	margin:0 auto;
}
.event_photo_1 p{
	display:block;
	width:100%;
	font-size:12px;
	color:#000;
	line-height:20px;
	height:20px;
}


.event_photo_2 , .event_photo_2t{
	display:inline-block;
	height:300px;
	width:100%;
	vertical-align:top;
	font-size:0;
	background-color:#ebebeb;
	margin-bottom:20px;
}
.event_photo_2 img , .event_photo_2t img{
	display:block;
	width:270px;
	height:270px;
	object-fit:contain;

	margin:0 auto;
}
.event_photo_2 p , .event_photo_2t p{
	display:block;
	width:100%;
	font-size:12px;
	color:#000;
	line-height:20px;
	height:20px;
	text-align:center;
}

.event_photo_2nc , .event_photo_2nct{
	display:inline-block;
	height:300px;
	width:100%;
	vertical-align:top;
	font-size:0;
	background-color:#ebebeb;
	margin-bottom:5px;
}
.event_photo_2nc img , .event_photo_2nct img{
	display:block;
	width:100%;
	height:100%;
	object-fit:contain;
	margin:0 auto;
}


.event_photo_3{
	display:inline-block;
	width:32%;
	margin-left:1%;
	vertical-align:top;
}
.event_photo_3 img{
	display:block;
	width:100%;
}
.event_photo_3 p{
	display:block;
	width:100%;
	font-size:12px;
	color:#000;
	line-height:20px;
	height:20px;
}


/* 部活動 */
.club_content_box{
	width:100%;
}
.club_content_box img{
	vertical-align:middle;
	margin-right:5px;
}
.club_content_box a{
	color:#000;
}
.club_content_box a:hover{
	color:#666;
	text-decoration:none;
}
.club_one{
	display:block;
	width:100%;
	font-size:14px;
	margin:10px 0px;
}
.club_size{
	font-size:12px;
	color:#333;
}

/* 進路状況 */
.sinro_content_box{
	width:100%;
}
.sinro_content_box img{
	vertical-align:middle;
	margin-right:5px;
}
.sinro_content_box a{
	color:#000;
}
.sinro_content_box a:hover{
	color:#666;
	text-decoration:none;
}
.sinro_one{
	display:block;
	width:100%;
	font-size:14px;
	margin:10px 0px;
}


/* 家政科より */
.homeec_one{
	width:100%;
	display:block;
	border-bottom:1px solid #c8dcbd;
	margin-bottom:40px;
}
.homeec_title{
	display:block;
	width:100%;
	box-sizing:border-box;
	padding-left:10px;
	border-left:5px solid #20bc71;
	margin-bottom:20px;
}
.homeec_title h4{
	font-size:16px;
	font-weight:normal;
	line-height:40px;
}
.homeec_inner{
	width:100%;
	padding:0px;
	font-size:0;
	margin-bottom:20px;
	box-sizing:border-box;
}
.homeec_inner p{
	font-size:14px;
	line-height:20px;
	margin-bottom:10px;
}
.homeec_photo_0{
	display:block;
	width:100%;
	margin-top:30px;
	margin-bottom:10px;
	vertical-align:top;
	font-size:0;
	background-color:#ebebeb;
}
.homeec_photo_0 img{
	display:block;
	width:100%;
}
.homeec_photo_0 p{
	display:block;
	width:100%;
	font-size:12px;
	color:#000;
	line-height:20px;
	height:20px;
	text-align:center;
}

.homeec_photo_1{
	display:block;
	width:330px;
	height:330px;
	margin:30px auto 10px;
	vertical-align:top;
	font-size:0;
	background-color:#ebebeb;
}
.homeec_photo_1 img{
	display:block;
	width:330px;
	height:330px;
	object-fit:contain;

	margin:0 auto;
}
.homeec_photo_1 p{
	display:block;
	width:100%;
	font-size:12px;
	color:#000;
	line-height:20px;
	height:20px;
}


.homeec_photo_2 , .homeec_photo_2t{
	display:inline-block;
	height:300px;
	width:100%;
	vertical-align:top;
	font-size:0;
	background-color:#ebebeb;
	margin-bottom:20px;
}
.homeec_photo_2 img , .homeec_photo_2t img{
	display:block;
	width:270px;
	height:270px;
	object-fit:contain;

	margin:0 auto;
}
.homeec_photo_2 p , .homeec_photo_2t p{
	display:block;
	width:100%;
	font-size:12px;
	color:#000;
	line-height:20px;
	height:20px;
	text-align:center;
}




.homeec_photo_2nc , .homeec_photo_2nct{
	display:inline-block;
	height:300px;
	width:100%;
	vertical-align:top;
	font-size:0;
	background-color:#ebebeb;
	margin-bottom:5px;
}
.homeec_photo_2nc img , .homeec_photo_2nct img{
	display:block;
	width:100%;
	height:100%;
	object-fit:contain;
	margin:0 auto;
}


.homeec_photo_3{
	display:inline-block;
	width:32%;
	margin-left:1%;
	vertical-align:top;
}
.homeec_photo_3 img{
	display:block;
	width:100%;
}
.homeec_photo_3 p{
	display:block;
	width:100%;
	font-size:12px;
	color:#000;
	line-height:20px;
	height:20px;
}


/* ギャラリーページ */
.gallery_box{
	width:100%;
	margin-bottom:40px;
}

.g_box{
	width:100%;
	box-sizing:border-box;
	display:block;
	font-size:0;
	line-height:0;
}
.g_box img{
	width:100%;
	display:block;
	font-size:0;
}

.g2_box{
	display:inline-block;
	width:100%;
	font-size:0;
	box-sizing:border-box;
	padding:5px;
}
.g2_movie{
	min-height:200px;
}
.g2_movie video{
	width:100%;
}

.g3_box{
	display:inline-block;
	width:100%;
	font-size:0;
	box-sizing:border-box;
	padding:5px;
}

}