@charset "utf-8";
/* ----------------------------
reset
---------------------------- */
html,body,ul,ol,li,form,fieldset,legend,p,dl,dt,dd{
margin:0;
padding:0;
}
h1,h2,h3,h4,h5,h6{
font-size:100%;
margin:0;
padding:0;
font-weight:bold;
}
img{
border:0;
vertical-align:bottom;
}
legend{
color:#444;
}
ul{
list-style:none;
}
sup{
vertical-align:text-top;
}
sub{
vertical-align:text-bottom;
}
input,textarea,select{
font-size:110%;
line-height:1.1;
/*
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
*/
}
/* -- Default Font Size ---
        10px = 62.5%
        11px = 69%
        12px = 75%
        13px = 82%
        14px = 88%
        15px = 94%
        16px = 100%    
------------------------- */
body{
margin:0;
padding:0;
/*
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-family: Verdana, Roboto, 'Droid Sans', Meiryo, 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic ProN', sans-serif;
*/
font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
font-size:75%;
line-height:150%;
color:#444;
-webkit-text-size-adjust: none;
}
div,p,ul,ol,li,dl,dt,dd{
margin:0;
padding:0;
}
h1,h2,h3,h4{
margin:0;
padding:0;
font-size:100%;
}
img{
border:none;
}
ul{
margin:0;
padding:0;
list-style:none;
}
a:link,
a:visited{
color:#444;
}
a:hover,
a:active{
color:#444;
}



/* common */
#wrapper{
margin:0;
padding:0;
background:url(../img/bg01.jpg) repeat 50% 0;
background-size:171px 182px;
min-width:320px;
position:relative;
clear:both;
}

#header{
margin:0;
padding:10px 15px;
background:#fff;
clear:both;
height:18px;
border-top:solid 3px #831107;
}

#navi{
margin:0;
padding:0;
position:absolute;
top:2px;
width:100%;
clear:both;
}
#navi ul{
margin:0 15px;
padding:0;
clear:both;
display:none;
background:#FFF;
border:solid 1px #831107;
}
#navi ul li{
border-top:solid 1px #ccc;
background:url(../img/navi_arrow01.gif) no-repeat 98% 50%;
background-size:5px 6px;
}
#navi ul li a{
color:#831107;
padding:5px 10px;
display:block;
text-decoration:none;
}
#navi .btn{
margin:0 auto;
padding:3px 0 5px 0;
width:50px;
display:block;
clear:both;
color:#fff;
text-align:center;
background:#831107;
cursor:pointer;
border-radius:0 0 5px 5px; 
-webkit-border-radius:0 0 5px 5px;  
-moz-border-radius:0 0 5px 5px;
}

#main{
margin:0;
padding:0;
clear:both;
}

#mainImage{
margin:0;
padding:0;
clear:both;
}

#contents{
margin:0;
padding:0;
clear:both;
}

.pagetop{
text-align:right;
}

#bottomNavi{
margin:15px;
padding:0;
background:#FFF;
border-radius:5px; 
-webkit-border-radius:5px;  
-moz-border-radius:5px; 
border:solid 1px #831107;
clear:both;
}
#bottomNavi ul li{
border-top:solid 1px #ccc;
background:url(../img/navi_arrow02.gif) no-repeat 98% 50%;
background-size:13px;
}
#bottomNavi ul li.navi01{
border-top:none;
}
#bottomNavi ul li a{
padding:10px 10px 10px 40px;
display:block;
font-size:120%;
text-decoration:none;
}
#bottomNavi ul li.navi01 a{
background:url(../img/navi01.gif) no-repeat 10px 50%;
background-size:20px 19px;
}
#bottomNavi ul li.navi02 a{
background:url(../img/navi02.gif) no-repeat 10px 50%;
background-size:20px 17px;
}
#bottomNavi ul li.navi03 a{
background:url(../img/navi03.gif) no-repeat 10px 50%;
background-size:20px 18px;
}
#bottomNavi ul li.navi04 a{
background:url(../img/navi04.gif) no-repeat 10px 50%;
background-size:20px 19px;
}
#bottomNavi ul li.navi05 a{
background:url(../img/navi05.gif) no-repeat 10px 50%;
background-size:20px 19px;
}

#contact{
margin-top:15px;
padding:10px 15px;
background:#fff;
text-align:center;
}
#contact dd{
padding:5px 0 0 0;
}

#footer{
margin:0;
padding:20px 15px;
background:url(../img/bg02.gif) repeat 50% 0;
background-size:38px 22px;
color:#FFF;
clear:both;
}

.copyright{
font-size:70%;
}

h1{
padding:15px;
font-size:120%;
}

/**/
.box{
padding:0 15px 10px 15px;
border-top:solid 2px #831107;
border-bottom:solid 2px #831107;
background:#F5EEE6;
}


.box h2{
padding:15px 0 5px 0;
border-bottom:solid 1px #CCC;
font-size:120%;
}

h3{
font-size:120%;
}
.productLaoutTop{
margin:10px 0 0 0;
padding:0;
width:100%;
}
.productLaout{
border-top:solid 1px #CCC;
margin:10px 0 0 0;
padding:10px 0 0 0;
width:100%;
}
.productLaout:after{
content:"";
display:block;
clear:both;
}
.productImg{
padding:0 5px 0 0;
width:123px;
float:left;
}
.productTable{
padding:0;
width:100%;
}
.productTable th{
padding:0 10px 0 0;
text-align:left;
vertical-align:top;
}
.productTable td{
padding:0;
}

.productTable td dl{
margin:5px 0 0 0;
width:100%;
}
.productTable td dl.total{
padding:5px 0 0 0;
width:100%;
border-top:solid 1px #CCC;
}
.productTable td dt{
float:left;
width:5.0em;
font-weight:bold;
color:#836F3A;
}
.productTable td dd{
padding-left:5.0em;
}
.productTable td dl.total input{
width:12px;
height:12px;
padding:0;
margin:0 0 0 5px;
line-height:1.0;
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
-webkit-appearance: none;
-moz-appearance: none;
position:relative;
top:2px;
}

.productTable td dl.select dt{
float:left;
width:3.0em;
font-weight:bold;
color:#836F3A;
}
.productTable td dl.select dd{
padding-left:3.0em;
}

.productTable td dl.select input{
width:2.2em;
padding:0;
margin:0 0 0 5px;
line-height:1.0;
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
-webkit-appearance: none;
-moz-appearance: none;
}
.productTable td .btn{
padding:10px 0 0 0;
text-align:right;
}

/**/
.dataLayout dl{
margin:5px 0 0 0;
width:100%;
}
.dataLayout td dl.total{
padding:5px 0 0 0;
width:100%;
border-top:solid 1px #CCC;
}
.dataLayout dt{
border-top:solid 1px #CCC;
padding:5px 0 0 0;
font-weight:bold;
color:#836F3A;
}
.dataLayout dt:first-child{
border-top:none;
}
.dataLayout dd{
padding:0 0 5px 0;
}
textarea#inq{
width:98%;
}

/**/
.deliveryBox{
padding:0;
background:#F5EEE6;
}
.deliveryBox h2{
padding:5px 15px;
background:#831107;
border:none;
color:#FFF;
}
.deliveryLaout{
padding:0 15px 10px 15px;
}
.deliveryLaout dl{
margin:5px 0 0 0;
width:100%;
}
.deliveryLaout td dl.total{
padding:5px 0 0 0;
width:100%;
border-top:solid 1px #CCC;
}
.deliveryLaout dt{
border-top:solid 1px #CCC;
padding:5px 0 0 0;
font-weight:bold;
color:#836F3A;
}
.deliveryLaout dt:first-child{
border-top:none;
}
.deliveryLaout dd{
padding:0 0 5px 0;
}
.deliveryLaout input[type="image"]{
position:relative;
top:3px;
}

/**/
.totalBox{
margin:15px 0 0 0;
padding:0 15px 15px 15px;
border-top:solid 2px #831107;
border-bottom:solid 2px #831107;
background:#F5EEE6;
}
.totalBox h2{
padding:15px 0 5px 0;
border-bottom:solid 1px #CCC;
font-size:120%;
}
.totalLayout dl{
margin:5px 0 0 0;
width:100%;
}
.totalLayout td dl.total{
padding:5px 0 0 0;
width:100%;
border-top:solid 1px #CCC;
}
.totalLayout dt{
border-top:solid 1px #CCC;
padding:5px 0 0 0;
font-weight:bold;
color:#836F3A;
}
.totalLayout dt:first-child{
border-top:none;
}
.totalLayout dd{
padding:0 0 5px 0;
color:#831107;
}
.delete{
text-align:right;
}

/**/
.thanksBox{
margin:15px 0 0 0;
padding:15px;
border-top:solid 2px #831107;
border-bottom:solid 2px #831107;
background:#F5EEE6;
}
.thanksBox h2{
font-size:120%;
text-align:center;
}
.thanksBox p{
margin:15px 0 0 0;
}
.thanksBox .btn{
margin:15px 0 0 0;
text-align:center;
}
/**/
.completeBox{
margin:15px 0 0 0;
padding:15px;
border-top:solid 2px #831107;
border-bottom:solid 2px #831107;
background:#F5EEE6;
}
.completeBox h2{
font-size:120%;
text-align:center;
}
.completeBox p{
margin:15px 0 0 0;
font-size:120%;
}
.completeBox .btn{
margin:15px 0 0 0;
text-align:center;
}

/**/
.subBox{
padding:0 15px 15px 15px;
border-bottom:solid 2px #831107;
background:#F5EEE6;
}

.subBox h2{
padding:15px 0 5px 0;
border-bottom:solid 1px #CCC;
font-size:120%;
}

.subBox h3{
padding:10px 0 5px 0;
font-size:100%;
}

.subBox ul{
}

.subBox li{
text-indent:-1.0em;
margin-left:1.0em;
}
/**/
.mt10{
padding-top:10px !important;
}

.mt5{
padding-top:5px !important;
}

.mt0{
padding-top:0 !important;
}

.txtBold{
font-wight:bold;
}

.txtRed{
color:#831107;
}
.underLine{
text-decoration:underline;
}
.underLineRed{
color:#831107;
text-decoration:underline;
}
.alignCenter{
text-align:center;
}

/**/
.must{
color:#831107;
}

/**/
.btnBox{
padding:0 15px 10px 15px;
clear:both;
}
.btnBox p{
padding:15px 0 0 0;
}
.btnBox ul{
padding:15px 0 0 0;
clear:both;
}
.btnBox ul:after{
content:"";
display:block;
clear:both;
}
.btnBox .left{
float:left;
width:45%;
text-align:left;
}
.btnBox .right{
float:right;
width:45%;
text-align:right;
}

/**/
.sendBox{
padding:10px 15px 15px 15px;
clear:both;
}
.sendBox .btn{
padding:15px 0 0 0;
text-align:center;
clear:both;
}
.sendBox h2{
padding:30px 0 5px 0;
border-bottom:solid 1px #CCC;
font-size:120%;
}
.sendBox p{
padding:5px 0 0 0;
}

/**/
.cartBox{
padding:10px 15px 15px 15px;
clear:both;
}
.cartBox dl{
padding:5px 0;
border-bottom:solid 1px #CCC;
}
.cartBox dl:after{
content:"";
display:block;
clear:both;
}
.cartBox dt{
float:left;
width:80%;
font-weight:bold;
text-align:right;
color:#836F3A;
}
.cartBox dd{
float:left;
width:20%;
text-align:right;
}
.cartBox p{
font-size:76%;
padding:5px 0 0 0;
color:#831107;
text-align:right;
}
.cartBox p span{
font-size:120%;
font-weight:bold;
}
.cartBox ul{
padding:15px 0 0 0;
clear:both;
}
.cartBox ul:after{
content:"";
display:block;
clear:both;
}
.cartBox .left{
float:left;
width:45%;
text-align:left;
}
.cartBox .right{
float:right;
width:45%;
text-align:right;
}
.linkBox{
margin:15px;
text-align:center;
}

.lead{
padding:0 15px 15px 15px;
clear:both;
}
/**/
.shopTop{
margin:15px;
padding:5px;
background-color:rgba(255,255,255,0.60);
background-size:140px 133px;
}
.shopTop .copy{
padding:10px 5px 0 5px;
border-top:solid 1px #CCC;
}
.shopTop .img{
padding:10px 0 0 0;
text-align:center;
}
.shopTop .left{
padding:0 4px;
display:inline;
}
.shopTop .right{
padding:0 4px;
display:inline;
}
.shopTop .lead{
padding:10px 5px 0 5px;
}
.shopTop .btn{
margin:0 auto;
padding:10px 0;
border-bottom:solid 1px #CCC;
text-align:center;
}
.shopTop .btn:after{
content:"";
display:block;
clear:both;
}
.shopTop .btn li{
padding:0 5px;
display:inline;
}
.shopTop .btn li.left{
padding:0 3px 0 5px;
display:inline;
}
.shopTop .btn li.right{
padding:0 5px 0 3px;
display:inline;
}
.categoryRuby{
padding:10px 0 0 0;
color:#831107;
text-align:center;
}
.categoryRuby .space{
padding:0.3em;
font-size:200%;
}
h2.categoryTit{
padding:5px 0 0 0;
color:#831107;
text-align:center;
font-size:200%;
line-height:100%;
border:none;
}
.categoryImg{
padding:10px 0 0 0;
text-align:center;
}
.categoryLead{
padding:10px 0 0 0;
}
.categoryLaout{
margin:10px 0 0 0;
padding:0;
width:100%;
}
.categoryLaout:after{
content:"";
display:block;
clear:both;
}
.categoryTable{
padding:0;
width:100%;
}
.categoryTable th{
padding:0 10px 0 0;
text-align:left;
vertical-align:top;
}
.categoryTable td{
padding:0;
}

.categoryTable td dl{
margin:5px 0 0 0;
width:100%;
}
.categoryTable td dl.total{
padding:5px 0 0 0;
width:100%;
border-top:solid 1px #CCC;
}
.categoryTable td dt{
float:left;
width:5.0em;
font-weight:bold;
}
.categoryTable td dd{
padding-left:5.0em;
word-break:break-all;
}
.categoryTable td dl.total input{
width:2.2em;
padding:0;
margin:0 0 0 5px;
line-height:1.0;
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
-webkit-appearance: none;
-moz-appearance: none;
}
.categoryTable td dl.select dt{
float:left;
width:3.0em;
font-weight:bold;
}
.categoryTable td dl.select dd{
padding-left:3.0em;
}
.categoryTable td dl.select input{
width:2.2em;
padding:0;
margin:0 0 0 5px;
line-height:1.0;
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
-webkit-appearance: none;
-moz-appearance: none;
text-align:right;
}
.categoryTable td .btn{
padding:10px 0 0 0;
text-align:right;
}
.price{
color:#831107;
font-size:140%;
}
.small{
font-size:70%;
}
/**/
.kodawariCopy{
margin:15px;
padding:5px;
background:#fff url(../../img/kodawari_bg.png) no-repeat 100% 100%;
background-color:rgba(255,255,255,0.60);
background-size:140px 133px;
}
.kodawariCopy h2{
padding:10px 0 0 0;
border-top:solid 1px #CCC;
}
.kodawariCopy ul{
padding:0 0 10px 0;
border-bottom:solid 1px #CCC;
}
.kodawariCopy li{
margin-left:2.0em;
text-indent:-2.0em;
padding:5px 0 0 0;
}
/**/
#kodawari01 .img01{
margin:15px 0 0 0;
text-align:center;
clear:both;
}
.box#kodawari02{
border-top:none;
}
#kodawari02 .img02{
margin:15px 0 0 0;
text-align:center;
clear:both;
}
#kodawari02 .img03{
margin:15px 0 0 0;
text-align:center;
clear:both;
}
#kodawari01 .btn01,
#kodawari02 .btn01{
margin:15px auto 0 auto;
text-align:center;
clear:both;
}
#kodawari01 ul,
#kodawari02 ul{
margin-top:10px;
}
#kodawari01 li,
#kodawari02 li{
margin-top:2px;
padding:0 0 0 12px;
background:url(../../img/kodawari_mark01.gif) no-repeat 0 0.4em;
background-size:9px 10px;
}
#kodawari01 li:nth-child(even),
#kodawari02 li:nth-child(even){
background:url(../../img/kodawari_mark02.gif) no-repeat 0 0.4em;
background-size:9px 10px;
}

/**/
.productCopy{
margin:15px 15px 15px 15px;
padding:5px;
background:#fff url(../../img/yuba_bg.png) no-repeat 100% 100%;
background-color:rgba(255,255,255,0.60);
background-size:140px 133px;
}
.productCopy p{
padding:10px 0;
border-top:solid 1px #CCC;
border-bottom:solid 1px #CCC;
line-height:280%;
}
.productBox{
padding:15px;
background:#F5EEE6;
text-aling:center;
clear:both;
}
.productLayout{
margin:15px auto 0 auto;
width:290px;
clear:both;
}
.productLayout:after{
content:"";
display:block;
clear:both;
}
/**/
#manju .img01{
text-align:center;
clear:both;
}
#manju .img02{
float:left;
}
#manju .img03{
float:right;
}
#manju .img04{
padding-top:5px;
float:left;
}
#manju .img05{
padding-top:5px;
float:right;
}
#manju .productLayout{
margin:5px auto 0 auto;
}
/**/
#yuba .img01{
text-align:center;
clear:both;
}
#yuba .img01{
text-align:center;
clear:both;
}
#yuba .img02{
padding-right:10px;
float:left;
}
#yuba .img03{
float:left;
}
#yuba .img04{
float:right;
}
#yuba .txt01{
margin:15px auto 0 auto;
width:290px;
clear:both;
}
/**/
#fu01 .img01{
float:left;
}
#fu01 .img02{
float:right;
}
#fu01 p{
margin:15px 0 0 0;
clear:both;
}
.box#fu02{
border-top:none;
}
#fu02 .img03{
text-align:center;
clear:both;
}
#fu02 .img04{
width:80px;
float:left;
}
#fu02 .img05{
width:120px;
float:left;
}
#fu02 .img06{
width:70px;
float:right;
}
#fu02 .img04 dt,
#fu02 .img05 dt,
#fu02 .img06 dt{
height:55px;
text-align:center;
}
#fu02 .img04 dd,
#fu02 .img05 dd,
#fu02 .img06 dd{
padding:10px 0 0 0;
text-align:center;
}
#fu02 p{
margin:15px 0 0 0;
clear:both;
}
#fu02 .btn01{
margin:15px auto 0 auto;
text-align:center;
clear:both;
}
.season{
margin:15px 0 0 0;
padding:15px 10px;
border-top:solid 1px #ccc;
clear:both;
}
#fu02 h3{
padding-left:5px;
border-left:solid 3px #867436;
width:290px;
clear:both;
}
/**/
.processLayout{
}
.processLayout dl{
margin:10px 0 0 0;
}
.processLayout dt{
width:4.5em;
float:left;
}
.processLayout dd{
padding:0 0 0 4.5em;
}
/**/
h1.company{
font-size:160%;
}
.companyLayout{
}
.companyLayout dl{
margin:10px 0 0 0;
}
.companyLayout dt{
width:5.8em;
float:left;
}
.companyLayout dd{
padding:0 0 0 5.8em;
}
.clear{
clear:both;
}

.topBtn{
padding:10px 15px;
background:#831107;
}
.topBtn ul{
padding:0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:#fff;
}
.topBtn ul:after{
content:"";
display:block;
clear:both;
}
.topBtn li{
padding:5px 0;
float:left;
width:33%;
text-align:center;
background:none;
}
.topBtn li dl {
background:url(../../img/top_line.gif) no-repeat 0 50%;
background-size:2px 45px;
}
.topBtn li:first-child dl {
background:none;
}
.topBtn li dl a {
padding:5px 0 0 0;
display:block;
text-decoration:none;
}

.fumekuriBox{
padding:0;
text-align:center;
}
.fumekuri01{
padding:15px;
background:#F6EDDC;
}
.fumekuri02{
padding:15px;
background:#EEF5E3;
}
.fumekuri03{
padding:15px;
background:#E7F5F5;
}
.fumekuri04{
padding:15px;
background:#F9E6E8;
}
.confirmTotal{
padding:15px;
}
.confirmTotal .btn{
padding:10px 0 0 0;
float:left;
width:128px;
}
.confirmTotal dl{
padding:0 0 0 138px;
}
.confirmTotal dt{
float:left;
width:7.4em;
border-bottom:solid 1px #ccc;
text-align:right;
color:#836F3A;
font-weight:bold;
}
.confirmTotal dd{
padding:0 0 0 7.4em;
border-bottom:solid 1px #ccc;
text-align:right;
}
input[type="text"]{
background:#fff;
/*
border:solid 1px #ccc;
padding:4px;
*/
}
input.disabled{
background:#831107;
/*
border:solid 1px #ccc;
padding:4px;
*/
}
input[type="image"].disabled{
opacity:0.5;
border:none;
padding:0;
}
select.disabled{
position:relative;
top:2px;
background-color:#831107;
height:1.85em;
margin-bottom:4px;
padding:2px;
/*
font-size:90%;
*/
}
.mapBox .img{
margin-top:10px;
text-align:center;
}
.mapBox .link{
margin-top:5px;
text-align:center;
}
/* sp */
@media screen and (max-width: 640px){

}