/*
Theme Name: punipuni2019
*/

/*font*/
@font-face{
font-family:'JKG';
    src:url('JKG-L_3.woff')format('woff');}
@font-face{
font-family:'JKG_M';
    src:url('JKG-M_3.woff')format('woff');}

/*setting*/
body{
	background:#fff;
width: 100%;
    margin:0;
	top:40px;
    left:0;
	position:relative;
	overflow-y:scroll;}

header,h1,h2,span.jkg{    
  font-family: JKG,'メイリオ', Meiryo,'Hiragino Maru Gothic ProN','ヒラギノ丸ゴ ProN W3','ＭＳ Ｐゴシック','MS PGothic','MS UI Gothic',Helvetica,Arial,sans-serif;
}
h1{font-size: 1.5em;}
h2{font-size:1.2em;}

/*toppage postlist margin*/
div.postlist-content p{
	margin:0.5em auto!important; 
}
/* single body font*/
div.p-article__body.single{ 
	text-align:justify;
	font-weight:normal;
font-family: 'メイリオ', Meiryo,'Hiragino Maru Gothic ProN','ヒラギノ丸ゴ ProN W3','ＭＳ Ｐゴシック','MS PGothic','MS UI Gothic',Helvetica,Arial,sans-serif;

}
div.p-article__body.single{
	    text-align: justify;
}

/*single*/
div.p-article__post{
	display:flex;
	justify-content:space-around;
}
div.p-article__prev-post{
	display:block;
}
div.p-article__next-post{
		display:block;
		}
/*single day cat*/
div.date_cat{
	display:flex;
	position:relative;
	width:100%;
		justify-content:space-between;
}
/*single category*/
p.p-article__category{
	display:block;
	position:relative;
	width:auto;	

}
p.p-article__category a{
	font-size:1em;
		position:relative;
	margin-right:1em;
}



/*more-link font*/
a.more-link{
    font-family: JKG,'メイリオ', Meiryo,'Hiragino maru Gothic ProN','ヒラギノ丸ゴ ProN W3','ＭＳ Ｐゴシック','MS PGothic','MS UI Gothic',Helvetica,Arial,sans-serif!important;
   display:block;
    text-align:right;
    margin-right:1em;
   }

/*google-maps*/
.google-maps { 
position: relative;
padding-bottom: 75%; 
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}


	/*sp main　center position overflow*/
main#main{

	position: relative;
	overflow:auto; 
	margin :1em 5% 1em;
    width:auto;  
} 

/* smartPhone ここにスマホ用スタイルを記述*/

main#main h1  {
border-bottom: solid 3px  #F8CF01;
position: relative;
}
main#main h1:after{
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #5E99C5;
bottom: -3px;
width: 30%;
}
	/*z-index*/
ariticle.p-article{z-index: 10;}
div.sp-top-img{z-index: 20;}
menu{z-index: 100;}
header.page-header{z-index: 100;}

	/*pc header none*/
header h1.pc-h1 {
    display: none;
}
header h1.sp-h1 {
    width:90%;
		display:block;
	    margin: 0 auto;
	}
/*sp top img*/
div.sp-top-img{
   text-align:center;
}
div.sp-top-img img{ 
    
    width:90vw;
        height:auto;
}
div.sp-top-img div.sp-menu{z-index: 10;}

/*sp-logo*/
	a.logo{
        text-decoration:none;
		display:block;
		position:absolute;
		top:0;
		margin:0;

    }
	a.logo > img{
		height:30px;
		width:auto;
		top:5px;
		left:0.5em;
			position:relative;
}
/*logo iphone5 sizedown*/
@media screen and (max-width:320px){
	a.logo > img{
		top:8px;
		height:25px;
		width:auto;
		left:0.5em;
			position:relative;
}
}
/*sp-menu position*/
	menu{
 		position: fixed;
  		top:40px;
		width: 100%;
		background:#F8CF01;
		left: 0;
		margin:0;
        text-align:center;
        padding-left:0;
        align-items:center;
	}
div#menu.menu-list li.current-menu-item{background:#C4A423!important;}
/*humberger*/

/*sp menu close*/
menu {
    display:none;
}

menu {
 position: fixed;
 left: 0;
 width: 100%;
 height: 100%;
}



li.spmenu-toggle_last_li{border-bottom:0px!important;}
/*sp menu flex*/
div#menu.menu-list{
	display:flex; 
	flex-wrap: wrap; 
	list-style-type:none;  
	background:#5E99C5;
	justify-content:center;
	text-align: center; 
	margin:0 auto;
    position:relative;	
	width:85%;
			padding:0;
    
	
}

/*sp menu list*/
div#menu.menu-list li{
	width:100%; 
	
	background:#F8CF01;
		margin: 0 auto;
		text-align: center;
		border-bottom: 1px solid #fff;
	
	}


/*sp menu last boder none*/
	/*div#menu.menu-list li:last-child{
		border: none;
	}*/

/*sp menu list li*/
div#menu.menu-list li a {
    
	display:block;
	padding:1em 0 1em;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-family: JKG_m,'メイリオ', Meiryo,'Hiragino maru Gothic ProN','ヒラギノ丸ゴ ProN W3','ＭＳ Ｐゴシック','MS PGothic','MS UI Gothic',Helvetica,Arial,sans-serif;
	
}

	/*sp-menu hover*/
div#menu.menu-list li:hover{
	background:#C4A423;
}

div.sp-menu {
		background:#F8CF01;
        z-index: 100;
        display:block;
       position: fixed;
		top:0;
	width:100%;
		height:40px;
	}
div#menu.menu-list li.current-menu-item{background:#C4a423!important;}

/*humberger toggle*/
	/*開閉ボタン*/
	div.spmenu-toggle{
		
		display:block;
		float:right;
		width: 40px;
		height: 28px;
		position: relative;
		top: 0px;
		z-index: 100;
        margin-right:0px;
        background:#609ABF;
		padding:6px;
	}
	.spmenu-toggle div {
		position: relative;
	}
	.spmenu-toggle span{
		display: block;
		height: 3px;
		background: #fff;
		position:absolute;
		width: 100%;
		left: 0;
        
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;	
	}
	.spmenu-toggle span:nth-child(1){
		top:0px;
	}
	.spmenu-toggle span:nth-child(2){
		top:12px;
	}
	.spmenu-toggle span:nth-child(3){
		top:24px;
	}
	
	/*開閉ボタンopen時*/
	.open .spmenu-toggle span:nth-child(1) {
			top: 12px;
		   -webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
			transform: rotate(135deg);
		}
		.open .spmenu-toggle span:nth-child(2) {
			width: 0;
			left: 50%;
		}
		.open .spmenu-toggle span:nth-child(3) {
			top: 12px;
			-webkit-transform: rotate(-135deg);
			-moz-transform: rotate(-135deg);
			transform: rotate(-135deg);
		}

/*humbergerここまで*/



/*スマホここまで*/

	/*footer*/
div.copyright{
	text-align:center;

	margin:1em 0 1em; 
	bottom:0;
	position:relative;
}
div.footer_o{
    position:relative;
margin:5em auto;
    width:11em;
   
    font-family: JKG_m,'メイリオ', Meiryo,'Hiragino maru Gothic ProN','ヒラギノ丸ゴ ProN W3','ＭＳ Ｐゴシック','MS PGothic','MS UI Gothic',Helvetica,Arial,sans-serif!important;
}
div.footer_button {
    display:flex;
    flex-flow:row wrap;
    margin:0 auto;
}
div.footer_instagram_follow{
    background:#D73872;
 
}
div.footer_twitter_follow {

    background:#2AA3EF;

}

div.footer_Tweet_Page {
 
    background:#2AA3EF;
 
}
div.footer_copy_url{
    background: #ACC1CD;
}


div.f_wh > a {
    display: block;

height:100%;
width: 100%;
    position:absolute;
       top:0; 
    left:0;
    text-decoration:none;
    color:#fff;
        padding-top:0.5em;
    padding-left: 0.5em;
    font-size: 0.8em;
 
  
}
div.f_wh{

margin:0.2em 0.2em;
padding-top:1.5em;

width:5em;

    position:relative;
}
span#copyid{
    font-size:0;
    height:0;
    width:0;
}


/****************************************
 
          TOPへ戻るボタン（Go to top）
 
*****************************************/
#page-top{
    position:fixed;
    right:16px;
    bottom:16px;
    display: none;
    z-index:9999;
}
 
#page-top a{
    color:#fff;
    padding:20px;
	font-size:20px;
    text-decoration:none;
    display:block;
    cursor:pointer;
    text-align:center;
    background:#386785;;
    line-height:100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
     -moz-border-radius: 5px; 
}
 
#page-top a:hover{
    background:#619AC3;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    transition:all 0.3s;
}