
html{font-size: 62.5%;}
body{font-size:1.8rem;font-family:'Noto Sans JP', sans-serif;/*font-family: 'Zen Kaku Gothic Antique', sans-serif;*/;font-weight: 400;font-style: normal;background: #e8e7dc;    min-width: 980px;}
html {visibility: hidden;}
html.wf-active {visibility: visible;animation: fadeIn 1s ease 0s 1 normal;}
.fade{animation: fadeIn 0.5s ease 0.5s 1 normal;}
@keyframes fadeIn { 0% {opacity: 0;background: #ae3125;}100% {opacity: 1;background: #2a2123} }

/*setCss*/
h1{margin:0;}
h2{margin: 0;}
h3{margin: 0;}
p{margin: 0;}
p>a{text-decoration:underline;}
p>a:hover{text-decoration:none;}
dd>a{text-decoration:underline;}
dd>a:hover{text-decoration:none;}
figure{margin: 0;padding: 0;}
img{max-width:100%;display:block;}
p{line-height:1.8;word-break: break-all;text-align: justify;}
ul,dl,ol,dd{margin: 0;padding: 0;}
a{text-decoration:none;color:#000;word-break: break-all;text-align: justify;}
li,dd{list-style-type: none;line-height: 1.6;}
div{box-sizing:border-box;}
.pc{display:block;}
.sp{display:none;}
.inner{width: 1080px;padding: 0 2.5%;margin: 0 auto;position:relative;height: inherit;    border-radius: 1em;overflow: hidden;}
.shadow{filter: drop-shadow(0 0 5px rgba(0,0,0,1));}
.shadow2{filter: drop-shadow(0 0 5px rgba(86,49,12,1));}
.red{color:red;}
.black div span{background: #000!important;}

/*Sites*/
#contents{min-width:1080px;}
#main_visual nav{min-width:1080px;}

section{padding: 10rem 0;}
section h2.ttl{font-size:5rem;line-height: 0.7;margin-bottom: 5rem;text-align:center;}
section h2.ttl span{font-size:30%;letter-spacing: 0.25em;font-family: sans-serif;font-weight:normal;}

#main_visual{background: #eed621;padding: 0;overflow:hidden;}
#main_visual #visual{padding: 0;width: 100%;position:relative;margin: 0 auto;}
#main_visual #visual {position:relative;}
#main_visual #visual h1{width: 38%;position: relative;left: 5%;padding: 2vw 0;}
#main_visual #visual .c1{width: 50%;position: absolute;top: -2%;left: 30%;}
#main_visual #visual .c2{width: 40%;position:absolute;top:0;left:60%;}


#about{background: #fff;}
#about #read{margin: 0 0 2em 0;}
#about #read h2{font-size:3.8rem;margin-bottom: 0.5em;font-weight:900;}
#about #read h3{font-size:2.1rem;margin-bottom: 1em;font-weight:500;line-height: 1.6;}
#about #auth{position:relative;    margin: 0 auto 3em;width: 85%;}
#about #auth h3{font-size:2rem;margin-bottom: 1em;font-weight:500;line-height: 2;    transform: rotate(-4deg);width: 65%;background-color: #e5e5e5;
    background-image: repeating-linear-gradient(0,#fff, #fff 1.9em,transparent 0, transparent 2em);
    background-position: 0 1.9em;padding: 0 1em;}
#about #auth h3 span.name{display:inline-block;width: 100%;text-align:right;}
#about figure{position:absolute;width: 32%;right:0;top:0;;}
#about #profile{background: #e8e7dc;padding: 2em; border-radius: 1em;;}
#about #profile div{display:flex;    align-items: center;margin-bottom: 1em;}
#about #profile h5{font-size:1.8rem;margin: 0 0 0 0;}
#about #profile p{margin-bottom: 1em;}
#about #profile ul{display:flex;}
#about #profile ul li{width: 1.5em;padding-right:0.5em;font-size:1.6rem;}
#about #profile ul li:first-child{width: auto;}
#about #profile ul li:first-child a{text-decoration:underline;}
#about #profile ul li:first-child a:hover{text-decoration:none;}

#about p{font-size:1.5rem;}
#about ol{display:flex;justify-content:space-between;}
#about ol li{width: 32%;}

#navigation .fixed{position:fixed;top:0;bottom:auto;z-index: 2;}
#navigation .inner{overflow: inherit;border-radius:0;}
#navigation{position:relative;height:101px;padding: 0;}
#navigation nav{width: 100%;background: #000;color:#eed621;bottom:0;position:absolute;top:0;}
#navigation nav ul{display:flex;margin: 0 auto;}
#navigation nav ul li{width: 25%;border-right:1px solid #e8e7dc}
#navigation nav ul li:nth-child(2){border-left: 1px solid #e8e7dc;}
#navigation nav ul li a{color:#e8e7dc;text-align:center;display:flex;font-size: 1.8rem;position:relative;align-items: center;justify-content: center;    font-weight: 900;line-height:1.2;padding: 1.6em 0;}
#navigation nav ul li a:hover{background: #eed621; transition: 0.3s;color:#000; }
#navigation nav ul li a:before{opacity:0;content: "";}
#navigation nav ul li a:hover:before {transition: 0.3s;opacity:1;content: "";position: absolute;top: 100%;left: 50%;margin-left: -25px;border: 25px solid transparent;border-top: 25px solid #eed621;}
#navigation nav ul li a:not([href]){color:rgba(255,255,255,0.2)}
#navigation nav ul li a:not([href]):hover{background: none;color:rgba(255,255,255,0.2);}
#navigation nav ul li a:not([href]):hover:before{content:none;pointer: default;}

#benefits{background: #6c9ad1;padding: 5rem 0;}
#benefits > div > div{display:flex;width: 85%;margin: 0 auto;justify-content:space-between;align-items: center;}
#benefits > div > div figure{border:3px solid #fff;width: 20%;}
#benefits > div > div figure img{display:block;}
#benefits > div > div div{width: 75%;color:#fff;}
#benefits > div > div div h3{background: #f0d20c;font-size:2.4rem;color:#000;padding: 0.25em 0.5em;display: inline-block;margin-bottom: 0.5em;}
#benefits > div > div div h2{font-size:3.2rem;margin-bottom: 0.25em;}

#calendar{background: #e8e7dc;padding: 5rem 0 0 0;}
#calendar > div > div{background: #fff;padding:3em;}
#calendar > div > div > p{margin-bottom: 2em;   line-height: 1.8;}
#calendar > div > div > ol{width: 100%;display:flex;justify-content:space-between;margin-bottom: 2em;}
#calendar > div > div > ol li{width: 31.33%;}
#calendar > div > div > ol li figcaption{font-size:1.4rem;}
#calendar .products{display:flex;justify-content:space-between;}
#calendar .products:not(:last-child){margin-bottom: 2em;}
#calendar .products figure{width: 42%;}
#calendar .products div{width: 55%;}
#calendar .product_image{background: #fff;padding:0;position:relative;}
#calendar .product_image h1{font-weight:900;position:absolute;font-size:4rem;top:calc(50% - 1em);left:5rem;color:#fff;text-shadow: 0px 0px 3px rgba(0,0,0,0.3), 0px 0px 3px rgba(0,0,0,0.3), 0px 0px 3px rgba(0,0,0,0.3);}
#calendar .product_image h2{font-weight:700;position:absolute;font-size:2.6rem;top:calc(50% - 1em);left:5rem;color:#fff;text-shadow: 0px 0px 3px rgba(0,0,0,0.3), 0px 0px 3px rgba(0,0,0,0.3), 0px 0px 3px rgba(0,0,0,0.3);margin-top: 1.5em;}
#calendar .detail h2{font-size:2rem;margin-bottom: 0.5em;}
#calendar .detail h3{font-size:1.6rem;margin-bottom: 0.5em;}
#calendar .detail h4{font-size:1.4rem;display:inline-block;margin: 1em 0 0.25em 0;}
#calendar .detail p{font-size:1.4rem;display:inline-block;}

#notebook{background: #e8e7dc;padding: 5rem 0 0 0;}
#notebook > div > div{background: #fff;padding:3em;}
#notebook > div > div > p{margin-bottom: 2em;    line-height: 1.8;}
#notebook > div > div > ol{width: 100%;display:flex;justify-content:space-between;margin-bottom: 2em;}
#notebook > div > div > ol li{width: 31.33%;}
#notebook > div > div > ol li figcaption{font-size:1.4rem;}
#notebook #history{background: url(../img/note.svg);background-size: cover;padding: 2em 3em;margin-bottom: 2em;}
#notebook #history h3{font-size:2.2rem;font-weight:700;margin-bottom: 0.5em;}
#notebook #history h3 span{display:inline;position:relative;z-index: 1;}
#notebook #history h3 span:after{background: #dab77e;position:absolute;width: 100%;height: 1rem;content:"";left:0;bottom:0;z-index: -1;}
#notebook #history p{font-size:1.6rem;}
#notebook .products{display:flex;justify-content:space-between;}
#notebook .products:not(:last-child){margin-bottom: 4em;}
#notebook .products figure{width: 42%;}
#notebook .products div{width: 55%;}
#notebook .product_image{background: #fff;padding:0;position:relative;}
#notebook .product_image h1{font-weight:900;position:absolute;font-size:5rem;top:calc(50% - 3.3em);left:5rem;color:#fff;}
#notebook .product_image h1 span{font-size:2.6rem;    display: inline-block; margin-bottom: 0.5em;}
#notebook .product_image h2{font-weight:700;position:absolute;font-size:2.1rem;top:calc(50% );left:5rem;color:#fff;;margin-top: 4em;}
#notebook .detail h2{font-size:2rem;margin-bottom: 0.5em;line-height:1.5}
#notebook .detail h3{font-size:1.6rem;margin-bottom: 0.5em;}
#notebook .detail h4{font-size:1.4rem;display:inline-block;margin: 1em 0 0.25em 0;}
#notebook .detail p{font-size:1.4rem;display:inline-block;}
.detail a{position:relative;background: #000;border-radius:0.5em;text-align:center;padding: 1em 2em;width: 80%;margin: 1em auto 0;display:block;color:#fff;font-weight:700;border:2px solid #fff;}
.detail a:hover{background: #fff;color:#000;border:2px solid #000;transition: 0.3s;}
.detail a:after{content: "";display: block; width: 8px;height: 8px;position: absolute;right: 1em;top: calc(50% - 1px);border-top: solid 1px;border-right: solid 1px;transform: rotate(45deg) translateY(-50%);color: inherit;}
#coloring{background: #e8e7dc;padding: 5rem 0 5rem 0;}
#coloring > div > div{background: #fff;padding:2em;}

#coloring #download{margin-bottom:2em;display:flex;justify-content:space-between;width: 85%;margin: 0 auto;align-items:center;}
#coloring #download figure{width: 30%;}
#coloring #download div{width: 60%;}
#coloring #download div a{display:block;background: #e786ab;border:3px solid #fff;box-shadow:#ccc 0 0 3px;padding:1em 2em;text-align:center;border-radius:2em;color:#fff;font-weight:600;margin: 1em; }
#coloring #download div a:hover{background: #e17aa1;}
#coloring #contest{background: #fdf8db;padding: 2em;}
#coloring #contest h2{font-size:2.4rem;    display: flex;justify-content: center;align-items:center;margin:1em 0 2em 0;}
#coloring #contest h2:before{content:"";display:block;background: url(../img/gar.png) no-repeat  center bottom;width: 10em;height: 1em;margin:0 1em;background-size: 100%;}
#coloring #contest h2:after{content:"";display:block;background: url(../img/gar.png) no-repeat  center bottom;width: 10em;height: 1em;margin:0 1em;background-size: 100%;}
#coloring #contest h3{font-size:1.6rem;background: #f0d20c;padding: 0.25em;margin: 0.5em 0;}
#coloring #contest p{font-size:1.6rem;line-height: 1.8;}
#coloring #contest div{display:flex;justify-content: space-around;}
#coloring #contest div > dl{padding: 0 0 0 1.25em;width: 40%;}
#coloring #contest div > dl dd{font-size:1.6rem;line-height: 1.6;display: list-item;}
#coloring #contest div > dl dd:before{content:"・";}
#coloring #contest div > dl dd:first-letter{margin-left:-1em; }
#coloring #contest div ol{padding: 0 0 0 1.25em;display:flex;list-style-type:none;width: 50%;}
#coloring #contest div ol li{font-size:1.6rem;line-height: 1.6;display: list-item;width: ;margin: 0 0.25em;}
#coloring #contest div ol li:first-letter{margin-left:-1em; }
#coloring #contest dl{padding: 0 0 0 1.25em;}
#coloring #contest dl > dd{font-size:1.6rem;line-height: 1.8;display: list-item;}
#coloring #contest dl > dd:before{content:"・";}
#coloring #contest dl > dd:first-letter{margin-left:-1em; }
#coloring .product_image{background: #fff;padding:0;position:relative;}
#coloring .product_image img{display:block;}
#coloring .product_image h1{font-weight:900;position:absolute;font-size:4rem;top:calc(50% - 1em);right:5rem;color:#000;}
#coloring .product_image h2{font-weight:700;position:absolute;font-size:2rem;top:calc(50% - 1em);right:5rem;color:#000;margin-top: 1.5em;text-align:right;}


#review{background: #eed621;padding: 5rem 0 5rem 0;}
#review .product_image{background: #fff;padding:0;position:relative;}
#review .product_image h1{font-weight: 900; position: absolute; font-size: 3.5rem; color: #fff; background: #07080b;padding: 0.75em;top: 0;left: 0;}
#review .product_image h1 span{font-size:1.5rem;    display: inline-block; margin-bottom: 0.5em;}
#review .product_image h2{font-weight:700;position:absolute;font-size:2.1rem;top:calc(50% );left:5rem;color:#fff;;margin-top: 4em;}
#review > div > div{background: #fff;}
#review > div > div >div{padding:2em;}
#review p{margin-bottom: 2em;    line-height: 1.8;}
#review h2{font-size:1.6rem;background: #e8e7dc;padding: 0.25em;margin: 0.5em 0;}
#review h4{font-size:1.8rem;line-height: 1.6;margin-bottom: 1em;margin-top: 0;}
#review > div > div >div > div > p{font-size:1.6rem;line-height: 1.6;margin-bottom: 1em;}
#review dl{padding: 0 0 0 1.25em;}
#review dl dd{font-size:1.6rem;line-height: 1.8;display: list-item;}
#review dl dd:before{content:"・";}
#review dl dd:first-letter{margin-left:-1em; }

#duide{background: #fff;}
#duide > div > div{column-count:2;column-gap: 3em;column-fill:auto;}
#duide h2{margin: 0 auto 2em;text-align: center;}
#duide h3{font-size: 1.6rem;line-height: 1.6;border-top: 1px solid #000;border-bottom: 1px solid #000;padding: 0.25em 0;margin-bottom: 1em;}
#duide h3:not(:first-child){margin-top: 2em;}
#duide h4{font-size:1.4rem;line-height: 1.6;margin-bottom: 1em;}
#duide p{font-size:1.4rem;line-height: 1.6;}
#duide small{font-size:1.2rem;}

/*footer*/
footer{background: #eed621;color:#000;padding: 5rem 0;font-size:1.4rem;}
footer .inner dl{width:;display:flex;margin: 2em auto 0.5em;justify-content: center;}
footer .inner dl dd{margin: 0 0.5em;}
footer figure{width: 200px;margin: 0 auto;}
footer .inner div{margin-left: auto;text-align:center;}
footer .inner div p{text-align:center;}
footer dd a img{width: 2rem;}

/*******************************
 * *************************************************************************************************************/
/********************************************************************************************************************************************/
/*smp*/
/********************************************************************************************************************************************/
/********************************************************************************************************************************************/
@media screen and (max-width: 768px){
html{font-size: 45%;}
body{    min-width: auto;}
.pc{display:none;}
.sp{display:block;}
#contents{min-width:auto;}
#main_visual nav{min-width:auto;}

#nav-toggle {position: fixed;top: 15vw;right: 25px;height: 32px;cursor: pointer;z-index: 1}
#nav-toggle > div {position: relative;width: 36px;}
#nav-toggle span {width: 100%;height: 1px;left: 0;display: block;background: #fff;position: absolute;transition: top .5s ease, -webkit-transform .6s ease-in-out;transition: transform .6s ease-in-out, top .5s ease;transition: transform .6s ease-in-out, top .5s ease, -webkit-transform .6s ease-in-out;}
#nav-toggle span:nth-child(1) {top: 0;}
#nav-toggle span:nth-child(2) {top: 14px;}
#nav-toggle span:nth-child(3) {top: 28px;}
#nav-toggle:hover span:nth-child(1) {top: 4px;}
#nav-toggle:hover span:nth-child(3) {top: 23px;}

#gloval-nav {background: #000;color: #fff;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 990;text-align: center;display: flex;visibility: hidden;flex-direction: column;justify-content: center;align-items: center;font-size: 29px;opacity: 0;transition: opacity .6s ease, visibility .6s ease;}
.white div span{background: #fff!important;}

#gloval-nav li{opacity:0;}
.open #gloval-nav {z-index: 11;background: #eed621;color: #fff;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 10;text-align: center;display: flex;visibility: hidden;flex-direction: column;justify-content: center;align-items: center;opacity: 0;transition: opacity .3s ease, visibility .3s ease;}
.open #gloval-nav a {font-size:2.5rem;height: auto;display: block;color: #fff;text-decoration: none;padding: 0.75em 0;transition: color .6s ease;}
.open #gloval-nav a:hover {color: #666;}
.open #gloval-nav ul {width: 80%;position: relative;list-style: none;left:0;margin:auto;    font-size: 2rem;right:0;top:5vw;}
.open #gloval-nav ul li {border-bottom:1px solid #fff;border-right:0;border-left:0;margin: 0;opacity:1;transform: translatey(-20px);transition: opacity .2s ease, -webkit-transform .6s ease;transition: transform .6s ease, opacity .2s ease;transition: transform .6s ease, opacity .2s ease, -webkit-transform .6s ease;}
.open #gloval-nav ul li:nth-child(2) {border-bottom:1px solid #fff;border-left: 0;}
.open #gloval-nav ul li:first-child a{height: auto;margin: 0 auto;width: 50vw;}
.open #gloval-nav ul li:nth-child(2) {transition-delay: .05s;}
.open #gloval-nav ul li:nth-child(3) {transition-delay: .1s;}
.open #gloval-nav ul li:nth-child(4) {transition-delay: .15s;}
.open #gloval-nav ul li:nth-child(5) {transition-delay: .20s;}
.open #gloval-nav ul li:nth-child(6) {transition-delay: .25s;}
.open #gloval-nav ul li:nth-child(7) {transition-delay: .30s;}
.open #gloval-nav ul dlid:nth-child(8) {transition-delay: .35s;}
.open #gloval-nav .twitter img{width: 3rem;filter: invert(1);}

.open #nav-toggle{z-index:11;}
.open #nav-toggle span {background: #fff;}
.open #nav-toggle span:nth-child(1) {top: 15px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.open #nav-toggle span:nth-child(2) {top: 15px;width: 0;left: 50%;}
.open #nav-toggle span:nth-child(3) {top: 15px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}

/* open */
.open {overflow: hidden;}
.open #gloval-nav {visibility: visible;opacity: 1;margin:0;}
.open #gloval-nav li {opacity: 1;-webkit-transform: translateX(0); transform: translateX(0);transition: opacity .9s ease, -webkit-transform 0.3s ease;transition: transform 0.3s ease, opacity .9s ease;transition: transform 0.3s ease, opacity .9s ease, -webkit-transform 0.3s ease;}

	
#main_visual{background: #eed621;padding: 0;}
#main_visual #visual{padding: 0;height: auto;width: 100vw;position:relative;max-width: auto;background: #eed621;background-size: auto;height: 185vw;}
#main_visual #visual figure img{width: 100%;}
#main_visual #visual h1{width: 90vw;    max-width: auto;left:0;right:0;top:0;margin:auto;position:relative;}
#main_visual #visual h2{color:#fff;position:absolute;bottom:5vw;text-align:center;font-size:8vw;left:0;right:0;margin: auto;}
#main_visual #visual h2 span{font-size:50%}
#main_visual #visual .c1{width: 100%;position: absolute;bottom: 0;left: -20%;top:auto;}
#main_visual #visual .c2{width: 80%;position: absolute;bottom: 0;right: -10%;left: auto;top:auto;}
#main_visual #visual img{display:block;}


#main_visual nav ul{flex-wrap:wrap;}
#main_visual nav ul li{width:100%}

#about #auth h3{
    font-size: 3.264vw;
    width: 86%;
    left: -11vw;
    position: relative;
    }
#about figure{position:absolute;width: 51%;right: -18vw;top:0;}


#navigation{position:relative;height:0;padding: 0;}
#navigation nav{width: 100%;background: #000;color:#eed621;bottom:0;margin:auto;position:relative;top:0;}
#navigation nav ul{display:block;margin: 0 auto;}
#navigation nav ul li{width: 100%;}
#navigation nav ul li br{display:none;}

#benefits{padding: 0;}
#benefits > div > div{width: 100%;    justify-content: center;}
#benefits > div > div div{width: 63%;}
#benefits > div > div div p{line-height:1.4;margin-bottom: 1em;font-size:1.6rem;}
#benefits > div > div div h2{font-size:3rem;}
#benefits > div > div figure{width: 30%;    max-width: 100px;margin-right: 7%;}

#calendar{padding: 0;}
#calendar .product_image h1{position:relative;left:0;color:#000;padding:0.25em 1.1em 0 1.1em;font-size:3.5rem;margin-top:0.5em;text-shadow:none;}
#calendar .product_image h1 br:nth-child(3){display:none;}
#calendar .product_image h2{position:relative;left:0;color:#000;padding:0 1.8em;margin-top: 1em;text-shadow:none;font-size: 2.2rem;}
#calendar .inner{padding: 5vw 5vw 0 5vw ;}
#calendar > div > div{padding: 2em;}
#calendar > div > div > ol{flex-wrap:wrap;}
#calendar > div > div > ol li{width: 100%;}
#calendar > div > div > ol li:not(:last-child){margin-bottom: 1em;}
#calendar > div > div > ol li figure{display:flex;justify-content:space-between;}
#calendar > div > div > ol li figure img{width: 50%;}
#calendar > div > div > ol li figure figcaption{width: 45%;}

#notebook{padding: 0;}
#notebook .product_image h1{position:relative;left:0;color:#000;padding:0.25em 1.1em 0 1.1em;font-size:3.5rem;margin-top:0.5em;}
#notebook .product_image h1 br:nth-child(3){display:none;}
#notebook .product_image h2{position:relative;left:0;color:#000;padding:0 1.8em;margin-top: 1em;    font-size: 2.2rem;}
#notebook .inner{padding: 5vw 5vw 0 5vw ;}
#notebook #history{padding: 0.75em;}
#notebook > div > div{padding: 2em;}
#notebook > div > div > ol{flex-wrap:wrap;}
#notebook > div > div > ol li{width: 100%;}
#notebook > div > div > ol li:not(:last-child){margin-bottom: 1em;}
#notebook > div > div > ol li figure{display:flex;justify-content:space-between;}
#notebook > div > div > ol li figure img{width: 50%;}
#notebook > div > div > ol li figure figcaption{width: 45%;}
#notebook .detail .att{width: 100%;margin-bottom: 1em;}
#notebook .detail h4{    width: 30%;margin-top: 0;vertical-align:top;    line-height: 2;}
#notebook .detail p{    width: 65%;margin-top: 0;vertical-align:top;}

#coloring{padding: 0;}
#coloring .product_image figure{display:none;}
#coloring .product_image h1{position:relative;left:0;color:#000;padding:1em 1.1em 0 1em;font-size:3.5rem;margin-top:0.5em;right:auto;}
#coloring .product_image h1 br:nth-child(3){display:none;}
#coloring .product_image h2{position:relative;left:0;color:#000;padding:0 1.9em;margin-top: 1em;    font-size: 1.8rem;right:auto;text-align:left;line-height:1.4;}
#coloring #download{display:block;width: 100%;margin-bottom: 1em;}
#coloring #download figure{width: 60%;margin: 0 auto;}
#coloring #download div{width: 100%;}


#coloring #contest{padding: 1em;}
#coloring #contest h2{display:block;text-align:center;}
#coloring #contest h2:before{display:none;}
#coloring #contest h2:after{margin: 0.5em auto 2em;}
#coloring #contest div{display:block;}
#coloring #contest div > dl{width: 100%;margin-bottom: 1em;}
#coloring #contest div ol{width: 100%;margin-left: 0;padding-left: 0;}

#review{padding: 0;}
#review img{display:block;}
#review .product_image h1{position:relative;padding: 0 0.5em 0.5em 0.5em;}
#review .product_image h1 span br{display:none;}

#duide{}
#duide > div > div{column-count:1}

.products{display:block!important;}
.products div,.products figure{width: 100%!important;}
.products figure{margin-bottom: 1em;}

section{padding: 5rem 0;}
.inner{width: 100%;padding: 5vw;}
footer .inner{flex-wrap:wrap;}
footer .inner{width: 100%;}
footer figure{width: 12rem;margin: 0 auto 1em;}
footer .inner div p{text-align:center;}
footer .inner div{text-align:center;margin-left: 0;width: 100%;}

}