html * {max-height:1000000px;}
body { margin: 0; padding: 0; color: #000; background-color: #f00; font-size : 13px; font-family:  arial, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, sans-serif; }
.header { width: 100%; max-width: 1000px; margin: 0 auto; padding: 0px 0 0 0px; }
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: 420px ;
height:auto ;
margin: 0px 0 0px;
}

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


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

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

.img_top{width: auto ;
height:auto ;
margin: 10px 0;
}
.img_topharf{width: auto ;
height:auto ;
margin: 10px 0;
}
.img_430{width: 410px ;
height:auto ;
margin: 10px 0;
}
.img_foot{width: 460px ;
height:auto ;
margin: 10px 0;
}
.img_footharf{width: 230px ;
height:auto ;
margin: 10px 0;
}
.img_right{
margin-right: 5px;
}

@media screen and (max-width:451px)
{
.img_top{width: 80% ;
height:auto ;
margin: 10px 0;
}
.img_topharf{width: 50% ;
height:auto ;
margin: 10px 0;
}
.img_430{width: 90% ;
height:auto ;
margin: 10px 0;
}
.img_foot{width: 80% ;
height:auto ;
margin: 10px 0;
}
.img_footharf{width: 40% ;
height:auto ;
margin: 10px 0;
}
}

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

.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: 3px;
width: 80px;
height: auto;
}

.futi {
    aposition: relative;
    width: 80$;
    margin: 0 0 10px;
    padding: 10px;
    border: dotted 3px #f40;
    border-radius: 10px;
}


@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%;
}

}

.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: 11.1%;
  margin: 0;
  padding: 0; }
#menu li a{
  display: block;
  padding: 12px 0 10px;
  background: #182987;
  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: #18a2ff;
  	padding: 10px 0 10px;
    border-bottom: 1px solid #f40;
}
  #toggle{
    display: block;
    position: relative;
    width: 100%;
    background:#182987;
  }
  #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: #182987;
  }
  #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:  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=50);
	opacity: 0.5;
	text-decoration: none;
	  transition: .4s;

	
}

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: 960px;
  padding:0;
  font-size:medium;
}

ul.text2 li { 
	border-radius:20px; 
	line-height: 120%; 
	width:440px; 
	display: inline-block; 
    vertical-align:top;
    margin: 5px;
    padding: 10px;
   	background-color: #fff;
	border: 0px solid rgba(51,255,204,0.5) ;	
}

ul.text2 li a {
  display: block;
}

@media screen and (max-width:479px)
{
.text2 { line-height: 200%; text-align: center; 	margin: 0px 0px 0 -10px;}
	ul.text2 {
	  width: 100%;}
	ul.text2 li {
	  width: 100%;


	}
}



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

ul.text3 {
  width: 960px;
  padding:0 120px 0 0;
  font-size:medium;

}

ul.text3 li {
	border-radius:20px; 
	background: rgba(255,255,204,1.0);
	line-height: 120%;
	width:290px;
	display: inline-block;
	text-align: center;
	margin: 5px;
	padding: 5px;
	border:0px solid rgba(51,51,51,1.0);;	
}

ul.text3 li a {
  display: block;
}

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

@media screen and (max-width:479px)
{
ul.text3 {
  width: 100%;
}

ul.text3 li {
 	width:100%;
 	margin: 5px 0;

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

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

ul.text3non {
  width: 100%;
  padding:0 120px 0 0;
  font-size:medium;

}

ul.text3non li {
	background: rgba(255,255,204,1.0);
	line-height: 120%;
	width:30%;
	display: inline-block;
	text-align: center;
	margin: 20px 0 20px 0pt ;
	padding: 0px;
	border:0px solid rgba(51,51,51,1.0);;	
}

ul.text3non li a {
  display: block;
}


@media screen and (max-width:479px)
{
ul.text3non {
  width: 100%;
}

ul.text3non li {
 	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 ;		/* 横幅 */
}

}


#head {
  position: relative;
}

.img_top0{width: 1000px;
height: auto;
z-index: 50;
position: absolute;
margin-top: -555px; 
}

.img_top1{width: auto ;
height: auto;
z-index: 20;
position: absolute;
margin-top: -550px; 
}
.img_top2{width: auto ;
height: auto;
z-index: 10;
position: absolute;
margin-top: -550px; 
}
.img_top3{width: auto ;
height: auto;
z-index: 30;
position: absolute;
margin-top: -500px;
margin-left: 800px ;
}

@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; /*ボタンの配置場所を固定*/
}
#PageTopBtn a {
	display: block; /*配置の調整*/
	text-decoration: none; /*文字の下線を消す*/
	color: #fff; /*文字の色*/
	background: #; /*ボタンの背景色*/
	text-align: center; /*文字を中央に配置*/
	border-radius: 5%; /*ボタンの角を少し丸くする*/
	outline: none; /*クリックしたときの黒い枠を消す*/
}
#PageTopBtn a:hover {
	text-decoration: none; 
	background: #; /*マウスオーバー時の背景色*/
}


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

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

#contents       {
    position:relative
}
 
#box            {
    position:absolute;
    top:0;
    left:0  ;
    background:#dd0000;
    width:100px;
    height:100px
}

.kadomaru1
{border-radius:20px;
 width: 900px;
 margin:10px 0 10px 0 ;
 padding: 20px;
 background: rgba(255,255,204,1.0);
 

 }

.kadomaru2
{border-radius:15px;
 width: 100%;
 margin:0px 100px 20px 50px ;
 padding: 10px;
 background: rgba(255,255,255,1.0);
 border: solid 1px #ff3333;
 }
.kadomaru2a
{float:left;
 border-radius:20px;
 width: 420px;
 margin:20px 0px 20px 30px;
 padding: 20px;
 background: rgba(255,255,204,1.0);
 border: solid 0px #ff3333;
 }
.kadomaru2b
{float:right;
 border-radius:20px;
 width: 420px;
 margin:20px 30px 20px 0px;
 padding: 20px;
 background: rgba(255,255,204,1.0);
 border: solid 0px #ff3333;
 }
ul.kadomaru3menu
li.kadomaru3menu
{border-radius:20px;
 width: 300px;
 margin:5px ;
 padding: 10px;
 background: rgba(255,255,204,1.0);
 border: solid 0px #ff3333;
 }

@media screen and (max-width:479px)
{
.kadomaru1
{border-radius:10px;
 width: auto;
 margin:10px 0 10px 0 ;
 padding: 20px;
 }

.kadomaru2
{border-radius:15px;
 width: auto;
 margin:0px 100px 20px 50px ;
 padding: 10px;
 background: rgba(255,255,255,1.0);
 border: solid 1px #ff3333;
 }
.kadomaru2a
{float:left;
 border-radius:10px;
 width: auto;
 margin:10px 0 10px 0 ;
 padding: 20px;
 }
.kadomaru2b
{float:right;
 border-radius:10px;
 width: 100%x;
  margin:10px 0 10px 0 ;
 padding: 20px;
 }
}
    
li.kadomaru3menu
{border-radius:20px;
 width: 100%;
 margin:5px 0;
 padding: 5px;
 }

.kadomaru4
{border-radius:10px;
 margin:0 0 10px 0;
 padding: 10px;
 background: rgba(204,255,255,1.0);
 }

.kadomaru5
{border-radius:10px;
 margin:0 0 10px 0;
 padding: 10px;
 background: rgba(255,204,204,0.8);
 }

.kadomaru6
{border-radius:10px;
 margin:0 0 10px 0;
 padding: 10px;
 background: rgba(255,255,204,1.0);
 }

.kadomaru7
{border-radius:10px;
 margin:0 0 10px 0;
 padding: 10px;
 background: rgba(255,255,255,1.0);
 }
 
.kadomaru1m
{border-radius:15px;
 margin:10px;
 padding: 10px;
 background: rgba(255,255,255,0.8);
 }

.kadomaru2m
{width: 80%;
 border-radius:15px;
 margin:10px;
 padding: 10px;
 background: rgba(255,153,153,1.0);
 color: #ffffff;
 }

.kadomaru3m
{width: 80%;
 border-radius:15px;
 margin:10px;
 padding: 10px;
 background: rgba(204,255,204,1.0);
 }

.btn-gradient-radius {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 25px;
  text-decoration: none;
  background:  #ff4400;
  transition: .4s;
}

.btn-gradient-radius:hover {
  background:  #ff9966;
}

.btn-gradient-radius2 {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 25px;
  text-decoration: none;
  background:  #00CDB4;
  transition: .4s;
}

.btn-gradient-radius2:hover {
  background:  #95FFFF;
}

.btn-gradient-radius3 {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 25px;
  text-decoration: none;
  background:  #ff4400;
}

.bar_or {
	border-radius:20px; 
	background: rgba(255,70,0,1.0);
	width:100%;
	text-align: center;
	margin: 10px 0 10px 0;
	padding: 5px;
	border:0px solid rgba(51,51,51,1.0);;	
}