﻿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:#666}#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 #fff;height:18px;width:25px;display:inline-block;position:relative;top:4px}.sp{display:none}@media only screen and (max-width: 720px){.tab{display:none !important}.sp{display:inherit}}@media only screen and (max-width: 480px){.pc{display:none !important}.sp{display:inherit}}header{background-color:#000;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}header figure img{width:100%}header h1{margin:0 auto 0;max-width:960px;text-align:center;font-size:20px;font-size:1.25rem;color:#fff;padding:20px 0 25px}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}.times{width:100%;margin-top:60px}.times .inner{overflow:hidden;margin:0 auto 0;max-width:960px}.times .inner figure{float:right;margin-top:0;line-height:0;width:470px}.times .inner figure img{width:100%}@media only screen and (max-width: 980px){.times .inner figure{float:none;max-width:310px;margin:10px auto}}@media only screen and (max-width: 480px){.times .inner figure{width:auto;padding:0 10px}}.times .inner div{max-width:450px;margin-top:60px;margin-left:20px;margin-right:20px;float:left}.times .inner div h2{font-weight:bold;font-size:16px;font-size:1rem;padding:0 0 10px}@media only screen and (max-width: 720px){.times .inner div h2{padding:0}}@media only screen and (max-width: 980px){.times .inner div{float:none;display:block;max-width:960px;margin:10px auto 0;padding:0 10px}}@media only screen and (max-width: 480px){.times .inner div{width:auto}}@media only screen and (max-width: 720px){.times{margin-top:30px}}.merit{margin:60px auto 60px;max-width:940px;border:1px solid #666;overflow:hidden;padding:10px}@media only screen and (max-width: 980px){.merit{margin:20px 10px 30px;max-width:100%}}.merit .caption{float:right;max-width:432px;margin:44px 180px 0 0}.merit .caption h2{font-weight:bold;margin-bottom:20px}@media only screen and (max-width: 980px){.merit .caption{margin:0 0 10px}.merit .caption h2{margin-bottom:0}}.merit figure{float:left;max-width:470px;line-height:0}.merit figure img{width:100%}@media only screen and (max-width: 980px){.merit .caption,.merit figure{float:none}.merit figure{margin:0 auto}}.daily{width:100%;margin-top:60px}.daily .inner{overflow:hidden;margin:0 auto 0;max-width:960px}.daily .inner figure{float:right;margin-top:90px;line-height:0;width:470px}.daily .inner figure img{width:100%}@media only screen and (max-width: 980px){.daily .inner figure{float:none;max-width:310px;margin:10px auto}}@media only screen and (max-width: 480px){.daily .inner figure{width:auto;padding:0 10px}}.daily .inner div{max-width:450px;margin-top:0px;margin-left:20px;margin-right:20px;float:left}.daily .inner div h2{font-weight:bold;font-size:16px;font-size:1rem;padding:0 0 10px}@media only screen and (max-width: 720px){.daily .inner div h2{padding:0}}@media only screen and (max-width: 980px){.daily .inner div{float:none;display:block;max-width:960px;margin:10px auto 0;padding:0 10px}}@media only screen and (max-width: 480px){.daily .inner div{width:auto}}.daily .inner p{margin-bottom:10px}.daily .inner p:last-child{margin-bottom:0}@media only screen and (max-width: 720px){.daily{margin-top:30px}}.washing{width:100%;margin-top:60px}.washing .inner{overflow:hidden;margin:0 auto 0;max-width:960px}.washing .inner figure{float:left;margin-top:0;line-height:0;width:470px}.washing .inner figure img{width:100%}@media only screen and (max-width: 980px){.washing .inner figure{float:none;max-width:310px;margin:10px auto}}@media only screen and (max-width: 480px){.washing .inner figure{width:auto;padding:0 10px}}.washing .inner div{max-width:450px;margin-top:26px;margin-left:20px;margin-right:20px;float:right}.washing .inner div h2{font-weight:bold;font-size:16px;font-size:1rem;padding:0 0 10px}@media only screen and (max-width: 720px){.washing .inner div h2{padding:0}}@media only screen and (max-width: 980px){.washing .inner div{float:none;display:block;max-width:960px;margin:10px auto 0;padding:0 10px}}@media only screen and (max-width: 480px){.washing .inner div{width:auto}}.washing .inner p{margin-bottom:10px}.washing .inner p:last-child{margin-bottom:0}@media only screen and (max-width: 720px){.washing{margin-top:30px}}.eco{width:100%;margin-top:60px}.eco .inner{overflow:hidden;margin:0 auto 0;max-width:960px}.eco .inner figure{float:right;margin-top:0;line-height:0;width:470px}.eco .inner figure img{width:100%}@media only screen and (max-width: 980px){.eco .inner figure{float:none;max-width:310px;margin:10px auto}}@media only screen and (max-width: 480px){.eco .inner figure{width:auto;padding:0 10px}}.eco .inner div{max-width:450px;margin-top:50px;margin-left:20px;margin-right:20px;float:left}.eco .inner div h2{font-weight:bold;font-size:16px;font-size:1rem;padding:0 0 10px}@media only screen and (max-width: 720px){.eco .inner div h2{padding:0}}@media only screen and (max-width: 980px){.eco .inner div{float:none;display:block;max-width:960px;margin:10px auto 0;padding:0 10px}}@media only screen and (max-width: 480px){.eco .inner div{width:auto}}@media only screen and (max-width: 720px){.eco{margin-top:30px}}.note{font-size:10px;font-size:0.625rem}@media only screen and (max-width: 720px){.note{padding:0 10px}}h3{font-weight:700}#info{margin:0;padding:60px 0 30px;font-size:12px;font-size:0.75rem;line-height:1.61;letter-spacing:0.1em;background-color:#fff;text-align:center;color:#000;border-top:1px solid #ccc}@media only screen and (max-width: 480px){#info{padding:30px 10px 40px;letter-spacing:0em}}#info p{margin-bottom:30px}#info p a{color:#000}#info p a:active,#info p a:hover{color:#aaa}#info p.nextTips{position:relative;width:400px;height:40px;margin:30px auto;background-color:#fff;border:#cdcdcd 1px solid;color:#000}#info p.nextTips:hover{background-color:#ddd}@media only screen and (max-width: 720px){#info p.nextTips{height:40px}}@media only screen and (max-width: 480px){#info p.nextTips{width:300px;height:40px}}#info p.nextTips a{position:absolute;display:block;width:400px;height:20px;padding:10px 0}#info p.nextTips a:active,#info p.nextTips a:hover{color:#000}@media only screen and (max-width: 720px){#info p.nextTips a{height:40px}}@media only screen and (max-width: 480px){#info p.nextTips a{width:300px;height:40px}}nav{width:100%;background-color:#e9e9e9;height:40px;overflow:hidden;position:relative}nav p.tipsTitle{position:absolute}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: 720px){nav{height:30px}nav p.tipsTitle img{width:140px;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{height:60px}nav p.tipsTitle{position:relative;text-align:center;height:30px;border-bottom:1px solid #F0F0F0}nav #navWrapper{position:relative;width:100%}nav #navWrapper li.newsletterTop{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}
