html * {max-height:1000000px;}
body { margin: 0; padding: 0; color: #fff; background-color: #000; font-size : 13px; font-family:  arial, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, sans-serif; }
.header { width: 100%; max-width: 1000px; margin: 0 auto; padding: 5px 0 0 2px; }
h1 { margin: 0; padding: 0 10px　0px 0px; font-size: large; font-weight: bold; line-height: 130%; }
h2 { margin: 2px 0 6px; padding: 0 10px　0px 0px; font-size: x-large; font-weight: bold; line-height: 130%; }
h3 { margin: 0 0 10px; padding: 0 10px　0px 0px; font-size: x-large; font-weight: bold; line-height: 130%; color: #414141;  }
h4 { margin: 0 0 3px; padding: 0 10px　0px 10px;  font-size: middiam; font-weight: bold; line-height: 130%; color: #414141;  }
h5 { margin: 5px 0 3px; padding: 0 10px　0px 0px; font-size: x-large; font-weight: bold; line-height: 130%; }


.img_midashi{width: auto ;
height:auto ;
margin: 20px 0 -10px;
}

@media screen and (max-width:451px)
{
.img_midashi{width: 90% ;
margin: 20px 0 0px;
}
}


.img_bt{width: 300px ;
height:auto ;
margin: 10px ;
}

@media screen and (max-width:451px)
{
.img_bt{width: 80% ;
margin: 10px ;
}
}

.img_p{width: 300px ;
height:auto ;
margin: 0 20px 0 20px;
}

.img_p2{ display: none;
}

.img_p3{width: 230px ;
height:auto ;
margin: 0 4px 10px 4px
}

.img_p4{width: auto ;
height:auto ;
margin: 20px 0px 20px
}


.img_gallery{
margin: 1px;
width: 90px;
height: auto;
}

.futi {
    aposition: relative;
    width: 95$;
    margin: 0 0 10px;
    padding: 10px;
    border: solid 1px #f40;
    border-radius: 0px;
}


@media screen and (max-width:451px)
{
.img_p{ display: none;
}

.img_p2{  display: block;
width: 90% ;
margin: 10px ;
text-align: center;
}

.img_p3{width: 45% ;
margin: 5px;
}
.img_p4{width: 95% ;
height:auto ;
margin: 20px 0px 20px
}

.img_gallery{
margin: 2px;
width: 17%;
}
.futi {
    text-align: center;
    aposition: relative;
    width: 95%;
    margin: 0 0 5px;
    padding: 4px;
    border: solid 1px #f40;
    border-radius: 0px;
}

}

.logo
{
	width: 200px ;
	height: auto ;
}


#menu{
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
　　border-bottom: 2px solid #f66 ;		/* 枠線 */
}
#menu li{
  display: block;
  float: left;
  width: 12.5%;
  margin: 0;
  padding: 0; }
#menu li a{
  display: block;
  padding: 12px 0 10px;
  background: #000;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
#menu li a:hover{
  color: #fff;
  background: #f40; 
}
#toggle{ 
 display: none;
}


@media only screen and (max-width: 479px) {
.logo
{
 display: none;
}
.logotel
{
	width: 150px ;
}


  #menu{
    display: none;
  }
  #menu li{
    width: 100%;
  }
#menu li a{
    color: #fff;
	background: #000;
  	padding: 10px 0 10px;
    border-bottom: 1px solid #f40;
}
  #toggle{
    display: block;
    position: relative;
    width: 100%;
    background: #f40;
  }
  #toggle a{
    display: block;
    position: relative;
    padding: 10px 0 10px;
    border-bottom: 1px solid #f40;
    color: #fff;
    text-align: center;
    text-decoration: none;
  }
  #toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
  }
  #toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #f40;
  }
  #toggle a:before{
    margin-top: -6px;
  }
  #toggle a:after{
    margin-top: 2px;
  }
}

.footer
{
	border-top: 2px solid #009999 ;		/* 枠線 */
	color: #fff;
	line-height: 140%;
	margin-top: 20px ;			/* 他のブロックとのスペース */
	padding: 20px ;			/* 上下の余白 */
	background: #000 ;
}

.footer2
{
	display: none ;
}

@media screen and (max-width:479px)
{
	.footer
	{
	 display: none ;
	}
	.footer2
	{
	display: block ;		/* 表示にする */
	border-top: 2px solid #009999 ;		/* 枠線 */
	color: #fff;
	line-height: 160%;
	margin-top: 20px ;			/* 他のブロックとのスペース */
	padding: 20px 0px 20px 10px ;			/* 上下の余白 */
	background: #000 ;
	font-size: -1
	
	}

}


.fade {  
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
}
.fade:hover {  
    opacity: 0.5;  
    filter: alpha(opacity=40);  
	-ms-filter: "alpha( opacity=40 )";
}

.wrapper1
{
	width: 1000px ;
	margin: 0 auto ;		/* 左右に[auto]を指定することで、真ん中に寄る */
	padding: 0 ;			/* 上下左右の余白を0にしておく */
	overflow: hidden ;		/* floatを解除する */
}
.wrapper2
{
	display: none ;
}
.wrapper3
{
	width: 100% ;
	margin: 0 auto ;		/* 左右に[auto]を指定することで、真ん中に寄る */
	padding: 0 ;			/* 上下左右の余白を0にしておく */
	overflow: hidden ;		/* floatを解除する */
}
.wrapper4
{
	display: block ;
}

@media screen and (max-width:479px)
{
	.wrapper1
	{
	 display: none ;
	}
	.wrapper2
	{
	display: block ;		/* 表示にする */
	}
	.wrapper3
	{
	 display: none ;
	}
	.wrapper4
	{
	 display: none ;
	}

}

.main0 {
  clear: both;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
	text-align: center;
	overflow: hidden ;		/* floatを解除する */
}
.main {
  clear: both;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
	text-align: center;
	overflow: hidden ;		/* floatを解除する */
}

.main2 {
  clear: both;
  width: 95%;
  max-width: 950px;
  margin: 0px auto;
  padding: 0px　0;
  text-align: left;
  line-height: 130%;
	overflow: hidden ;		/* floatを解除する */
}

.main3 {
  clear: both;
  width: 95%;
  max-width: 800px;
  margin: 0 auto;
  padding: 0　0　0　0;
  color: #666;
  text-align: center;
  line-height: 130%;
	overflow: hidden ;		/* floatを解除する */
}
@media screen and (max-width:479px)
{
.main0 {
  clear: both;
  width: 100%;
}

.main {
  clear: both;
  width: 95%;
}
}

.navi1
{ position: relative; top: 520px; left: 400px;}

a {text-decoration: none; outline: none;}
a:link {color: #fc0;}
a:visited {color: #f40;}
a:hover {color: #f00;}
a:active {color: #f00;}
a img:hover {
	filter: Alpha(Opacity=80);
	opacity: 0.8;
	text-decoration: none;
}

a.blue:link {color: #3366ff;}
a.blue:visited {color: #3366ff;}
a.blue:hover {color: #fff;}
a.blue:active {color: #ff3;}

a.green:link {color: #33ff33;}
a.green:visited {color: #33ff33;}
a.green:hover {color: #fff;}
a.green:active {color: #ff3;}

a.pink:link {color: #ff3366;}
a.pink:visited {color: #ff3366;}
a.pink:hover {color: #fff;}
a.pink:active {color: #ff3;}

a.orenge:link {color: #ff3300;}
a.orenge:visited {color: #ff3300;}
a.orenge:hover {color: #fff;}
a.orenge:active {color: #ff3;}

a.mizu:link {color: #66ccff;}
a.mizu:visited {color: #66ccff;}
a.mizu:hover {color: #fff;}
a.mizu:active {color: #ff3;}

a.brown:link {color: #ff6633;}
a.brown:visited {color: #ff6633;}
a.brown:hover {color: #fff;}
a.brown:active {color: #ff3;}

a.white:link {color: #fff;}
a.white:visited {color: #fff;}
a.white:hover {color: #009999;}
a.white:active {color: #fff;}

a.glay:link {color: #666;}
a.glay:visited {color: #666;}
a.glay:hover {color: #009999;}
a.glay:active {color: #fff;}

.top1 { line-height: 200%; padding: 20px 30px; }

ul.top1 {
	width: 900px;
	padding:0;
	font-size:medium;
   	text-align: center;
	line-height: 140%; 
}

ul.top1 li { 
	width:700px; 
	display: inline-block; 
	text-align: center
    vertical-align:top;
   	margin: 10px; 
	padding: 10px;
}

ul.top1 li a {
	display: block;
}


.text1 { line-height: 200%; padding: 20px 30px; }

ul.text1 {
	width: 900px;
	padding:0;
	font-size:medium;
   	text-align: left;
	line-height: 140%; 
}

ul.text1 li { 
	width:600px; 
	display: inline-block; 
    vertical-align:top;
   	margin: 10px; 
	padding: 10px;
}

ul.text1 li a {
	display: block;
}
.img1
{
	width: 1000px ;
	height: auto ;
	margin: 0 0 0 20px;
}

@media screen and (max-width:479px)
{
.text1 { line-height: 140%; padding: 10ｐｘ　10px; }
ul.text1 {
	width: auto;
	text-align: left;
　　　}
ul.text1 li {
	width: auto;
	}

.img1
{
	width: 100% ;
	margin: 0 0 10px 0;
}

}

.text2 { line-height: 200%; padding: 20px 30px; }

ul.text2 {
  width: 940px;
  padding:0;
  font-size:medium;
}

ul.text2 li { 
	line-height: 120%; 
	width:420px; 
	display: inline-block; 
    vertical-align:top;
   	text-align: center;
   	margin: 10px; 
	padding: 10px;
	border: 1px solid rgba(51,255,204,0.5) ;	
}

ul.text2 li a {
  display: block;
}

@media screen and (max-width:479px)
{
.text2 { line-height: 200%; padding: 20ｐｘ　10px; }
	ul.text2 {
	  width: auto;}
	ul.text2 li {
	  width: auto;

	}
}



.text3 { line-height: 200%; padding: 20px 30px; text-align: center;
}

ul.text3 {
  width: 900px;
  padding:0;
  font-size:medium;
}

ul.text3 li { line-height: 120%; width:180px; display: inline-block; vertical-align:top; text-align: center; margin: 30px; padding: 10px; border: 1px solid rgba(0,0,0,0.3);;	
}

ul.text3 li a {
  display: block;
}

.img3
{
	width: 168px ;		/* 横幅 */
	height: auto ;		/* 高さ */
}

@media screen and (max-width:479px)
{
.text3 { line-height: 200%; padding: 20px　10px; }
	ul.text3 {
	  width: auto;
	  }
	ul.text3 li {
	  width: 96px;
   	margin: 7px 5px; 
	padding: 10px;
	}
.img3
{
	width: 100% ;		/* 横幅 */
}
}

.text4 { line-height: 200%; text-align: left;
}

ul.text4 {
  width: 1000px;
  padding:0;
  font-size:small;
}

ul.text4 li { 
	line-height: 120%; 
	width:250px; 
	display: inline-block; 
    vertical-align:top;
   	margin: 10px; 
	padding: 10px;
	border: 0px solid rgba(0,0,0,0.3) ;	
}
ul.text4 li a {
  display: block;
}


.text40 { line-height: 200%; padding: 20px 30px; text-align: left;
}

ul.text40 {
  width: 940px;
  padding:0;
  font-size:small;
}

ul.text40 li { 
	line-height: 120%; 
	width:188px; 
	display: inline-block; 
    vertical-align:top;
   	text-align: center;
   	margin: 10px; 
	padding: 10px;
	border: 1px solid rgba(0,0,0,0.3) ;	
	background-image: url(file:///F:/WEB data/農事組合法人いのべにし/いのべにし/web-content/images/specer-BK.png);
}

.img4
{
	width: 168px ;		/* 横幅 */
	height: auto ;		/* 高さ */
}

.img40
{
	width: 188px ;		/* 横幅 */
	height: auto ;		/* 高さ */
}


@media screen and (max-width:479px)
{
.text4 { line-height: 200%; padding: 20px　10px; text-align: center;}
	ul.text4 {
	  width: auto;
	  }
	ul.text4 li {
	font-size: small; 	  
	width: 110px;
   	margin: 7px 5px; 
	padding: 10px;
	}

.text40 { line-height: 200%; padding: 20px　10px; text-align: center;}
	ul.text40 {
	  width: auto;
	  }
	ul.text40 li {
	font-size: small; 	  
	width: 110px;
   	margin: 7px 5px; 
	padding: 10px;
	}
.img4
{
	width: 100% ;		/* 横幅 */
}

.img40
{
	width: 100% ;		/* 横幅 */
}

}

.show { line-height: 200%; padding: 20px 30px; text-align: center;
}

ul.show {
   	text-align: left;
  width: 940px;
  padding:0;
  font-size:medium;
}

ul.show li { 
	line-height: 120%; 
	width:188px; 
	display: inline-block; 
    vertical-align:top;
   	text-align: center;
   	margin: 10px; 
	padding: 10px;
	border: 1px solid rgba(0,0,0,0.3) ;	
}

ul.show li a {
  display: block;
}

.img_show
{
	width: 168px ;		/* 横幅 */
	height: auto ;		/* 高さ */
}

@media screen and (max-width:479px)
{
.show { line-height: 200%; padding: 20px　10px ; }
	ul.show {
	  width: auto;
   	text-align: center;
	  }
	ul.show li {
	  width: 250px;
	  margin: 10px 5px 10px 5px;
	  padding: 10px;
	}
.img_show
{
	width: 230px ;		/* 横幅 */
}

}


.news { 
line-height: 200%; 
padding: 20px 10px 0px 10px;	
overflow: hidden ;		/* floatを解除する */
 }

ul.news {
	width: 900px;
	padding:0;
	font-size:medium;
   	text-align: left;
	line-height: 140%; 
}

ul.news li { 
	width:900px; 
	display: inline-block; 
    vertical-align:top;
   	margin: 15px; 
	padding: 0px 0px 30px 0px;
	border-bottom:  2px dotted rgba(0,0,0,0.5) ;	
}

ul.news li a {
	display: block;
}
.img_news
{
	width: 100px ;
	height: auto ;
   	margin: 0px 20px 0px 0px; 
}

@media screen and (max-width:479px)
{
.news { line-height: 130%; padding: 10ｐｘ　0px; }
ul.news {
	width: auto;
	text-align: left;
　　　}
ul.news li {
	width: 100%;
   	margin: 0px; 
	}

.img_news
{
	width: 70px ;
   	margin: 0px 10px 0px 0px; 
}

}


.news1 {
	text-align: justify;
	width: 600px;
	padding:10px;
	font-size:medium;
	line-height: 140%;
    }

ul.news1 {
	text-align: left;
	}

ul.news1 li { 
	line-height: 120%; 
	width:600px; 
	display: inline-block; 
    vertical-align:top;
   	text-align: left;
	padding: 0px;
}

ul.news1 li a {
  display: block;
}

.img_news1
{
	width: 600px ;		/* 横幅 */
	height: auto ;		/* 高さ */
	margin-bottom: 20px;
	}

@media screen and (max-width:479px)
{
.news1 
{
	width: 100%;
	margin: 0px auto ;		/* 左右に[auto]を指定することで、真ん中に寄る */
	padding: 10px 0 ;			/* 上下左右の余白を0にしておく */
	}
ul.news1 {
	text-align: center;
	}
.img_news1
{
	width: 100%;
	margin-bottom: 10px;
}

}


.news2 {
	width: 300px;
	margin-top: 10px;
	text-align: left;
}


.img_news2
{
	width: 284px ;		/* 横幅 */
	margin: 1px 0 2px 6px ;
	height: auto ;		/* 高さ */
	border: 1px solid rgba(0,0,0,0.1) ;	
}


.img_news3
{
	width: 90px ;		/* 横幅 */
	height: auto ;		/* 高さ */
	margin: 1px ;	
	border: 1px solid rgba(0,0,0,0.1) ;	
}

.img_news4
{
	width: 284px ;		/* 横幅 */
	margin: 0 0 0 6px ;
	height: auto ;		/* 高さ */
}


@media screen and (max-width:479px)
{
.news2
{
	width: 90%;
	margin: 0 auto ;		/* 左右に[auto]を指定することで、真ん中に寄る */
	padding: 5px ;			/* 上下左右の余白を0にしておく */
	text-align: center;
	}
	
.img_news2
{
	width: 284px ;		/* 横幅 */
	margin: 0 0 10px 0 ;
}


.img_news3
{
	width: 90px ;		/* 横幅 */
	height: auto ;		/* 高さ */
	margin: 1px ;	
	border: 1px solid rgba(0,0,0,0.1) ;	
}

.img_news4
{
	width: 284px ;		/* 横幅 */
	margin: 5px 0 10px 0 ;
}


}




.news1
{
	float: left ;		/* 左に寄せる */
}

.news2
{
	float: right ;		/* 右に寄せる */
}

@media screen and ( max-width:479px )
{
	.news1
	{
		float: none ;		/* floatを無効する */
	}

	.news2
	{
		float: none ;		/* floatを無効する */
	}
}







.mov { line-height: 200%; padding: 20px 10px 0px 60px; }

ul.mov {
	width: 900px;
	padding:0;
	font-size:medium;
   	text-align: center;
	line-height: 140%; 
}

ul.mov li { 
	width:600px; 
	display: inline-block; 
    vertical-align:top;
   	margin: 15px; 
	padding: 0px 0px 30px 0px;
}

ul.mov li a {
	display: block;
}
.img_mov
{
	width: 560px ;
	height: 315px ;
   	margin: 0px 20px 0px 0px; 
}

@media screen and (max-width:479px)
{
.mov { line-height: 130%; padding: 10ｐｘ　0px　0px　0px; }
ul.mov {
	width: auto;
	text-align: center;
　　　}
ul.mov li {
	width: 100%;
   	margin: 0px; 
	}

.img_mov
{
	width: 300px ;
	height: 168px ;
   	margin: 0px 10px 0px 0px; 
}

}

.contact { line-height: 200%; padding: 20px 10px 0px 10px; }

ul.contact {
	width: 900px;
	padding:0;
	font-size:medium;
   	text-align: left;
	line-height: 140%; 
}

ul.contact li { 
	width:900px; 
	display: inline-block; 
    vertical-align:top;
   	margin: 20px; 
	padding: 10px 0px;
}

ul.contact li a {
	display: block;
}
.img_contact
{
	width: 100px ;
	height: auto ;
   	margin: 0px 20px 0px 0px; 
}

@media screen and (max-width:479px)
{
.contact { line-height: 130%; padding: 10ｐｘ　0px; }
ul.contact {
	width: auto;
	text-align: left;
　　　}
ul.contact li {
	width: 100%;
   	margin: 0px 0px 10px 0px; 
	}

.img_contact
{
	width: 70px ;
   	margin: 0px 10px 0px 0px; 
}

}


ul.bt3 {
  width: 940px;
  padding:0;
  font-size:medium;
}

ul.bt3 li { 
	line-height: 120%; 
	width:260px; 
	display: inline-block; 
    vertical-align:top;
   	text-align: center;
   	margin: 10px; 
	padding: 10px;
}

ul.bt3 li a {
  display: block;
}

.banner4 { line-height: 200%; padding: 20px 30px; text-align: center;
}

ul.banner4 {
  width: 1000px;
  padding:0;
  font-size:medium;
}

ul.banner4 li { 
	line-height: 120%; 
	width:220px; 
	display: inline-block; 
    vertical-align:top;
   	text-align: center;
   	margin: 5px; 
	padding: 4px;
	border: 1px solid rgba(102,102,102,1.0) ;	
}

ul.banner4 li a {
  display: block;
}

.wrapper-contact
{
	width: 1000px ;
	margin: 0 auto ;		/* 左右に[auto]を指定することで、真ん中に寄る */
	padding: 0 ;			/* 上下左右の余白を0にしておく */
}
.wrapper-contact2
{
	display: none ;
}

@media screen and (max-width:479px)
{
	.wrapper-contact
	{
	 display: none ;
	}
	.wrapper-contact2
	{
	display: block ;		/* 表示にする */
	}

}

img.his1{position:relative; top:0px; left:0px; }
img.his2{position:relative; top:20px; left:-150px; }
img.his3{position:relative; top:30px; left:-150px; }

.img790
{
	width: 790px ;
   	margin: 10px 0px 10px 0px; 
}

@media screen and (max-width:479px)
{
.img790
{
	width: 100% ;
   	margin: 10px 0px 10px 0px; 
}
}


.kiji {
	width: 500px;
	padding:0;
	font-size:medium;
   	text-align: left;
	line-height: 140%;
	float: left ;
}

.side {
	width: 300px;
	padding:0;
	font-size:medium;
   	text-align: left;
	line-height: 140%; 
	float: right ;
}

.menuhight{
	line-height: 180%
}

.justify{
	text-align: justify;
}

.product{
width: 940px;
overflow: hidden ;		/* floatを解除する */
}
.pro1 {
	text-align: justify;
	width: 600px;
	padding:10px;
	font-size:medium;
	line-height: 140%;
    }

ul.pro1 {
	text-align: left;
	}

ul.pro1 li { 
	line-height: 120%; 
	width:600px; 
	display: inline-block; 
    vertical-align:top;
   	text-align: left;
	padding: 0px;
}

ul.pro1 li a {
  display: block;
}

.img_pro1
{
	width: 440px ;		/* 横幅 */
	height: auto ;		/* 高さ */
	}

.img_pro3
{
	width: 100px ;		/* 横幅 */
	height: auto ;		/* 高さ */
	margin: 4px ;	
	border: 1px solid rgba(0,0,0,0.1) ;	
}

@media screen and (max-width:479px)
{
.product{
width: 95%;
}
.pro1 
{
	width: 95%;
	margin: 0px auto ;		/* 左右に[auto]を指定することで、真ん中に寄る */
	padding: 10px 0 ;			/* 上下左右の余白を0にしておく */
	}
ul.pro1 {
	text-align: center;
	}
.img_pro1
{
	width: 90%;
}

.img_pro3
{
	width: 96px ;		/* 横幅 */
	height: auto ;		/* 高さ */
	margin: 1px ;	
	border: 1px solid rgba(0,0,0,0.1) ;	
}

}



.pro2 {
	width: 280px;
	margin-top: 10px;
	padding:10px;
	font-size:small;
	text-align: justify;
	line-height: 130%; 
	border: 1px solid rgba(0,0,0,0.4) ;	
}
.img_pro2
{
	width: 300px ;		/* 横幅 */
	margin: 0 0 0 20px ;
	height: auto ;		/* 高さ */
}

@media screen and (max-width:479px)
{
.pro2 
{
	width: 90%;
	margin: 0 auto ;		/* 左右に[auto]を指定することで、真ん中に寄る */
	padding: 5px ;			/* 上下左右の余白を0にしておく */
	}
}


.img_pro2
{
	width: 100% ;		/* 横幅 */
	margin: 0 0 10px 0 ;}





.pro1
{
	float: left ;		/* 左に寄せる */
}

.pro2
{
	float: right ;		/* 右に寄せる */
}

@media screen and ( max-width:479px )
{
	.pro1
	{
		float: none ;		/* floatを無効する */
	}

	.pro2
	{
		float: none ;		/* floatを無効する */
	}
}

.show_benno { line-height: 200%; padding: 20px 30px; text-align: center;
}

ul.show_benno {
   	text-align: left;
  width: 940px;
  padding:0;
  font-size:medium;
}

ul.show_benno li { 
	line-height: 120%; 
	width:188px; 
	display: inline-block; 
    vertical-align:top;
   	text-align: center;
   	margin: 10px; 
	padding: 10px;
	border: 0px solid rgba(0,0,0,0.3) ;	
}

ul.show_benno li a {
  display: block;
}

.img_show_benno
{
	width: 168px ;		/* 横幅 */
	height: auto ;		/* 高さ */
}

@media screen and (max-width:479px)
{
.show_benno { line-height: 200%; padding: 20px　10px ; }
	ul.show_benno {
	  width: auto;
   	text-align: center;
	  }
	ul.show_benno li {
	  width: 250px;
	  margin: 10px 5px 10px 5px;
	  padding: 10px;
	}
.img_show_benno
{
	width: 230px ;		/* 横幅 */
}

}


.img_angel{width: 500px ;}
.img_top{width: 1000px ;}
.img_top2{width: 700px ;}
.img_storeBT1{position:relative; top:-300px; left:310px;}
.img_storeBT2{position:relative; top:-170px; left:220px;}

@media screen and (max-width:479px)
{
.img_angel{width: 80% ;}
.img_top{width: 100% ;}
.img_top2{width: 80% ;}
.img_storeBT1{top:0px; left:0px;width: 250px ;}
.img_storeBT2{top:0px; left:0px;width: 250px ;}
}

/*パソコン・スマホ共通のCSS*/
#PageTopBtn {
	position: fixed; /*ボタンの配置場所を固定*/
	transform: rotate( -45deg );
}
#PageTopBtn a {
	display: block; /*配置の調整*/
	text-decoration: none; /*文字の下線を消す*/
	color: #fff; /*文字の色*/
	background: #f40; /*ボタンの背景色*/
	text-align: center; /*文字を中央に配置*/
	border-radius: 5%; /*ボタンの角を少し丸くする*/
	outline: none; /*クリックしたときの黒い枠を消す*/
}
#PageTopBtn a:hover {
	text-decoration: none; 
	background: #ff0000; /*マウスオーバー時の背景色*/
}


/*パソコンで表示する場合のCSS*/
@media (min-width: 768px) {
#PageTopBtn {
	bottom: -10px; /*下からのボタンの配置場所を指定*/
	right: -100px; /*右からのボタンの配置場所を指定*/
	font-size: 15px; /*文字のサイズ*/
}
#PageTopBtn a {
	width: 300px; /*ボタンの幅*/
	height: 50px; /*ボタンの高さ*/
	padding: 9px 0; /*文字の配置場所の調整*/
}
}

/*スマホで表示する場合のCSS*/
@media (max-width: 767px) {
#PageTopBtn {
	bottom: 0; /*下からのボタンの配置場所を指定*/
	right: -40px; /*右からのボタンの配置場所を指定*/
	font-size: 10px;
}
#PageTopBtn a {
	width: 150px;
	height: 30px;
	padding: 6px 0;
}
}