@charset "shift_JIS";
.Toggle{
display: none
}
body{
 
    background-image:url(img/bg-8.png);
    background-repeat: repeat;
    background-position: center top;    
    font-size:1rem;
    color:#685032;   
}
header{
padding-top:10px;
margin-bottom:50px;
}
header .wrap{
   width:1050px;
   margin-right:auto;
   margin-left:auto; 
   display: flex;
justify-content: space-between;
align-items: baseline
}
header h1{
width:292px;
margin-right:40px;
}
header nav{
flex: 1;
margin-right:20px;
}
header nav ul{
display: flex;
justify-content: space-between;

}
main{
    display: block;
    
}
#topImg{
	margin-bottom:50px;
    margin-top:-35px;
    position: relative
}

#topImg .slider{
     margin-bottom:0px;   
}
#topImg .slider li{
    padding: 0px 0px;
    border-radius: 15px;
    border: 6px solid #EAE7C9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin:0 5px;
}
#topImg .slider li img{
    height: 450px;
    width: auto;    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius:9px;
}
article{
    line-height:150%;
}
.style1{
    padding-bottom:5rem;
    background-image: url(img/left.jpg),url(img/right.jpg);
    background-repeat:repeat-y;
     background-position: left top,right top ;
    background-size: 250px,250px;
    }
article>.box{
    width:900px;
    margin-right:auto;
    margin-left:auto;
}

article>.box h2{
    text-align: center;
    font-family: 'RocknRoll One', sans-serif;
    font-size: 2.5rem;
    padding-bottom:2.5rem;
    margin-bottom: 3rem; 
    line-height:130%;
}
article>.box .contents{
    
}
article a{
    color:#28AA96
}
a:hover{
	 opacity:0.7;
 filter:alpha(opacity=70);
 -ms-filter: galpha( opacity=70 )h;
}
#news dl {
     border-radius: 8px;  
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;  
    line-height:140%
}
#news dl dt{
    width: 10rem;
    float: left;
    clear: both;
    background-color: #BBE3DA;
    border-radius:3px;
    text-align: center
}
#news dl dd{
    padding-left: 11rem;
    text-align: left;
    border-bottom: 1px dotted #E2D7BA;
    padding-bottom:0.5rem;
    margin-bottom:0.5rem;
   
}
#news dl dd .pdf{ 
   text-align: right   
}
#news dl dd .pdf a{
    color:#28AA96
}
.style2{
    background-image: url(img/nami1-8.png),url(img/nami2-8.png),url(img/bgB-8.png);
    background-repeat: repeat-x,repeat-x,repeat;
    background-position: center top -1px,center bottom -1px,center top;
    padding-top:100px;
    padding-bottom:100px;    
}
#dl ul li{
     font-size:1.1rem;
    margin-bottom:2rem;
}
#dl ul li a{
    display: block;
    padding:25px;
    padding-left:100px;
    text-decoration: none;
    color:#685032;
    background-color: #fff;
    background-image: url(img/dot3-8.png);
    background-repeat: no-repeat;
    background-position: left 25px center;     
    border-radius:8px;
}
#pagetop{
    text-align: right;
    margin-top:30px;
    margin-right:20px;
    margin-bottom:50px;
}
#pagetop img{
    width:100px;
    height:auto;
}
footer{
    text-align: center;
    font-size:0.9rem;
     background-image: url(img/footbg-8.png);
    color: #3B7776;
    background-repeat: repeat-x;
    background-position: center top;
    padding-top:180px;
}
footer div{
    /*background-image: url(img/nami1-8.png),url(img/bg3-8.png);
    background-repeat: repeat-x,repeat-x;
    background-position: center top -1px,center top; 
    
    padding-top: 30px;*/
    padding-top: 10px;
    text-align: center;
    font-size: 0.8rem;
   
}

footer ul li{
    margin-bottom:0.5rem;
}
footer ul li:first-child img{
    width:300px;
    height:auto;
}
footer ul li:nth-child(2) img{
    width:250px;
    height:auto;
}
footer p:last-of-type{
    text-align: right
}
footer a{
   color:#3B7776; 
}
#gaiyo table {
	width:100%;
	border-collapse:separate;
	border-spacing:0;
    background-color: hsla(0,0%,100%,0.50);
   border-radius: 10px;
   margin-bottom:30px;
}
#gaiyo table th {
	border-right: 2px solid #EAE7C9;
	border-left: 2px solid #EAE7C9;
	border-bottom: 2px solid #EAE7C9;
	padding: 10px;
	text-align: center;
    background-color: hsla(55,44%,85%,0.30)
	
}
#gaiyo table td {
	border-right: 2px solid #EAE7C9;
	border-bottom: 2px solid #EAE7C9;
	padding:10px;
}
#gaiyo table tr:first-child th{
	border-top-left-radius: 10px;
	border-top: 2px solid #EAE7C9;
}
#gaiyo table tr:first-child td{
	border-top-right-radius: 10px;
	border-top: 2px solid #EAE7C9;
}
#gaiyo table tr:last-child th{
	border-bottom-left-radius: 10px;
}
#gaiyo table tr:last-child td{
	border-bottom-right-radius: 10px;
}
#egaonoki figure{
width:70%;
margin-right:auto;
margin-left:auto;
text-align: center;
padding-top:5rem
}
#egaonoki figure img{
width:100%;
height:auto;
max-width:630px;
}
#hoiku .wrap{
 width:900px;
    margin-right:auto;
    margin-left:auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}
#hoiku article{
    margin-bottom: 5rem;
    font-size: 1.1rem;
    
}
#hoiku article>.box{
width:100%;
}
#hoiku #rinen{
width:47%;
background-color: hsla(53,43%,96%,1.00);
    padding: 3rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius:10px;
}
#hoiku #rinen .contents{
text-align: center;
}
#hoiku #rinen p:first-child{
line-height:180%;
}
#hoiku #rinen figure{
width:70%;
margin-right:auto;
margin-left:auto;
margin-top:30px;
margin-bottom:10px;
}
#hoiku #rinen figure img{
width:100%;
height:auto;
max-width:301px;
}
#hoiku #rinen p:last-child{
font-size:0.9rem;
text-align: left;
line-height: 160%;
}
#hoiku #mokuhyo{
width:47%;
background-color: hsla(53,43%,96%,1.00);
    padding: 3rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius:10px;
}
#hoiku #mokuhyo ul li{
background-image: url(img/dot4-8.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left:35px;
    margin-bottom:1.5rem;
}
#hoiku #mokuhyo ul{
margin-bottom:3rem;
}
#hoiku #mokuhyo p{
line-height:200%;
}
#hoiku #hoshin{
width:100%;
background-color: hsla(53,43%,96%,1.00);
    padding: 3rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius:10px;
}
#hoiku #hoshin ul li{
background-image: url(img/dot5-8.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left:35px;
    margin-bottom:1.5rem;
}
#hoiku #hoshin ul li p:nth-of-type(1){
font-weight:bold;
margin-bottom:0.3rem;
}
.style3{
    padding-top:100px;
    padding-bottom:100px;
    font-size:1rem;
}
#kujo .contents >p{
margin-bottom:3rem;
}
#kujo section{
    border-bottom: 1px dotted #E2D7BA;
    padding-bottom:2rem;
    margin-bottom:2rem;
}
#kujo section h3{
background-color:#BBE3DA;
padding:0.5rem;
border-radius:10px;
text-align: center;
margin-bottom:1rem;
}
#kujo section .pdf{ 
   text-align: right;
   margin-top:1rem;
}
#daily nav{
    width: 100%;
    margin-top:-1rem;
    margin-bottom: 5rem;
    background-image: url(img/bgG-8.png);
    padding: 2rem;
    font-size: 1.2rem;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
}
#daily nav ul{
    display: flex;    
}
#daily nav ul li{
background-image: url(img/dot7-8.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left:30px;
    margin-right:3rem;
}
#daily nav ul li a{
text-decoration: none;
color:#685032;
}
#daily h3{
font-family: 'RocknRoll One', sans-serif;
font-size:1.6rem;
padding-bottom:1.6rem;
color:#28AA96
}
#daily figure ul li img{
width:100%;
height:auto;
border-radius:8px;
}
#daily figure ul li{
margin-bottom:1rem;
font-size:0.8rem;
text-align: center
}
#daily section{
margin-bottom:5rem;
}
#daily section .wrap{
display: flex;
justify-content: space-between
}
#daily section figure{
width:20%;
}
#daily section figure:nth-of-type(1){
order:1;
}
#daily section figure:nth-of-type(2){
order:3;
}
#daily section dl{
width:50%;
order:2;
}
#daily dl dt{
	width:6em;
	float:left;
	clear:both;
    background-color:#BBE3DA;
    text-align: center;
    border-radius:8px;
}
#daily dl dd{
    padding-left: 8em;
    border-bottom: 1px dotted #998877;
	margin-bottom:1.5rem;
	padding-bottom:1.5rem;
}
#event section{
margin-bottom:4rem;
display: flex;
justify-content: space-between;
align-items: center
}
#event section:nth-of-type(even){
flex-direction:row-reverse
}
#event section .wrap{
text-align: center;
width:55%;
}
#event section .wrap h3{
    width: 40%;   
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 1rem;
  }
#event section ul li{
margin-bottom:1rem;
}
#event section figure{
width:40%;
border: 8px solid #FFFFFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 15px;
    margin:0;   
    line-height:0
}
#event section figure img{
    width: 100%;
    height: auto;
    border-radius: 8px;
   
}



main>nav{
    width: 900px;
    margin-right:auto;
    margin-left:auto;
    margin-top:-1rem;
    margin-bottom: 5rem;
    background-image: url(img/bgG-8.png);
    padding: 2rem;
    font-size: 1.2rem;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
}
main>nav ul{
    display: flex;    
}
main>nav ul li{
background-image: url(img/dot7-8.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left:30px;
    margin-right:3rem;
}
main>nav ul li a{
text-decoration: none;
color:#685032;
}



#ichiji figure{
margin-top:3rem;
font-size:0.9rem;
text-align: center
}
#ichiji figure ul{
display: flex;
justify-content: space-around;
flex-wrap: wrap
}
#ichiji figure ul li{
width:30%;
margin-bottom:3rem;
}
#ichiji figure ul li img{
width:100%;
height:auto;
border-radius:10px;
}
#ichiji .jump a{
    margin-top: 2rem;
    display: block;
    width: 70%;
    margin-right: auto;
    margin-left: auto;
    padding: 10px 15px 10px 50px;
    text-decoration: none;
    color: #685032;
    background-color: #BBE3DA;
    background-image: url(img/dot6-8.png);
    background-repeat: no-repeat;
    background-position: left 15px center;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
}
#byogo figure{
margin-top:3rem;
font-size:0.9rem;
text-align: center
}
#byogo figure ul{
display: flex;
justify-content: space-around;
flex-wrap: wrap
}
#byogo figure ul li{
width:30%;
margin-bottom:3rem;
}
#byogo figure ul li img{
width:100%;
height:auto;
border-radius:10px;
}
#piyopiyo figure{
margin-top:3rem;
font-size:0.9rem;
text-align: center
}
#piyopiyo figure ul{
display: flex;
justify-content: space-around;
flex-wrap: wrap
}
#piyopiyo figure ul li{
width:30%;
margin-bottom:3rem;
}
#piyopiyo figure ul li img{
width:100%;
height:auto;
border-radius:10px;
}
#blog section{
    margin-bottom: 3rem;
    border-bottom: 1px dotted #E2D7BA;
	padding-bottom:3rem;
}
#blog .wrap{
    width: 72.5%;
    float: left;
    -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 #E2D7BA;
}
#blog .wrap h3{
    font-size: 1rem;
    padding: 5px;
    margin-bottom: 1rem;
    font-weight: bold;   
   background-color: 
#BBE3DA;
padding:0.5rem;
text-align: center;
border-radius:8px;
}
#blog .wrap .date{
	text-align: right;
}
#blog .wrap .textA{
	font-size:0.9rem;	
	margin-bottom: 1rem;
}
#blog .wrap figure{
	margin-bottom: 1rem;
}
#blog .wrap figure ul{
	font-size:0rem;
}
#blog .wrap figure ul li{
	width:31.3%;
	display:inline-block;
	margin-right:1%;
	margin-left:1%;
	vertical-align: top;
margin-bottom:0.5rem;	
}
#blog .wrap figure ul li figcaption{
	font-size:0.7rem;
	text-align: center;
	line-height:120%;	
}
#blog .wrap figure ul li img{
	width:100%;
	height:auto;
	border-radius:8px;	
}
#blog .pdf{
	text-align: right;	
	margin-bottom:2rem;		
}
#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:#BBE3DA;
  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{
  color: #28AA96;
  background: #DFF1ED;
	border-radius:5px;
}
#blog .cat{
    width: 25%;
    float: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
    font-size: 0.9rem;   
}
#blog .cat p{
	text-align: center;
	font-size:1.3rem;
	font-family: 'RocknRoll One', sans-serif;
	margin-bottom:1.5rem;
    color:#28AA96
}
#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;
}
#blog .camera{
text-align: center;
margin-bottom:3rem;
margin-top:-1rem;
}


@media screen and (max-width: 1100px){
header .wrap{
   width:90%;
   flex-wrap: wrap
}
header h1{
width:60%;
order:1;
margin-bottom:10px;
}
header nav{
margin-right:0;
order:3
}
header figure{
order:2
}
#topImg .slider li img{
    height: 380px;    
}
article>.box{
    width:94%;
    margin-right:auto;
    margin-left:auto;    
}
.style1{
    padding-bottom:5rem;
    background-image: url(img/left.jpg),url(img/right.jpg);
    background-repeat:repeat-y;
     background-position: left top,right top ;
    background-size: 180px,180px;
    }
.style2{
    background-image: url(img/nami1-8.png),url(img/nami2-8.png),url(img/bgB-8.png);
    background-repeat: repeat-x,repeat-x,repeat;
    background-position: center top -1px,center bottom -1px,center top;
    background-size: 1000px,1000px,auto;
    padding-top:100px;
    padding-bottom:100px;    
}    
#egaonoki figure{
width:75%;
margin-right:auto;
margin-left:auto;
}
#hoiku .wrap{
 width:94%;
 margin-right:auto;
 margin-left:auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}
#hoiku #rinen{
    padding: 2rem;    
}
#hoiku #mokuhyo{
    padding: 2rem;    
}
#hoiku #hoshin{
    padding: 2rem;    
}
main>nav{
    width: 94%;
    font-size:1rem;
    padding:1.7rem;
}
main>nav ul li{
    margin-right:2rem;
}
}


@media screen and (max-width: 599px){
.sp{
display: block
}
header .wrap{
align-items: center
}
header h1{
order:1;
margin-bottom:10px;
width:60%;
margin-right:0
}
header h1 img{
width:100%;
height:auto;
max-width:292px;
}

.Toggle {
    display: block;
    position: fixed;
    right: 13px;
    top: 12px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    z-index: 3;
    background-color: #685032;
    border-radius:5px;
    border: #685032 solid 5px;
}
 
.Toggle span {
    display: block;
    position: absolute;
    width: 30px;
    border-bottom: solid 3px #fff;
    -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;
}
 

header nav.NavMenu{
margin-right:0;
order:4;
position:fixed;
z-index: 2;
top: 0px;
left:0px;
text-align: center;
width: 100%;
transform: translateY(-100%);
transition: all 0.6s;
}

header nav.NavMenu.active{
transform: translateY(0%);
}

.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 figure{
order:3;
width:100%;
text-align: center
}
header .Toggle{
order:2;
}
header figure img{
width:100%;
height:auto;
max-width:122px;
}
header nav li a:before {
    content: attr(data-text);
  }
header nav li img {
    display: none;
  }
header nav{

}  
header nav ul{
    flex-wrap: wrap;
    background-image: url(img/bgmenu-8.png);
}
header nav ul li{
width:100%;
text-align: center;
font-size:1.2rem
}
header nav ul li a{
    text-decoration: none;
    color: #685032;
    display: block;
    border-bottom: 1px solid #BFC897;
    padding-top:2rem;
    padding-bottom:2rem;
}
#topImg .slider li img{
    height: 200px;    
}
.style1{
    padding-bottom:5rem;
    background-image: url(img/left.jpg),url(img/right.jpg);
    background-repeat:repeat-y;
     background-position: left -70px top,right -70px top ;
    background-size: 150px,150px;
    }
.style2{
    background-image: url(img/nami1-8.png),url(img/nami2-8.png),url(img/bgB-8.png);
    background-repeat: repeat-x,repeat-x,repeat;
    background-position: center top -1px,center bottom -1px,center top;
    background-size: 800px,800px,auto;
    padding-top:70px;
    padding-bottom:70px;    
}    
article>.box h2{
    font-size: 1.7rem;
    padding-bottom:1.7rem;
    margin-bottom: 1.5rem;     
}
#news dl dt{
    width: 100%;
    float: none;   
    margin-bottom:0.5rem;
    text-align: left;
    padding-left:1rem;
}
#news dl dd{
    padding-left: 0;  
    border-bottom: 1px dotted #E2D7BA;
    padding-bottom:1rem;
    margin-bottom:1rem;
   
}
#dl ul li{
     font-size:1rem;
    margin-bottom:2rem;
}
#dl ul li a{
    padding:20px;
    padding-left:70px;    
}
#pagetop{
    text-align: right;
    margin-top:30px;
    margin-right:0;
    margin-bottom:10px;
}
#pagetop img{
    width:80px;
    height:auto;
}
footer{
    background-size: 1300px;
    padding-top:130px;
}
footer ul li:first-child img{
    width:60%;
    height:auto;
}
footer ul li:nth-child(2) img{
    width:60%;
    height:auto;
}

#gaiyo table td,#gaiyo table th{
	display: block;	
	}
#gaiyo table td{
border-left: 2px solid #EAE7C9;
text-align: center
		}
#gaiyo table tr:first-child td{
	border-top:	0;
	border-radius:0
	}
#gaiyo table tr:first-child th{
	border-top-right-radius:5px
	}
#gaiyo table tr:last-child td{
	border-bottom-left-radius:5px
	}
#gaiyo table tr:last-child th{
		border-radius:0
	}
#hoiku #rinen{
width:100%;
}
#hoiku #mokuhyo{
width:100%;
}
#egaonoki figure{
width:100%;
margin-right:auto;
margin-left:auto;
}
/*main>nav{
    display: none
}
#daily nav{
    width: 100%;
    margin-top:-1rem;
    margin-bottom: 5rem;  
    padding: 1rem;
    font-size: 1rem;       
}
#daily nav ul{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap
}
#daily nav ul li{
background-image: url(img/dot7-8.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left:25px;
    margin-right:0;
}
#daily nav ul li a{
text-decoration: none;
color:#685032;
}*/
#daily h3{
font-size:1.4rem;
}
#daily section .wrap{
display: flex;
justify-content: space-around;
flex-wrap: wrap
}
#daily section figure:nth-of-type(1){
order:2;
}
#daily section figure:nth-of-type(2){
order:3;
}
#daily section dl{
width:100%;
order:1;
}
#daily section figure{
width:45%;
}

#event section{
flex-wrap: wrap;
justify-content: space-around
}

#event section .wrap{
text-align: center;
width:100%;
margin-bottom:1rem
}
#event h3 img{
width:90px;
height:auto;
}
#event section figure{
width:80%;
border: 8px solid #FFFFFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 15px;
    margin:0;   
    line-height:0
}


#ichiji figure ul li{
width:45%;
margin-bottom:2rem;
}
#byogo figure ul li{
width:45%;
margin-bottom:2rem;
}
#piyopiyo figure ul li{
width:45%;
margin-bottom:2rem;
}
#ichiji .jump a{
width:100%;
}
main> nav{
    width: 94%;
    margin-top:-1rem;
    margin-bottom: 5rem;  
    padding: 1rem;
    font-size: 1rem;       
}
main> nav ul{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap
}
main> nav ul li{
background-image: url(img/dot7-8.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left:25px;
    margin-right:25px;
   min-height:21px;
   margin-bottom:5px;  
}




#blog .wrap{
    width: 100%;
    float: none;
	border:none;
	padding:0
}
#blog .cat{
    width: 100%;
    float: none;
    margin-top: 1.5rem;
    border: 4px double #28AA96;
	border-radius:5px;
	padding:0.5rem;	
}
#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: "@‘O‚Μ5Œ‚Φ";
  }

#blog .pager .pagination li.next span::before{
    content: "ŽŸ‚Μ5Œ‚ց@";
  }
#blog .camera{
text-align: center;
margin-bottom:3rem;
margin-top:-1rem;
}
#blog .camera img{
width:85%;
height:auto;
max-width:500px;
}
}