﻿html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}body{-webkit-text-size-adjust:100%;color:#000;font-family:Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3' , Meiryo, 'メイリオ', 'MS PGothic', sans-serif;background-color:#fff;font-size:14px;font-size:0.875rem;line-height:1.61;letter-spacing:0.1em}@media only screen and (max-width: 480px){body{letter-spacing:0em}}a{text-decoration:underline;color:#000}a:active,a:hover{color:#d3d3d3}#pageTop{position:fixed;width:140px;height:30px;border:#ccc 1px solid;background-color:#fff;background-image:url(/mail/newsletter/common/images/btn-top.png);background-repeat:no-repeat;background-position:0 0;background-size:140px 30px;z-index:150;display:none;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;right:1%;bottom:46px}#pageTop a{display:block;width:140px;height:30px}.hide-text{text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize}footer{background-color:#000;text-align:center;letter-spacing:0;font-size:12px;font-size:0.75rem;padding:7px 0;width:100%;color:#fff}span.check{background:-moz-linear-gradient(transparent 0%, #FBB9CF 0%);background:-webkit-linear-gradient(transparent 0%, #FBB9CF 0%);background:-ms-linear-gradient(transparent 0%, #FBB9CF 0%);background:-o-linear-gradient(transparent 0%, #FBB9CF 0%);background:linear-gradient(rgba(0,0,0,0) 0%,#fbb9cf 0%)}.point:before{content:'';background:url("../images/ico-point.png") 0 0 no-repeat;height:18px;width:25px;display:inline-block;position:relative;top:4px}.sp{display:none}@media only screen and (max-width: 890px){.tab{display:none !important}.sp{display:inherit}}@media only screen and (max-width: 480px){.pc{display:none !important}.sp{display:inherit}}header{background-color:#9cc7ab;width:100%;padding:0;margin:0}@media only screen and (max-width: 480px){header{margin:0}}header figure{margin:0 auto 0;max-width:960px;line-height:0}header figure img{width:100%}header h1{width:100%;background-color:#000;text-align:center;font-size:20px;font-size:1.25rem;color:#fff;padding:20px 0 23px}header h1 .sub{font-size:16px;font-size:1rem}@media only screen and (max-width: 480px){header h1{font-size:18px;font-size:1.125rem;padding:10px 0}}.first,.closing{font-size:16px;font-size:1rem;margin:60px auto 60px;max-width:960px}@media only screen and (max-width: 480px){.first,.closing{margin:30px auto}}.first p,.closing p{padding:0 10px}.first p:first-child,.closing p:first-child{margin-bottom:10px}.wrap{margin:0 auto 0;max-width:960px}.wrap p{padding:0 24px}.tea h2,.casa h2,.sirose h2,.watch h2{font-size:16px;font-size:1rem;font-weight:bold;margin:0 0 10px 0;overflow:hidden}.tea h2:before,.casa h2:before,.sirose h2:before,.watch h2:before{content:'■';margin-right:5px}.scarf,.bag{margin-bottom:60px}@media only screen and (max-width: 480px){.scarf,.bag{margin-bottom:30px}}.scarf h2,.bag h2{font-size:16px;font-size:1rem;font-weight:bold;padding:0 0 10px 24px;overflow:hidden}.scarf h2:before,.bag h2:before{content:'■';margin-right:5px}.scarf figure,.bag figure{margin:0 auto 10px;max-width:855px;margin-top:10px}.scarf figure img,.bag figure img{width:100%}@media only screen and (max-width: 890px){.scarf figure,.bag figure{margin:0 auto 10px;max-width:480px;padding:0 24px}}.tea{margin-bottom:60px;overflow:hidden}@media only screen and (max-width: 480px){.tea{margin-bottom:30px}}.tea img{width:100%}.tea .inner{padding:10px 24px 0}.tea div.text{float:left;width:420px;padding:14px 0 0}@media only screen and (max-width: 980px){.tea div.text{float:none;width:100%;padding:6px 0 0}}.tea div.text h3{font-weight:bold;margin-top:20px}.tea div.text h3:first-child{margin-top:0}.tea div.text p{padding:0}.tea div.text p.ttlShop{margin:10px 0 5px;background-color:#ecd6d8;padding:0 10px}.tea div.text ul li{padding:0 10px}.tea div.text dl{margin:10px 0 0;padding:10px;background-color:#faf9e6}.tea div.text dl dt{font-weight:700}.tea figure{float:right;padding:0 0 0;margin:0 auto 0;max-width:480px}.tea figure img{width:100%}@media only screen and (max-width: 980px){.tea figure{float:none}}.tea div.fb_edit{padding-top:76px}@media only screen and (max-width: 980px){.tea div.fb_edit{padding-top:6px}}.casa{margin-bottom:60px;overflow:hidden}@media only screen and (max-width: 480px){.casa{margin-bottom:30px}}.casa img{width:100%}.casa .inner{padding:0px 24px 0}.casa div.text{float:left;float:right;width:420px;padding:34px 0 0}@media only screen and (max-width: 980px){.casa div.text{float:none;width:100%;padding:6px 0 0}}.casa div.text h3{font-weight:bold;margin-top:20px}.casa div.text h3:first-child{margin-top:0}.casa div.text p{padding:0}.casa div.text p.ttlShop{margin:10px 0 5px;background-color:#ecd6d8;padding:0 10px}.casa div.text ul li{padding:0 10px}.casa div.text dl{margin:10px 0 0;padding:10px;background-color:#faf9e6}.casa div.text dl dt{font-weight:700}.casa figure{float:right;float:left;padding:0 0 0;margin:0 auto 0;max-width:480px}.casa figure img{width:100%}@media only screen and (max-width: 980px){.casa figure{float:none}}.sirose{margin-bottom:60px;overflow:hidden}@media only screen and (max-width: 480px){.sirose{margin-bottom:30px}}.sirose img{width:100%}.sirose .inner{padding:0px 24px 0;overflow:hidden}.sirose div.text{float:left;width:420px;padding:46px 0 0}@media only screen and (max-width: 980px){.sirose div.text{float:none;width:100%;padding:6px 0 0}}.sirose div.text h3{font-weight:bold;margin-top:20px}.sirose div.text h3:first-child{margin-top:0}.sirose div.text p{padding:0}.sirose div.text p.ttlShop{margin:10px 0 5px;background-color:#ecd6d8;padding:0 10px}.sirose div.text ul li{padding:0 10px}.sirose div.text dl{margin:10px 0 0;padding:10px;background-color:#faf9e6}.sirose div.text dl dt{font-weight:700}.sirose figure{float:right;padding:0 0 0;margin:0 auto 0;max-width:480px}.sirose figure img{width:100%}@media only screen and (max-width: 980px){.sirose figure{float:none}}.watch{margin-bottom:60px;overflow:hidden}@media only screen and (max-width: 480px){.watch{margin-bottom:30px}}.watch img{width:100%}.watch .inner{padding:0px 24px 0;overflow:hidden}.watch div.text{float:left;float:right;width:420px;padding:32px 0 0}@media only screen and (max-width: 980px){.watch div.text{float:none;width:100%;padding:6px 0 0}}.watch div.text h3{font-weight:bold;margin-top:20px}.watch div.text h3:first-child{margin-top:0}.watch div.text p{padding:0}.watch div.text p.ttlShop{margin:10px 0 5px;background-color:#ecd6d8;padding:0 10px}.watch div.text ul li{padding:0 10px}.watch div.text dl{margin:10px 0 0;padding:10px;background-color:#faf9e6}.watch div.text dl dt{font-weight:700}.watch figure{float:right;float:left;padding:0 0 0;margin:0 auto 0;max-width:480px}.watch figure img{width:100%}@media only screen and (max-width: 980px){.watch figure{float:none}}.note{font-size:10px;font-size:0.625rem}@media only screen and (max-width: 890px){.note{padding:0 10px}}p.btnShop{margin:10px 24px 0;background-color:#ecd6d8;padding:14px 10px;border-bottom:2px solid #946161;cursor:pointer;position:relative;-moz-transition-property:all;-o-transition-property:all;-webkit-transition-property:all;transition-property:all;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;-webkit-transition-duration:0.3s;transition-duration:0.3s}p.btnShop:hover{background-color:#d7b8bb}p.btnShop:before{content:'';background:url("../images/icon-plus.png") 80% 50% no-repeat;display:block;position:absolute;top:0;right:0;height:50px;width:80px}@media only screen and (max-width: 480px){p.btnShop:before{background:url("../images/icon-plus@2x.png") 90% 50% no-repeat;background-size:10px 10px}}p.btnShop.active{background-color:#ecd6d8}p.btnShop.active:hover{background-color:#d7b8bb}p.btnShop.active:before{content:'';background:url("../images/icon-minus.png") 80% 50% no-repeat;display:block;position:absolute;top:0;right:0;height:50px;width:80px}@media only screen and (max-width: 480px){p.btnShop.active:before{background:url("../images/icon-minus.png") 90% 50% no-repeat}}.shopwrap{display:none;overflow:hidden;max-width:912px;margin:0 auto;padding:30px 0;font-size:12px;font-size:0.75rem;line-height:1.61;letter-spacing:0.1em}@media only screen and (max-width: 480px){.shopwrap{padding:10px 0;width:300px}}.shopwrap .shoplist{overflow:hidden}.shopwrap .shoplist h3{padding:0 0 10px 10px;font-size:16px;font-size:1rem;font-weight:bold}.shopwrap .shoplist h3 img{width:135px;height:40px}.shopwrap .shoplist div{width:25%;float:left;height:70px;min-width:150px;display:inline-block}.shopwrap .shoplist div dt,.shopwrap .shoplist div dd{margin-left:10px;word-break:break-all}.shopwrap .shoplist div dt.open,.shopwrap .shoplist div dd.open{font-size:10px;font-size:0.625rem;color:#ba2222;letter-spacing:0.1}.shopwrap .shoplist a{color:#323232}.shopwrap .shoplist a:hover{color:#999}nav{width:100%;background-color:#e9e9e9;height:40px;overflow:hidden}nav #navWrapper{max-width:960px;margin:0 auto;float:right}nav #navWrapper li{float:left}nav #navWrapper li.newsletterTop{margin-right:27px}@media only screen and (max-width: 890px){nav{height:30px}nav #navWrapper{float:right}nav #navWrapper li.newsletterTop{margin:0}nav #navWrapper li.newsletterTop img{width:155px;height:30px}nav #navWrapper li.backnumber img{width:120px;height:30px}}@media only screen and (max-width: 480px){nav #navWrapper{width:100%}nav #navWrapper li.newsletterTop{margin:0;float:left}nav #navWrapper li.backnumber{float:right}}footer a{color:#fff;text-decoration:underline}footer a:active,footer a:hover{color:#818181}footer p{line-height:1.4em}footer p.arrow:before{content:url("/mail/newsletter/common/images/arrow.png");margin-right:3px}
