@charset "utf-8";

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
アクセス3/18 1744
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/*==========================================
 body
===========================================*/
	body {width: 100%;	 margin: 0.5em 0 ; padding: 0;
		font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6",
		   "HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
		background-color:#fff;}
	a {  color:#000;  text-decoration:none;}
	a:hover {  color:#333;  text-decoration:underline;}
/*==========================================
 ヘッダーのスタイル
===========================================*/
	header h1 {margin:0 auto;text-align:center;font-size:1.3em;margin:0.5em 0.5em;}
	header {  position:relative;  overflow:hidden;}
	header ul#s_nav {  margin-bottom:15px;  position:relative;
	  left:50%;  float:left; }
	header ul#s_nav li {  float:left;  position:relative;  left: -50%;}
	header ul#s_nav li a {  display:block;  font-size:0.8em;  margin-right:20px;
	  padding-left:20px;}
	header p {width:100%;}
	header p img {width:100%;  height:auto;  max-width:960px;}
	
/*==========================================
 コンテンツエリア全体のスタイル
===========================================*/
	div#stage{width:95%; margin-left:auto;margin-right:auto;}
	div#stage contents{margin-left:auto;margin-right:auto;}
	div#contents section#kankou{margin-left:auto;margin-right:auto;}
/*==========================================
 コンテンツエリア -> WORKSのスタイル
===========================================*/
	div#contents img{margin-top:30px;text-align:center;} 
	div#stage h1{font-size:1.8em;text-align:center;margin-top:20px;margin-bottom:20px;} /*会社概要*/
	div#contents section#work h2 { margin: 0.3em 0.3em 1em 1em;text-align:center;font-size:1.4em;}
	div#contents section#topgazou{width:100%;margin-left:auto;margin-right:auto;}
	div#contents section#asobini p img{ width:60%;margin:auto;display:block;} 

	/************商品案内*****************/
	div#wrap h2{font-size:1.5em;text-align:center;margin:0em 1em 1em 1em;} 
/*======================== コンテンツエリア -> 商品案内Col0=================================*/

/*==========================================
 ページトップへボタンのスタイル
===========================================*/
	a#pagetopBtn img {  position: fixed;  bottom: 10px;  right: 1px;}

	div#contents h2{font-size:2em;margin-top:0;text-align:center;}
	div#contents figure.photo-left420 img{float:left;width:50%;height:auto;padding-bottom:30px;margin-right:1em;margin-left:1em;}
	div#contents figure.photo-left420 p{overflow:auto;margin-top:0;margin-left:0;font-size:1em;line-height: 1em; } 

/* PC向けおよび大型タブレット向けのレイアウトの指定：769px～960px */
@media only screen and (max-width: 640px) {
	/*----ナビ----*/
	header {width:100%;margin-left:auto;   margin-right:auto;  background-color:#0a0ca3;} 
     nav {text-align: center; margin: 10px auto 10px auto;color:#fff; }
     nav ul li a:link{color:#fff; }   
     nav ul li a:visited{color:#fff ; }  
 
  	.list li{flex:auto;}  	
	ul { display: flex;/	}
	 li {list-style-type: none;flex-grow: 1;text-align: center;}
	 li + li {border-left: 2px solid #fff;} 
	 ul li a{	font-size:0.8em;} 	 
  	/*-----ナビend------*/	
  	div#contents section#topgazou p img{width:100%;margin-left:auto;margin-right:auto;margin-bottom:20px;} 
  	div#contents p img{width:100%;  height:auto;  max-width:100%;text-align:center;margin-left:10px;} /*ﾏｯﾌﾟ画像*/
  	div#contents section#asobini p img{ width:60%;margin:auto;display:block;margin-bottom:20px;} /*あそびに*/
  	
  	div#contents h2{font-size:1.5em;line-height:1.2em;margin-top:0;text-align:center;}    
    div#contents figure.photo-left420 img{float:left;width:50%;height:auto;padding-bottom:30px;margin-right:1em;}
    div#contents figure.photo-left420 p{overflow:auto;margin-top:0;margin-left:0;font-size:1em;line-height: 1.2em; } 
    #common-footer {width:100%;height:90px;font-size:1.2em;background-color:#0a0ca3;
		text-align:center;margin-left:auto;margin-right:auto; margin-top:10px;}	
	footer p{font-family:"HGｺﾞｼｯｸE";font-size:0.8em;line-height:1.2em;color:#fff;}

		
 		}    
@media only screen and (min-width: 640px) {
	/*----ナビ----*/
	header {width:100%;margin-left:auto;   margin-right:auto;  background-color:#0a0ca3;} 
     nav {text-align: center; margin: 10px auto 10px auto;color:#fff; }
     nav ul li a:link{color:#fff; }   
     nav ul li a:visited{color:#fff ; }  
    .list{display:flex;font-size:0.8em;}
  	.list li{flex:auto;}  	
	ul { display: flex;/	}
	 li {list-style-type: none;flex-grow: 1;	 text-align: center;}
	 li + li {border-left: 2px solid #fff;}  	 
  	/*-----ナビend------*/	  	
	
  	 div#contents section p img {width:100%;  height:auto;  max-width:960px;margin-left:0;margin-bottom:20px;}	/*マップ画像*/ 
	
	 div#contents h2{font-size:1.5em;margin-top:0;text-align:center;}
     div#contents figure.photo-left420 img{float:left;width:50%;height:auto;padding-bottom:30px;margin-right:1em;}
     div#contents figure.photo-left420 p{overflow:auto;margin-top:0;margin-left:0;font-size:1em;line-height: 1.2em; }
     
	 #common-footer {width:100%;height:90px;font-size:1.2em;background-color:#0a0ca3;
		text-align:center;margin-left:auto;margin-right:auto; margin-top:10px;}	
	 footer p{font-family:"HGｺﾞｼｯｸE";font-size:1.2em;line-height:1.2em;color:#fff;}
 
	}

@media only screen and (min-width: 769px) {
 /*----ナビ----*/
	header {width:100%;margin-left:auto;   margin-right:auto;  background-color:#0a0ca3;} 
     nav {text-align: center; margin: 10px auto 10px auto;color:#fff; }
     nav ul li a:link{color:#fff; }   
     nav ul li a:visited{color:#fff ; }  
    .list{display:flex;font-size:1em;}
  	.list li{flex:auto;}  	
	ul { display: flex;/	}
	 li {list-style-type: none;flex-grow: 1;	 text-align: center;}
	 li + li {border-left: 2px solid #fff;}  	 
  	/*-----ナビend------*/	
  
   div#contents section p img {width:100%;  height:auto; margin-left:auto;
 				 margin-right:auto;margin-bottom:20px;}    

  div#contents h2{font-size:1.5em;margin-top:0;text-align:center;}
  div#contents figure.photo-left420 img{float:left;width:40%;height:auto;padding-bottom:30px;margin-right:1em;}
  div#contents figure.photo-left420 p{overflow:auto;margin-top:0;margin-left:0;font-size:1em;line-height: 1.2em; }
   #common-footer {width:100%;height:90px;font-size:1.2em;background-color:#0a0ca3;
		text-align:center;margin-left:auto;margin-right:auto; margin-top:10px;}	
	footer p{font-family:"HGｺﾞｼｯｸE";font-size:1em;line-height:1.2em;color:#fff;}

}

/* PC向けレイアウトの指定：961px以上では固定レイアウト */
@media only screen and (min-width: 961px) {
    /*----ナビ----*/
	header {width:960px;margin-left:auto;   margin-right:auto;  background-color:#0a0ca3;} 
     nav {text-align: center; margin: 10px auto 10px auto;color:#fff; }
     nav ul li a:link{color:#fff; }   
     nav ul li a:visited{color:#fff ; }  
    .list{display:flex;font-size:1em;}
  	.list li{flex:auto;}  	
	ul { display: flex;/	}
	 li {list-style-type: none;flex-grow: 1; text-align: center;}
	 li + li {border-left: 2px solid #fff;}  	 
  	/*-----ナビend------*/	

  
  div#contents section#topgazou p img{width:100%;margin:auto;display:block;margin-bottom:20px;}   
  div#contents section#kankou{width:80%;margin:auto;display:block;}
  div#contents section#asobini p img{ width:60%;margin:auto;display:block;margin-bottom:30px;} 
  
  div#contents h2{font-size:1.5em;margin-top:0;text-align:center;}
  div#contents figure.photo-left420 img{float:left;width:40%;height:auto;padding-bottom:30px;padding-right:1em;}
  div#contents figure.photo-left420 p{overflow:auto;margin-top:0;margin-left:0;font-size:1.2em;line-height: 1.5em; } 
 
/*==========================================
 フッターのスタイル
===========================================*/
	#common-footer {width:960px;height:90px;font-size:1.2em;background-color:#0a0ca3;
		text-align:center;margin-left:auto;margin-right:auto; margin-top:10px;}
	footer p{font-family:"HGｺﾞｼｯｸE";font-size:1.2em;line-height:1.2em;color:#fff;}
}