@charset "x-sjis";


/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){


body {font:15px  "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:1.2;
}

#wrapper {width:99%;}
#header{width:100%;margin-bottom:0px;background-color:#ffffff;}
#main{clear:both;width:96%;float:none;margin:0 auto;padding:0px;	}

#header ul {width: 98%;margin:0px auto;text-align:center;}
.menu img  {
	width:100%;
}



#Sun, #Mon, #Tue, #Wed, #Thu, #Fri, #Sat{

    display: block;

    width: 100%;
	
    position: fixed;

    left: 0px;

    bottom: 2px;

    z-index: 9999;

    text-align: center;

}

 

img.Floating-under{

margin:0px 0px 0px 0px;

height: 50px;

display:block;

}



#kago7 {
    border: 0px;
    width: 100%;
}



ul  {
	width:100%;
	text-align: center;
	margin:0px auto 0px;
}

ul li.menu  {
	width:25%;
	float:left;
	text-align:center;
	margin: 0 auto;
	margin-bottom:0px;
	display:inline;
	}
	
	
	

h1{
	font-size:140%;
}


h1.h1-teapage {
	font-size:130%;
}


h2{
	font-size:20px;
}


h3{
	font-size:18px;
}


h3.h3-teapage {
	font-size:100%;
}






span.font-pc-sp-01 {font-size: 1.0em;
}

span.font-pc-sp-03 {font-size: 0.8em;
}

span.font-pc-sp-04 {font-size: 0.6em;
}

span.font-pc-sp-05 {font-size: 1.7em;
}

span.font-pc-sp-06 {font-size: 1.7em;
}

span.font-pc-sp-07 {font-size: 100%;
}

span.font-pc-sp-11 {font-size: 1.0em;
}

span.font-pc-sp-12 {font-size: 1.0em;
}

span.font-pc-sp-customer {
font-size:20px;
}


span.span-uri {
color:#FF6600;
}


span.span-uri-02 {
font-size:15px;
text-align:left;
}

span.span-price-5off-otokuisama {font-size: 1.2em;
font-weight:bold;
}




span.span-font-kanren {
font-size:12px;
}

span.span-font-menu-cate {
font-size:18px;
}

span.span-font-menu-cate-shouhin {
font-size:11pt;
}

span.span-herb-top {
font-size:10pt;
}


span.span-font-menu-cate-price {
font-size:10pt;
}

span.span-menu-comment {
font-size:10pt;
}



span.span-font-4retsu {
font-size:17px;
text-align:left;
}


span.span-font-menu-cate {
font-size:16px;
}

span.span-font-top4 {
font-size:12px;
text-align:left;
}




span.font-menu {
font-size: 0.8em;
}

span.font-menu-cat {
font-size: 0.7em;
}


span.span-airtile-3 {
font-size:12px;
}


span.span-koment-bottom {
text-align:center;
color:#FF6600;
font-size:16px;
font-weight:bold;
}


img.g-rogo2{
width:100%;
}

img.g-tb{
width:100%;
}


img.g-menu-01{
width:30%;
float:left;
margin:0 5px 0 0;
}


img.g-menu-02{
width:30%;
float:left;
margin:0 5px 0 0;
}

img.g-sagawa{
width:100%;
}

img.g-rogo2-pc{
width:0%;
height:0%;
}


img.g-rogo2-herb{
width:500px;
}


img.futter-180{
width:98%;
}

img.g-ranking{
width:40px;
}



img.g-ranking-2{
width:40px;
}


img.g-ranking-3{
width:25px;
}




img.g-top-shoshinsha{
height:0px;
width:0px;
margin:0px;
padding:0px;
}

img.g-top-shoshinsha-sp{
width:17%;
height:auto;
}

img.g-top-shoshinsha-sp02{
width:100%;
height:auto;
}


img.g-top-souryou{
height:0px;
width:0px;
margin:0px;
padding:0px;
}

img.g-top-souryou-sp{
width:31%;
height:auto;
}

img.g-top-souryou-sp02{
width:100%;
height:auto;
}



img.g-top-tel{
height:0px;
width:0px;
margin:0px;
padding:0px;
}


img.g-top-tel-sp{
width:36%;
height:auto;
}

img.g-top-tel-sp02{
width:100%;
height:auto;
}


img.g-top-shukkabi{
height:0px;
width:0px;
margin:0px;
padding:0px;
}


img.g-top-cart{
height:0px;
width:0px;
margin:0px;
padding:0px;
}

img.g-top-cart-sp{
width:10%;
height:auto;
}

img.g-top-cart-sp02{
width:100%;
height:auto;
}


img.g-top-shoshinsha-sp{
width:10%;
height:auto;
}


.pcNone {
display: block;
}

.spNone {
display: none;
}




img.g01 {
width:12px;
vertical-align: baseline;
}


img.g02 {
vertical-align: baseline;
}

img.g03 {
width:30px;
vertical-align: top;
}

img.g21 {
height:20px;
}




img.g-banner30 {
width:20px;
}


img.g31 {
height:22px;
}


img.g41 {
height:30px;
}


img.g51 {
width:300px;
}



img.g30 {
width:30%;
}

img.g30p {
width:30%;
}

img.g70 {
width:70%;
text-align:center;
float:none;
display:block;
margin-left: auto;
margin-right: auto;
margin:auto auto 8px auto;
}

img.g70-sp0 {
width:0%;
height:0%;
}

img.g70-sp100 {
width:100%;
}




img.g-tb-irekata {
width:100%;
text-align:center;
float:none;
display:block;
margin-left: auto;
margin-right: auto;
margin:auto auto 8px auto;
}



img.g70-table {
width:100%;
}



img.g30p {
width:30%;
}

img.g27p {
width:27%;
}

img.g70p {
width:70%;
}

img.g70p-teapage {
width:50%;
}

img.g35px-sp {
width:35px;
}



img.g-top {
width:70%;
height:auto;
}


img.g-top-hatomugi {
width:50%;
height:auto;
}


img.kago02 {
vertical-align: middle;
width:80px;
}

img.kago03 {
vertical-align: middle;
width:40px;
}

img.kago04 {
width:80px;
}

img.gazou-point {
height:10px;
}

img.mousikomi{
height:35px;
float:right;
}


img.mousikomi-02{
width:95%;
height:auto;
float:right;
}


table.table-menu-6 th{
	width:100%;
	background-color:#FAFAFA;
	font-weight:normal;
	margin-bottom:2px;
	display:block;
	overflow: hidden;
}

	table.table-menu-6 td{
	width:100%;
	background-color:#FAFAFA;
	display:block;
	overflow: hidden;
}

.table-menu-6-padding{
	padding:10px;
}


table.table-koramu{
width:100%;
border:2px #cccccc solid;
padding: 5px 8px 5px 8px;
}

table.table-td-koramu{
}

td.td-koramu-left{
vertical-align: top;
width:40%;
padding:3px 0px 3px 0px;
}

td.td-koramu-right{
vertical-align: top;
padding:3px 0px 3px 0px;
}


td.td-futter-3{
width:33%;
padding:2px;
background-color:#FFFFFF;
}


td.td-futter-4{
width:25%;
padding:5px;
background-color:#FFFFFF;
vertical-align:top;
}


td.td-cate{
width:33%;
padding:0 5px 10px 0;
}


td.td-cate-02{
width:33%;
padding:0 5px 10px 0;
}



.box article img{
	width:100%;
}
.box-company img{
	width:100%;
}
.box ul {width: 100%;margin:0 auto;text-align:center;}

ul li.gazou-002 img  {
	width:100%;
}
ul li.gazou-003 img  {
	width:100%;
}
ul li.gazou-004 img  {
	width:100%;
}


.box-customer-top-02{
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	text-align:left;
	border:2px solid #007700;
	overflow:hidden;
	background-color:#FFFFFF;
}


p.shouhin-title-otokuisama-01 {background-color:#FF6600;
font-size:22px;
text-align:center;
color:#FFFFFF;
padding:8px 0 5px 0;
}



p.shouhin-title-otokuisama-02 {background-color:#FF9900;
font-size:22px;
text-align:center;
color:#FFFFFF;
padding:8px 0 5px 0;
}


p.shouhin-title {
font-size:23px;
font-weight:bold;
}


p.shouhin-title-otoku {
font-size:23px;
font-weight:bold;
}

p.koramu-title {
font-size:20px;
font-weight:bold;
}

p.customer-title {
font-size:20px;
font-weight:bold;
}

p.customer-title-02 {
font-size:17px;
margin:0px;
padding:5px 0px 1px 0px;
font-weight:bold;
}


p.font-5 {
font-size:18px;
color:#006600;
text-align:center;
}



p.otoku {font-size:22px;
font-weight:bold;
text-align:center;
color:#FF6600;
padding:8px 0;
line-height:1.3;
}


p.pc-center-sp-left {
text-align:left;
}

p.mousikomi {
text-align:center;
width:100%;
}

.box-kago{
	padding:5px 5px 0px 5px;
}

.box-uri{
	padding:0px;
	margin:5px 0 0 0;
	text-align:left;
	border:0px solid #B8A283;
	overflow:hidden;
}



.box-koment-uri-under{
	margin:10px 0px 0px 0px;
	padding:5px 5px 0px 5px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#FF6600;
	border:0px;
	overflow:hidden;
	background-color:#FFFFFF;
}



p.box-mousikomi {
width:90%;
float:right;
text-align:right;
}

p.koramu-gazou {
text-align:center;
}



p.p-top-cate{
margin:15px 0 0 0;
}

p.p-top-rogo-01{
text-align:center;
}

p.p-top-rogo-02{
padding:0px;
text-align:center;
}


p.p-uri {
text-align:center;
font-size:15px;
}


p.p-uri-01 {
font-size:15px;
text-align:center;
}


p.p-spec {
}

p.p-spec2 {
}


p.p-koment-bottom {
font-size:20px;
text-align:left;
margin:15px 0 15px 0;
}



.box-left{float:none;
padding-top:0px;
padding-left:0px;
width:100%;
}

.box-right{float:none;
padding-left:0px;
width:100%;
}




.box-kaisha-001{
	margin:0 0px 0;
	padding:0px;
	text-align:center;
}
.box-kaisha-001 article{
	width:50%;
	text-align:center;
	float:left;
	margin:0px auto;
}



.div-cate{
font-size:20px;
}

.div-cate-02{
font-size:20px;
}


.div-h1{
color:#ff6600;
}


.div-h1-02{
font-size:18px;
font-weight:bold;
padding:0 0 0 0;
}


.div-h2{
background-color:#007700;
color:#FFFFFF;
margin:12px 0 0 0;
padding:7px 0 5px 0;
font-size:18px;
font-weight:bold;
text-align:center;
}


.div-h2-kanren{
background-color:#ff9900;
color:#FFFFFF;
margin:12px 0 0 0;
padding:7px 0 5px 0;
font-size:18px;
font-weight:bold;
text-align:center;
}


.div-h2-customer{
background-color:#ff6600;
color:#FFFFFF;
margin:12px 0 0 0;
padding:7px 0 5px 0;
font-size:18px;
font-weight:bold;
text-align:center;
}


.div-h2-top-kaisha{
background-color:#B8A283;
color:#FFFFFF;
margin:11px 0 0 0;
padding:7px 0 5px 0;
font-size:15px;
text-align:center;
}

.div-h2-top-campain-01{
color:#FFFFFF;
margin:12px 0 0 0;
padding:7px 0 5px 0;
font-size:15px;
font-weight:bold;
text-align:center;
}



.div-h3-table{
font-size:10px;
color:#ff6600;
margin:6px 0px 4px 0px;
text-align:center;
}

.div-h3-koramu{
font-size:10px;
color:#ff6600;
margin:6px 0px 4px 0px;
text-align:center;
}


.div-h3-table-left{
font-size:10px;
color:#ff6600;
margin:6px 0px 4px 0px;
text-align:center;
}




img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

}




img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}
～以下、画面の横幅が640pxまでの場合のスタイル記入～
}




img{
max-width: 100%;
height: auto;
width /***/:auto;　
}