/*
Theme Name: punipuni2019
*/

/* pc-ここにpc用スタイルを記述*/
@media screen and (min-width: 568px){
	body{
position:absolute;
		top:0;		
	}
header	h1.pc-h1{
		display:inline-block;
		position:relative;
		margin:2em 0;
	}
	header{
		display:block;
	}
	
	
	
	/*sp-menu none*/
	div.sp-only-top{
		display:none;
	}
	
	/*pc header image center*/
	header.page-header {
		display:block;
		text-align: center;
		position:relative;
			
	}
	header.page-header h1 img{
			display:block;
	width: 400px;
	height:	auto;
}
	/*pc-menu */
			menu{
        display:block;
		position: relative;
       top:auto;
		padding-left:0;
		width: 100%;
		background:#609ABF;
		left: 0;
		margin:0 auto;
        text-align:center;
        align-items:center;
	}
	 	header.page-header {
	display:inline-block;
		width:100%;
		     top:0;
		align-items:center;
		margin:0 auto;
		position:relative;
    }
	
	/*pc menu-list all*/
	div#menu.menu-list{
		display:flex; 
		flex-wrap: nowrap; 
		list-style-type:none; 
		background:#609ABF;
		justify-content:center;
		text-align: center; 
		margin:0 auto;
		width:100%;
	}
	/*pc menu-list li*/
	div#menu.menu-list li{
		width:9em; 
		    background: #5E99C5;
    margin: auto 0;
    text-align: center;
		border-bottom: 0;
		font-family: JKG, 'メイリオ', Meiryo,'Hiragino maru Gothic ProN','ヒラギノ丸ゴ ProN W3','ＭＳ Ｐゴシック','MS PGothic','MS UI Gothic',Helvetica,Arial,sans-serif;
	}
	
	div#menu.menu-list li a{	
		padding:1em 0;
		display:block;
	    font-family: JKG, 'メイリオ', Meiryo,'Hiragino maru Gothic ProN','ヒラギノ丸ゴ ProN W3','ＭＳ Ｐゴシック','MS PGothic','MS UI Gothic',Helvetica,Arial,sans-serif;

 
}
	/*li:hover*/
	div#menu.menu-list li a:hover{
		background:#366686;
	}
	/*li current*/
		 div#menu.menu-list li.current-menu-item{
			 background: #366686!important;}
    menu {}
	
	
	/*pc-shita　center position overflow*/
	main#main { 
	position: relative;
	overflow:auto; 
       
	margin :3em 20% 3em;
	} 
	header h1.pc-h1 {
    font-size: 0;
		margin:48px 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:#F7CD2F;
    line-height:100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
     -moz-border-radius: 5px; 
}
 
#page-top a:hover{
    background:#C4A423;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    transition:all 0.3s;
}
    
    
    
    /**/
	
	div.f_wh{margin:0.2em 0.5em;}
div.footer_button {
    margin:5em 0;
    flex-flow:row wrap;
     position:relative;
    width:100%;
}
	
div.footer_o{
margin:0 auto;
   width:24em;
         position:relative;
    
}
	
	div.spmenu-toggle_last{
        display:none;
    }
    div.pc-top-info{
        
        display:block;
margin:0;
        
        	font-family: JKG,'メイリオ', Meiryo,'Hiragino maru Gothic ProN','ヒラギノ丸ゴ ProN W3','ＭＳ Ｐゴシック','MS PGothic','MS UI Gothic',Helvetica,Arial,sans-serif; 
	font-weight:bold;
	position:relative;
    }
    
    
}


/* pcここまで*/