body{
    font-size: 0.95rem;
    color: #262626;
    position: relative;
    background-repeat: repeat-x;
    font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;  
    background-color: #F9F8F3
}
header{
display: flex;
align-items: center;
justify-content: center;

}
.indexpage header{
margin-bottom:20px;
}
header h1{
margin-right:60px;
padding-top:10px;
}
header h1 img{
width:auto;
height:130px;
}
header nav{
height:140px;
}
header nav ul{
display: flex;
height:100%;
}
header nav ul li{
    height: 100%;
    display: flex;
    align-items: center;
    border-right: 2px dotted #979797;
    padding:0 10px;/*追加*/
}
header nav ul li:nth-of-type(1){
border-left:2px dotted #979797;
}
header nav ul li:nth-of-type(1):hover{
background-color: #ED3232;
  border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
header nav ul li:nth-of-type(2):hover{
background-color: #FF6CA8;
  border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
header nav ul li:nth-of-type(3):hover{
background-color: #3C80D3;
  border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
header nav ul li:nth-of-type(4):hover{
background-color: #34C68A;
  border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
header nav ul li:nth-of-type(5):hover{
background-color: #5A9E3E;
  border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
header nav ul li:nth-of-type(6):hover{
background-color: #FF9700;
  border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.indexpage header nav ul li:nth-of-type(1){
background-color: #ED3232;
  border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.enpage header nav ul li:nth-of-type(2){
background-color: #FF6CA8;
  border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.seikatsupage header nav ul li:nth-of-type(3){
background-color: #3C80D3;
  border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.shokuikupage header nav ul li:nth-of-type(4){
background-color: #34C68A;
  border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.johopage header nav ul li:nth-of-type(5){
background-color: #5A9E3E;
  border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.shinchakupage header nav ul li:nth-of-type(6){
background-color: #FF9700;
  border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
header nav ul li{
position: relative;
}

header nav ul li img:last-child{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    display: none;
    
}
header nav ul li:hover img:last-child{
display:block
}
.indexpage header nav ul li:nth-of-type(1) img:last-child{
display:block
}
.enpage header nav ul li:nth-of-type(2) img:last-child{
display:block
}
.seikatsupage header nav ul li:nth-of-type(3) img:last-child{
display:block
}
.shokuikupage header nav ul li:nth-of-type(4) img:last-child{
display:block
}
.johopage header nav ul li:nth-of-type(5) img:last-child{
display:block
}
.shinchakupage header nav ul li:nth-of-type(6) img:last-child{
display:block
}
main{
position: relative;
display: block;
margin-top:150px;
}
#topImg{
   position: relative;   
}
#topImg #ensha{
    position: absolute;
    bottom: -50px;
    z-index: 19;
    width: 100%;
    background-image: url(img/nami-8.png);
    background-repeat: repeat-x;
    background-position: center bottom;
}
#topImg #ensha img{
width:550px;
height:auto;
}
#topImg #kado1{
    position: absolute;
    top:0;
    left:0;
    z-index: 10;   
}
#topImg #kado2{
    position: absolute;
    top:0;
    right:0;
    z-index: 11; 
}
#topImg #kumo{
    position: absolute;
    top:0;
    right:40px;
    z-index: 12;   
}
#topImg .catch div{
width:960px;
margin-right:auto;
margin-left:auto;
text-align: right
}
#topImg .slider li img{
    height: 500px;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin:0 2px;
}
article{
padding-bottom:10rem;
}
.tArea{
line-height:160%;
}

#hitokoto {
display: flex;
margin-top:6rem
}
#hitokoto figure{
width:30%;
margin-right:5%;
}
#hitokoto figure img{
width:100%;
height:100%;
object-fit: cover;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
}
#hitokoto .wrap{
width:55%;
margin-right:5%;
}

#hitokoto .wrap h2{
margin-bottom:3rem;
}
#kihon{
    background-image: url(img/bg2-8.png);
    position: relative
}
.custom-shape-divider-top-1733676856 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top-1733676856 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 60px;
}

.custom-shape-divider-top-1733676856 .shape-fill {
    fill: #F9F8F3;
}
.custom-shape-divider-bottom-1733677057 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-bottom-1733677057 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 62px;
}

.custom-shape-divider-bottom-1733677057 .shape-fill {
    fill: #F9F8F3;
}
#kihon .box{
width:980px;
margin:0 auto;
display: flex;
justify-content: space-between;
padding:100px 0 0px 0;
}

#kihon figure{
width:35%;
  border: 8px solid #fff;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
   line-height:0;}

#kihon figure iframe{
width:100%;
border-radius:6px;
height:100%;
}
#kihon table{
width:60%;
	border-collapse:separate;
	border-spacing:0;
    background-color: rgba(255,255,255,0.5)
}
#kihon table tr>*:first-child{
	border-right: 2px solid #9E7877;
	border-left: 2px solid #9E7877;
	border-bottom: 2px solid #9E7877;
	padding: 15px;
	text-align: center;
    white-space: nowrap;    
}
#kihon table tr>* {
	border-right: 2px solid #9E7877;
	border-bottom: 2px solid #9E7877;
	padding:15px;
}
#kihon table tr:first-child>*{
	border-top: 2px solid #9E7877;
    
}
#kihon table tr:first-child *:first-child{
	border-top-left-radius: 5px;	
}
#kihon table tr:first-child *:last-child{
	border-top-right-radius: 5px;
    }
#kihon table tr:last-child *:first-child{
	border-bottom-left-radius: 5px;
}
#kihon table tr:last-child *:last-child{
	border-bottom-right-radius: 5px;
}
#kihon table th{
color:#9E7877;
background-color: rgba(255,255,255,0.5);
font-weight:bold;
}
#mark{
background-color: #FFE3E1;
margin-bottom:10rem;
padding:0
}

#mark .box{
width:980px;
margin-right:auto;
margin-left:auto;
padding:3rem 0;
}
#mark .anime{
width:526px;
margin-right:auto;
margin-left:auto;
}
#mark object{
	width:100%;
}
.shapedividers_com-3948{
overflow:hidden;
position:relative;
}
.shapedividers_com-3948::before{ 
content:'';
font-family:'shape divider from ShapeDividers.com';
position: absolute;
z-index: 3;
pointer-events: none;
background-repeat: no-repeat;
bottom: -0.1vw;
left: -0.1vw;
right: -0.1vw;
top: -0.1vw; 
background-size: 100% 11px;
background-position: 50% 0%;  background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 98 11" preserveAspectRatio="none"><path d="M0 1l1 10L2 1l1 10L4 1l1 10L6 1l1 10L8 1l1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10 1 10 1-10V0H0z" fill="%23f9f8f3"/></svg>'); 
}

.shapedividers_com-2046{
overflow:hidden;
position:relative;
}
.shapedividers_com-2046::before{ 
content:'';
font-family:'shape divider from ShapeDividers.com';
position: absolute;
z-index: 3;
pointer-events: none;
background-repeat: no-repeat;
bottom: -0.1vw;
left: -0.1vw;
right: -0.1vw;
top: -0.1vw; 
background-size: 100% 11px;
background-position: 50% 100%;  background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 98 11" preserveAspectRatio="none"><path d="M98 10L97 0l-1 10-1-10-1 10-1-10-1 10-1-10-1 10-1-10-1 10-1-10-1 10-1-10-1 10-1-10-1 10-1-10-1 10-1-10-1 10-1-10-1 10-1-10-1 10-1-10-1 10-1-10-1 10-1-10-1 10-1-10-1 10-1-10-1 10-1-10-1 10-1-10-1 10-1-10-1 10-1-10-1 10-1-10-1 10-1-10-1 10-1-10-1 10-1-10-1 10-1-10-1 10-1-10-1 10-1-10-1 10-1-10-1 10-1-10-1 10-1-10-1 10-1-10-1 10-1-10-1 10-1-10-1 10-1-10-1 10-1-10-1 10-1-10-1 10-1-10-1 10-1-10-1 10-1-10-1 10-1-10-1 10-1-10-1 10-1-10-1 10-1-10-1 10L9 0 8 10 7 0 6 10 5 0 4 10 3 0 2 10 1 0 0 10v1h98z" fill="%23f9f8f3"/></svg>'); 
}

@media (min-width:2100px){
.shapedividers_com-2046::before{
background-size: 100% calc(2vw + 11px);
}
}
 
#enka {
    background-image: url(img/niji-8.png);
    background-repeat: no-repeat;
    background-position: right top 30px;
    margin-top:50px;
}
#enka .box{
width:980px;
margin:0 auto;
}
#enka ul{
display: flex;
justify-content: space-between
}
#enka h2{
margin-bottom:3rem;
text-align: center
}
#enka h2+p{
text-align: right;
margin-bottom:2rem;
}
#enka figure{
text-align: center;
margin-top:30px;
}
#enka figure img{
width:250px;
height:auto;
}
#pagetop{
text-align: right;
 display: none;
  position: fixed;
   bottom: 10px;
  right: 10px;
  z-index: 100;
}

footer{
border-top:1px solid rgba(158,120,119,1.00);
width:98%;
margin:0 auto;
padding-top:2rem;
display: flex;
align-items: center;
flex-wrap: wrap;

}
footer div{
margin-right:50px;margin-left:30px;
}
footer div img{
width:200px;
height:auto;
}
footer ul {
color:rgba(158,120,119,1.00)
}
footer ul li:first-child{
font-size:1rem;
font-weight:bold;
}
footer ul li{
margin-bottom:0.5rem;
}
footer p{
width:100%;
text-align: right;
font-size:0.8rem
}
footer p a{
color:#666;
margin-left:2rem;
}
footer a:hover,main a:hover{
 opacity:0.7;
 filter:alpha(opacity=70);
 -ms-filter: “alpha( opacity=70 )”;
}
#mokuhyo {
display: flex;
}
#mokuhyo figure{
width:35%;
margin-right:5%;
}
#mokuhyo figure img{
width:100%;
height:100%;
object-fit: cover;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
}
#mokuhyo .wrap{
width:55%;
margin-right:5%;
}

#mokuhyo .wrap h2{
margin-bottom:3rem;
}
#enmokuhyo{
    background-image: url(img/bg2-8.png);
    position: relative
}
#enmokuhyo .box{
width:980px;
margin:0 auto;
padding:100px 0 0px 0;
text-align: center
}
#enmokuhyo img{
width:100%;
height:auto;
max-width:650px;
}
#tokushoku {
    background-image: url(img/maru-8.png),url(img/maru-8.png);
    background-repeat: no-repeat;
    background-position: right top 30px,left bottom 30px;
    margin-top: 50px;
}
#tokushoku .box{
width:900px;
margin:0 auto;
}
#tokushoku .box .wrap{
display: flex;
flex-wrap: wrap;
justify-content: space-around
}
#tokushoku h2{
margin-bottom:3rem;
text-align: center
}
#tokushoku section{
width:40%;
margin-bottom:3rem;
}
#tokushoku figure{
margin-bottom:10px;
}
#tokushoku figure img{
width:100%;
height:auto;
border-radius:10px;
}
#tokushoku h3{
text-align: center;
font-size:1.4rem;
margin-bottom:10px;
color:#FF6FAA;
font-weight:bold;
}
#tokushoku .tArea{

}
#classshokai {
    background-color: #F9E3E1;
    position: relative;
    padding-top:130px;  
}
#classshokai .box{
width:900px;
margin:0 auto;
}
#classshokai h2{
margin-bottom:3rem;
text-align: center;
}
#classshokai section{
margin-bottom:3rem;
}
#classshokai section:last-of-type{
margin-bottom:0;
}
#classshokai figure{
margin-top:1rem
}
#classshokai figure ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap
}
#classshokai figure ul li{
width:30%;
margin-bottom:1rem;
}
#classshokai figure img{
width:100%;
height:auto;
border-radius:10px;
}
#classshokai h3{
text-align: center;
font-size:1.4rem;
margin-bottom:2rem;
color:#FFF;
font-weight:bold;
background-color: #E5AEAE;
border-radius:1rem
}
.custom-shape-divider-bottom-1737899005 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1737899005 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 150px;
}

.custom-shape-divider-bottom-1737899005 .shape-fill {
    fill: #F9F8F3;
}




.custom-shape-divider-top-1737809352 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top-1737809352 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 150px;
    transform: rotateY(180deg);
}

.custom-shape-divider-top-1737809352 .shape-fill {
    fill: #F9F8F3;
}
#ensha .box{
width:980px;
margin-right:auto;
margin-left:auto;
}
#ensha h2{
text-align: center;
margin-bottom:3rem;
}
#ensha figure ul{
display: flex;
justify-content: space-between
}
#daily {
    background-image: url(img/maru-8.png),url(img/maru-8.png);
    background-repeat: no-repeat;
    background-position: right top 30px,left bottom 30px;    
}
#daily h2{
margin-bottom:3rem;
text-align: center
}
#daily h3{
font-size:1rem;
font-weight:bold;
color:hsla(3,17%,54%,1.00);
}
#daily .box{
width:980px;
margin-right:auto;
margin-left:auto;
}
#daily .wrap{
display: flex;
justify-content: space-between;
flex-wrap: wrap
}
#daily .wrap .daily01{
width:46%;
}
#daily .wrap>.tArea{
width:100%;
margin-top:3rem;
margin-bottom:3rem;
}

#daily figure ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
#daily figure ul li{
width:24%;
text-align: center;
font-size:0.8rem
}
#daily figure ul li img{
width:100%;
height:auto;
border-radius:8px;
}

#daily table{
width:100%;
	border-collapse:separate;
	border-spacing:0;
    margin-bottom:40px;
    height:100%;
}
#daily table tr>*:first-child{
	border-right: 2px solid #F6CAC6;
	border-left: 2px solid #F6CAC6;
	border-bottom: 2px solid #F6CAC6;
	padding: 10px;
	text-align: center;
    white-space: nowrap;    
}
#daily table tr>* {
	border-right: 2px solid #F6CAC6;
	border-bottom: 2px solid #F6CAC6;
	padding:10px;
}
#daily table tr:first-child>*{
	border-top: 2px solid #F6CAC6;
    
}
#daily table tr:first-child *:first-child{
	border-top-left-radius: 5px;
    
}
#daily table tr:first-child *:last-child{
	border-top-right-radius: 5px;
    }
#daily table tr:last-child *:first-child{
	border-bottom-left-radius: 5px;
}
#daily table tr:last-child *:last-child{
	border-bottom-right-radius: 5px;
}
#daily .daily01>table>tbody>tr>th{
background-color: #FBE9E8;
color:#9E7877;
font-weight:bold;
}


#event{
    background-image: url(img/bg2-8.png);
    position: relative;
    margin-bottom:100px;
}
#event .box{
width:980px;
margin:0 auto;
padding:100px 0 0px 0;
}
#event h2{
margin-bottom:3rem;
text-align: center
}
#event dl{
    width: 100%;
    margin: 0 auto;
    margin-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
    background-color: rgba(255,255,255,0.5);
    border-radius: 10px;
    padding: 3rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#event dl dt{
    border-bottom: 2px dotted #9E7877;
    color: #FFF;
    width: 20%;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
      
}
#event dl dt p{
text-align: center;
font-weight:bold; 
background-color: #9E7877;
border-radius:8px;
padding:4px 0;
}

#event dl dd{
border-bottom:2px dotted #A48180;
width:80%;
padding:20px;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#event figure ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
#event figure ul li{
width:24%;
text-align: center;
font-size:0.8rem
}
#event figure ul li img{
width:100%;
height:auto;
border-radius:8px;
}

#shokuiku {
    background-image: url(img/maru-8.png),url(img/maru-8.png);
    background-repeat: no-repeat;
    background-position: right top 30px,left bottom 30px;
    margin-top: 50px;
}
#shokuiku .box{
width:980px;
margin-right:auto;
margin-left:auto;
}
#shokuiku section{
display: flex;
justify-content: space-between;
border-bottom:1px dotted #9D7775;
padding-bottom:2rem;
margin-bottom:2rem;
}
#shokuiku h2{
margin-bottom:3rem;
text-align: center
}
#shokuiku section figure{
width:35%;
}
#shokuiku section figure img{
width:100%;
height:auto;
border-radius:8px;
}
#shokuiku section .wrap{
width:60%;
}
#shokuiku h3{
text-align: center;
font-size:1.4rem;
margin-bottom:2rem;
color:#FFF;
font-weight:bold;
background-color: #E5AEAE;
border-radius:10px;
padding:6px;
}
#kujo {
    background-image: url(img/maru-8.png),url(img/maru-8.png);
    background-repeat: no-repeat;
    background-position: right top 30px,left bottom 30px;
    margin-top: 50px;
}
#kujo h2{
margin-bottom:3rem;
text-align: center
}
#kujo .box{
width:980px;
margin-right:auto;
margin-left:auto;
}
#kujo section{
padding-bottom:2rem;
margin-bottom:2rem;
}
#kujo section h3{
    font-size: 1.2rem;
    margin-bottom: 1rem;
    color: #9E7877;
    font-weight: bold;
    border-left: 5px solid #9E7877;
    padding-left:15px;
}
#kujo h2+.tArea{
margin-bottom:2rem;
}
#kujo ul.pdf{
    margin-top: 2rem;
   
}
#kujo ul.pdf li{
text-align: right

}
#kujo ul.pdf li a{
display: block;
color:#9E7877;


}
#joho {
    background-image: url(img/maru-8.png),url(img/maru-8.png);
    background-repeat: no-repeat;
    background-position: right top 30px,left bottom 30px;
    margin-top: 50px;
}
#joho h2{
margin-bottom:3rem;
text-align: center
}
#joho .box{
width:980px;
margin-right:auto;
margin-left:auto;
}
#joho ul.pdf li {
margin-bottom:2rem;
}
#joho ul.pdf li a{
display: block;
background-color: #fff;
padding:15px 30px;
border-radius:8px;
border:1px solid #EAE7D6;
color:#9E7877;

}
/*202506修正　pをspanにかえました ここから*/
#joho ul.pdf li span{
  border-left: 5px solid #9E7877;
  padding-left:20px;
  display: block
}
/*202506修正　pをspanにかえました　ここまで*/



#blog .box{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width:980px;
margin-right:auto;
margin-left:auto;
}
#blog h2{
width:100%;
text-align: center;
margin-bottom:3rem;
}
#blog .wrap{
    width: 72.5%; 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 2.5%;
	margin-right:2.5%;
    border-right: 1px dotted #C9B2A5;
}
#blog section{
    margin-bottom: 3rem;
	padding-bottom:3rem;
}
#blog section h3{
    font-size: 1rem;
    padding: 10px 20px;
    margin-bottom: 0.5rem;
    font-weight: bold;
   color:#9E7877;
    background-image: url(img/bg2-8.png);
    border-radius:8px;
}
#blog .wrap .date{
	text-align: right;
     margin-bottom: 1rem;
     color:#9E7877;
}
#blog .wrap .tArea{
	margin-bottom: 2rem;
}
#blog .wrap figure{
	margin-bottom: 2rem;
}
#blog .wrap figure ul{
	display: flex;  
    flex-wrap: wrap;
    justify-content: space-around
}
#blog .wrap figure ul li{
	width:31.3%;	
margin-bottom:0.5rem;	
}
#blog .wrap figure ul li figcaption{
	font-size:0.8rem;
	text-align: center;
	line-height:120%;	
}
#blog .wrap figure ul li img{
	width:100%;
	height:auto;
	border-radius:8px;	
}
#blog .pdf{
border-top:double 5px #B79A98;
border-bottom:double 5px #B79A98;
padding:1rem 2rem;
margin-bottom:2rem;		
}
#blog .pdf ul{
    list-style-position: outside;
    list-style-type: circle;    
}
#blog .pdf ul li{
margin-bottom:1rem;
}
#blog .pdf ul li:last-child{
margin-bottom:0
}
#blog .pdf ul a{
color:#B79A98;
}
#blog .pdf a:hover{
	text-decoration: none
}
#blog .youtube{
	width:80%;
	margin-right:auto;
	margin-left:auto
}
#blog .youtube .wrapwrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
	
}
#blog .youtube .wrapwrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
#blog .pager{
	margin-top:100px;
	
}
#blog .pager  ul.pagination {
  text-align: center;
  margin: 0;
  padding: 0;
}

#blog .pager .pagination li {
  display: inline;
  margin: 0 1px;
  padding: 0;
  display: inline-block;
  background:#FFDEDC;
  width: 45px;
  height: 45px;
  text-align: center;
  position: relative;
	border-radius:5px;
}

#blog .pager .pagination li a{
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display:table;
  color: #9E7877;
  text-decoration: none;
}

#blog .pager .pagination li a span{
  display:table-cell;
  vertical-align:middle;
}

#blog .pager .pagination li a:hover,
#blog .pager .pagination li a.active{
  color: #9E7877;
  background: #E6DDDD;
	border-radius:5px;
}
#blog .cat{
    width: 25%;    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
    font-size: 0.9rem;   
}
#blog .cat p{
	text-align: center;
	margin-bottom:1.5rem;
   
}
#blog .cat p img{
width:100%;
height:auto;
max-width:
356px}
#blog .cat ul li{
    list-style-position: outside;
    list-style-type: circle;
	margin-left:1rem;
	margin-bottom:1rem;
}
#blog .cat ul li a{
	color:#363126
}
#blog .cat ul li a:hover{
	text-decoration: none;
}




@media screen and (max-width: 1160px){
header{
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap
}
header h1{
margin-right:0px;
padding-top:10px;
}
header nav{
height:100px;
width:100%;
}
header nav ul{
display: flex;
height:100%;
}
header nav ul li{
    width: 16.6%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;  
   justify-content: center;

}
header nav ul li img:first-child{
display:block;
width:100%;
height:auto;
max-width:106px;
padding:0 10px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
box-sizing: border-box;
}
header nav ul li img:last-child{
display:none;
width:100%;
height:auto;
max-width:106px;
padding:0 10px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
box-sizing: border-box;
}
header nav ul li:hover img:last-child{
display:block;
}
.indexpage header nav ul li:nth-of-type(1) img:last-child{
display:block;
}
#topImg #ensha img{
width:450px;
height:auto;
}
#topImg .catch div{
width:94%;
margin-right:auto;
margin-left:auto;
text-align: right
}
#topImg .slider li img{
    height: 400px;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin:0 2px;
}
main{
position: relative;
display: block;
margin-top:80px;
}
#oshirase .box{
width:94%;
}
#oshirase .box h2{
width:27%;
margin-right:3%;
}
#oshirase .box h2 img{
width:100%;
height:auto;
max-width:280px;
}
#oshirase .wrap{
width:70%;
}
#kihon .box{
width:94%;
flex-wrap: wrap
}
#kihon figure{
width:100%;
   }
#kihon table{
width:100%;
margin-bottom:20px
}
#kihon figure iframe{
height:400px;
}
#mark .box{
width:94%;
margin-right:auto;
margin-left:auto;

}

#mark object{
	width:100%;
}
#enka .box{
width:94%;
margin:0 auto;
}
#enka ul li img{
width:100%;
height:auto;
max-wudth:322px;
}
footer div{
width:25%;
margin-right:50px;
margin-left:30px;
}
footer div img{
width:100%;
height:auto;
max-width:200px;
}
#enmokuhyo .box{
width:94%;
margin:0 auto;
padding:100px 0 0px 0;
text-align: center
}
#tokushoku .box{
width:94%;
margin:0 auto;
}
#classshokai .box{
width:94%;
margin:0 auto;
}
#ensha .box{
width:94%;
}
#ensha h2{
text-align: center;
margin-bottom:3rem;
}
#ensha ul li{
margin:0 15px;
}
#ensha ul li img{
width:100%;
height:auto;
}
#daily .box{
width:94%;
margin-right:auto;
margin-left:auto;
}
#daily .wrap .daily01{
width:100%;
}
#daily table{
height:auto;
}
#daily figure{
width:90%;
margin-right:auto;
margin-left:auto;
}
#daily figure ul li{
width:48%;
text-align: center;
font-size:0.8rem;
margin-bottom:2rem;
}
#daily .wrap>.tArea{
width:100%;
margin-top:0;
margin-bottom:3rem;
}
#event .box{
width:94%;
margin:0 auto;
padding:100px 0 0px 0;
}
#event dl{
width:100%;
}
#event figure{
width:90%;
margin-right:auto;
margin-left:auto;
}
#event figure ul li{
width:48%;
text-align: center;
font-size:0.8rem;
margin-bottom:2rem;
}
#shokuiku .box{
width:94%;
margin-right:auto;
margin-left:auto;
}
#shokuiku h3{
font-size:1.2rem;
margin-bottom:2rem;
}
#kujo .box{
width:94%;
margin-right:auto;
margin-left:auto;
}
#joho .box{
width:94%;
margin-right:auto;
margin-left:auto;
}
#blog .box{
width:94%;
margin-right:auto;
margin-left:auto;
}



}
@media screen and (max-width: 599px){
body{
    font-size: 0.9rem;
    }
nav.NavMenu{
position: fixed;
z-index:20;
top: 0;
left: 0;
text-align: center;
width: 100%; 
transform: translateY(-100%); 
transition: all 0.6s;
}
nav.NavMenu ul li a{
display: block;
}
nav.NavMenu.active{
transform: translateY(0%);
}
.Toggle {
display: block;
position: fixed;
right: 13px;
top: 12px;
width: 42px;
height: 42px;
cursor: pointer;
z-index: 30;
}
 
.Toggle span {
display: block;
position: absolute;
width: 30px;
border-bottom: solid 3px #000;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
left: 6px;
}
 
.Toggle span:nth-child(1) {
top: 9px;
}
 
.Toggle span:nth-child(2) {
top: 18px;
}
 
.Toggle span:nth-child(3) {
top: 27px;
}
 
.Toggle.active span:nth-child(1) {
top: 18px;
left: 6px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
 
.Toggle.active span:nth-child(2),
.Toggle.active span:nth-child(3) {
top: 18px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
header nav{
padding-top:50px;
background-color: #FFF14A;
height:auto;
}
header nav ul{
display: flex;
flex-wrap: wrap;
}
header nav ul li{
    width: 33.3%;
  padding:0 10px;
  border-right:none;
  height:100px;
}




header nav ul li:nth-of-type(1){
background-color: #ED3232;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-left:none
}
header nav ul li:nth-of-type(2){
background-color: #FF6CA8;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
header nav ul li:nth-of-type(3){
background-color: #3C80D3;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
header nav ul li:nth-of-type(4){
background-color: #34C68A;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
header nav ul li:nth-of-type(5){
background-color: #5A9E3E;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
header nav ul li:nth-of-type(6){
background-color: #FF9700;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
header nav ul li img:first-child{
display:none
}
header nav ul li img:last-child{
    display: block;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
header nav ul li:hover img:last-child{
  display: block;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
header nav ul li:hover{
border-radius:0!important
}
.indexpage header nav ul li:nth-of-type(1) img:last-child{
display:block;
padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.indexpage header nav ul li:nth-of-type(1){
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.enpage header nav ul li:nth-of-type(2){
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.seikatsupage header nav ul li:nth-of-type(3){
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.shokuikupage header nav ul li:nth-of-type(4){
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.johopage header nav ul li:nth-of-type(5){
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.shinchakupage header nav ul li:nth-of-type(6){
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
header{
margin-bottom:0px;
}
header h1 img{
width:auto;
height:100px;
}
main{
margin-top:30px;

}

#topImg #ensha img{
width:250px;
height:auto;
}
#topImg .slider li img{
    height: 230px;
}

#topImg #ensha{
    position: absolute;
    bottom: -30px;  
    width: 100%;
    background-image: url(img/nami-8.png);
   background-size:1000px;
}
article{
padding-bottom:6rem;
}
#oshirase{
    background-image: url(img/maru-8.png),url(img/maru-8.png);
    background-repeat: no-repeat;
    background-position: left -30px bottom 100px, right -50px top 100px;
    background-size: 130px
}
#oshirase .box{
flex-wrap: wrap;
}
#oshirase .box h2{
width:100%;
margin-right:0;
text-align: center;
margin-bottom:20px;
}
#oshirase .box h2 img{
width:40%;
height:auto;
max-width:280px;
}
#oshirase .wrap{
width:100%;
}
#hitokoto{
flex-wrap: wrap;
}
#hitokoto figure{
width:85%;
margin-right:0%;
margin-bottom:50px;
}
#hitokoto figure img{
width:100%;
height:300px;
object-fit: cover;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
}
#hitokoto .wrap{
width:90%;
margin-right:auto;
margin-left:auto;
}
#hitokoto .wrap h2{
text-align: center;
margin-bottom:2rem;
}
#hitokoto .wrap h2 img{
width:70%;
height:auto;
max-width:321px;
}
.custom-shape-divider-top-1733676856 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 40px;
}
.custom-shape-divider-bottom-1733677057 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 40px;
}
#kihon .box{
padding:80px 0 0px 0;
}
#kihon figure iframe{
height:300px;
}
#mark .anime{
max-width:526px;
	width:100%;		
	margin-right:auto;
	margin-left:auto;
    margin-bottom:1rem;  
    height:0;
	padding-bottom:47.5%;/*オブジェクトの高さ÷幅*/  
}
.shapedividers_com-3948::before{ 
background-size: 200% 6px;
}
.shapedividers_com-2046::before{ 
background-size: 200% 6px;
}

#enka {
    background-image: url(img/niji-8.png);
    background-repeat: no-repeat;
    background-position: right top 30px;
    margin-top:50px;
    background-size: 350px
}
#enka h2 img{
width:auto;
height:28px;
}
#enka h2+p img{
width:30%;
height:auto;
}
#enka ul {
flex-wrap: wrap
}
#enka ul li{
width:70%;
margin-bottom:3rem;
}
#enka ul li:nth-of-type(2){
margin-left:30%
}
#enka figure img{
width:40%
}
footer{
flex-wrap: wrap;
justify-content: center
}

footer>div{
margin-bottom:1.5rem;
margin-right:0;
margin-left:0;
width:30%
}
footer ul{
text-align: center;
width:100%
}
footer ul img{
width:80%;
height:auto;
max-width:268px;
}
#pagetop img{
width:80px;
height:auto;
}
#mokuhyo{
flex-wrap: wrap;
}
#mokuhyo figure{
width:85%;
margin-right:0%;
margin-bottom:50px;
}
#mokuhyo figure img{
width:100%;
height:300px;
object-fit: cover;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
}
#mokuhyo .wrap{
width:90%;
margin-right:auto;
margin-left:auto;
}
#mokuhyo .wrap h2{
text-align: center;
margin-bottom:2rem;
}
#mokuhyo .wrap h2 img{
width:70%;
height:auto;
max-width:321px;
}
#tokushoku h2{
width:40%;
margin-right:auto;
margin-left:auto;
}
#tokushoku h2 img{
width:auto;
height:28px;
}
#tokushoku .box .wrap{
flex-wrap: wrap;
}
#tokushoku .box .wrap section{
width:80%;
}
#tokushoku h3{
font-size:1.1rem;
}
#classshokai figure ul{
justify-content:space-around
}
#classshokai figure ul li{
width:48%
}
#classshokai h2{
width:70%;
margin-right:auto;
margin-left:auto;
}
#classshokai h2 img{
width:100%;
height:auto;
max-width:321px;
}
#classshokai h3{
font-size:1.1rem;
margin-bottom:2rem;
padding:5px
}
#classshokai section:last-child{
padding-bottom:30px;
}
#ensha ul {
flex-wrap: wrap;
width:75%;
margin-right:auto;
margin-left:auto;
}
#ensha ul li{
margin:0;
width:100%;
}
#ensha ul li:first-child{
margin-bottom:3rem;
}
#ensha h2 img{
width:auto;
height:28px;
}
#daily h2{
width:70%;
margin-right:auto;
margin-left:auto;
}
#daily h2 img{
width:auto;
height:28px;
}
#event h2{
width:60%;
margin-right:auto;
margin-left:auto;
}
#event h2 img{
width:100%;
height:auto;
max-width:321px
}
#event dl{
padding:1.5rem 1rem;
}
#event dl dt{
    width: 25%;
    padding: 20px 10px;   
}
#event dl dd{
width:75%;
padding:20px 10px;
}
#shokuiku h2{
margin-bottom:3rem;
text-align: center
}
#shokuiku h2 img{
height:28px;
width:auto;
}
#shokuiku section{
flex-wrap: wrap;
justify-content: center
}
#shokuiku section figure{
width:80%;
margin-bottom:1rem
}
#shokuiku section .wrap{
width:100%;
}
#shokuiku h3{
font-size:1.1rem;
margin-bottom:2rem;
}
#kujo h2 img{
height:28px;
width:auto;
}
#kujo section h3{
    font-size: 1rem;
    }
#joho h2 img{
height:28px;
width:auto;
}
#blog h2 img{
height:28px;
width:auto;
}
#blog .wrap{
    width: 100%;
    float: none;
	border:none;
	padding:0
}
#blog .cat{
    width: 100%;
    float: none;
    margin-top: 1.5rem;  
	border-radius:5px;
	padding:0.5rem;
}
#blog .cat p img{
width:60%;
height:auto;
}
#blog .wrap figure ul li{
	width:48%;
	display:inline-block;
	margin-right:1%;
	margin-left:1%;	
}
#blog .youtube{
	width:100%;
	margin-right:auto;
	margin-left:auto
}    
#blog .pager{
	margin-top:50px;
}
#blog .pager .pagination li{
    display: none;
  }

#blog .pager .pagination li.pre,
#blog .pager .pagination li.next{
    display: inline-block;
    width: 40%;
    height: 50px;
    text-align: center;
  }

#blog .pager .pagination li.pre a,
#blog .pager .pagination li.next a{
    width: 100%;
    text-align: center;
  }

#blog .pager .pagination li.pre span::after{
    content: "　前の5件へ";
  }

#blog .pager .pagination li.next span::before{
    content: "次の5件へ　";
  }
}