@charset "UTF-8";
/*---------------------------------------------*/
*{margin:0px;padding:0px;}
html{width:100%;height:100%;margin:0;padding:0;}
body{position:relative;width:100%;height:100%;margin:0;padding:0;color:#83807A;font-size:14px;font-family:Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;text-align:left;line-height:1.6;background-color:#F7F5EF;}
.mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;opacity:0;visibility:hidden;}
.mask.openNav{opacity:1;visibility:visible;}
/*---------------------------------------------*/
a{color:#594031;text-decoration:none;}
a.btn{display:block;width:290px;height:40px;margin:20px auto 0 auto;padding:0;color:#85683F;text-align:center;line-height:40px;border:1px solid #85683F;}
a.btn img{width:20px;height:20px;margin:-5px 10px 0 0;padding:0;vertical-align:middle;}
img{max-width:100%;height:auto;margin:0 auto;padding:0;border:none;}
a img{text-decoration:none;}
img.circle{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
h1,h2,h3,h4{font-size:100%;line-height:1;clear:both;}
h2{margin:0 0 10px 0;padding:0;color:#4C4638;font-size:16px;font-family:"Sawarabi Mincho", serif;text-align:center;}
h2 img{width:25px;height:25px;margin:0 auto 10px auto;padding:0;}
h3{width:100%;margin:0 0 8px 0;padding:0 0 10px 0;color:#85683F;font-size:8px;font-weight:normal;text-align:center;border-bottom:1px solid #FFFFFF;-webkit-box-shadow:0 1px 0 #CCBA9D;-moz-box-shadow:0 1px 0 #CCBA9D;-ms-box-shadow:0 1px 0 #CCBA9D;-o-box-shadow:0 1px 0 #CCBA9D;box-shadow:0 1px 0 #CCBA9D;}
h4{width:130px;height:24px;margin:0 auto 10px auto;padding:0;color:#FFFFFF;font-size:14px;font-weight:normal;text-align:center;line-height:24px;background-color:rgba(205,187,156,0.5);-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;border-radius:12px;}
p{display:inline-block;max-width:100%;margin:0 auto;padding:0;text-align:left;}
em{color:#FFC01A;font-style:normal;font-weight:bold;}
strong{color:#FF6666;font-style:normal;font-weight:normal;}
ul{list-style:none;text-align:left;}
ul.list{width:100%;max-width:400px;margin:0 auto;padding:0;}
ul.list li a{display:block;width:100%;margin:0;padding:10px 0 10px 10px;color:#85683F;border-bottom:1px dotted #CDBB9C;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;background:url(../images/arrow.png) no-repeat right center;}
ul.list li a:hover{color:#4C4638;}
ul.list li:last-child a{border:none;}
/*table---------------------------------------------*/
table{width:100%;height:auto;margin:15px 0;padding:0;font-size:100%;text-align:left;border-collapse:separate;border-spacing:1px;border:none;}
table.tdonly{margin:0;}
table tbody th{margin:0;padding:10px;color:#85683F;font-weight:normal;text-align:center;vertical-align:middle;border-right:1px solid #CDBB9C;border-bottom:1px dotted #CDBB9C;white-space:nowrap !important;}
table tbody td{margin:0;padding:10px;text-align:left;vertical-align:middle;border-left:1px solid #FFFFFF;border-bottom:1px dotted #CDBB9C;}
table.tdonly tbody td{border-left:none;}
table.tdonly tbody td img{max-width:100%;min-width:100px;max-height:100%;}
table.tdonly tbody tr:last-child th,
table.tdonly tbody tr:last-child td{border-bottom:none;}
dl{width:100%;height:auto;margin:15px 0;padding:0;font-size:100%;text-align:left;}
dl dt{height:30px;margin:0;padding:0 10px;color:#594031;line-height:30px;background-color:#CDBB9C;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
dl dd{margin:0;padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
/*header---------------------------------------------*/
.header{position:fixed;left:0;right:0;top:0;width:100%;height:60px;margin:0;padding:0;background-color:#F7F5EF;}
.header h1{position:absolute;top:0;bottom:0;left:0;right:0;width:80px;height:50px;margin:auto;padding:0;text-align:center;}
.header h1 img{height:50px;}
.header ul{position:absolute;top:10px;right:0;text-align:left;vertical-align:middle;}
.header ul li{display:inline-block;width:40px;height:40px;}
.header ul li img{width:40px;height:40px;}
/*contents---------------------------------------------*/
#contents{width:100%;margin:60px auto 0 auto;padding:0;}
#contents .section{width:100%;margin:0;padding:30px 15px;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
#contents .section:nth-child(2n){background-color:#FFFFFF;}
/*contentsNavi---------------------------------------------*/
.contentsNavi{width:100%;height:30px;margin:0 auto;padding:0;font-size:10px;text-align:center;vertical-align:middle;}
.contentsNavi:nth-child(1){background-color:#85683F;}
.contentsNavi:nth-child(2){background-color:#CDBB9C;}
.contentsNavi li{display:inline-block;height:30px;margin:0;padding:0;line-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
.contentsNavi li.w20{width:20%; max-width:128px;}/*5行*/
.contentsNavi li.w25{width:25%; max-width:160px;}/*4行*/
.contentsNavi li.w30{width:30%; max-width:192px;}/*3行①②*/
.contentsNavi li.w40{width:40%; max-width:256px;}/*3行③*/
.contentsNavi a{display:block;width:100%;height:100%;}
.contentsNavi:nth-child(1) a{color:#F7F5EF;}
.contentsNavi:nth-child(2) a{color:#594031;}
/*footer---------------------------------------------*/
.footer{position:relative;width:100%;margin:0;padding:20px 0 30px 0;text-align:center;background-color:#85683F;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;z-index:-1;}
.footer #pagetop{position:absolute;top:0;left:0;right:0;width:50px;height:25px;margin:auto;padding:0;overflow:hidden;}
.footer #pagetop img{width:50px;height:25px;}
.footer #companyLogo{clear:both;width:100%;height:40px;margin:30px 0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
.footer #companyLogo img{width:230px;height:70px;}
/*footerNavi*/
.footer #footerNavi{max-width:650px;margin:40px auto 0 auto;}
.footer #footerNavi div{float:left;width:200px;margin:0 15px 30px 0;padding:0;color:#FFF;vertical-align:top;text-align:left;line-height:2.6;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
.footer #footerNavi div:nth-child(3){margin:0 0 30px 0;}
@media (max-width:650px){.footer #footerNavi{width:415px !important;}.footer #footerNavi div:nth-child(2){margin:0 0 30px 0;}}
@media (max-width:430px){.footer #footerNavi{width:200px !important;}.footer #footerNavi div{margin:0 0 30px 0;}}
#footerNavi h3{margin:0;padding:0 0 10px 16px;color:#FFF;font-size:16px;text-align:left;font-family:"Sawarabi Mincho", serif;border-bottom:1px dotted #FFF;background:url(../images/footerArrow.png) no-repeat left top;box-sizing:border-box;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;}
#footerNavi h3:before{border:none;}
#footerNavi ul{margin:5px 0 0 10px;padding:0;list-style-type:none;}
#footerNavi ul li{margin:0;padding:0;font-size:14px;}
#footerNavi ul li:before{content:'・';margin-left:-10px;}
#footerNavi ul li a{color:#FFFFFF;}
/*globalNavi---------------------------------------------*/
.globalNavi{position:fixed;left:0;top:0;width:280px;height:100%;visibility:hidden;}
.globalNavi.openNav{visibility:visible;}
#navToggle{display:block;position:absolute;left:0;top:0;width:60px;height:50px;cursor:pointer;visibility:visible;}
#navToggle div{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999;}
#navToggle span{display:block;position:absolute;left:21px;width:18px;height:2px;border-bottom:solid 2px #85683F;-webkit-transition:.35s ease-in-out;-moz-transition:.35s ease-in-out;-ms-transition:.35s ease-in-out;-o-transition:.35s ease-in-out;transition:.35s ease-in-out;box-sizing:border-box;}
#navToggle span:nth-child(1){top:21px;}
#navToggle span:nth-child(2){top:27px;}
#navToggle span:nth-child(3){top:33px;}
.openNav #navToggle span:nth-child(1){top:25px;border-bottom:solid 2px #FFFFFF;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.openNav #navToggle span:nth-child(2),
.openNav #navToggle span:nth-child(3){top:25px;border-bottom:solid 2px #FFFFFF;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.globalNavi #nav{position:absolute;top:0;left:-280px;overflow-y:scroll;width:100%;height:100%;padding:50px 15px 30px 15px;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-ms-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;text-align:left;background-color:#85683F;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
.openNav #nav{top:0;-moz-transform:translateX(280px);-webkit-transform:translateX(280px);-ms-transform:translateX(280px);-o-transform:translateX(280px);transform:translateX(280px);}
/*icon*/
.globalNavi ul.icon{position:absolute;top:0;right:0;margin:0;padding:0;text-align:right;vertical-align:middle;}
.globalNavi ul.icon li{display:inline-block;width:50px;height:50px;margin:0;padding:0;}
.globalNavi ul.icon li img{width:50px;height:50px;margin:0;padding:0;}
/*menu*/
.globalNavi ul.menu{margin:0;padding:0;}
.globalNavi ul.menu li{clear:both;width:100%;height:35px;margin:0;padding:0;font-size:14px;line-height:35px;}
.globalNavi ul.menu li a{position:relative;display:block;width:100%;height:100%;margin:0;padding:0 20px 0 0;color:#FFFFFF;text-align:right;border-bottom:1px dotted #CDBB9C;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;background:url(../images/gnaviArrow.png) no-repeat right center;}
.globalNavi ul.menu li a span{position:absolute;top:0;left:0;color:#CDBB9C;font-size:8px;}
/*shopLogo*/
.globalNavi ol{width:100%;margin:0 auto;padding:0;vertical-align:bottom;text-align:left;}
.globalNavi ol li{display:inline-block;margin:20px auto 0 auto;padding:0;text-align:center;list-style:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
.globalNavi ol li a{color:#FFF;}
.globalNavi ol li img{width:100%;max-width:180px;}
.globalNavi ol li:nth-child(even){margin:20px auto 0 auto;}
/*01トップページ---------------------------------------------*/
ul.certified{margin:0 auto;padding:0;text-align:center;vertical-align:top;}
ul.certified li{margin:20px 10px 0 10px;padding:0;display:inline-block;}
/*newYear---------------------------------------------*/
#newYear{background-image:url("../../images/newyear_top.png"),url("../../images/newyear_bottom.png");background-repeat:no-repeat,no-repeat;background-position:left top,right bottom;}
#newYear td:last-child{border-left:none;}
