@charset "utf-8";
.sp{
display: none
}
.pc{
display:block
}

table {
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0px;
  border: 1px solid #DAD4CF;
}
table th, table td {
  padding: 0.5em;
  border: 1px solid #DAD4CF;
}
table th {
  font-weight: bold;
  text-align: center;
}
body{
 font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;  
}

figure.photo{
margin:0;
}
figure.photo>ul{
    list-style-type: none;
    margin:0;
    padding:0;
}
figure.photo img{
width:100%;
height:auto;
}
h1,h2,h3{
margin:0;
padding:0;
}
body{
font-size:0.95rem;
color:#7B6D64;
font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
    position: relative;   
}




















header{
    background-image: url(img/headerBg-8.png);
    background-repeat: repeat-x;
    background-position: center top;
    padding-top:50px;
    text-align: center;
 
}
header h1{
margin-bottom:50px;
}
nav{
    padding: 0;
	border: 0;
    display:flex;
    align-items: center
}
nav ul{
width:900px;
margin-right:auto;
margin-left:auto;
display: flex;
justify-content: space-around;
margin-top:0;
margin-bottom:0;
align-items:flex-end
}


main{
display: block;
position: relative;
line-height:160%
}
#topImg{
position: relative;
margin-top:30px;
width: 100%;
aspect-ratio: 100 / 60
}
#topImg .topImgB{
    display: block;
    width: 100%;
    height: 90px;
    position: absolute;
    bottom: -10px;
    z-index: 1001;
    background-image: url(img/nami-8.png);
    background-repeat: repeat-x;
    background-position: center top;
}
#topImg .illust{
position: absolute;
bottom:0;
left:0;
z-index: 1002;
}
#topImg .illust2{
position: absolute;
bottom:0;
right:0;
z-index: 1003;
}

article{
padding-bottom:100px;
padding-top:100px;
}
article .box{

}
article.saigo{
padding-bottom:150px;

}
article h2{
text-align: center;
margin-bottom:50px;
width:100%;
}

a{
color:#7B6D64;
}
a:hover{
 opacity:0.7;
 filter:alpha(opacity=70);
 -ms-filter: “alpha( opacity=70 )”;
}




.style1{
    background-image: url(img/bg_a1-8.png),url(img/bg1_a2-8.png);
    background-repeat: no-repeat,no-repeat,repeat;
    background-position: left -150px top 100px,right -180px bottom 300px;
}
.style1 .box{
width:800px;
margin:0 auto;
}
#news dl{
display: flex;
flex-wrap: wrap;
margin:0;
padding:30px;
width:100%;
background-color: hsla(0,0%,100%,0.6);
border-radius:10px;
border:2px solid #fff;
margin-bottom:4rem;
}
#news dl dt{
    width: 15%;
    margin: 0;
    padding: 0;
    border-bottom: 1px dashed #F1B1C4;
    padding: 1.5rem 0.5rem;
    color: #F1B1C4;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
}
#news dl dd{
width:85%;
margin:0;
padding:0;
border-bottom: 1px dashed #F1B1C4;
padding:1.5rem 0.5rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
}

#kihon{
background-color: hsla(347,100%,92%,0.57);
padding:30px;

}
#kihon .wrap{
    width: 900px;
    margin-right: auto;
    margin-left: auto;
    background-color: hsla(0,0%,100%,0.82);
    padding: 30px 50px;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
justify-content: space-between;
align-items: center
}
#kihon ul{
width:50%;
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}
#kihon ul li:first-child{
font-weight:bold
}
#kihon ul li{
border-bottom:1px dotted currentcolor;
padding:1rem 0
}
#kihon #map{
width:45%;
}
#kihon #map iframe{
height:250px;
width:100%;
}






.pagetop{
  display: none;
  position: fixed;
  /*bottom: -100px;*/
  right: 10px;
  bottom:10px;
  z-index:9999;
}
.pagetop img{
width:100%;
height:auto;
max-width:140px;
}

footer{
    background-image: url(img/footerBg-8.png);
    background-repeat: repeat-x;
    background-position: center top;
padding-top:50px;
position: relative;
margin-top:50px;
 overflow: hidden;
}

footer .box{
    width: 900px;
    margin-right: auto;
    margin-left: auto;   
    align-items: center;   
}
footer h1{
text-align: center;
width:100%;
}

footer .box ul{
    margin: 0;
    padding: 0;
    list-style: none; 
    text-align: center;
    margin-bottom:30px;
}
footer .box ul li{
    margin: 0;
    padding: 0;
margin-bottom:1rem;
}
footer .box ul li:last-child {
font-size:0.9rem
}
footer .box ul li:last-child img{
margin:0 10px;
}
footer #banner{
    background-image: url(img/footerBg2-8.png);
    min-height: 56px;
    background-repeat: repeat-x;
    background-position: center top;
    padding:11px 0
}
footer #banner ul{
 margin: 0;
    padding: 0;
    list-style: none; 
    text-align: center;
display: flex;
justify-content: center
}
footer #banner ul li{
margin:0 20px;
}
footer p{
text-align: center;
font-size:0.8rem;
margin:0;
padding:0
}
footer p:first-of-type{
font-size:0.8rem;
}
footer .ill ul{
 margin: 0;
    padding: 0;
    list-style: none; 
    text-align: center;
display: flex;
justify-content: center;
}
footer .ill ul li:first-child{
position: absolute;
bottom:-70px;
left:-70px;
}
footer .ill ul li:last-child{
position: absolute;
bottom:-70px;
right:-70px;
}
#rinen .box ul{
padding:0;
}
#rinen .box>ul>li{
    list-style-type: none;
    margin-bottom: 1.5rem;
    background-image: url(img/dot1-8.png);
    background-repeat: no-repeat;
    background-position: left top 3px;
    background-size: 35px;
    padding-left:50px;
    min-height:40px;
    padding-top:8px;
}
#rinen .box>ul>li>ul{
padding-left:1rem;
}
#hoshin .box ul{
padding:0;
}
#hoshin .box>ul>li{
    list-style-type: none;
    margin-bottom: 1.5rem;
    background-image: url(img/dot2-8.png);
    background-repeat: no-repeat;
    background-position: left top 3px;
    background-size: 30px;
    padding-left:40px;
    min-height:30px;
    padding-top:8px;
}
#hoshin .box>ul>li>ul{
padding-left:1rem;
}
#mokuhyo figure{
text-align: center
}
#mokuhyo .tArea{
text-align: center;
margin-top:3rem;
font-size:1.1rem;
}
#mokuhyo .tArea ul,#mokuhyo .tArea table{
text-align: left
}
#about .box{
display: flex;
flex-wrap: wrap;
width:90%;
margin-right:auto;
margin-left:auto;
gap:0 4%;
}
#about section{
    border: solid 2px #F4BFCF;
    border-radius: 8px;
    padding: 1.5rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width:48%;
   margin-bottom:50px;
}
#about section figure ul{
display: flex;
justify-content: space-around
}

#about section figure ul li{
width: 46%; 
overflow: hidden; 
position: relative; 
padding-bottom: 30%;
height: 0;
border-radius:8px;
}
#about section figure ul li img{
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
object-fit:cover;
}
#about section h3{
    background-image: url(img/bg1-8.png);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:0.6rem;
    border-radius:8px;
    margin-bottom:1rem;
    text-align: center
}
#about section .tArea{
margin-bottom:1rem;
}

#download .box{
width:80%;
margin-right:auto;
margin-left:auto;
}
#download ul{
padding-left:0
}
#download li{
    margin-bottom: 2rem;
    list-style-type: none;
    margin-left:0;
    padding-left:0
}
#download li a{
    display: block;
    padding: 1rem 4rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(img/dot3-8.png),url(img/bg1-8.png);
    background-repeat:no-repeat,repeat;
    background-position: left 1rem center,center center;
    border-radius:8px;
    text-decoration: none
}
#daily .box{
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
#daily section{
width:48%;
}
#daily section h3{
text-align: center;
margin-bottom:50px;
}
#daily dl{
display: flex;
flex-wrap: wrap;
margin:0;
padding:0;
width:100%;
}
#daily dl dt{
    width: 30%;
    margin: 0;
    padding: 0;
    border-bottom: 1px dashed #EB829F;
    padding: 1rem 0.5rem;
    color: #EB829F;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
#daily dl dd{
 width: 70%;
margin:0;
padding: 1rem 0.5rem;
border-bottom: 1px dashed #EB829F;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
}
#event dl{
display: flex;
flex-wrap: wrap;
margin:0;
padding:0;
width:100%;
}
#event dl dt{
    width: 20%;
    margin: 0;
    padding: 0;
    border-bottom: 1px dashed #F1B1C4;
    padding: 1rem 0.5rem;
    color: #EF9673;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
#event dl dd{
 width: 60%;
margin:0;
padding: 1rem 0.5rem;
border-bottom: 1px dashed #F1B1C4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
}
#event dl dt:nth-of-type(3n+2){
margin-left:10%
}
#event dl dt:nth-of-type(3n){
margin-left:20%
}
#event figure{
width:100%;
margin-top:50px;
}
#event figure ul{
display: flex;
flex-wrap: wrap;
gap:2%;
}
#event figure ul li{
width: 32%; 
margin-bottom:1rem;
text-align: center;
font-size:0.8rem
}
#event figure ul li div{
overflow: hidden; 
position: relative; 
padding-bottom: 70%;
height: 0;
border-radius:8px;
}
#event figure ul li div img{
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
object-fit:cover;
}
#nyuen h2{
margin-bottom:100px;
}
#nyuen section{
margin-bottom:100px;
}
#nyuen section:last-of-type{
margin-bottom:0px;
}
#nyuen h3{
position: relative;
margin-bottom:2rem;
text-align: center
}
#nyuen h3>img{
position: absolute;
width:130px;
height:auto;
top:-55px;
right:0;
left:0;
margin: auto;
}
#nyuen h3>div{
background-image: url(img/bg1-8.png);
padding:10px;
border-radius:8px;

}
#nyuen h3>div>div{
background-color: rgba(255,255,255,0.94);
padding:10px;
border-radius:8px;
}
#nyuen .pdf{
 list-style-type: none;
 margin:0;
 padding:0;
 margin-top:30px;
}
#nyuen .pdf li{
margin-bottom:1rem;
padding-bottom:1rem;
 border-bottom: 1px dashed #7C6E65;
}
#nyuen .pdf a{
    color:#5B453B;
    background-image: url(img/PDF_24.png);
    background-repeat: no-repeat;
    background-position: left center;	
	padding:5px 30px 5px 30px;
	display: block;
	min-height:24px;   
}
#nyuen .pdf a:hover{
	text-decoration: none
}
#saiyo h2+div{
text-align: center;
margin-bottom:60px;
}
#saiyo section{
margin-bottom:3rem;
}
#saiyo h3{
    margin-bottom: 1rem;
    background-image: url(img/bg1-8.png);
    padding:0.5rem;
    border-radius:8px;
}
#saiyo .pdf{
 list-style-type: none;
 margin:0;
 padding:0;
 margin-top:1rem;
}
#saiyo .pdf li{
margin-bottom:1rem;
padding-bottom:1rem;
 border-bottom: 1px dashed #7C6E65;
}
#saiyo .pdf a{
    color:#5B453B;
    background-image: url(img/PDF_24.png);
    background-repeat: no-repeat;
    background-position: left center;	
	padding:5px 30px 5px 30px;
	display: block;
	min-height:24px;   
}
#saiyo .pdf a:hover{
	text-decoration: none
}
#joho .btn{
text-align: center
}
#joho .btn a{
    display: inline-block;
    padding: 1rem 4rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(img/dot3-8.png),url(img/bg1-8.png);
    background-repeat:no-repeat,repeat;
    background-position: left 1rem center,center center;
    border-radius:8px;
    text-decoration: none;
 
}
#joho .btn a:hover{
cursor: pointer
}
#joho ul{

}
#joho .pdf{
 list-style-type: none;
 margin:0;
 padding:0;
 margin-top:50px;
}
#joho .pdf li{
margin-bottom:1rem;
padding-bottom:1rem;
 border-bottom: 1px dashed #7C6E65;
}
#joho .pdf a{
    color:#5B453B;
    background-image: url(img/PDF_24.png);
    background-repeat: no-repeat;
    background-position: left center;	
	padding:5px 30px 5px 30px;
	display: block;
	min-height:24px;   
}
#joho .pdf a:hover{
	text-decoration: none
}
#kujo .box>.tArea{
margin-bottom:50px;
}
#kujo section{
border-bottom: 1px dashed #7C6E65;
padding:1rem;
}
#kujo section h3{
margin-bottom:1rem
}
#blog .box{
display: flex;
justify-content: space-between;
flex-wrap: wrap
}
#blog{
 
}
#blog .wrap{
    width: 72.5%;    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 2.5%;
    border-right: 1px dotted #CBCBCB;
}
#blog section{
    margin-bottom: 3rem;
    border-bottom: 1px dotted #CBCBCB;
	padding-bottom:3rem;
}

#blog h3{
    font-size: 1rem;
    padding-left: 0.5rem;
    margin-bottom: 1rem;
    font-weight: bold;
    background-image: url(img/bg1-8.png);
    padding:0.8rem;
    border-radius:8px;
}
#blog .date{
	text-align: right;
   
}
#blog .tArea{
	margin-bottom: 2rem;
}
#blog figure{
	margin-bottom: 2rem;
    width:100%;
}
#blog figure ul{
	display: flex;
     flex-wrap: wrap;
    width:100%;
}
#blog figure ul li{
	width:31%;	
margin-bottom:1rem;
line-height:0;
margin-right:3.2%
}
#blog figure ul li:nth-of-type(3n){
margin-right:0
}
#blog figure ul li figcaption{
	font-size:0.8rem;
	text-align: center;
	line-height:120%;
    margin-top:0.3rem;
}
#blog figure ul li img{
	width:100%;
	height:auto;
	border-radius:8px; 
    font-size:0
}
#blog .pdf ul{
 list-style-type: none;
 margin:0;
 padding:0
}
#blog .pdf ul li{
    margin-bottom: 1rem;
    border-radius: 5px;
    padding-left: 10px;
   border:1px solid #BCB2AD
}
#blog .pdf a{
    background-image: url(img/PDF_24.png);
    background-repeat: no-repeat;
    background-position: left center;	
	padding:5px 30px 5px 30px;
	display: block;
	min-height:24px;   
}
#blog .pdf a:hover{
	text-decoration: none
}
#blog .youtube{
	width:80%;
	margin-right:auto;
	margin-left:auto;
    margin-top:2rem;
}
#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:#F1B1C4;
  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;
  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{

  background: #F7DCE5;
	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:1rem;
}
#blog .cat p img{
width:100%;
height:auto;
max-width:232px;
}
#blog .cat ul{
margin:0;
padding:0
}
#blog .cat ul li{
    list-style-position: outside;
    list-style-type: circle;
	margin-left:1rem;
	margin-bottom:1rem;
}

#blog .cat ul li a:hover{
	text-decoration: none;
}

















@media screen and (max-width: 999px){
header{
    background-size: 1500px;
    padding-top:50px; 
}
header h1 img{
width:40%;
height:auto;
max-width:346px;
}
nav ul{
width:90%;
gap:25px;
}
nav img{
width:100%;
height:auto;
}
#topImg{
position: relative;
margin-top:30px;
width: 100%;
aspect-ratio: 100 / 60
}
#topImg .topImgB{
    display: block;
    width: 100%;
    height: 90px;
    position: absolute;
    bottom: -10px;
    z-index: 1001;
    background-image: url(img/nami-8.png);
background-size: 2000px
}
#topImg .illust img{
width:100%;
height:auto;
}
#topImg .illust2 img{
width:100%;
height:auto;
}
#topImg .illust{
width:40%;
}
#topImg .illust2{
width:40%;
}
.style1{
    background-image: url(img/bg_a1-8.png),url(img/bg1_a2-8.png);
    background-repeat: no-repeat,no-repeat,repeat;
    background-position: left -150px top 100px,right -180px bottom 300px;
    background-size: 350px,400px;
}
.style1 .box{
width:92%;
margin:0 auto;
}
article{
padding-bottom:80px;
padding-top:80px;
}
#news dl dt{
    width: 20%;       
}
#news dl dd{
width:80%;
}
#kihon{
background-color: hsla(347,100%,92%,0.57);
padding:30px;

}
#kihon .wrap{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    background-color: hsla(0,0%,100%,0.82);
    padding: 30px 50px;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
justify-content: space-between;
align-items: center
}
.pagetop{
text-align: right
}
.pagetop img{
width:80%;
height:auto;
}
footer{
 background-size: 180%
}
footer .box{
    width: 90%;     
}
footer h1 img{
width:40%;
height:auto;
max-width:356px;
}
footer .ill ul li{
width:30%;
}
footer .ill li img{
width:100%;
height:auto;
}
footer .ill ul li:first-child{
bottom:-8%;
left:-8%;
}
footer .ill ul li:last-child{
bottom:-8%;
right:-8%;
}

#mokuhyo figure{
width:65%;
margin-right:auto;
margin-left:auto;
}
#mokuhyo figure img{
width:100%;
height:auto;
max-width:470px;
}
#mokuhyo .tArea{
font-size:1rem
}
#event dl dt img{
width:80%;
height:auto;
}
#saiyo h2+div img{
width:100%;
height:auto;
max-width:760px;
}



}


@media screen and (max-width: 599px){
.sp{
display: block
}
header h1 img{
width:60%;
}
header h1 {
margin-bottom:30px;
}
nav{
position: fixed;
z-index: 99998;
top: 0;
left: 0;
background: #fff;
text-align: center;
width: 100%;
transform: translateY(-100%);
transition: all 0.6s;
margin-top:0;
background-color: #F1B1C4;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}

nav ul{    
    background-image: none;
    width: 90%;
    margin: 0 auto;   
    flex-wrap: wrap;
    gap:2%;
    padding-top:60px;
}
nav ul li {
    width: 21%;
    padding: 0;
    margin: 0;
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;           background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;   
    border-radius:10px;
    margin-bottom:20px;
}
nav ul li div {
  height:75%;
  width:100%;  
}
nav ul li div img{
height: 100%;
  width: auto;
  object-fit: contain;
  max-width: 90%;
}


nav.active{
transform: translateY(0%);
}
.Toggle {
display: block;
position: fixed; 
right: 13px;
top: 12px;
width: 42px;
height: 42px;
cursor: pointer;
z-index: 99999;
}
 
.Toggle span {
display: block;
position: absolute;
width: 30px;
border-bottom: solid 3px #7C6E65;
-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);
}

#topImg .topImgB{
    display: block;
    width: 100%;
    height: 30px;
    position: absolute;
    bottom: -5px;
    z-index: 1001;
    background-image: url(img/nami-8.png);
background-size: 1500px
}
#topImg .illust img{
width:100%;
height:auto;
}
#topImg .illust2 img{
width:100%;
height:auto;
}
#topImg .illust{
width:40%;
}
#topImg .illust2{
width:40%;
}
article h2 img{
height:40px;
width:auto;
}
.style1{
  background-position: left -100px top 100px,right -100px bottom 600px;
    background-size: 250px,250px;
}
.style1 .box{
width:90%;
margin:0 auto;
}
article{
padding-bottom:60px;
padding-top:60px;
}

#news dl{
flex-direction: column;
padding:20px;
}
#news dl dt{
    width: 100%;
    border:none;
 padding: 1rem 0.5rem 0 0.5rem;
    }
#news dl dd{
    width: 100%;
    padding: 0.5rem 0.5rem 0 0.5rem;
    }
#kihon .wrap{
padding: 30px 30px;
flex-direction: column
}
#kihon .wrap ul{
width:100%;
margin-bottom:1rem;
}
#kihon .wrap #map{
width:100%;
}
.pagetop img{
width:60%;
}

footer{
padding-top:30px;
margin-top:50px;
}
footer .box ul{
width:65%;
margin-right:auto;
margin-left:auto;
}
footer .box ul li:last-child img{
margin:0;
}
footer h1 img{
width:100%;
}
footer #tel{
width:100%;
height:auto;
max-width:256px;
}
footer #insta{
width:100%;
height:auto;
max-width:58px;
margin-top:1rem;
margin-right:20px;
}
footer #banner ul li img{
width:100%;
height:auto;
max-width:330px;
}
footer #banner ul li{
margin:0 5px;
}
footer .ill ul li:first-child{
bottom:-3%;
left:-8%;
}
footer .ill ul li:last-child{
bottom:-3%;
right:-8%;
}
#download .box{
width:92%;
}
#about .box{
flex-direction: column
}
#about section{
width:100%;
}
#rinen .box ul li{
   background-position: left top 3px;
    background-size: 30px;
    padding-left:40px;
    min-height:35px;
}
#mokuhyo figure{
width:80%;
margin-right:auto;
margin-left:auto;
}
#daily section{
width:100%;
}
#daily section:nth-of-type(1){
margin-bottom:5rem;
}
#daily h3{
width:50%;
margin-right:auto;
margin-left:auto;
}
#daily h3 img{
width:100%;
height:auto;
max-width:232px;
}
#daily dl dt{
    width: 35%;
    }
#daily dl dd{
 width: 65%;
 }
#event dl dt:nth-of-type(3n+2){
margin-left:0
}
#event dl dt:nth-of-type(3n){
margin-left:0
}
#event dl dt{
    width: 20%;
    }
#event dl dd{
    width: 80%;
    }
#event figure ul li{
width: 48%; 
margin-bottom:1rem;
text-align: center;
font-size:0.8rem
}
#nyuen h3>img{
width:100px;
height:auto;
top:-40px;
}
#nyuen h3{
font-size:1rem;
}
#saiyo h2+div{
margin-bottom:40px;
}
#saiyo h3{
font-size:1rem;
}
#blog section h3{
font-size:1rem;
}
#blog .wrap{
    width: 100%;
    float: none;
	border:none;
	padding:0
}
#blog .cat{
    width: 100%;
    float: none;
    margin-top: 1.5rem;
    border: 4px double #F1B1C4;
	border-radius:5px;
	padding:0.5rem;	
}
#blog .cat p{
width:50%;
margin-right:auto;
margin-left: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件へ　";
  }
  

  }