﻿body {
	margin-left: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#ffffff;
	font-family: PT Sans,Helvetica Neue,Arial,Hiragino Kaku Gothic Pro,Meiryo,MS PGothic,sans-serif;
	color:#666666;
	font-size:1.1em;
	line-height:1.7;
	text-align:center;
}

a:link {
	color: #CC0033;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #CC3366;
}
a:hover {
	text-decoration: none;
	color: #FF9900;
}
a:active {
	text-decoration: none;
	color: #FFCC33;
}

h1{font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif;
font-weight:lighter;
   font-size:100%;
   text-align:left;
   line-height:1.4;
}

h2{
   	font-size:1.2rem; font-weight:600;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif;
}
h2:link {text-decoration:none; color:#372929;}
h2:hover{border: none;
color: #6f1f1f;
}
h2:visited {color: #4a2121;}
@media screen and (max-width: 1080px) {
h1 {font-size: 0.8em;}
}
h3{
   padding:0px;
   margin:0px;
   font-weight:lighter;
	font-size:1em;
   } 
   
p{margin:0px;}

p.ex{margin:10px 0px 0px 0px ;}
p._ex{margin:10px 0px 0px 10px ;}
p.ex_{margin:0px 10px 0px 0px ;font-size: 1em;}
p.e_x{margin:0px 0px 0px 10px ;}
p.floatex{margin:10px 0px 0px 25px ;float:left;}
p.floatex2{margin:10px 0px 30px 30px ;float:left;}
p.longtxt{
	margin:0px 10px 0px 0px;
	font-size: 1rem;
	line-height: 1.7;
}
input{border: 2px solid #ccc;line-height: 1.8em;}
textarea name{line-height: 1.8em;}

ul { 
	margin:0px;
	padding:0px;
	}
	
li {
	margin:0.5em;
	padding:0px;
	list-style: none;
	}

li.limenu {
	padding-left: 45px;
	margin:0em;
    line-height: 1em;
    background: url(img/maru1.gif) no-repeat;
}
ul.ulmenu{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 1em 0 0;
    margin: 0;
}
.menubar {
	display:block;
	background-image:url(img/mainline.gif);
	height:1em;
	margin-top:0.8em; 
	padding-top:8px;
	background-repeat:repeat-x;	}
.logo img{
	width:200px;}
@media only screen and (max-width:1080px){
.logo img{
	width:280px;}}
.footer {
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif;
    margin:0 auto;
    width:100%;
    font-size:0.9em;
    border: 0;
 /* background: url(img/mainline2.gif) repeat-x 0 0; */
	}
.footermoksya {
    width:100%; margin:1em 0;
    padding-top:30px;
    font-size:1em;
    border: 0;
    background: url(img/mainline2.gif) repeat-x 0 0;position: relative;
	}
 /* スライダー */
.slide {
margin-top:1em;
  width      : 400px;
  height     : 533px;
}
.slide img {
  display    : block;
  position   : absolute;
  border-radius: 0 40px 0 40px;
  width      : inherit;
  height     : inherit;
  opacity    : 0;
  animation  : slideAnime 35s ease infinite;}
.slide img:nth-of-type(1) { animation-delay: 0s }
.slide img:nth-of-type(2) { animation-delay: 7s }
.slide img:nth-of-type(3) { animation-delay: 14s }
.slide img:nth-of-type(4) { animation-delay: 21s }
.slide img:nth-of-type(5) { animation-delay: 28s }

@keyframes slideAnime{
   0% { opacity: 0 }
   10% { opacity: 1 }
  20% { opacity: 1 }
  30% { opacity: 0 }
 100% { opacity: 0 }}
@media only screen and (max-width:1080px){
.slide{
width:95%;
display: flex; justify-content: center;  align-items: center;}
.slide img {
}}
.half-box th { width: 45%;}
.half-box td{text-align:left;margin:2em;
    }
@media only screen and (max-width:1080px){
.half-box { margin: 0; }
.half-box th,
.half-box td{
    width: 100%;
    display: block;margin:auto;
    border-top: none;}
.half-box th{margin-top:1em;}
.half-box td{text-align:left;
    }}


.half-box3 th { }
.half-box3 td{text-align:left;margin:2em;
    }
@media only screen and (max-width:1080px){
.half-box3 { margin: 0; }
.half-box3 th,
.half-box3 td{
    width: 95%;
    display: block;margin:auto;
    border-top: none;}
.half-box3 th{margin-top:1em;}
.half-box3 td{text-align:left;
    }}



.half-box1 th { width: 45%;}
.half-box1 td{text-align:left;margin:2em;
    }
@media only screen and (max-width:1080px){
.half-box1 { margin: 0 -10px; }
.half-box1 th,
.half-box1 td{
    width: 100%;
    display: block;margin:auto;
    border-top: none;}
.half-box1 th{margin-top:1em;}
.half-box1 td{text-align:left;
    }}

.half-box2 th { width: 55%;}
.half-box2 td{text-align:left;margin:2em;
    }
@media only screen and (max-width:1080px){
.half-box2 th,
.half-box2 td{
    display: block;margin:auto;}
.half-box2 th{margin-top:3em;}
.half-box2 td{text-align:center;margin-top:3em;width: 70%;
    }}


.box {
	width:890px;
	clear:both;
	text-align:center;
	}
	
.boxclass {
	width:700px;
	clear:both;
	text-align:center;
	}
	
.topimage {
	float:left;
	width:390px;
	height:490px;
	}
	
.topconcept {
	float:left;
	width:400px;
	text-align:left;
	margin-top: 30px;
	margin-bottom: 30px;
	}
	
.info {
	background-image:url(img/newslong.jpg);
	background-repeat:no-repeat;
	width:360px;
	height:360px;
	text-align:left;
	padding:45px 0px 5px 50px;
	margin-top: 510px;
	}
	
.infomesse {
	width:390px;
	text-align:left;
	padding:0 40px 10px;
	}
@media screen and (max-width: 1080px) {
.infomesse {
	width:90%;
	text-align:left;
	padding:0 0 10px;
	}}
img.sa {
	margin:0px 5px 4px 0px;
	float:left;
	}
	
	
.copy{
   padding:0px;
   margin:0.8em 0 1.2em 0;
   font-size:1em;
   text-align:center;
   }
 .news {
	font-size: 1.1rem;
	line-height: 19px;
	font-weight: bold;
	color: #990000;
}
.topinfo {
	padding:10px;
	margin:10px;
	font-weight:lighter;
	font-size:1.1em;
	text-align:center;
	border: 1px solid #FFCC99;
	height: 220px;
	width: auto;
}
.txt15 {

	font-size: 1em;
	line-height: 1.7;
	font-weight: normal;
	color: #333333;
}
.info_bo {
	margin: 3px 0 3px 0;
	padding: 6px 0.5em 1px 0.5em;
	border: thin solid #F08080;
}
 .news2 {
	font-size: 1em;
	line-height: 19px;
	font-weight: bold;
	color: #DC143C;
}
.info2 {

	background-image:url(img/newsl-1.jpg);
	background-repeat:no-repeat;
	width:550px;
	height:390px;
	text-align:left;
	padding:20px 0px 5px 10px;
	float:left;
	margin-top:2em;
}
@media screen and (max-width: 1080px) {
.info2 {
	background-image:none;
	background-color:#fefbfb;
	width:95%;
	background-size: contain;
	background-position:center;
	text-align:left;
	padding:5px 0 5px 1em;
	margin-top:0;
	margin-bottom:1em;
	font-size:0.9em;
	font-weight: 500;
}}
.topics{
	padding-left: 60px;
	font-size:1.6em; color:#423429; font-weight:600;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif;
    line-height: 60px;
    background: url(img/class/maru.gif) no-repeat;
}

.topics2{
	font-size:1.1em; color:#7c7875; font-weight:500;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif;
    line-height: 1.7; margin-top:1em; margin-bottom:0;}
.topics3{
	font-size:1.3em; color:#423429; font-weight:500;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif;
    line-height: 1.7; margin-top:1em; padding-left:2em;}
@media screen and (max-width: 1080px) {
.topics3{font-size: 1.1em;}
.topics{font-size:1.2em;}}
.map iframe{width:80% !important;}
.circle1{background: url(img/circle1.jpg) no-repeat; background-size:100%;}
#rss .title {
    font-weight: bold;
    color: #333;}
.classimg{
	display: flex; justify-content: space-between;
}
@media screen and (max-width: 1080px) {
.classimg{
	display: flex; flex-direction: column; justify-content: center;  align-items: center; font-size: 1.2em !important; 
}}

.inforss{display: flex; justify-content: center; margin-bottom:30px;
}
@media screen and (max-width: 1000px) {
.inforss{margin-bottom:0;
}}
  /* 日付のスタイル */
#rss {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif;
    line-height: 1.7; padding:0.5em 1.5em 0.5em 1.5em;}
@media screen and (max-width: 1000px) {
#rss {
  padding:0.5em 0 0.5em 0; font-size:0.9em;}}
.topbtn{
 display: flex; justify-content: center; margin:3em 0 6em 0; gap: 2em;}
.topbtnfigure {
    position: relative;
}
.topbtnfigure h3{font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif;

    display: inline-block;
}
.topbtnfigure img {
  transition: .3s ease-in-out;
}
.topbtnfigure:hover img {
  filter: brightness(1.1);
}
@media screen and (max-width: 1080px) {
.topbtn{
	display: flex; flex-direction: column; justify-content: center;  align-items: center; width:80%;}
.topbtnfigure img {width:90%;}
}
.genmaibox{
width:100%;
}
@media screen and (max-width: 1080px) {
.genmaibox{width:auto;}
}
.tex-bg{
	background-color:#fefbfb; letter-spacing:5px;
	padding:4px 4px 4px 8px; border:1px solid #ffcccc; margin-top:5px; margin-bottom:8px;
}
@media screen and (min-width: 1080px){
.br-sp {display: none; }
}