
/* =======================================================
  レスポンシブ設定（以上）
======================================================= */
@media screen and (min-width: 569px) {
             
		 .kai-ppm {display: none; 
		}
		table.hpb-slogan{
                     width: 725px;	
              }
		table.table-ppc01{
  			width: 600px;	
			}
		table.table-ppc02{
  			width: 600px;	
			}
		table.table-ppmtoku{
  			width: 700px;	
			}

	/*=======================================*/
		.ppmnav {
			display:none
		}
		div.ppcmenubar{
			height:30px;
			width:725px;
			margin:0 auto;
		}
		div.ppcmenubar ul#ppcmenu{
			margin: 0px 0px 0px 0px; 
			padding: 0px; 
			height: 30px;
		}
		div.ppcmenubar ul#ppcmenu li{
		    width: 145px;
		    height: 30px;
		    float: left;
		    list-style-type: none;
		    position: relative;
		}
		div.ppcmenubar ul#ppcmenu a{
		    background-color: ; 
		    font-family : HG丸ｺﾞｼｯｸM-PRO;
		    color: #556b2f;   
		    line-height: 30px;  
		    text-align: left; 
		    text-decoration: none;  
		    display: block;
		    width: 100%;
		    height: 100%;
		}
		div.ppcmenubar ul#ppcmenu a:hover{
			background-color: #ffffff;
			color: #8b008b; 
		}
		div.ppcmenubar ul#ppcmenu{
			zoom:1;
		}
		div.ppcmenubar ul#ppcmenu::after{
			height: 0; visibility: hidden; content: ".";
			display: block; clear: both; 
		}
		div.ppcmenubar ul#ppcmenu ul.ppcsub{
			background-color:rgba( 255, 255, 255, 1 );  
			border-width: 0px 0px 0px 0px; 
			border-style: solid;   
			border-color: #ffffff;
			margin: 0px;
			padding: 25px;
			padding: 0.5em 0.5em;
			display: none;
			position: absolute;
			border-radius: 0 0 5px 5px;
		}
		div.ppcmenubar ul#ppcmenu ul.ppcsub li{
			width: 200px;
			height: 25px; 
			border-width: 0px 0px 2px 0px; 
			border-style: groove;          
			border-color: #ffffff;  
		}
		div.ppcmenubar ul#ppcmenu ul.ppcsub li a{
			line-height: 30px; 
			text-align: left;
			text-indent: 0px;
			color:  #214d37; 
		}
		div.ppcmenubar ul#ppcmenu ul.ppcsub li a:hover{
			background-color: #ffffff; 
			color: #8b008b;    
		}		

}

/* =======================================================
  レスポンシブ設定(以下）
======================================================= */
@media screen and (max-width: 568px) {
			
			.ppmimage img {
			max-width: 100%;
			height: auto;
			}
    			#slideppm01 {
			width: 310px;
			height: 100px;
			}
			.poemsmoku {
    			height: 150px;
  			}
    			#slideppm01 P{
			display: flex;
			}

			.slideppm01 img {
			width: 100px;
			height: 100px;
			}

    			#slideppm02 {
			width: 310px;
			height: 120px;
			}
			.slideppm02 img {
			width: 300px;
			height: 120px;
			}

			#slideppm03 {
			width: 290px;
			height: 580px;
			}
			.slideppm03 img {
			width: 290px;
			height: 290px;
			}
	
			table.hpb-slogan{
                     width: 100%;
              	}

			table.ppcmenubarwaku{
  			width: 100%;
			}

			table.table-ppc01{
  			width: 100%;
			}

  			table.table-ppc02{
  			width: 100%;
			}
			table.table-ppmtoku{
  			width: 100%;
			}
	/*=======================================*/
		div.ppcmenubar {
			display:none
		}

		.ppmnav {
  			list-style: none;
		}
 
		.ppmnav li {
  			text-align: left;
  			line-height: 24px; 
		}
 
		.ppmnav li a {
  			text-decoration: none;
		}		

}