@charset "utf-8";html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}main{display:block;margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent}h1,h2,h3,h4,h5,h6,strong{font-weight:400}ol,ul{list-style:none}a:focus{outline:none}a:hover,a:active{outline:0}blockquote:before,blockquote:after,q:before,q:after{content:none}mark{background:none}caption,th{text-align:left}video,audio,canvas{display:inline;zoom:1}svg:not(:root){overflow:hidden}audio:not([controls]),[hidden]{display:none}hr{display:none}img{max-width:100%;height:auto;width:auto;-ms-interpolation-mode:bicubic;vertical-align:top}sub,sup{position:relative;line-height:0;font-size:12px;font-size:1.2rem}sup{top:-.5em}sub{bottom:-.25em}address{font-style:normal}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:62.5%}body{color:#333;font-size:15px;font-size:1.5rem;font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;line-height:1.46;-webkit-font-smoothing:antialiased;text-align:left}input,select,textarea{font-size:15px;font-size:1.5rem;font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif}a:link{color:#683f0f;text-decoration:underline}a:visited{color:#963;text-decoration:none}a:hover{color:#683f0f;text-decoration:underline}a:active{color:#963;text-decoration:none}@media all and (min-width:641px){body{min-width:1000px}.forSp{display:none}}@media only screen and (max-width:640px){.forPc{display:none}}.mt0{margin-top:0!important}.mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mt25{margin-top:25px!important}.mt30{margin-top:30px!important}.mt35{margin-top:35px!important}.mt40{margin-top:40px!important}.mt45{margin-top:45px!important}.mt50{margin-top:50px!important}.mt55{margin-top:55px!important}.mt60{margin-top:60px!important}.mt65{margin-top:65px!important}.mt70{margin-top:70px!important}.mr0{margin-right:0!important}.mr5{margin-right:5px!important}.mr10{margin-right:10px!important}.mr15{margin-right:15px!important}.mr20{margin-right:20px!important}.mr25{margin-right:25px!important}.mr30{margin-right:30px!important}.mr35{margin-right:35px!important}.mr40{margin-right:40px!important}.mr45{margin-right:45px!important}.mr50{margin-right:50px!important}.mr55{margin-right:55px!important}.mr60{margin-right:60px!important}.mr65{margin-right:65px!important}.mr70{margin-right:70px!important}.mb0{margin-bottom:0!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.mb20{margin-bottom:20px!important}.mb25{margin-bottom:25px!important}.mb30{margin-bottom:30px!important}.mb35{margin-bottom:35px!important}.mb40{margin-bottom:40px!important}.mb45{margin-bottom:45px!important}.mb50{margin-bottom:50px!important}.mb55{margin-bottom:55px!important}.mb60{margin-bottom:60px!important}.mb65{margin-bottom:65px!important}.mb70{margin-bottom:70px!important}.ml0{margin-left:0!important}.ml5{margin-left:5px!important}.ml10{margin-left:10px!important}.ml15{margin-left:15px!important}.ml20{margin-left:20px!important}.ml25{margin-left:25px!important}.ml30{margin-left:30px!important}.ml35{margin-left:35px!important}.ml40{margin-left:40px!important}.ml45{margin-left:45px!important}.ml50{margin-left:50px!important}.ml55{margin-left:55px!important}.ml60{margin-left:60px!important}.ml65{margin-left:65px!important}.ml70{margin-left:70px!important}.pt0{padding-top:0!important}.pt5{padding-top:5px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt20{padding-top:20px!important}.pt25{padding-top:25px!important}.pt30{padding-top:30px!important}.pt35{padding-top:35px!important}.pt40{padding-top:40px!important}.pt45{padding-top:45px!important}.pt50{padding-top:50px!important}.pt55{padding-top:55px!important}.pt60{padding-top:60px!important}.pt65{padding-top:65px!important}.pt70{padding-top:70px!important}.pr0{padding-right:0!important}.pr5{padding-right:5px!important}.pr10{padding-right:10px!important}.pr15{padding-right:15px!important}.pr20{padding-right:20px!important}.pr25{padding-right:25px!important}.pr30{padding-right:30px!important}.pr35{padding-right:35px!important}.pr40{padding-right:40px!important}.pr45{padding-right:45px!important}.pr50{padding-right:50px!important}.pr55{padding-right:55px!important}.pr60{padding-right:60px!important}.pr65{padding-right:65px!important}.pr70{padding-right:70px!important}.pb0{padding-bottom:0!important}.pb5{padding-bottom:5px!important}.pb10{padding-bottom:10px!important}.pb15{padding-bottom:15px!important}.pb20{padding-bottom:20px!important}.pb25{padding-bottom:25px!important}.pb30{padding-bottom:30px!important}.pb35{padding-bottom:35px!important}.pb40{padding-bottom:40px!important}.pb45{padding-bottom:45px!important}.pb50{padding-bottom:50px!important}.pb55{padding-bottom:55px!important}.pb60{padding-bottom:60px!important}.pb65{padding-bottom:65px!important}.pb70{padding-bottom:70px!important}.pl0{padding-left:0!important}.pl5{padding-left:5px!important}.pl10{padding-left:10px!important}.pl15{padding-left:15px!important}.pl20{padding-left:20px!important}.pl25{padding-left:25px!important}.pl30{padding-left:30px!important}.pl35{padding-left:35px!important}.pl40{padding-left:40px!important}.pl45{padding-left:45px!important}.pl50{padding-left:50px!important}.pl55{padding-left:55px!important}.pl60{padding-left:60px!important}.pl65{padding-left:65px!important}.pl70{padding-left:70px!important}.w001per{width:1%!important}.w002per{width:2%!important}.w003per{width:3%!important}.w004per{width:4%!important}.w005per{width:5%!important}.w006per{width:6%!important}.w007per{width:7%!important}.w008per{width:8%!important}.w009per{width:9%!important}.w010per{width:10%!important}.w011per{width:11%!important}.w012per{width:12%!important}.w013per{width:13%!important}.w014per{width:14%!important}.w015per{width:15%!important}.w016per{width:16%!important}.w017per{width:17%!important}.w018per{width:18%!important}.w019per{width:19%!important}.w020per{width:20%!important}.w021per{width:21%!important}.w022per{width:22%!important}.w023per{width:23%!important}.w024per{width:24%!important}.w025per{width:25%!important}.w026per{width:26%!important}.w027per{width:27%!important}.w028per{width:28%!important}.w029per{width:29%!important}.w030per{width:30%!important}.w031per{width:31%!important}.w032per{width:32%!important}.w033per{width:33%!important}.w034per{width:34%!important}.w035per{width:35%!important}.w036per{width:36%!important}.w037per{width:37%!important}.w038per{width:38%!important}.w039per{width:39%!important}.w040per{width:40%!important}.w041per{width:41%!important}.w042per{width:42%!important}.w043per{width:43%!important}.w044per{width:44%!important}.w045per{width:45%!important}.w046per{width:46%!important}.w047per{width:47%!important}.w048per{width:48%!important}.w049per{width:49%!important}.w050per{width:50%!important}.w051per{width:51%!important}.w052per{width:52%!important}.w053per{width:53%!important}.w054per{width:54%!important}.w055per{width:55%!important}.w056per{width:56%!important}.w057per{width:57%!important}.w058per{width:58%!important}.w059per{width:59%!important}.w060per{width:60%!important}.w061per{width:61%!important}.w062per{width:62%!important}.w063per{width:63%!important}.w064per{width:64%!important}.w065per{width:65%!important}.w066per{width:66%!important}.w067per{width:67%!important}.w068per{width:68%!important}.w069per{width:69%!important}.w070per{width:70%!important}.w071per{width:71%!important}.w072per{width:72%!important}.w073per{width:73%!important}.w074per{width:74%!important}.w075per{width:75%!important}.w076per{width:76%!important}.w077per{width:77%!important}.w078per{width:78%!important}.w079per{width:79%!important}.w080per{width:80%!important}.w081per{width:81%!important}.w082per{width:82%!important}.w083per{width:83%!important}.w084per{width:84%!important}.w085per{width:85%!important}.w086per{width:86%!important}.w087per{width:87%!important}.w088per{width:88%!important}.w089per{width:89%!important}.w090per{width:90%!important}.w091per{width:91%!important}.w092per{width:92%!important}.w093per{width:93%!important}.w094per{width:94%!important}.w095per{width:95%!important}.w096per{width:96%!important}.w097per{width:97%!important}.w098per{width:98%!important}.w099per{width:99%!important}.w100per{width:100%!important}.aC{text-align:center!important}.aL{text-align:left!important}.aR{text-align:right!important}.vT{vertical-align:top!important}.vM{vertical-align:middle!important}.vB{vertical-align:bottom!important}.dB{display:block!important}.dN{display:none!important}.fR,.fL,.fN{margin-top:20px}.fR>*{float:right!important}.fL>*{float:left!important}.fN>*{float:none!important}.fR>*:first-child,.fL>*:first-child,.fN>*:first-child{margin-top:0!important}.clearB{clear:both!important}.clearR{clear:right!important}.clearL{clear:left!important}.clearN{clear:none!important}.voiceGuide{display:block;width:1px;height:1px;margin:0;padding:0;position:absolute;top:0;left:0;overflow:hidden;font-size:0}.mwA img{max-width:none!important}html{background-color:#fff}body{background-color:#fff}#breadcrumbNav>ul,#globalHeader #companyHeader{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}[class^=megaContents]>.inner,.messageBlock>.inner,#headerContainer #globalNav,#breadcrumbNav>ul,#contents .contentsInner{position:relative;width:1000px;max-width:1000px;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}#headerContainer p,#footerContainer p,#breadcrumbNav p{margin-top:0}#footerContainer,.brandSiteFooter{border-top:0!important}@media print,screen and (min-width:641px){#breadcrumbNav{border-top:1px solid #deded9}#footerContainer p,.brandSiteFooter .link a{color:#fff;font-size:16px;line-height:24px}.brandSiteFooter .link a{text-decoration:none}}a{-webkit-transition:border-color 0.25s linear,background-color 0.25s linear,color 0.25s linear,opacity 0.25s linear;-moz-transition:border-color 0.25s linear,background-color 0.25s linear,color 0.25s linear,opacity 0.25s linear;-ms-transition:border-color 0.25s linear,background-color 0.25s linear,color 0.25s linear,opacity 0.25s linear;-o-transition:border-color 0.25s linear,background-color 0.25s linear,color 0.25s linear,opacity 0.25s linear;transition:border-color 0.25s linear,background-color 0.25s linear,color 0.25s linear,opacity 0.25s linear}#globalFooter #siteIdentity>ul>li,#megaMenu .megeList>li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}#globalHeader .siteLogo a:hover,#entryBtn a:hover,#footerContainer .pageTop a:hover{opacity:.65;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=65)}.pageTop>a{position:fixed;right:20px;bottom:140px;text-indent:-9999px;outline:0;width:90px;height:90px;background:url(/ph/coccoapo/common/img/pagetop.png) no-repeat 0 0;z-index:10000}.spOnly,#spMenu{display:none}#mainContents{min-width:1000px;margin:0 auto;overflow:hidden;position:relative}.brandSiteHeader .logo{margin-left:0!important}#globalHeader{position:relative;z-index:9999;box-shadow:0 5px 10px -3px #ccc}#globalHeader .home span{position:absolute;top:18px;left:285px;width:80px;height:13px;text-indent:-9999px;background:url(/ph/coccoapo/common/img/com_tx01.gif) no-repeat 0 0}#globalHeader .kampo span{position:absolute;top:45px;right:0;width:101px;height:25px;text-indent:-9999px;background:url(/ph/coccoapo/common/img/com_bt01.gif) no-repeat 0 0}#siteHeader .brandLogo{padding:27px 0 0;float:left}#siteHeader .brandLogo span{display:none}#siteHeader .siteUtility{float:right}#siteHeader .siteUtility .siteLinks>li:first-child{width:139px}#siteHeader .siteUtility .siteLinks>li{font-size:13px;font-size:1.3rem;width:138px;height:91px;padding:18px 0 11px;display:table;vertical-align:middle;box-sizing:border-box;float:left}#siteHeader .siteUtility .siteLinks>li#menu_contact{display:none}#siteHeader .siteUtility .siteLinks>li>a{color:#333;font-size:14px;line-height:20px;width:138px;height:56px;padding:0;text-align:center;text-decoration:none;border-right:solid 1px #bbb;display:table-cell;vertical-align:middle;box-sizing:border-box}#siteHeader .siteUtility .siteLinks>li:first-child>a{width:139px;border-left:solid 1px #bbb}#siteHeader .siteUtility .siteLinks>li>a.spOnly{display:none}#siteHeader .siteUtility .sns{padding-left:20px}#siteHeader .siteUtility .sns>li{float:left;margin-left:6px}#siteHeader .siteUtility .sns>li.twitter{margin-top:2px;margin-left:0}#siteHeader .sns .contact_link{padding-left:20px;padding-right:10px}#siteHeader .sns .contact_link a{color:#fff;font-size:14px;position:relative;padding:0 0 0 15px;text-decoration:none}#siteHeader .sns .contact_link a:hover{text-decoration:underline}#siteHeader .sns .contact_link a:after{position:absolute;left:0;top:50%;width:11px;height:10px;margin-top:-6.5px;content:"＞";font-size:10px}#siteHeaderTop{padding:10px 0;background:#8e8985;clear:both}#siteHeader .inner{width:1000px;margin:0 auto}#siteHeaderTop h1{color:#fff;font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;font-style:normal;font-size:20px;text-align:left;float:left}#siteHeaderTop ul.sns{padding:2px 0 0 20px;display:table-cell;vertical-align:middle;float:right}#siteHeaderTop ul.sns li.twitter{margin-top:1px;margin-left:0}#siteHeaderTop ul.sns li{float:left;margin-left:6px}#headerContainer>nav{box-shadow:0 4px 8px #999;position:relative;z-index:1}#globalNav>ul>li{display:table;float:left;font-weight:700;text-align:center}#globalNav>ul>li.list01{width:211px}#globalNav>ul>li.list02{width:169px}#globalNav>ul>li.list03{width:198px}#globalNav>ul>li.list04{width:160px}#globalNav>ul>li.list05{width:118px}#globalNav>ul>li.list06{width:114px}#globalNav>ul>li>a{display:table-cell;height:70px;padding:0 0 0 24px;vertical-align:middle;color:#3b0055;text-decoration:none}#globalNav>ul>li:after{position:absolute;left:20px;top:50%;width:12px;height:14px;content:"";margin-top:-7px;background:url(/ph/coccoapo/common/img/com_sprite_ic01.png) no-repeat -19px 0}#globalNav>ul>li.megaLink:after{width:14px;height:12px;margin-top:-5px;background-position:0 0}#globalNav>ul>li.megaLink.open:after{width:14px;height:12px;margin-top:-5px;background-position:-285px 0}#globalNav>ul>li>a:hover{text-decoration:underline}.megaMenu{width:100%;height:0;position:absolute;top:140px;left:0;visibility:hidden;opacity:0;background:#fff;border-top:solid 1px #d6d6d6;z-index:99}.megaMenu .inner{width:1000px;padding:24px 0 25px;margin:0 auto}#siteHeader .siteUtility .siteLinks>li:hover .megaMenu{height:177px;visibility:visible;opacity:1}.megaMenu h2{padding:0 43px 0 0;float:left}#menu_products .megaMenu h2{padding:0 38px 0 0}#menu_magazine .megaMenu h2{visibility:hidden}.megaMenu h2 a{color:#000;font-size:14px;line-height:20px;text-align:center;text-decoration:none;width:128px;height:128px;border:solid 1px #d6d6d6;float:left;box-sizing:border-box}.megaMenu ul{text-align:left}.megaMenu ul li{margin:10px 0;display:inline-block}.megaMenu ul li a{color:#333;text-decoration:none;font-size:14px;line-height:16px;padding:0 21px 3px;border-right:solid 1px #333}.megaMenu ul li:first-child a,.megaMenu ul li.first a{border-left:solid 1px #333}#menu_products .megaMenu ul li{margin:0 0 0 15px;float:left;display:block}#menu_products .megaMenu ul li:first-child{margin:0}#menu_products .megaMenu ul li a{padding:0;border:0!important}#menu_magazine .megaMenu ul{padding-top:8px}#menu_room .megaMenu ul{padding-top:25px}#menu_about .megaMenu ul{padding-top:25px}#menu_magazine .megaMenu h2 a,#menu_products .megaMenu h2 a{padding-top:45px}#menu_room .megaMenu h2 a,#menu_about .megaMenu h2 a{padding-top:33px}#navKey{display:none}#megaMenu{display:none}#megaMenu>[class^=megaContents]{padding:20px 0}#megaMenu .megeList{padding:0 90px}#megaMenu .megeList>li{position:relative;float:left;width:205px;margin-bottom:20px;padding-left:18px;font-weight:300}#megaMenu .megeList>li:after{position:absolute;left:0;top:0;width:12px;height:14px;margin-top:3px;content:"";background:url(/ph/coccoapo/common/img/com_sprite_ic01.png) no-repeat 0 0;background-position:-19px 0}#megaMenu .megeList>li>a{text-decoration:none;color:#3b0055}#megaMenu .megeList>li>a:hover{text-decoration:underline}#megaMenu .megeList>li.navBtn01{display:block;float:none;clear:both;width:292px;margin:20px auto 0 auto;padding:0;border:solid 2px #c0a9c7;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}#megaMenu .megeList>li.navBtn01:before{content:"";display:block;clear:both}#megaMenu .megeList>.navBtn01:after{left:auto;right:15px;top:50%;margin-top:-6px}#megaMenu .megeList>li.navBtn01>a{display:block;padding:10px 0;text-decoration:none}.wide-banner{max-width:1000px;padding:48px 0 53px;margin:0 auto;clear:both}.wide-banner a{display:block}#breadcrumbNav ul{overflow:hidden;margin:0 auto;padding:12px 0}#breadcrumbNav ul li{position:relative;float:left;max-width:46em;margin:2px 0 0 15px;padding:0 20px 0 0;font-size:14px;font-size:1.4rem}#breadcrumbNav ul li a{overflow:hidden;display:block;color:#39C;text-decoration:none;-moz-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}#breadcrumbNav ul .current{position:static}#breadcrumbNav ul li.current a{color:#333}#breadcrumbNav>ul .current:after{position:static;width:0;height:0;margin-top:0;content:""}#breadcrumbNav ul li:first-child{margin-left:0;padding-left:0}#breadcrumbNav>ul>li:after{position:absolute;right:0;top:50%;width:11px;height:10px;margin-top:-8.5px;content:"＞"}#breadcrumbNav ul .current{font-weight:300}#breadcrumbNav [class^=scroll]{display:none!important;height:0;font-size:0}#contents .contentsInner{padding:30px 0 60px}#footerContainer{border-top:solid 2px #e9e6e2}#globalFooter #siteIdentity>ul{width:870px;margin:0 auto}#globalFooter #siteIdentity>ul>li{position:relative;float:left;margin-left:8px;padding-left:20px;font-size:13px;font-size:1.3rem}#globalFooter #siteIdentity>ul>li:before{position:absolute;top:50%;left:0;width:11px;height:10px;margin-top:-8.5px;content:"｜";color:#e5eaee}#globalFooter #siteIdentity>ul>li:first-child{position:static;margin-left:0;padding-left:0}#globalFooter #siteIdentity>ul>li:first-child:before{position:static;width:0;height:0;margin-top:0;content:""}#globalFooter #siteIdentity>ul>li>a{color:#636162;text-decoration:none}#globalFooter #siteIdentity>ul>li>a:hover{text-decoration:underline}#globalFooter #copyright{margin-top:20px;font-size:12px;font-size:1.2rem;text-align:center}#banner-area{padding:124px 0 0}.banner-list-top a{text-decoration:none;width:584px;height:94px;padding:17px;margin:0 auto;position:relative;border:solid 1px #bbb;border-radius:10px;box-sizing:border-box;display:block}.banner-list-top a img.img01,.banner-list-top a img.img02{width:auto;height:129px;position:absolute;bottom:15px}.banner-list-top a img.img01{left:25px}.banner-list-top a img.img02{left:143px}.banner-list-top a p{color:#000;font-size:16px;line-height:24px;text-decoration:none;margin:14px 0 0 258px;padding:0 18px 0 0;background:url(../img/ico_arrow.png) no-repeat right center}ul.banner-list{padding:44px 0 50px;display:flex}ul.banner-list li{margin:0 0 0 14px}ul.banner-list li:first-child{margin:0}ul.banner-list li a{display:block}.banner-list-top{margin:0 0 50px}#brandSiteFooterBnr{display:none}.top-page #brandSiteFooterBnr{display:block}.brandSiteFooter{margin:0}#mainContents .lineStamp{position:fixed;width:258px;height:130px;right:-260px;bottom:240px;z-index:999;transition:all ease 0.5s}body.stamp #mainContents .lineStamp{right:0}#mainContents .lineStamp a{display:block}#mainContents .lineStamp a.spOnly{display:none}#mainContents .lineStamp a:hover{opacity:.8}@media only screen and (min-width:641px) and (max-width:1100px){#footerContainer p,.brandSiteFooter .link a{font-size:15px}}@media only screen and (max-width:640px){body{overflow-x:hidden;width:100%;font-size:13px;font-size:1.3rem;font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;line-height:1.5}[class^=megaContents]>.inner,.messageBlock>.inner,#headerContainer #globalNav,#breadcrumbNav>ul,#contents .contentsInner,#footerContainer #globalFooter{width:100%;padding-left:10px;padding-right:10px}#headerContainer #globalHeader{width:100%}p{margin-top:10px}.pageTop>a{right:5px;bottom:80px;width:50px;height:50px;background-size:50px auto}.spOnly{display:block}.pcOnly{display:none}.spOnlyaC{text-align:center}#siteHeader .inner{width:100%;height:53px;padding:0 5px;box-sizing:border-box;position:relative}#mainContents{width:100%;min-width:inherit;padding-bottom:130px}#breadcrumbNav{display:none}.brandSiteHeader{margin-bottom:0!important}#headerContainer #globalHeader{position:static;box-shadow:0 5px 10px -3px #ccc}#globalHeader #companyHeader{margin-left:-10px}#globalHeader .companyLogo{float:left;width:120px}#globalHeader .home span,#globalHeader .kampo span{position:static;top:0;left:0;right:0;width:auto;height:auto;text-indent:0;background:none}#globalHeader .companyLinks{float:right;margin-top:10px}#globalHeader .companyLinks>li{float:left;position:relative;margin-left:10px;padding-left:10px;font-size:11px;font-size:1.1rem}#globalHeader .companyLinks>li:after{position:absolute;left:0;top:0;width:5px;height:8px;margin-top:5px;content:"";background:url(/ph/coccoapo/common/img/com_sprite_ic01.png) no-repeat 0 0;background-size:auto 50px;background-position:-132px 0}#globalHeader .companyLinks>li:first-child{margin-left:0}#globalHeader .companyLinks>li>a{text-decoration:none}#siteHeaderTop{padding:8px 0}#siteHeaderTop h1{font-size:14px;margin:0 0 2px}#siteHeaderTop ul.sns{padding-left:0;display:block}#siteHeaderTop ul.sns li{display:inline-block;margin:0 1px;float:none;clear:both}#siteHeaderTop ul.sns li.twitter{margin-top:0;position:relative;top:-2px}#siteHeader .sns .contact_link{display:none}#siteHeader .brandLogo{width:130px;padding:10px 5px;box-sizing:border-box}.top-page header ul.sns li{display:block;margin:0;border-bottom:none;line-height:1.5}#spMenu{width:42px;height:42px;position:absolute;top:6px;right:10px;display:block}#spMenu a{width:42px;height:42px;display:block;text-indent:-9999px;background:url(../img/btn_sp_menu.png) no-repeat right 0;background-size:100% 100%}#spMenu a.on{background:url(../img/btn_sp_menu_close.png) no-repeat right 0;background-size:100% 100%}#siteHeader .siteUtility{width:100%;float:none;clear:both;margin-top:0;position:absolute;top:53px;left:0;z-index:9999}#spNav{clear:both;display:none;width:100%;height:100%;padding:10px 0 0;background-color:#fff;z-index:9999;border-top:solid 1px #a0a0a0;box-sizing:border-box}#siteHeader .siteUtility .siteLinks>li{width:100%;font-size:15px;font-size:1.5rem;height:auto;padding:0;display:block;float:none;clear:both;border-bottom:solid 1px #a0a0a0;background:url(../img/spmenu_arrow.png) no-repeat right 14px top 12px;background-size:auto 15px;transition:all 0.3s ease}#siteHeader .siteUtility .siteLinks>li#menu_contact{display:block}#siteHeader .siteUtility .siteLinks>li:first-child{width:100%}#siteHeader .siteUtility .siteLinks>li.acc{background:url(../img/spmenu_plus.png) no-repeat right 10px top 12px;background-size:auto 15px}#siteHeader .siteUtility .siteLinks>li.acc.open{background:url(../img/spmenu_minus.png) no-repeat right 10px top 12px;background-size:auto 15px}#siteHeader .siteUtility .siteLinks>li.acc.open ul li{background:url(../img/spmenu_arrow.png) no-repeat right 31px center;background-size:auto 15px;border-top:solid 1px #a0a0a0}#siteHeader .siteUtility .siteLinks>li:hover,#siteHeader .siteUtility .siteLinks>li.acc:hover{border-bottom:solid 1px #a0a0a0}#siteHeader .siteUtility .siteLinks>li>a{font-size:15px;line-height:20px;display:block;width:100%;height:auto;padding:10px 25px 10px 21px;text-align:left;text-decoration:none;border-right:0}#siteHeader .siteUtility .siteLinks>li:first-child>a{width:100%;border-left:0}#siteHeader .siteUtility .siteLinks>li>a.pcOnly{display:none}#siteHeader .siteUtility .siteLinks>li>a.spOnly{display:block}#siteHeader .siteUtility .siteLinks>li>a:hover{text-decoration:none}.megaMenu ul{padding-left:38px}.megaMenu{height:auto;position:relative;top:0;visibility:visible;opacity:1;background:transparent;border-top:0;display:none}#siteHeader .megaMenu .inner{width:100%;height:auto;padding:0;margin:0}#siteHeader .siteUtility .siteLinks>li:hover .megaMenu{height:auto}.megaMenu h2{display:none!important}.megaMenu ul li{margin:0;display:block}.megaMenu ul li a{font-size:15px;line-height:20px;display:block;padding:10px 45px 10px 0;border-right:0}.megaMenu ul li:first-child a,.megaMenu ul li.first a{border-left:0}#menu_products .megaMenu ul li{margin:0;float:none;clear:both}#menu_products .megaMenu ul li a{padding:10px 45px 10px 0;border:0!important}#menu_magazine .megaMenu ul,#menu_room .megaMenu ul,#menu_about .megaMenu ul{padding-top:0}#breadcrumbNav{position:relative;min-height:30px;padding:0}#breadcrumbNav ul{display:block;min-height:30px}#breadcrumbNav ul li{margin:1px 0 0 0;padding-right:20px;padding-left:10px;font-size:12px}#contents .contentsInner{padding:15px 10px}#globalFooter{padding:0!important}.brandSiteFooter{margin:0}.brandSiteFooter .link a{padding:15px 5px!important;color:#333;font-size:12px;text-decoration:none}.brandSiteFooter .link a:hover{text-decoration:underline}#globalFooter .copyright{color:#fff}#globalFooter #copyright{margin-top:10px;font-size:12px;font-size:1.2rem;text-align:center}.wide-banner{padding:20px 10px}#banner-area{padding:60px 0 0}.banner-list-top{max-width:510px;margin:0 auto 50px;padding:0 10px}.banner-list-top a{width:auto;height:auto;padding:15px}.banner-list-top a img.img01,.banner-list-top a img.img02{bottom:15px;width:auto;height:100px}.banner-list-top a img.img01{left:25px}.banner-list-top a img.img02{left:130px}.banner-list-top a p{font-size:18px;line-height:26px;text-align:left;margin:0 0 0 230px;padding:0 20px 0 0}ul.banner-list{max-width:510px;margin:0 auto;padding:20px 5px 30px;display:block}ul.banner-list li{width:50%;margin:0 0 10px;padding:0 5px;box-sizing:border-box;float:left}#mainContents .lineStamp a.pcOnly{display:none}#mainContents .lineStamp a.spOnly{display:block}#mainContents .lineStamp{width:100%;height:auto;right:auto!important;left:0;bottom:0!important}#mainContents .lineStamp a:hover{opacity:1}}@media only screen and (max-width:479px){#banner-area{padding:40px 0 0}.banner-list-top a{padding:8px 10px 10px}.banner-list-top a img.img01,.banner-list-top a img.img02{bottom:10px;height:80px}.banner-list-top a img.img01{left:15px}.banner-list-top a img.img02{left:95px}.banner-list-top a p{font-size:14px;line-height:22px;margin:0 0 0 180px;padding:0 15px 0 0}#mainContents{padding-bottom:100px}}@media only screen and (max-width:399px){.banner-list-top a img.img01,.banner-list-top a img.img02{height:60px}.banner-list-top a img.img01{left:10px}.banner-list-top a img.img02{left:70px}.banner-list-top a p{margin:0 0 0 130px}#mainContents{padding-bottom:70px}}@media only screen and (max-width:349px){#siteHeaderTop h1{font-size:13px}}@media only screen and (min-width:641px){#siteHeader .siteUtility .siteLinks>li:hover{background:url(/ph/coccoapo/common/img/br_gnavi_on.png) no-repeat 2px bottom}#spNav,.megaMenu{display:block!important}.megaMenu{transition:all ease 0.3s;box-shadow:0 5px 10px -3px #ccc}.brandSiteHeader .Kampoful-Life a,.megaMenu ul li a,.banner-list-top a,ul.banner-list li a{transition:all ease 0.3s}.brandSiteHeader .Kampoful-Life a:hover,.megaMenu ul li a:hover,.banner-list-top a:hover,ul.banner-list li a:hover{opacity:.6}.megaMenu ul li a:hover{text-decoration:underline}.brandSiteFooter .link a:hover{text-decoration:underline}#breadcrumbNav ul{width:1000px!important}}#globalNav>ul:after,#globalNav>ul>li.append .siteLinks:after,#megaMenu .megeList:after,#globalHeader .companyLinks:after,#companyHeader:after,#siteHeader:after,#siteHeader .siteUtility:after,#siteHeader .siteUtility .siteLinks:after,#siteHeader .siteUtility .sns:after,#siteIdentity ul:after,#breadcrumbNav ul:after{content:"";display:block;clear:both}#globalNav>ul,#globalNav>ul>li.append .siteLinks,#megaMenu .megeList,#globalHeader .companyLinks,#companyHeader,#siteHeader,#siteHeader .siteUtility,#siteHeader .siteUtility .siteLinks,#siteHeader .siteUtility .sns,#siteIdentity ul,#breadcrumbNav ul{zoom:1}#mainContents .magazine-bnr{position:fixed;width:130px;height:188px;right:-260px;bottom:240px;z-index:999;transition:all ease 0.5s}body.stamp #mainContents .magazine-bnr{right:0}#mainContents .magazine-bnr a{display:block}#mainContents .magazine-bnr a:first-child{margin-bottom:20px}#mainContents .magazine-bnr a.spOnly{display:none}#mainContents .magazine-bnr a:hover{opacity:.8}@media only screen and (max-width:640px){#mainContents .magazine-bnr a.pcOnly{display:none}#mainContents .magazine-bnr a.spOnly{display:block}#mainContents .magazine-bnr{display:flex;justify-content:space-between;flex-flow:row-reverse;width:100%;height:auto;right:auto!important;left:0;bottom:0!important}#mainContents .magazine-bnr a{width:49.5%}#mainContents .magazine-bnr a:first-child{margin-bottom:0}#mainContents .magazine-bnr a:hover{opacity:1}}@media screen and (min-width:641px){.ph-logo a{height:94px;display:flex;align-items:center}}#globalHeader{z-index:1000}#siteHeaderBottom{z-index:1000}#headerContainer.fixed #siteHeaderBottom{position:fixed!important;top:0;left:0;width:100%;background-color:#fff}@media print,screen and (min-width:641px){html{scroll-padding-top:91px}#globalHeader{box-shadow:none}#siteHeader{position:relative;width:100%;height:141px}#siteHeaderTop{position:absolute;left:0;bottom:0;width:100%;background-color:#fff}#siteHeaderTop h1{color:#333}#siteHeader .sns .contact_link a{color:#333}#siteHeader .sns .contact_link a::after{content:none}#siteHeaderBottom{position:relative;display:flex;justify-content:center;width:100%!important;min-width:1000px;box-shadow:0 5px 10px -3px #ccc}#siteHeaderBottom .brandLogo{width:171px}#siteHeaderBottom .megaMenu{top:91px}}@media screen and (max-width:640px){html{scroll-padding-top:53px}#headerContainer.fixed{height:54px}#siteHeader{position:relative;width:100%;height:122px}#siteHeaderTop{position:absolute;left:0;bottom:0;width:100%;background-color:#fff}#siteHeaderTop h1{color:#333}#siteHeaderBottom{position:relative;width:100%!important;box-shadow:0 5px 10px -3px #ccc}}.magazineList li{transition:all 0.5x}.magazineData .catList li a{background-color:#fff}.magazineData .catList li a:hover{color:#fff!important}.magazineData .catList li a.shibo{color:#EE9679;border-color:#EE9679}.magazineData .catList li a.shibo:hover{background-color:#EE9679}.magazineData .catList li a.mukumi{color:#E1AF18;border-color:#E1AF18}.magazineData .catList li a.mukumi:hover{background-color:#E1AF18}.magazineData .catList li a.hie{color:#75B1E5;border-color:#75B1E5}.magazineData .catList li a.hie:hover{background-color:#75B1E5}.magazineData .catList li a.kampo{color:#9DC96E;border-color:#9DC96E}.magazineData .catList li a.kampo:hover{background-color:#9DC96E}.magazineData .catList li a.benpi{color:#D596D1;border-color:#D596D1}.magazineData .catList li a.benpi:hover{background-color:#D596D1}@media print,screen and (min-width:641px){.magazineList{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.magazineList::after{content:"";display:block;width:300px}.magazineList>li{position:relative;width:300px;margin:25px 0}.magazineList>li>a{position:relative;display:block;color:#333;text-decoration:none;z-index:1}.magazineList>li>a>.img{position:relative;width:100%;margin:0;overflow:hidden}.magazineList>li>a>.img>img{width:300px;height:188px;object-fit:cover;border-radius:6px;transition:all .3s}.magazineList>li>a:hover>.img>img{transform:scale(1.1);-webkit-backface-visibility:hidden;backface-visibility:hidden}.magazineList>li>a>.text{position:relative;margin:-20px 10px 0;padding:10px 15px 25px;box-shadow:0 0 10px 0 rgba(0,0,0,.25);background-color:rgba(255,255,255,.7);border-radius:6px}.magazineList>li>a>.text>.subject>.wrap,.magazineList>li>a>.text>.desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:#333}.magazineList>li>a>.text>.subject{display:flex;justify-content:flex-start;align-items:center;margin-bottom:50px;height:4.8em;font-size:16px;font-weight:700;line-height:1.6}.magazineList>li>a:hover>.text>.subject{text-decoration:underline}.magazineList>li>a>.text>.desc{height:78px;font-size:14px;font-weight:700;line-height:26px}.magazineList .aside{position:absolute;top:263px;left:0;padding:0 25px;z-index:2}.magazineData .aside{display:flex;width:100%;justify-content:space-between;justify-content:flex-start;align-items:center}.magazineData .aside>.date{color:gray;font-size:12px}.magazineData .catList{display:flex;justify-content:flex-start;align-items:center;margin-right:5px}.magazineData .catList>li>a{display:flex;align-items:center;justify-content:center;width:65px;height:28px;margin-right:5px;font-size:14px;line-height:1;text-align:center;text-decoration:none;border-width:2px;border-style:solid;border-radius:14px;cursor:pointer;transition:all .5s}}@media screen and (max-width:640px){.magazineList{margin:10px 0 0}.magazineList>li{position:relative;margin-bottom:10px}.magazineList>li>a{position:relative;display:block;padding-top:5px;color:#333;text-decoration:none;z-index:1}.magazineList>li>a:hover{text-decoration:underline}.magazineList>li>a>.img{position:absolute;top:0;left:0;width:140px;height:88px;margin:0;overflow:hidden}.magazineList>li>a>.img>img{width:140px;height:88px;object-fit:cover;border-radius:6px;transition:all .3s}.magazineList>li>a:hover>.img>img{transform:scale(1.1);-webkit-backface-visibility:hidden;backface-visibility:hidden}.magazineList>li>a>.text{position:relative;margin-left:130px;padding:65px 10px 10px 25px;box-shadow:0 0 10px 0 rgba(0,0,0,.25);background-color:rgba(255,255,255,.7);border-radius:6px}.magazineList>li>a>.text>.desc{display:none}.magazineList>li>a>.text>.subject>.wrap{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#333}.magazineList>li>a>.text>.subject{display:flex;justify-content:flex-start;align-items:center;max-height:2.8em;font-size:16px;font-weight:700;line-height:1.4}.magazineList .aside{position:absolute;top:15px;left:155px;z-index:2}.magazineData .aside>.date{margin-top:8px;color:gray;font-size:12px}.magazineData .catList{display:flex;justify-content:flex-start;align-items:center;margin-right:5px}.magazineData .catList>li>a{display:flex;align-items:center;justify-content:center;width:65px;height:26px;margin-right:5px;font-size:14px;line-height:1;text-align:center;text-decoration:none;border-width:2px;border-style:solid;border-radius:13px;cursor:pointer;transition:all .5s}}