/* common */
body{
	margin:0 auto;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,sans-serif;
}
a{
	color: #8b4b00;
}
a:hover{
	color: #006667;
}
p{
	font-size: 90%;
}
ul{
	list-style: none;
	padding: 0;
}
.container{
	min-width:320px;
}
table tr td{
	font-size: 80%;
	text-align: left;
}
table tr td.t-center{
	text-align: center;
}
table tr td.t-center2{
	text-align: center;
	padding-bottom: 1.5em;
}
h1{
	width:100%;
	font-size: 120%;
	font-weight:bold;

}
h2{
	width:100%;
	margin:0 0 8px 0;
	font-size:120%;
	font-weight:bold;
	line-height: 140%;
}
h3{
	width:100%;
	margin:0 0 8px 0;
	font-size:100%;
	line-height: 1.2;
	font-weight:bold;
}
h4{
	width:100%;
	font-size:100%;
	font-weight:bold;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding:0 7px;
}
/* color,image - style */
h1.title01{
	background: url(img/title01_icon.gif) left top no-repeat;
	padding: 0 0 0 1.5em;
	margin-bottom: 0.8em;
}
.title02{
	overflow: auto;
	border: 1px solid #279761;
	color:#279761;
	background: #e1edda url(img/title03_icon.gif) 0.5em 0.4em no-repeat;
	border-radius: 3px;		/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;	/* Firefox用 */
	font-size: 92%;
	line-height: 2.1;
	font-weight: bold;
	padding-left: 1em;
	margin-bottom: 0.8em;
}
.title03{
	border-left: 4px solid #8b4b00;
	padding: 0 0 0 0.5em;
	margin-bottom: 0.8em;
}
.title04{
	font-size: 150%;
	clear: both;
	background: url(img/title11_icon.gif) repeat-y top left;
	padding: 0.2em 0 0.2em 0.8em;
	margin: 1.2em 0 0.7em 0;
}
.title04s{
	font-size: 150%;
	display:inline;
	background: url(img/title11_icon.gif) repeat-y top left;
	padding: 0.4em 0 0.4em 0.8em;
	margin: 1.2em 0 0.7em 0;
}
.side-block{
	width: 100%;
	display: inline;
	/*display: -webkit-box;　/* Safari,Google Chrome用 */
	/*display: -moz-box;　/* Firefox用 */
}
.underline-box{
	display: inline-block;
	border-bottom: 1px dotted #cccccc;
	margin-bottom: 2em;
}
.harf-box{
	display: block;
	float: left;
	margin-bottom: 1em;
}
.harf-box2{
	display: table-cell;
	padding-left: 5%;
	vertical-align: top;
}
.harf-box3{
	width: 50%;
	display: block;
	float: left;
	margin-bottom: 1em;
}
.speace-box{
	margin: 3% 8%;
}
.frame-block{
	width: 100%;
	clear: both;
	display: inline-block;
	padding: 2em 2em 1em 2em;
	border: 1px dotted #dbdbdb;
	border-radius: 6px;		/* CSS3草案 */
	-webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;	/* Firefox用 */
	margin-bottom: 1.5em;
}
.frame-block h3 img{
	display: block;
}
.frame-block dl dt{
	background: url(img/title09_icon.gif) left center no-repeat;
	padding-left: 1em;
	margin-bottom: 0.3em;
}
.frame-block dl dd{
	font-size: 90%;
	padding-left: 1em;
	margin-bottom: 0.4em;
}
.frame-block dl.dottelist{
	width: 40%;
	display: block;
	margin-left: 0.5em;
}
.frame-block dl.dottelist dt{
	float: left;
	font-size: 90%;
	font-weight: normal;
	background: url(img/title05_icon.gif) left 0.3em no-repeat;
}
.frame-block dl.dottelist dd{
	text-align: right;
}
.frame-block ul li{
	background: url(img/title09_icon.gif) left 0.4em no-repeat;
	padding-left: 1em;
	margin-bottom: 0.3em;
}
.frame-block ul.list-number{
	list-style: decimal inside;
}
.frame-block ul.list-number li{
	background: none;
}
.frame-block ul.list-number2{
	clear: both;
	list-style: decimal outside;
	margin-bottom: 1.5em;
}
.frame-block ul.list-number2 li{
	background: none;
	margin-left: 1.4em;
}
.frame-block th,td{
	font-size: 80%;
	text-align: center;
	vertical-align: text-top;
}
.frame-block thead{
	background: #009c62;
	color: #ffffff;
}
.frame-block-bg{
	padding-bottom: 30%;
	background: url(item/images/img_natume/natume_08.jpg) right bottom no-repeat;
}
@media (max-width:540px){
.frame-block-bg{
	background-size: 90%;
}
}
.stage01{
	margin-left: 2em;
}
img.left-box{
	float: left;
	padding: 0 1em 0 0;
}
img.left-box2{
	display: inline-block;
	padding: 0 1em 0 0;
}
img.right-box{
	float: right;
	padding: 1.2em 0 0 1em;
}
img.right-box2{
	clear: both;
	float: right;
	padding: 0 1em 1em 1em;
}
div.right-box3{
	clear: both;
	float: right;
	padding: 0 1em 1em 1em;
	font-size: 12px;
}
div.right-box3 p{
	font-size: 12px;
	padding: 0 0 0 1.2em;
}
img.s-size-img{
	max-width: 3.5%;
	padding-left: 0.2em;
}
.text-bold{
	font-weight: bold;
}
.text-size180{
	font-size:180%;
}
.text-size140{
	font-size:140%;
}
.text-size130{
	font-size:130%;
}
.text-size130s{
	font-size:130%;
	line-height: 2;
	margin-bottom: 3%;
}
.text-size120{
	font-size:120%;
	margin-top: 1.5em;
	padding: 0.3em 0.6em;
}
.text-size110{
	font-size:110%;
}
.text-size80{
	font-size:80%;
}
.text-speace{
	margin: 2em 0;
}
.text-speace-bottom{
	margin-bottom: 4em;
}
.text-green{
	color: #339966;
	line-height: 1.2;
}
.text-green2{
	color: #339966;
	border-bottom: 3px solid #dbf0d8;
	padding-bottom: 2%;
}
.text-green3{
	color: #98ce1e;
	padding-right: 0.5em;
	font-weight: bold;
}
.text-green4{
	color: #006666;
	line-height: 1.2;
}
.text-red{
	color: #CC0000;
}
.text-red2{
	color: #660000;
	font-weight: bold;
}
.text-brown{
	color: #8b4b00;
}
.text-brown2{
	color: #8b4b00;
	margin: 2% 0 0 0;
}
.text-right{
	text-align: right;
}
.text-under-sp{
	display: block;
	padding-bottom: 0.7em;
}
.decor01{
	text-align: left;
	padding-left: 10px;
	border-left: 3px solid #339966;
}
.decor02{
	padding-left: 10px;
	border-left: 3px solid #006667;
}
.decor03{
	padding: 0.5em 0 0.5em 1.2em;
	border-bottom: 2px dotted #dbdbdb;
	background: url(img/title10_icon.gif) left center no-repeat;
	background-size: 2%;
	margin: 0.6em 0;
}
.decor04{
	padding: 12px 0 0 20px;
	height: 3.2em;
	background: url(item/images/img_tea/kakitea-con-tit-bk2.jpg) top left no-repeat;
}
.decor05{
	font-size: 95%;
	color: #ffffff;
	padding: 4px 0 2px 7px;
	border-bottom: 2px dotted #dbdbdb;
	background: url(img/left_menu_tt.gif) left center no-repeat;
	margin: 0.6em 0;
}
.decor06{
	padding: 12px 0 0 20px;
	height: 3.2em;
	background: url(item/images/img_natume/nathume-con-tit-bk.jpg) top left no-repeat;
}
.decor07{
	padding: 12px 0 0 20px;
	height: 4em;
	background: url(item/images/img_berry/blueberry-con-tit-bk.jpg) top left no-repeat;
}
.iconstyle01{
	clear: both;
	background: url(img/allow1.gif) left center no-repeat;
	padding-left: 1em;
}
.iconstyle01 a img{
	display: block;
	padding: 0;
}
.iconstyle02{
	background:url(img/title08_icon.gif) left 0.25em no-repeat;
	padding-left: 0.8em;
}
.iconstyle03{
	margin: 2em 0;
	clear: both;
	background: url(img/allow1.gif) right center no-repeat;
	padding-right: 1.2em;
	text-align: right;
}
.iconstyle03-top{
	margin: 2em 0;
	clear: both;
	background: url(img/allow1.gif) right 8% no-repeat;
	padding-right: 1.2em;
	text-align: right;
}
.iconstyle04{
	background:url(img/title02_icon.gif) left 0.25em no-repeat;
	padding-left: 0.8em;
}
.iconstyle04-left{
	background:url(img/title02_icon.gif) 2.3em 0.25em no-repeat;
	padding-left: 3.3em;
	text-align: left;
}
.iconstyle05{
	clear: both;
	background: url(img/allow1.gif) left 5% no-repeat;
	padding-left: 1.2em;
}
.icon-soldout{
	font-size: 90%;
	font-weight: bold;
	color: #993300;
	background: #ffffcc;
	border: 1px solid #ffcc99;
	margin: 1em 0.5em 1em 0;
	padding: 0.4em;
	text-align: center;
}
.icon-width{
	width: 50%;
}
.i-clear{
	float:left;
	padding: 0 13%;
}
@media (max-width:768px){
p{
	font-size: 100%;
}
.container {
	padding:0;
}
#content.container{
	margin-top:14px;
}
.row{
	margin-left:-10px;
	margin-right:-10px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding:0 10px;
}
.title02{
	border: 1px solid #279761;
	color:#279761;
	background: #e1edda url(img/title03_icon.gif) 0.5em 0.6em no-repeat;
	border-radius: 3px;		/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;	/* Firefox用 */
	font-size: 105%;
	line-height: 2.1;
	font-weight: bold;
	padding-left: 1em;
	margin-bottom: 0.8em;
}
.harf-box{
	display: block;
	float: none;
	margin-bottom: 1em;
}
.harf-box2{
	width: 100%;
	display: block;
	padding-left: 0;
	vertical-align: top;
}
.harf-box3{
	width: 100%;
	display: block;
	float: none;
	margin-bottom: 1em;
}
img.right-box2{
	width: 50%;
	padding: 0 0.2em 0 0.5em;
}
.decor03{
	background-size: 4%;
}
.i-clear{
	padding: 0 15%;
}
}
@media (max-width:480px){
.i-block{
	display: inline-block;
}
.i-clear{
	padding: 0;
}
}
@media (min-width:860px){
.container{
	width:860px;
	}
}

/* header - top */
#header{
	margin: 0 auto;
	padding-top:1em;
	color: #6b6b6b;
}
#header .sp-btn{
	display:none;
}
#header .sp-btn a{
	color:#75BB75;
	line-height:1em;
	padding:6px 8px;
}
#header .sp-btn .title{
	margin:4px 0 0;
	text-align:center;
	font-size:8px;
}
#header b.logo{
	margin:0;
}
#header b.logo img{
	max-width: 100%;
	text-align: center;
}
#header p.title05{
	font-size: 80%;
	line-height: 1.5;
	margin: 0.5em 0 0 0;
	text-align: center;
	background: #008687;
	border-radius: 3px 3px 0 0;		/* CSS3草案 */
	-webkit-border-radius: 3px 3px 0 0;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px 3px 0 0;	/* Firefox用 */
	color: #ffffff;
	font-weight: normal;
}
#header address{
	margin: 0 0 0.2em 0;
}
#header address b{
	padding-right: 0.3em;
}
#header .left{
	width: 40%;
	float: left;
	margin-top: 1.5em;
}
#header .center{
	width: 35%;
	float: left;
	font-size: 80%;
	line-height: 1;
	text-align: right;
	margin-top: 2em;
}
#header .center p.sabtitle{
	font-size: 115%;
	color: #006666;
	padding-bottom: 0.3em;
	margin-left: 0.3em;
	margin-bottom: 0.4em;
	border-bottom: 1px dotted #6b6b6b;
}
#header .center p{
	font-size: 70%;
	margin: 0;
}
#header .center p img{
	width: 10%;
	padding-top: 0.4em;
	padding-left: 0.2em;
}
#header .right{
	width: 25%;
	float: left;
	text-align: right;
	padding-left: 1.2em;
}
#header ul.subnav{
	width: 100%;
	margin: 0.3em 0 0.3em 0.9em;
}
#header ul.subnav li{
	display: table-cell;
	padding: 0 0.4em 0 1em;
	font-size: 80%;
	background: url(img/title02_icon.gif) left center no-repeat;
}
#header ul.subnav li a{
	color: #6b6b6b;
}
#header .tel-block{
	width: 100%;
	background: #f0f9ee;
	border: 1px solid #e5f8e2;
	border-radius: 3px;		/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;	/* Firefox用 */
	padding: 0.6em 0 0 0;
	text-align: center;
	margin: 0 0 0.3em 0;
}
#header .tel-block p{
	margin: 0;
	line-height: 0.9;
	font-size: 110%;
	background: url(img/phone-icon.png) 1.7em 0.1em no-repeat;
	background-size: 7%;
	padding-left: 1.2em;
}
#header .tel-block small{
	margin: 0;
	font-size: 60%;
	line-height: 0.5;
}
#header #fontSize {
	margin-top: 5px;
	height: 32px;
	background: url(img/textSize_bg.gif) right center no-repeat;
}
#header #fontSize ul{
	padding: 0.3em 0 0 0.4em;
	text-align: center;
}
#header #fontSize ul ol{
	font-size: 80%;
	color: #9dae57;
	float: left;
	padding-top: 5px;
	padding-right: 3px;
}
#header #fontSize ul li{
	width: 24px;
	height: 24px;
	margin-left: 3px;
	float: left;
	list-style: none;
	background-color: #f1f4e8;
	border: 1px solid #e8e8e8;
	color: #9f9f9e;
	font-size: 90%;
	font-weight: bold;
	cursor: pointer;
}
#header #fontSize ul li:nth-child(2){
	font-size: 10px;
	line-height: 23px;
}
#header #fontSize ul li:nth-child(3){
	line-height: 23px;
}
#header #fontSize ul li:nth-child(4){
	font-size: 15px;
	line-height: 23px;
}
#header #fontSize ul li a{
	text-decoration: none;
}
.p-list{
	padding: 0.8% 0 0 0;
}
.p-list ul li{
	font-size: 65%;
	display: table-cell;
}
.p-list ul li:after{
	content: ">";
	padding: 0 0.3em 0 0.4em;
}
.p-list ul li:last-child:after{
	content: "";
}

@media (max-width:768px){
#header{
	padding: 4px 0px 2px 0px;
}
#header h3{
	font-size: 80%;
	line-height: 1.7;
	margin: 0.5em 0 0 0;
	text-align: center;
	background: #006666;
	border-radius: 3px 3px 0 0;		/* CSS3草案 */
	-webkit-border-radius: 3px 3px 0 0;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px 3px 0 0;	/* Firefox用 */
	color: #ffffff;
	font-weight: normal;
}
#header .left{
	width: 39%;
	margin-top: 2em;
	padding-left: 0;
}
#header .center{
	width: 34%;
	font-size: 70%;
	margin-top: 3.5em;
	padding-left: 1.5em;
}
#header .center p.sabtitle{
	font-size: 130%;
}
#header .right{
	width: 27%;
	margin-top: 0.5em;
	padding: 0 0 0.6em 1em;
}
#header .right p.title05{
	font-size: 50%;
}
#header ul.subnav{
	margin: 0.5em 0 0 0;
}
#header ul.subnav li{
	padding: 0 0.7em 0 1.1em;
	font-size: 75%;
}
#header .tel-block{
	padding: 0 0.2em;
}
#header .tel-block p{
	font-size: 90%;
	display: inline-block;
	background-size: 9%;
	background-position: 0.4em 0.1em;
	padding-left: 1.5em;
}
#header .tel-block small{
	display: block;
	line-height: 1.4;
}
}
@media (max-width:736px){
#header .left{
	width: 40%;
	margin: 1% 2%;
}
#header .right{
	width: 52%;
	margin: 1% 1% 1% 3%;
	padding: 0 0 0.6em 0;
}
#header .right p.title05{
	font-size: 75%;
	line-height: 1.8;
}
#header .tel-block{
	padding: 0;
}
#header .tel-block p{
	margin: 0;
	line-height: 2.2;
	font-size: 130%;
	background-size: 9.5%;
	background-position: 12px;
	padding-left: 1.9em;
}
#header .tel-block small{
	display: inline-block;
}
}
@media (max-width:640px){
#header .left{
	width: 52%;
}
#header .right{
	width: 40%;
}
#header .tel-block p{
	line-height: 1;
	padding-top: 2%;
	background-position: 12px 5px;
}
}
@media (max-width:480px){
#header .left{
	width: 100%;
	padding: 0 1.3em;
}
#header .right{
	width: 100%;
	padding: 0 1.3em;
	margin-left: 0;
	margin-bottom: 1em;
}
#header .tel-block{
	padding: 0.4em 0.2em;
}
#header .tel-block p{
	display: inline-block;
	background-size: 9%;
	background-position: 0.5em 0.5em;
	padding-left: 1.5em;
}
}

/* footer */
#footer p.decor06{
	color: #00965e;
	background: url(img/title04_icon.gif) left top no-repeat;
	padding: 0.1em 0.6em 0 1.3em;
	display: inline;
	line-height: 2.5;
	font-size: 95%;
	font-weight: bold;
}
#footer p,li{
	font-size: 90%;
}
#footer p{
	width: 100%;
	text-align: center;
}
#footer p.title02{
	text-align: left;
}
#footer .btnstyle01{
	margin-left: 0.8em;
	font-size: 60%;
	display: inline;
	padding: 0.3em 0.5em 0.3em 1.6em;
	border: 1px solid #00965e;
	border-radius: 3px;		/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;	/* Firefox用 */
	background: #ffffff url(img/title02_icon.gif) 0.4em center no-repeat;
	cursor: pointer;
}
#footer .btnstyle01 a{
	color: #6d6b68;
	font-weight: normal;
}
#footer span.btnstyle01 a:hover{
	text-decoration: none;
}
#footer img{
	width: 100%;
}
#footer map area{
	width: 100%;
}
#footer nav ul{
	font-size: 95%;
	margin: 0 auto 1.5em auto;
	text-align: center;
}
#footer nav ul li{
	display: inline;
}
#footer nav ul li:first-child:before{
	content:"  ";
}
#footer nav ul li:before{
	content:" | ";
	padding: 0 7px 0 5px;
	color: #d8d8d8;
}
#footer .copyright{
	margin: 0;
	padding: 2em;
	text-align: center;
	background: #e1edda;
}
#footer .category{
	margin: 1em 0;
}
#footer .category p{
	text-align: left;
}
#footer .category ul li{
	display: inline-block;
}
#footer .category ul li a{
	display: table-cell;
	vertical-align: middle;
	width: 204px;
	height: 95px;
	background: url(img/footer_btn.gif) left top no-repeat;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	border: 1px solid #d8d8d8;
	padding: 0 10px 0 35px;
	cursor:pointer;
}
#footer .guide-box{
	width: 100%;
	border: 1px solid #d8d8d8;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	padding: 1.5em 1.5em 0 1.5em;
	display: inline-block;
}
#footer .guide-box p{
	text-align: left;
}
#footer .guide-box p.caution{
	/*border: 1px dotted #fe9500;
	color: #CC0000;*/
	padding: 0.2em 0.8em;
	text-align: center;
	background: #fdea67;
	font-weight: bold;
}
#footer .guide-box p.caution2,#page .orderT p.caution2{
	margin-top: 0.5em;
	padding: 0.2em 0.8em;
	text-align: center;
	background: #ffce94;
	font-weight: bold;
}
#footer .guide-box ul li{
	padding-left: 1em;
	background: url(img/title05_icon.gif) left 0.3em no-repeat;
}
#footer .guide-box dl.list-box{
	border: 2px solid #d8d8d8;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	padding: 0.4em 1em 0.8em 1em;
}
#footer .guide-box dl.list-box dt{
	font-size: 110%;
	padding-left: 1em;
	padding-bottom: 0.2em;
	margin: 0.5em 0;
	background: url(img/title06_icon.gif) left 0.3em no-repeat;
	border-bottom: 1px dotted #000000;
}
#footer .guide-box dl.list-box dd{
	width: 150px;
	font-size: 90%;
	color: #A0A0A0;
	padding-left: 1.2em;
}
#footer .guide-box dl.list-box dd  img{
	width: 30%;
	display: inline;
}
#footer .guide-box th,td{
	font-size: 80%;
	text-align: center;
	vertical-align: text-top;
}
#footer .guide-box table thead{
	background: #009c62;
	color: #ffffff;
}
#footer .guide-tt{
	width: 100%;
	display: inline-block;
}
#footer .guide-tt b{
	font-size: 100%;
	line-height: 1.5;
	padding-top: 0.2em;
	padding-right: 0.5em;
}
@media (max-width:768px){
#footer{
	padding: 0 1em;
}
#footer p.title02{
	background-position: 6.2px 4.5px;
}
#footer .category ul li a{
	width: 176px;
	height: 70px;
	font-size: 80%;
	background-position: 5px center;
	padding-left: 39px;
}
#footer .guide-box dl.list-box dd{
	width: 100%;
	font-size: 90%;
	color: #A0A0A0;
	padding-left: 1.2em;
}
#footer .guide-box dl.list-box dd  img{
	width: 10%;
	display: inline;
}
}
@media (max-width:773px){
#footer .category ul li a{
	width: 176px;
	height: 90px;
	font-size: 90%;
	background: url(img/footer_btn.gif) left center no-repeat;
}
}
@media (max-width:736px){
#footer .category ul li a{
	width: 173px;
}
}
@media (max-width:731px){
#footer .category ul li a{
	width: 160px;
}
}
@media (max-width:667px){
#footer .category ul li a{
	width: 156px;
}
}
@media (max-width:640px){
#footer .category ul li a{
	width: 149px;
}
}
@media (max-width:568px){
#footer .category ul li a{
	width: 131px;
}
}
@media (max-width:435px){
#footer .category ul li a{
	width: 200px;
}
}
@media (max-width:414px){
#footer .category ul li a{
	width: 188px;
}
}
@media (max-width:375px){
#footer .category ul li a{
	width: 169px;
}
}
@media (max-width:360px){
#footer .category ul li a{
	width: 161px;
}
}
@media (max-width:320px){
#footer .category ul li a{
	width: 143px;
}
}
/* Top Return */
#page-top{
	width:80px;
	height:50px;
	display:none;
	position:fixed;
	right:0;
	bottom:16px;
}
#page-top p{
	font-size: 80%;
	margin:0;
	padding:0;
	text-align:center;
	background:#3b3b3b;
	border-radius: 5px 0 0 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px 0 0 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px 0 0 5px;	/* Firefox用 */
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
#page-top p:hover{
	background:#8b8b8b;
}
#move-page-top{
	color:#fff;
	line-height:50px;
	text-decoration:none;
	display:block;
	cursor:pointer;
}
/* center block */
.center-box1{
	display: block;
	width: 100%;
}
.center-box1 li{
	width: 50%;
	display: table-cell;
	font-size: 90%;
}
.center-box1 li + li{
	padding-left: 2%;
}
.center-box2{
	display: block;
	width: 100%;
}
.center-box2 li{
	width: 33%;
	display: table-cell;
	font-size: 90%;
}
.center-box2 li + li{
	padding-left: 1%;
}
.row1-box li{
	height: 130px;
}
@media (max-width:480px){
.row1-box li{
	height: 130px;
}
}
/* left block */
#left-block{
	margin: 0;
}
#left-block img{
	vertical-align: bottom;
}
#left-block b{
	padding: 0;
	margin: 0;
	line-height: 0;
}
#left-block p{
	font-size: 80%;
}
#left-block p.title02{
	font-size: 90%;
}
#left-block ul li{
	font-size: 90%;
	font-weight: normal;
	padding-left: 0.9em;
	background: url(img/left_menu_list_icon.png) left 0.3em no-repeat;
	margin-bottom: 0.8em;
	line-height: 1.1;
}
#left-block ul li:last-child{
	padding-bottom: 0.5em;
}
#left-block address{
	border: 1px solid #eeeeee;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	padding: 0.8em;
	margin-bottom: 1.2em;
}
#left-block address b{
	font-size: 100%;
	font-weight: bold;
	line-height: 1.1;
}
#left-block address p{
	margin-bottom: 0;
	line-height: 1.5;
}
#left-block ul li.stageicon{
	padding-left: 0.9em;
	background: url(img/left_menu_list_icon2.png) left top no-repeat;
}
#left-block ul li.stageicon:last-child{
	padding-bottom: 0;
}
.declareblock{
	text-align: center;
	font-weight: bold;
}
.declareblock p a{
	font-size: 120%;
}
.searchblock{
	background: #c6fbd1;
	border: 1px solid #c6fbd1;
	padding: 1em 1.2em 0.5em 1.2em;
	margin-bottom: 1em;
	font-size: 80%;
}
.searchblock b{
	font-size: 120%;
	font-weight: bold;
	display: inline-table;
}
.searchblock input{
	height: 30px;
	max-width: 100%;
	margin: 0.3em 0 0.2em 0;
}
.searchblock input.btn-default{
	font-size: 100%;
}
.calendar{
	clear: both;
	text-align: center;
}
.calendar p{
	text-align: left;
}
.navi01{
	border: 2px solid #dbdbdb;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
	padding: 1em;
	margin-bottom: 1em;
}
.navi01 p img{
	width: 100%;
	text-align: center;
}
.navi02{
	border: 1px solid #339966;
	background: #ffffca;
	padding: 1em;
	margin-bottom: 1em;
}
#left-block .navi02 p{
	font-weight: bold;
	color: #339966;
	font-size:110%;
	margin: 0;
	padding: 0 0 0.5em 0;
	border-bottom: 1px dotted #339966;
	margin-bottom: 1em;
}
#left-block .navi02 p a{
	font-weight: bold;
	color: #339966;
}
#left-block .navi02 p a:hover{
	color: #ff8d00;
	text-decoration: none;
}
.navi03{
	border: 1px solid #ffcd0f;
	text-align: center;
	margin-bottom: 1em;
	padding-top: 0.5em;
}
#left-block .navi03 ul li{
	padding: 0;
	background: none;
}
.navi04{
	margin-bottom: 1em;
}
.yellowlist{
	clear: both;
	background: #ffffca;
	padding: 1.2em 0.8em 0.1em 0.8em;
}
@media (max-width:768px){
#left-block{
	padding: 0;
	padding-left: 2%;
}
#left-block p.title02{
	width: 100%;
	font-size: 82%;
	background-position: 0.45em 0.3em;
}
}
@media (max-width:767px){
#left-block{
	margin: 0 1em;
}
.navi01 p img{
	width: auto;
	text-align: center;
	margin: 0 auto;
	padding: 0 0 2% 0;
}
/*.navi01 p img.mutenka{
	background: #ff9900;
	padding-top: 50px;
}*/
.one{
	width: 50%;
	float: left;
	padding: 0 2% 0 0;
}
.two{
	width: 50%;
	float: left;
	padding: 0 2% 0 0;
}
.three{
	width: 50%;
	float: left;
	padding: 0 2% 0 0;
}
.four{
	width: 50%;
	float: left;
	padding: 0 2% 0 0;
}
}
@media (max-width:480px){
#left-block p.title02{
	font-size: 105%;
	background-size: 1%;
}
.one{
  width: 99%;
	clear: left;
	padding: 0 2%;
}
.two{
  width: 99%;
	clear: left;
	padding: 0 2%;
}
.three{
	width: 100%;
	clear: left;
}
.four{
	width: 100%;
	clear: left;
}
}

/* right block */

#right-block{
	margin:20px auto;
}
#right-block h2{
	width: 103%;
}
#right-block p{
	margin-bottom: 1.5em;
}
.ranking{
	margin-bottom: 1.5em;
}
.ranking dl{
	width: 100%;
}
.ranking dl dt{
	float: left;
	clear: left;
	vertical-align: top;
	line-height: 2;
	margin-bottom: 5px;
}
.ranking dl dd{
	line-height: 2;
	font-size: 90%;
	margin-left: 40%;
	margin-bottom: 5px;
}
.ranking dl dd.no1{
	background: url(img/rank_01.gif) left top no-repeat;
	padding-top: 16px;
}
.ranking dl dd.no2{
	background: url(img/rank_02.gif) left top no-repeat;
	padding-top: 16px;
}
.ranking dl dd.no3{
	background: url(img/rank_03.gif) left top no-repeat;
	padding-top: 16px;
}
.ranking dl dd.no4{
	background: url(img/rank_04.gif) left top no-repeat;
	padding-top: 16px;
}
.ranking dl dd.no5{
	background: url(img/rank_05.gif) left top no-repeat;
	padding-top: 16px;
}
.month{
	margin-bottom: 1.5em;
}
.month ul{
	text-align: center;
}
.month ul li img{
	margin-bottom: 0.7em;
}
.month ul li h3 a{
	font-size: 90%;
	padding-bottom: 0.4em;
	border-bottom: 1px dotted #8b4b00;
}
.month ul li p{
	text-align: left;
	margin-top: 0.8em;
	margin-left: 0.3em;
	font-size: 85%;
}
.newsbox{
	font-size: 90%;
	border: 1px solid #339966;
	padding: 0.6em;
	height:450px;
	overflow:auto;
	margin-bottom: 1em;
}
#right-block .owner{
	width: 100%;
	text-align: center;
	border: 1px dotted #cccccc;
	padding: 0.6em;	
	margin-bottom: 1em;
}
#right-block .owner h2{
	font-size: 90%;
	line-height: 0.5;
}
#right-block .owner p{
	font-size: 90%;
	margin: 0 auto;
	font-weight: normal;
	line-height: 1.4;
	padding-top: 0.2em;
}
#right-block .owner img{
	margin: 0.5em 0 1.5em 0;
}
@media (max-width:768px){
#right-block{
	/*width: 100%;*/
	margin: 0;
	padding-right: 0;
	padding-left: 0;
}
#right-block h2{
	width: 100%;
	font-size: 82%;
	background-position: 0.45em 0.3em;
}
#right-block p{
	width: auto;
	margin: 0 auto 1em auto;
	text-align: center;
}
#right-block p img{
	max-width: 100%;
}
.ranking{
	margin-bottom: 10px;
}
.ranking dl dt img{
	height: 80px;
}
.ranking dl dd{
	height: 80px;
	font-size: 100%;
	margin-left: 35%;
	margin-bottom: 6px;
}
.month ul li h3 a{
	font-size: 100%;
}
.month ul li p{
	font-size: 100%;
}
}
@media (max-width:736px){
#right-block{
	width: 100%;
	margin-top: 3%;
	padding: 0;
	padding-left: 2%;
}
}
@media (max-width:568px){
#right-block h2{
	font-size: 105%;
	background-size: 1%;
	background-position: 2.1% 50%;
}
.ranking dl dt img,.ranking dl dd{
	height: 70px;
}
}

/* toppage */
#main{
	float: right;
	margin-bottom: 2em;
}
.newslist{
	padding-bottom: 1em;
	border-bottom: 3px dotted #43c441;
	margin-bottom: 1em;
}
.newslist ul li{
	background: url(img/allow1.gif) left 0.2em no-repeat;
	padding-left: 15px;
	padding-bottom: 0.4em;
	font-size: 90%;
	border-bottom: 1px dotted #8b4b00;
	margin-bottom: 0.5em;
}
.newslist ul li ul.normal-list{
	margin: 0.5em 0;
}
.newslist ul li ul.normal-list li{
	border-bottom: none;
	list-style: disc;
	background: none;
	padding-left: 0;
	margin-left: 15px;
	margin-bottom: 0;
	line-height: 1.2;
}
.osusumelist{
	text-align: center;
}
.osusumelist p{
	padding: 0.5em 0;
	border-bottom: 3px dotted #43c441;
}
.osusumelist p.camp_icon{
	width: 89%;
	background: #CC0000;
	border-radius: 3px;		/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;	/* Firefox用 */
	color: #ffffff;
	border-bottom: none;
	line-height: 1;
	margin: 0.6em auto 0 auto;
}
.osusume-box01{
	border-bottom: 3px dotted #43c441;
	margin-bottom: 0.8em;
}
.osusume-box01 p{
	width: 50%;
	display: table-cell;
	border-bottom: none;
	text-align: left;
	padding: 0.8em 0.5em;
}
.osusume-box02{
	width: 100%;
	display: inline-block;
	text-align: center;
	border-bottom: 3px dotted #43c441;
	margin: 0.2em auto 1em auto;
}
.osusume-box02 h2{
	text-align: left;
}
.osusume-box02 h2 img{
	border-left: none;
	margin: 0;
}
.osusume-box02 p{
	border-bottom: none;
	padding: 0;
	text-align: left;
}
.osusume-box02 ul li{
	display: inline-block;
	margin-right: 0.4em;
	margin-bottom: 5px;
	text-align: left;
	vertical-align: top;
}
.osusume-box02 ul li:last-child{
	margin-right: 0;
}
.osusume-box02 ul li img{
	margin-bottom: 3px;
}
@media (max-width:768px){
#main{
	padding-left: 0;
}
}
@media (max-width:767px){
#main{
	width: 99%;
	padding-left: 1%;
	padding-right: 2%;
}
.osusumelist img{
	width: 90%;
}
.osusume-box02 h2 img{
	width: 50%;
}
.osusume-box02 img.m-item{
	float: left;
	width: 33%;
}
.osusume-box02 img.iconvoice{
	float: left;
	width: 15%;
}
.osusume-box02 ul li img{
	width: auto;
}
}
@media (max-width:480px){
.osusume-box02 ul{
	width: auto;
}
}
/* page */
#page{
	float: right;
	margin: 0 auto 2em auto;
}
#page img{
	max-width:100%;
	margin: 0 auto 1.5em auto;
}
#page h1{
	font-size: 160%;
	line-height: 1.2;
	margin: 0.5em 0;
}
#page h3 img{
	margin: 2em 0 0.5em 0;
}
#page p.textsize100{
	font-size: 100%;
	font-weight: bold;
	margin: 0.5em 0;
}
#page a{
	text-align: center;
	margin: 0 auto;
}
#page a img{
	margin: 2em auto 4em auto;
}
#page .under-sp{
	margin-bottom: 2.5em;
}
#page .under-sp-none{
	margin-bottom: 0;
	padding-bottom: 0;
}
#page .under-sp-none2{
	display: block;
	margin-bottom: 0.5em;
	padding-bottom: 0;
}
#page .top-sp{
	margin-top: 1em;
}
#page .top-sp2{
	margin-top: 3em;
}
#page .top-under-sp{
	margin-top: 1.7em;
}
#page .point-area{
	width: 98%;
	height: auto;
	display: block;
	clear: both;
	background: url(img/point-box-bg.gif) left top repeat-y;
	border: 1px solid #679b00;
	margin-top: 1.5em;
	padding: 0.5em 0;
}
#page .point-area h3{
	vertical-align: middle;
	color: #ffffff;
	margin-top: 2.5em;
	padding-left: 1.5em;
	display: inline;
}
#page .point-area ul{
	width: 70%;
	display: inline-block;
	margin-left: 3em;
	padding-top: 1.2em;
	vertical-align: middle;
}
#page .point-area ul li{
	background: url(img/title04_icon.gif) left top no-repeat;
	padding-left: 1.5em;
	margin-bottom: 0.4em;
}
#page .list-block{
	width: 100%;
	margin: 1em auto;
	display: inline-block;
	clear: both;
}
#page .list-block li{
	width: 33%;
	float: left;
	background: url(img/allow1.gif) left 0.25em no-repeat;
	padding-left: 1.4em;
	padding-bottom: 0.8em;
}
#page .list-block li img{
	margin: 0;
}
/*#page .list-block li:nth-child(3n+1){
	clear: left;
}*/
#page .list-block li.f-none{
	clear: left;
}
#page .list-block2{
	width: 30%;
	display: inline-block;
	margin-right: 1.2em;
	vertical-align: top;
}
#page .list-block2 dt{
	cursor: pointer;
	padding: 0.3em 0.3em 0.3em 1.2em;
	background: url(img/left_menu_list_icon.png) 0.5em center no-repeat #dfb984;
	border-radius: 3px;		/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;	/* Firefox用 */
	margin-bottom: 0.8em;
	font-size: 95%;
}
#page .list-block2 dt.green-bgcolor{
	background-color: #51b99f;
}
#page .list-block2 dt a{
	color: #ffffff;
}
#page .list-block2 dd ul li{
	padding-left: 0.9em;
	background: url(img/left_menu_list_icon2.png) left top no-repeat;
}
#page .list-block2 dd ul li ul li{
	font-size: 100%;
	padding-left: 1.8em;
	background: url(img/left_menu_list_icon2.png) 1em top no-repeat;
}
#page .list-block2 dd ul li img{
	margin-bottom: 0.4em;
}
#page .list-block2 dd ul li.tt-icon-none{
	padding: 0;
	background: none;
}
#page .list-block2 dd ul li.sanchoku-icon{
	padding-left: 3.5em;
	background: url(img/left_menu_list_icon2-1.png) left top no-repeat;
	background-size: 23.5%;
	margin-bottom: 0.2em;
}
#page .list-block2 dd ul li:last-child{
	padding-bottom: 0;
}
#page .list-block3{
	clear: both;
	width: 85%;
	margin: 0 auto;
	border: 1px dashed #AFAFAF;
	padding: 1em 1em 0 2.5em;
}
#page .line-block1{
	width: 100%;
	margin: 0 auto 2em auto;
	border: 3px solid #CC0000;
	padding: 1em 1em 0 1em;
	background: #FFFFCC;
}
#page .voice-block{
	width: 89%;
	margin: 0 auto 2em auto;
}
#page .voice-block h2{
	background: #cd9962;
	color: #ffffff;
	margin: 0;
	font-size: 90%;
	text-align: center;
	line-height: 2.5;
}
#page .voice-block p{
	border: 1px solid #cd9962;
	border-bottom: none;
	background: #ffffca;
	padding: 0.6em;
	font-size: 90%;
	margin: 0;
}
#page .voice-block p.voice-more{
	border: 1px solid #cc9966;
	background: #ffffff;
	font-size: 12px;
	text-align: right;
	padding: 10px;
	margin: 0;
}
#page .voice-block img{
	margin: 0;
}
#page .voice-block2{
	width: 100%;
	margin: 0 auto;
	clear: both;
}
#page .voice-block2 img{
	width: 100vw;
	margin: 0;
}
#page .voice-block2 img.btm-speace{
	margin-bottom: 3em;
}
#page .voice-block2 img.btm-border{
	border-bottom: 1px solid #cc9966;
}
#page .voice-block2 li{
	float: left;
}
#page .voice-block2 li:last-child{
	margin-bottom: 3em;
}
#page .seisansha-block{
	clear: both;
	background: #F5F6FA;
	border: 1px solid #CCCC99;
	padding: 1.2em 1.2em 0 1.2em;
	margin: 0 auto 2em auto;
	display: inline-block;
}
#page .seisansha-block h3{
	color: #ff6600;
	margin-top: 1em;
}
#page .seisansha-block img{
	width: auto;
	padding: 0;
}
#page .hitokoto-block{
	clear: both;
	border: 1px dotted #000000;
	padding: 1.2em;
	margin: 1em auto 2em auto;
}
#page .hitokoto-block h2{
	color: #FF6600;
	font-size: 95%;
	margin: 1em 0;
	padding-left: 0.5em;
	border-left: 3px solid #FF6600;
}
#page .qa-block p{
	text-align: right;
	margin-bottom: 2.5em;
}
#page .qa-block dl dt{
	margin-bottom: 0.5em;
}
#page .qa-block dl dd{
	padding-left: 2em;
	padding-bottom: 1em;
	border-bottom: 3px dotted #43c441;
	margin-bottom: 1em;

}
#page .present-block{
	border: 1px solid #9b0000;
	padding: 1em 1em 0 1em;
	margin-bottom: 1.5em;
}
#page .present-block h2{
	background: #9b0000;
	color: #ffffff;
	line-height: 2;
}
#page .osusume-box03{
	text-align: center;
	margin: 0 auto 1.5em auto;
}
#page .osusume-box03 h2{
	background: #006666;
	color: #ffffff;
	line-height: 2.5;
	text-align: center;
	font-size: 90%;
	margin: 0;
}
#page .osusume-box03 table tr td{
	width: 33%;
}
#page .osusume-box03 h3{
	font-size: 130%;
	text-align: left;
}
#page .osusume-box03 p{
	text-align: left;
}
#page .osusume-box03 img{
	margin-bottom: 0.8em;
}
#page .nintei-box{
	display: inline-block;
	background: #faf9ff;
	border: 3px solid #ededed;
	padding: 1em 1.5em;
	margin: 1.5em 0;
}
#page .nintei-box h3{
	color: #006c3d;
	margin-top: 1em;
	font-size: 130%;
}
#page .greenline-box{
	border: 1px solid #006666;
	padding: 1.3em;
	display: block;
	margin-bottom: 1.5em;
}
#page .greenline-box dt{
	width: 20%;
	float: left;
	display: table-cell;
	text-align: center;
	padding-right: 1em;
	line-height: 1.2em;
}
#page .greenline-box dt img{
	margin: 0.2em 0 0.5em 0;
}
#page .greenline-box h4{
	font-size: 130%;
	line-height: 1em;
	margin-bottom: 0.6em;
	padding-bottom: 0.4em;
	border-bottom: 1px dotted #8b4b00;
}
#page .greenline-box h4 img{
	margin: 0;
}
#page .greenline-box dd{
	font-size: 90%;
	display: table-cell;
	padding: 0;
}
#page .move-list li{
	list-style-position: outside;
	list-style-type: decimal;
	margin-left: 1.5em;
	margin-bottom: 0.5em;
}
#page .ichigo-banner li{
	width: 50%;
	float: left;
	font-size: 110%;
	padding: 0 0.7em 0 0;
}
#page .ichigo-banner li a img{
	margin: 0;
}
#page .ichigo-banner li a h3{
	text-align: left;
	margin-top: 0.8em;
}
#page .ichigo-list li{
	width: 50%;
	float: left;
	font-size: 110%;
}
#page .ichigo-list li dl{
	width: 80%;
	margin: 0 auto;
}
#page .ichigo-list li dl dt{
	display: inline-block;
	font-size: 85%;
	font-weight: normal;
	margin-bottom: 0.6em;
	float: left;
}
#page .ichigo-list li dl dd{
	font-size: 90%;
	font-weight: bold;
	color:#FF0004;
	text-align: right;
	padding-top: 1.2em;
	margin-bottom: 0.6em;
}
#page .ringo-list dl{
	width: 90%;
	margin: 0 auto 8% auto;
}
#page .ringo-list dl dt{
	float: left;
	clear: left;
	margin-bottom: 3%;
}
#page .ringo-list dl dt img,#page .ringo-list dl dd img{
	margin: 0;
}
#page .ringo-list dl dd{
	margin-left: 30%;
	padding-top: 6%;
	display: block;
	height: 140px;
	margin-bottom: 3%;
}
#page .ringo-list dl dd.btn_on{
	padding-top: 3%;
}
#page .ringo-list dl dd b{
	background: #ffcd5d url(img/allow5.gif) 96% center no-repeat;
	font-size: 80%;
	font-weight: normal;
	padding: 1% 4% 1% 2%;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
#page .ringo-list dl dd b a{
	color: #670000;
	text-decoration: none;
}
#page .genmai-banner{
	padding: 0 0 1em 0;
}
#page .genmai-banner a img{
	margin: 0;
}
#page .genmai-banner a h3{
	font-size: 110%;
	text-align: left;
	margin-top: 0.8em;
}
#page .genmai-banner p.en2{
	font-size: 110%;
}
#page .genmai-banner p{
	font-size: 85%;
}
#page .genmai-box2{
	padding: 0;
}
#page .genmai-box2 h2{
	margin: 0;
}
#page .genmai-box2 ul li{
	width: 45%;
	float: left;
}
#page .genmai-box2 ul li:first-child{
	width: 55%;
	padding-right: 5%;
	background: url(img/ya1-right.gif) 94% 40% no-repeat;
}
#page .genmai-box2 ul li img{
	margin: 0 0 1em 0;
}
#page .natsume-list{
	font-size: 95%;
}
#page .natsume-list dt{
	display: list-item;
	list-style-type: decimal;
	float: left;
	margin: 0 1% 0 5%;
	font-weight: normal;
}
#page .natsume-list dt:after{
	content : ' …';
}
#page .natsume-list2 ol{
	font-size: 95%;
	margin-bottom: 0.6%;
	padding-left: 3%;
}
#page .natsume-list2 li{
	margin: 0 3%;
	line-height: 1.8em;
	list-style-type: circle;
}
#page table.component tr th{
	background: #279761;
	color: #fff;
	font-size: 80%;
}
/*　商品購入範囲の枠　*/	
.orderT {
	border: 1px solid #669966;
	padding: 1em 1em 0 1em;
	margin-bottom: 1.5em;
}
.orderT img{
	display:inline-block;
	padding-right: 0.5em;
	vertical-align: top;
}
.orderT table tr th{
	width: 30%;
	font-size: 80%;
}
#page .orderT table thead{
	background: #009c62;
	color: #ffffff;
}
#page .orderT table thead tr th{
	width: 16%;
}
.orderT2 {
	border: 2px solid #99cc66;
}
.i-title{
	width: 30%;
	display:inline-block;
	vertical-align: top;
	margin: 0;
}
.i-title ul li{
	display: block;
	display: table-cell;
}
.i-title ul li img{
	padding: 0;
}
.i-title form{
	clear: both;
	font-size: 80%;
}
.i-title .btn-sp{
	margin: 1em 0;
}
.i-title2{
	width: 49%;
	display:inline-block;
	vertical-align: top;
}
.i-title2 img{
	display: inline;
	margin: 0;
	padding: 0;
}
.i-title2 ul{
	margin-bottom: 0.2em;
}
.i-title2 ul li{
	display: table-cell;
	padding-right: 0.4em;
	padding-bottom: 0.3em;
	vertical-align: middle;
	font-size: 90%;
}
.i-title2 ul li:nth-child(2){
	width: 29%;
}
.i-title2 ul li:nth-child(3){
	width: 25%;
	font-size: 100%;
}
.i-title2 .btn-sp{
	margin: 1em 0;
}
.i-title3{
	width: 100%;
	display:inline-block;
	vertical-align: top;
	padding-bottom: 1em;
}
.i-title3 img{
	display: inline inline-block;
	margin: 0;
	padding: 0;
}
.i-title3 dl{
	width: 100%;
	margin-bottom: 0.2em;
}
.i-title3 dl dt,.i-title3 dl dd{
	float: left;
	padding-right: 0.4em;
	padding-bottom: 0.3em;
	vertical-align: middle;
	font-size: 90%;
}
.i-title3 dl dd.s-name{
	min-width: 50%;
	font-size: 100%;
	padding-left: 1em;
}
.i-title3 dl dd.s-price{
	min-width: 25%;
	font-size: 110%;
}
.i-title3 dl dt{
	clear: both;
}
.i-title3 .btn-sp{
	height: auto;
	clear: both;
	display: block;
	padding: 1em 0;
}
.i-info{
	width: 50%;
	display:inline-block;
	vertical-align: top;
}
.i-underbar{
	margin-bottom: 1.5em;
	border-bottom: 1px dotted #669966;
}
.harf-box ul.oneline{
	clear: both;
}
ul.oneline li{
	display: inline-block;
}
ul.oneline li p{
	margin: 0;
	display: block;
	text-align:left;
	line-height: 1em;
	padding-left: 1.5em;
	font-size: 100%;
}
/*　商品価格　*/
.en {
	font-size: medium;
	color:#660000;
	font-weight:bold
	}
.en2 {
	font-size: medium;
	color:#CC0000;
	font-weight:bold;
	background: url(img/price_icon.gif) left center no-repeat;
	padding-left: 2.2em;
	}
.en3 {
	font-size: medium;
	color:#660000;
	font-weight:bold;
	background: url(img/price_icon2.gif) left center no-repeat;
	padding-left: 2.2em;
	}
.en4 {
	font-size: 100%;
	background: url(img/price_icon3.gif) left center no-repeat;
	padding: 0.3em 0 0.3em 2.8em;
	}
.en5 {
	font-size: medium;
	color:#660000;
	font-weight:bold;
	background: url(img/price_icon3.gif) left center no-repeat;
	padding-left: 2.2em;
	}
/*　商品名　*/
.itemT_name {
	font-size: medium;
	color:#000000;
	font-weight:bold;
	}
.itemT_name small {
	font-size: 75%;
}
@media (max-width:767px){
#page{
	width: 100%;
	padding: 0 1.5em;
}
.i-title2{
	width: 100%;
	display:inline-block;
	vertical-align: top;
}
.i-title{
	width: 50%;
	display:inline-block;
	vertical-align: top;
}
.i-title form{
	width: 30%;
	font-size: 80%;
}
.i-info{
	width: 100%;
	display:inline-block;
	vertical-align: top;
}

#page .ringo-list dl dd p{
	font-size: 80%;
}
}
@media (max-width:480px){
#page .list-block{
	margin: 1em auto;
}
#page .list-block li{
	width: 90%;
	font-size: 110%;
}
#page .point-area{
	background: none;
	padding: 0;
}
#page .point-area h3{
	display: block;
	margin: 0 0 1em 0;
	padding: 0.8em;
	background: #679b00 url(img/point-box-bg.gif) right top repeat-y;
}
#page .point-area ul{
	width: 100%;
	margin-left: 0;
	padding: 0 0.8em;
}
#page .list-block2{
	width: 43%;
}
/*　りんごの種類　*/
#page .ringo-list dl{
	width: 100%;
}
#page .ringo-list dl dd{
	margin-left: 42%;
	padding-top: 0;
}
#page .ringo-list dl dd p{
	font-size: 80%;
}
#page .ringo-list dl dd.btn_on{
	padding-top: 0;
}
#page .ringo-list dl dd b{
	padding: 1% 8% 1% 2%;
}
/*　商品価格　*/
.en2 {
	font-size: 120%;
	background: url(img/price_icon.gif) left center no-repeat;
	padding-left: 2.5em;
	}
}
/* aoume */
#page h2.aoume-title{
	margin: 1.5em 0 0.5em 0;
	background: url(item/ume/images/aoume_tt-icon.gif) left center no-repeat;
	padding: 0.8em 0;
	padding-left: 70px;
	font-size: 150%;
	line-height: 1.2;
}
/* kaki-tea */
#page h3.kaki-title{
	margin: 1.5em 0 0 0;
	background: url(item/images/img_tea/1174mi.gif) left center no-repeat;
	padding-left: 40px;
	color: #8b4b00;
	font-size: 150%;
	line-height: 2;
}
#page .kaki-point{
	width: 99%;
	border: 1px double #339966;
	padding: 1em;
}
#page .kaki-point h4{
	color: #006667;
	font-size: 110%;
	background: url(item/images/img_tea/ha.gif) left center no-repeat;
	padding-left: 1.5em;
	font-weight: bold;
}
div.with201210{
	background: url(images/1174with_border_bg.gif) repeat;
	padding: 1.5em 1.5em 1em 1.5em;
	border: 1px dotted #F9C;
}
div.with201210 h2{
	color: #fe4b69;
}
div.with201210 a{
	color: #fe4b69;
}
@media (max-width:767px){
.left-menu address h1{
	padding-right: 10px;
	display: table-cell;
}
.left-menu address p{
	padding-right: 10px;
	display: table-cell;
}
}
/* ringo sinano */
div.ringo-otodoke-block{
	width: 100%;
	height: 457px;
	display: inline-block;
	margin-top: 5%;
	background: url(item/images/img_apple/sinano_otodoke2.jpg) no-repeat;
	background-size: 100%;
}
div.ringo-otodoke-block p,div.ringo-otodoke-block2 p{
	font-size: 12px;
	line-height: 1.2;
	background: url(img/allow1.gif) left 1px no-repeat;
	padding-left: 1.5em;
}
div.ringo-otodoke-block p.img-text1{
	width: 20%;
	margin-top:168px;
	margin-right: 3%;
	float: left;
}
div.ringo-otodoke-block p.img-text2{
	margin-top:460px;
}
div.ringo-otodoke-block2{
	width: 100%;
	height: 512px;
	margin-bottom: 10%;
	display: inline-block;
	background: url(item/images/img_apple/sinano_syukaku.jpg) no-repeat;
	background-size: 100%;
}
div.ringo-otodoke-block2 p.img-text3{
	margin-top:230px;
}
div.ringo-otodoke-block2 p.img-text4{
	margin-top:55px;
	margin-left: 75%;
}
div.banner-block1{
	width:100%;
	text-align: center;
}
div.banner-block1 p{
	background-position: 40% center;
}
div.banner-block1 p.long-text{
	background-position: 35% center;
}
div.banner-block2{
	width:100%;
	text-align: center;
	display: inline-block;
	margin-bottom: 1.5em;
}
div.banner-block2 img{
	width: 100%;
	padding-bottom: 0.5em;
}
@media (max-width:768px){
div.ringo-otodoke-block{
	height: auto;
}
div.ringo-otodoke-block p.img-text1{
	width: 22%;
	margin-top:28%;
	margin-right: 1%;
	font-size: 15%;
}
div.ringo-otodoke-block p.img-text2{
	margin-top:75%;
	font-size: 15%;
}
div.ringo-otodoke-block2{
	height: auto;
}
div.ringo-otodoke-block2 p.img-text3{
	margin-top:38%;
	font-size: 10%;
}
div.ringo-otodoke-block2 p.img-text4{
	margin-top:8%;
	margin-left: 78%;
	margin-bottom: 35%;
	font-size: 10%;
}

div.banner-block2 img{
	width: 49%;
	float: left;
}
div.banner-block2 img.sbs{
	margin-right: 2%;
}
}
@media (max-width:480px){
div.ringo-otodoke-block2 p.img-text4{
	margin-top:6%;
	margin-left: 60%;
	margin-bottom: 30%;
	font-size: 10%;
}
img.max-img{
	width: 100%;
	display: inline-block;
}
}
/* botton style */
button.list-btn{
	margin: 8% auto;
	padding: 0.8% 8%;
	color: #000;
	font-weight: 800;
	border: 3px solid #ffdc95;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffefce), to(#ffe0a4));
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
button.list-btn:before {
    content: url(img/title13_icon.png);
    margin: 8px;
    position: relative;
    top: 4px;
}
/*  NAV   */
#menu{
	display: inline-block;
	width: 102.5%;
    height: auto;
	max-width: 960px;
	margin: 0 -1%;
}
#menu li{
	display: block;
	font-size: 85%;
	text-align: center;
    float: left;
    width: 14.1%;
	margin: 0;
	padding: 1% 0;
	background-color: #006667;
}
#menu li+li {
	margin-left: 1px;
}
#menu li:nth-child(1){
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
}
#menu li:nth-child(5),#menu li:nth-child(6){
	background-color: #ff950c;
}
#menu li:nth-child(7){
	background-color: #8d5019;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
} 
#menu li:hover{
	background-color: #0d8586;
    -webkit-transition: all .5s;
    transition: all .5s;
}
#menu li:hover:nth-child(5),#menu li:hover:nth-child(6){
	background-color: #ffb544;
}
#menu li:hover:nth-child(7){
	background-color: #eb610b;
}
#menu li a{
    display: block;
	color: #fff;
}
#menu li a:hover{
	text-decoration: none;
}
#toggle{ 
	display: none;
}
@media only screen and (max-width: 768px) {
#menu li{
    width: 24.85%;
  } 
#menu li:nth-child(4){
    width: 24.9%;
} 
#menu li:nth-child(5){
	margin-left: 0;
}
#menu li:nth-child(1),#menu li:nth-child(7){
	border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}  
#menu li:nth-child(5),#menu li:nth-child(6),#menu li:nth-child(7){
    width: 33.2%;
}
}
@media only screen and (max-width: 736px) {
#menu li{
    width: 24.8%;
  } 
#menu li:nth-child(4){
    width: 25.1%;
}
#menu li:nth-child(5),#menu li:nth-child(6),#menu li:nth-child(7){
    width: 33.2%;
}
}
@media only screen and (max-width: 667px) {
#menu li{
    width: 24.8%;
  } 
#menu li:nth-child(4){
    width: 25%;
}
#menu li:nth-child(5),#menu li:nth-child(6),#menu li:nth-child(7){
    width: 33.2%;
}
}
@media only screen and (max-width: 480px) {
#menu{
    display: none;
}
#menu li,#menu li:nth-child(4),#menu li:nth-child(5),#menu li:nth-child(6),#menu li:nth-child(7){
    width: 100%;
	text-align: left;
	padding: 4%;
}
  #toggle{
    display: block;
    position: relative;
    width: 100%;
    background: #006667;
	float: left;
  }
  #toggle a{
	  width: 100%;
    display: inline-block;
    /*position: relative;*/
    padding: 12px 0 12px 40px;
    border-bottom: 1px solid #0d8586;
    color: #fff;
    text-align: left;
    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: #006667;
  }
  #toggle a:before{
    margin-top: -6px;
  }
  #toggle a:after{
    margin-top: 2px;
  }
}
.genmai-10month{
	width: 100%;
	margin: 0 auto 5% auto;
	background: url(item/images/img_genmai/1018_suihan.gif) center no-repeat;
	background-size: 100%;
}
.genmai-10month p{
	margin-left: 36%;
	padding: 10% 5%;
}
@media (max-width:480px){
.genmai-10month p{
	font-size: 40%;
}
}
.table-line{
	margin: 0 auto;
	padding-top: 2em;
	width: 100%;
	border-left: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
}
.table-line div.genmai-banner{
	text-align: left;
}
#page .baikemi-banner{
	margin-bottom: 2em;
}
#page .baikemi-banner h3{
	margin-bottom: 0.2em;
}
#page .baikemi-banner a img{
	margin: 0;
}
#page .baikemi-producer{
	border: 1px solid #000000;
	padding: 1.5em 18em 1.5em 1.5em;
	background: url(item/images/img_satonisiki/satonisiki_sidou2.jpg) no-repeat top right;
}
#page .baikemi-producer img{
	margin-bottom: 1em;
}