﻿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:50px;height:50px;background-image:url(/mail/newsletter/common/images/btn-top-v2.png);background-repeat:no-repeat;background-position:0 0;background-size:50px 50px;z-index:150;display:none;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;right:4%;bottom:60px}#pageTop a{display:block;width:50px;height:50px}.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: 980px){.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;line-height:0}header figure img{width:100%}header .mv{position:relative;max-width:960px;margin:0 auto;height:500px}@media only screen and (max-width: 980px){header .mv{padding-top:56.25%;height:auto}}header .mv iframe{position:absolute;top:0;right:0;width:100% !important;height:100% !important}header h1{background-color:#000;border-top:1px solid #333;text-align:center;font-size:20px;font-size:1.25rem;color:#fff;padding:20px 0;margin-bottom:20px}header h1 figure{margin:0 auto 0;max-width:300px}header h1 figure img{width:100%}header h1 .sub{font-size:16px;font-size:1rem}@media only screen and (max-width: 980px){header h1{font-size:18px;font-size:1.125rem;padding:10px;margin-bottom:0}}.first,.closing{font-size:14px;font-size:0.875rem;text-align:center;margin:60px auto 60px;max-width:960px}@media only screen and (max-width: 480px){.first,.closing{margin:30px auto;text-align:left}}.first p,.closing p{padding:0 24px}.first p:first-child,.closing p:first-child{margin-bottom:10px}.wrap{margin:0 auto 0;max-width:730px}.contents,.colonia,.code{margin-bottom:60px}@media only screen and (max-width: 480px){.contents,.colonia,.code{margin-bottom:30px}}.contents h2,.colonia h2,.code h2{border-left:4px solid #000;font-size:16px;font-size:1rem;font-weight:bold;margin:0 0 10px 10px;padding:0 10px;overflow:hidden}@media only screen and (max-width: 980px){.contents h2,.colonia h2,.code h2{margin:0 0 0 10px}}.contents h3,.colonia h3,.code h3{font-size:14px;font-size:0.875rem;font-weight:bold;margin:10px 0 0 24px}.contents h3 .notes,.colonia h3 .notes,.code h3 .notes{font-weight:normal;font-size:12px;font-size:0.75rem}.contents p,.colonia p,.code p{padding:0 24px;margin-top:10px}.contents p:first-child,.colonia p:first-child,.code p:first-child{margin-top:0}.contents h3+p,.colonia h3+p,.code h3+p{margin-top:0}.checkList{position:relative;margin-left:0}.checkList:before{content:url("../images/icon-check-blue.png");position:relative;top:2px;margin-right:6px}.colonia div.inner{padding:0px 24px 0;overflow:hidden}.colonia div.text{float:left;float:right;width:340px;padding:60px 0 0}@media only screen and (max-width: 980px){.colonia div.text{float:none;width:100%;padding:6px 0 0}}.colonia div.text h3{font-weight:bold;margin-top:20px}.colonia div.text h3:first-child{margin-top:0}.colonia div.text p{padding:0}.colonia div.text .release,.colonia div.text .mark{position:relative;font-size:10px;font-size:0.625rem;text-align:center;background-color:#31496e;color:#fff;padding:4px 10px;line-height:0}@media only screen and (max-width: 480px){.colonia div.text .release,.colonia div.text .mark{padding:5px 10px 4px}}.colonia div.text .mark{font-size:11px;font-size:0.6875rem;background-color:#912f2f;margin-right:10px;top:-3px;font-weight:normal}@media only screen and (max-width: 980px){.colonia div.text .mark{top:-2px}}.colonia div.text .first_come{margin-bottom:40px;text-align:center;font-weight:bold;font-size:22px;font-size:1.375rem}@media only screen and (max-width: 980px){.colonia div.text .first_come{margin-bottom:10px;font-size:18px;font-size:1.125rem}}.colonia div.text .notes{font-size:10px;font-size:0.625rem}.colonia div.text dl{text-align:center}.colonia div.text dl dt{font-size:14px;font-size:0.875rem;font-weight:bold;margin-bottom:10px}.colonia div.text dl dd{font-size:12px;font-size:0.75rem}.colonia div.text dl dd.price,.colonia div.text dl dd.new{margin:10px 0}.colonia figure{float:right;float:left;padding:0px 0 0;margin:0 auto 0;max-width:330px}.colonia figure img{width:100%}@media only screen and (max-width: 980px){.colonia figure{padding:10px 0 0;float:none}}.code div.inner{padding:0px 24px 0;overflow:hidden}.code div.text{float:left;width:340px;padding:30px 0 0}@media only screen and (max-width: 980px){.code div.text{float:none;width:100%;padding:6px 0 0}}.code div.text h3{font-weight:bold;margin-top:20px}.code div.text h3:first-child{margin-top:0}.code div.text p{padding:0}.code div.text .release,.code div.text .mark{position:relative;font-size:10px;font-size:0.625rem;text-align:center;background-color:#31496e;color:#fff;padding:4px 10px;line-height:0}@media only screen and (max-width: 480px){.code div.text .release,.code div.text .mark{padding:5px 10px 4px}}.code div.text .mark{font-size:11px;font-size:0.6875rem;background-color:#912f2f;margin-right:10px;top:-3px;font-weight:normal}@media only screen and (max-width: 980px){.code div.text .mark{top:-2px}}.code div.text .first_come{margin-bottom:40px;text-align:center;font-weight:bold;font-size:22px;font-size:1.375rem}@media only screen and (max-width: 980px){.code div.text .first_come{margin-bottom:10px;font-size:18px;font-size:1.125rem}}.code div.text .notes{font-size:10px;font-size:0.625rem}.code div.text dl{text-align:center}.code div.text dl dt{font-size:14px;font-size:0.875rem;font-weight:bold;margin-bottom:10px}.code div.text dl dd{font-size:12px;font-size:0.75rem}.code div.text dl dd.price,.code div.text dl dd.new{margin:10px 0}.code figure{float:right;padding:0px 0 0;margin:0 auto 0;max-width:330px}.code figure img{width:100%}@media only screen and (max-width: 980px){.code figure{padding:10px 0 0;float:none}}.code a{color:#00A1CF}.code a:hover{text-decoration:none;color:#00A1CF}.present{margin:0 auto 0;max-width:760px}.present p{padding:0 24px;margin-top:10px}.present p:first-child{margin-top:0}.present div.inner{padding:0px 24px 0;overflow:hidden}.present div.text{float:left;float:right;width:340px;padding:42px 0 0}@media only screen and (max-width: 980px){.present div.text{float:none;width:100%;padding:6px 0 0}}.present div.text h3{font-weight:bold;margin-top:20px}.present div.text h3:first-child{margin-top:0}.present div.text p{padding:0}.present div.text .release,.present div.text .mark{position:relative;font-size:10px;font-size:0.625rem;text-align:center;background-color:#31496e;color:#fff;padding:4px 10px;line-height:0}@media only screen and (max-width: 480px){.present div.text .release,.present div.text .mark{padding:5px 10px 4px}}.present div.text .mark{font-size:11px;font-size:0.6875rem;background-color:#912f2f;margin-right:10px;top:-3px;font-weight:normal}@media only screen and (max-width: 980px){.present div.text .mark{top:-2px}}.present div.text .first_come{margin-bottom:40px;text-align:center;font-weight:bold;font-size:22px;font-size:1.375rem}@media only screen and (max-width: 980px){.present div.text .first_come{margin-bottom:10px;font-size:18px;font-size:1.125rem}}.present div.text .notes{font-size:10px;font-size:0.625rem}.present div.text dl{text-align:center}.present div.text dl dt{font-size:14px;font-size:0.875rem;font-weight:bold;margin-bottom:10px}.present div.text dl dd{font-size:12px;font-size:0.75rem}.present div.text dl dd.price,.present div.text dl dd.new{margin:10px 0}.present figure{float:right;float:left;padding:0px 0 0;margin:0 auto 0;max-width:330px}.present figure img{width:100%}@media only screen and (max-width: 980px){.present figure{padding:10px 0 0;float:none}}.wrap_g{background-color:#eee;padding:60px 0;margin-bottom:60px}@media only screen and (max-width: 480px){.wrap_g{padding:30px 0;margin-bottom:30px}}p.shop_txt{text-align:center;font-size:18px;font-size:1.125rem;font-weight:bold}p.weblink{margin:60px auto 60px;max-width:83%;text-align:center}p.weblink a{display:block;padding:6px 5px;text-decoration:none;color:#fff;background-color:#2C2B30;-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.weblink a:hover{color:#fff;background-color:#31496e}@media only screen and (max-width: 980px){p.weblink{margin:30px auto 80px;max-width:83%}}.other{text-align:center}.other p{padding:0 24px}@media only screen and (max-width: 480px){.other{text-align:left;margin-bottom:70px}}p.btnShop{margin:20px auto 0;max-width:912px;background-color:#BBC7DF;padding:14px 14px 14px 10px;border-bottom:2px solid #31496e;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}@media only screen and (max-width: 980px){p.btnShop{margin:10px 20px 0}}p.btnShop:hover{background-color:#8FA8C7}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}}div.wrap_g+p.btnShop{margin:0 auto}@media only screen and (max-width: 980px){div.wrap_g+p.btnShop{margin:0 20px}}.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: 980px){.shopwrap{margin:0 20px}}@media only screen and (max-width: 480px){.shopwrap{padding:10px 0;margin:0 auto;width:300px}}.shopwrap .shoplist{overflow:hidden;margin-left:5%}@media only screen and (max-width: 480px){.shopwrap .shoplist{margin-left:0}}.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}#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}@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: 980px){#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: 980px){#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}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: 980px){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{border-top:1px solid #333}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}
