@charset "utf-8";
body {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	line-height:1.8em;
}
#wrap{
	max-width:1100px;
	margin:0 auto;
}

h1{
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		font-size:150%;
	font-weight:bold;
	margin-top:-5px;
}
h1 span{
	font-size:50%;
}
h2{
	font-size:90%;
	margin-top:15px;
	padding-left:0px;
	margin-bottom:5px;
/*	border-left:9px solid rgba(183,243,104,0.9);
*/	border-bottom:2px dotted #ddd;
}
ul{
	list-style-type:none;
}
.nav.navbar-nav.navbar-right li a {
	text-align: center;
}
/*h2::before,
h2::after {
	position: absolute;
	content: '';
	border-radius: 100%
}
h2::before {
	left: 0.8em;
	width: 12px;
	height: 12px;
	background:rgba(183,243,104,0.9);
}
*/h3{
	padding-left:10px;
	margin-bottom:5px;
	font-weight:bolder;
	font-size:115%;
	margin-top:15px;
	border-bottom:2px dotted #ddd;
}
h4{
	font-size:100%;
	padding-left:10px;
	margin-bottom:5px;
	font-weight:bolder;
	margin-top:15px;
	border-bottom:2px dotted #ddd;
}
.glyphicon.glyphicon-leaf {
	color: rgba(58,102,0,0.7)!important;
	margin-right:3px;
}


#defaultNavbar1 .nav.navbar-nav.navbar-right .act a , 
.nav.navbar-nav.navbar-right li a:hover {
	color: #fff;
/*	background-color: rgba(0,114,16,1.00);
*/	background-image: -webkit-linear-gradient(90deg,rgba(183,243,104,1.00) 0.52%,rgba(58,102,0,1.00) 100%);
	background-image: -moz-linear-gradient(90deg,rgba(183,243,104,1.00) 0.52%,rgba(58,102,0,1.00) 100%);
	background-image: -o-linear-gradient(90deg,rgba(183,243,104,1.00) 0.52%,rgba(58,102,0,1.00) 100%);
	background-image: linear-gradient(0deg,rgba(183,243,104,1.00) 0.52%,rgba(58,102,0,1.00) 100%);
}

#graphic ul{
	list-style-type:none;
	height: 480px;
	margin-bottom: 5px;
	padding-top: 10px;
	margin-left:0;
	padding-left:0;
}
#graphic, #graphic ul li img {
		width:100%;
		height:auto;
	margin:0 0 5px 0;
	padding-left:20px;
}
#graphic ul {
	list-style: none;
	padding-left: 0;
}
#graphic ul li {
	display: none;
	position: absolute;
}
#graphic ul li.now {
	display: block;
}
.row .col-md-offset-0.col-md-7.col-lg-7 h2 {
	font-size: 120%;
	font-weight: bold;

}
.row .col-md-offset-0.col-md-7.col-lg-7 p {
	text-indent:1em;
}

#foot {
	background-color:#f8f8f8;
	margin:15px auto 0;
}
footer{
	text-align:center;
	margin:15px auto 5px;
}
.navi , .main ,footer{
	max-width:1200px;
}
p#pagetop{
	position: fixed;
	bottom: 5px;
	right: 10px;
}

p#pagetop a{
	background: rgba(58,102,0,0.7);
	border: 2px solid #fff;
	border-radius:15px;
	display: block;
	padding: 0px 15px 30px;
	/*width:70px;*/
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 90%;
	color:#fff;
	text-decoration: none;
	font-weight: bold;
}


/*202509追加ここから*/
.snsbox {
	font-size: 90%;
	padding-top: 80px;
	padding-bottom: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.sns-btn {margin-right: 15px;}
.sns-btn img {width: 30px;}

/*202509追加ここまで*/


/* ------------------------- profile ------------------------- */
#profile{
	margin-bottom:5px;
}
.row .col-lg-7.col-sm-7 h2 {
	font-weight: bold;
	font-size:110%;
}

#profile img{
	max-width:80%;
	height: auto;
	margin: 0 0 5px 0;
	padding-left: 0;
	margin-left:0;
	padding-right: 10px;
}

.row .col-sm-8 h2 {
	font-weight:bold;
	font-size:110%;
}

table{
	width:100%;
 border:none;
 margin-bottom:10px;
 font-size:96%;
}
.ym{
	width:18%;
}
.disc{
	width:82%;
}
/* ------------------------- gallery ------------------------- */
.g_main{
	padding-left:2%;
	padding-right:2%;
	padding-bottom:15px;
}
.container-fluid.main .row.g_main .col-lg-3.col-sm-3.col-xs-6 {
	text-align:center;
}

.g_main img{
	border: 1px solid rgba(58,102,0,0.5);
	width:100%;
	height:auto;
	margin-bottom:5px;
}
.g_main h2{
	padding-left:28px;
}
.g_main h2::before {
/*	top: 0.6em;
	z-index: 2;
*/	
	left: 1.2em;
	width: 12px;
	height: 12px;
	background:rgba(183,243,104,0.9);
}
.g_main p{
	margin-top:-5px;
	text-align:center;
	padding-bottom:10px;
	font-size:90%;
}
.g_main p span{
	font-size:80%;
	display:block;
	margin-top:-10px;
}
.g_main p.disc2{
	margin-top:-24px;
	line-height:1.2em;
}
/* ------------------------- school -------------------------------  */
.scho{
	margin-bottom:30px;
}
.scho img{
	max-width:90%;
	height: auto;
	margin: 0 0 5px 0;
	padding-left: 0;
	margin-left:0;
	padding-right: 10%;
}
.scho img.class2{
	z-index:1;
/*	width:100%;
*/}
.scho img.class1{
	z-index:2;
	width:100%;
	position:absolute;
	top:30%;
	left:27%;
}
table.scho {
	border:1px solid #ddd;
	border-collapse:collapse;
	margin-top:40px;
}
table.scho th{
	background-color:rgba(183,243,104,1.0);
	text-align:center;
    border-bottom: solid #ddd;
}
.scho th, .scho td{
	border:1px solid #ddd;
}
.scho th{
	width:10%;
}
.scho td{
	width:45%;
	padding-left:3px !important;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
}
.scho p{
	margin:0;
}
.row .col-md-offset-0.col-md-7.col-lg-7 h2 {
	font-weight:bold;
	font-size:110%;
}
.row .col-md-offset-0.col-md-7.col-lg-7 h4 {
	font-size:90%;
}
.scho span{
	font-size:94%;
	padding-left:15px;
}
/* ------------------------- access -------------------------------  */
.access iframe{
	padding-left:10px;
	width:100%;
}
#contents {
  z-index: 0;
  font-size: 16px;
}
.page-txt {
  margin: 30px 0 0;
  height: 2000px;
}
/* モーダル コンテンツエリア 
#modal-open {
  color: #cc0000;
}
#modal-main {
　　display: none;
　　width: 500px;
　　height: 300px;
　　margin: 0;
　　padding: 0;
　　background-color: #ffffff;
　　color: #666666;
　　position:fixed;
　　z-index: 2;
}
/* モーダル 背景エリア 
#modal-bg {
　　display:none;
　　width:100%;
　　height:100%;
　　background-color: rgba(0,0,0,0.5);
　　position:fixed;
　　top:0;
　　left:0;
　　z-index: 1;
}
*/





@media screen and (min-width:960px){
#profile img{
	width:75%;
	height: auto;
	margin: 0 0 5px 0;
/*	padding-left: -10px;
*/	margin-left:-10px;
	padding-right: 10px;
}

}
@media screen and (max-width:460px){
.col-md-5 #graphic .col-md-11.col-md-offset-1 {
	height: 420px;
}
.container-fluid .row .col-md-offset-0.col-md-7 {
	padding:5%;
	font-size:90%;
}
.g_main img{
	border: 1px solid rgba(0,158,62,0.3);
	width:100%;
}
}
@media screen and (max-width:414px){
/* ------------------------- profile ------------------------- */
#profile{
	margin-bottom:50px;
}
.scho{
	margin-bottom:10px;
}
	
	
.col-md-5 #graphic .col-md-11.col-md-offset-1 {
	height: 420px;
}

.ym{
	width:26%;
}
.disc{
	width:74%;
}

.g_main p{
	font-size:90%;
}
}
@media screen and (max-width:360px){
.col-md-5 #graphic .col-md-11.col-md-offset-1 {
	height: 310px;
}
}