@charset "utf-8";#attraction h2{}#attraction ul>li{position:relative}#attraction ul>li:before{content:"";display:block;position:absolute;top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}#attraction ul.lazyloaded>li:before{background:url(https://crayon-paint.net/images/user/attraction/check.webp) left center no-repeat;background-size:contain}#attraction ul>li h3{color:#FF6EAA;line-height:1.2}#attraction ul>li p{line-height:1.4}@media screen and (max-width:319px){#attraction ul>li{padding:0 3.125% 0 calc((3.125% * 2) + 40px)}#attraction ul>li:before{height:40px;width:40px}}@media screen and (min-width:320px) and (max-width:359px){#attraction ul>li{padding:0 3.125% 0 calc((3.125% * 2) + 50px)}#attraction ul>li:before{height:50px;width:50px}}@media screen and (min-width:360px) and (max-width:767px){#attraction ul>li{padding:0 3.125% 0 calc((3.125% * 2) + 60px)}#attraction ul>li:before{height:60px;width:60px}}@media screen and (max-width:767px){#attraction{margin-bottom:6.25%}#attraction img[src$="img_010.webp"]{margin-bottom:3.125%}#attraction img[src$="caption_010.webp"]{margin-top:3.125%;width:87.5%;max-width:620px}#attraction img[src$="caption_020.webp"]{margin-top:3.125%;width:93.75%;max-width:660px}#attraction ul>li{margin-top:3.125%}#attraction ul>li:before{left:3.125%}#attraction ul>li h3{font-size:125%;margin-bottom:1.041666666666667%}#attraction ul>li p{font-size:87.5%}}@media screen and (min-width:768px){#attraction{margin-bottom:50px}#attraction img[src$="img_010.webp"]{margin-bottom:30px}#attraction img[src$="caption_010.webp"]{margin-top:30px;width:auto}#attraction img[src$="caption_020.webp"]{margin-top:30px;width:auto}#attraction ul>li{margin-top:30px;padding-left:90px}#attraction ul>li:first-child{padding:10px 0 10px 90px}#attraction ul>li:before{height:80px;left:0;width:80px}#attraction ul>li h3{font-size:175%;margin-bottom:5px}#attraction ul>li p{font-size:112.5%}}#attraction_qualification{text-align:center}#attraction_qualification ul>li{background-color:#FFFFB2;border-radius:1000px;color:#101010;display:inline-block;font-weight:700;position:relative;text-align:left;vertical-align:top}#attraction_qualification ul>li:before{content:"";display:block;line-height:1;position:absolute;top:50%;left:0;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}#attraction_qualification ul.lazyloaded>li:before{background:url(https://crayon-paint.net/images/user/attraction/icon/qualification.webp) center center no-repeat;background-size:contain}#attraction_qualification>a{background-color:#FF6EAA;border-radius:1000px;color:#FFF;display:inline-block;line-height:1;text-decoration:none;vertical-align:top}#attraction_qualification>a span{display:block;margin-bottom:.5em}#attraction_qualification>a b{display:block}@media screen and (max-width:319px){#attraction_qualification ul>li{font-size:75%;width:93.75%;min-width:220px}#attraction_qualification ul>li:before{margin-left:1.666666666666667%}#attraction_qualification>a{min-width:220px}}@media screen and (min-width:320px) and (max-width:767px){#attraction_qualification ul>li{width:87.5%;max-width:300px}#attraction_qualification ul>li:before{margin-left:1.785714285714286%}#attraction_qualification>a{min-width:260px}#attraction_qualification>a b{font-size:112.5%}}@media screen and (max-width:767px){#attraction_qualification{margin-bottom:6.25%}#attraction_qualification h2 img{width:93.75%}#attraction_qualification ul{margin-bottom:3.125%}#attraction_qualification ul>li{line-height:1.6;margin:3.125% .78125% 0;padding:.78125% 3.125% .78125% calc(3.125% + 27px)}#attraction_qualification ul>li:before{height:33px;width:27px}#attraction_qualification>a{padding:1.5625% 3.125%;width:81.25%}#attraction_qualification>a span{font-size:62.5%}#attraction_qualification>a b{padding:1.5625% 3.125%}}@media screen and (min-width:768px){#attraction_qualification{margin-bottom:50px}#attraction_qualification h2 img{width:100%}#attraction_qualification ul{margin-bottom:30px}#attraction_qualification ul>li{height:46px;line-height:46px;font-size:112.5%;padding-left:48px;width:340px}#attraction_qualification ul>li:before{height:44px;margin-left:6px;width:36px}#attraction_qualification>a{padding:14px;width:390px}#attraction_qualification>a span{font-size:75%}#attraction_qualification>a b{font-size:125%}}@media screen and (min-width:768px) and (max-width:939px){#attraction_qualification ul>li{margin:20px 10px 0}}@media screen and (min-width:940px){#attraction_qualification ul>li{margin:20px 15px 0}}#attraction_reason h2{background-color:#FFEEDB;border:1px solid #FFF;box-shadow:0 0 0 3px #FFEEDB;color:#FF5A00;margin-left:auto;margin-right:auto;text-align:center}#attraction_reason ul{counter-reset:num}#attraction_reason ul>li{border-collapse:collapse;display:table;margin-left:auto;margin-right:auto}#attraction_reason ul>li:before{background-color:#FF5A00;counter-increment:num;content:counter(num);color:#FFF;display:table-cell;font-size:112.5%;font-weight:400;text-align:center;vertical-align:middle}#attraction_reason ul>li p{background-color:#FFEEDB;display:table-cell;line-height:1.4;vertical-align:middle}@media screen and (max-width:767px){#attraction_reason{margin-bottom:6.25%}#attraction_reason h2{font-size:137.5%;padding:1.5625% 3.125%;width:93.75%}#attraction_reason ul>li{margin-top:3.125%;line-height:1.6;width:87.5%}#attraction_reason ul>li:before{width:30px}#attraction_reason ul>li p{padding:1.785714285714286% 3.571428571428571%}}@media screen and (min-width:768px){#attraction_reason{margin-bottom:50px}#attraction_reason h2{font-size:200%;height:80px;line-height:80px;margin-bottom:20px}#attraction_reason ul>li{margin-top:10px;width:620px}#attraction_reason ul>li:before{height:36px;width:36px}#attraction_reason ul>li p{padding:0 20px}}#attraction_choiced>li{background:#FFE650;border-radius:7px}#attraction_choiced>li h3{color:#FF3000;line-height:1.2;font-weight:400;text-align:center}#attraction_choiced>li strong{display:block;font-weight:400}#attraction_choiced>li p{background:#FFF;border-radius:5px;line-height:1.6}@media screen and (min-width:360px){#attraction_choiced>li strong{text-align:center}}@media screen and (max-width:767px){#attraction_choiced{margin-bottom:6.25%}#attraction_choiced>li{margin:0 auto 3.125%;padding:1.5625% 3.125% 3.125%;width:93.75%}#attraction_choiced>li h3{font-size:137.5%;margin-bottom:1.785714285714286%}#attraction_choiced>li strong{line-height:1.6;margin-bottom:1.785714285714286%}#attraction_choiced>li p{padding:1.785714285714286% 3.571428571428571%}}@media screen and (min-width:768px){#attraction_choiced{margin-bottom:30px}#attraction_choiced:after{clear:both;content:"";display:block}#attraction_choiced>li{margin-bottom:20px;padding:10px;width:-webkit-calc((100% - 20px) / 2);width:calc((100% - 20px) / 2)}#attraction_choiced>li:nth-child(odd){float:left}#attraction_choiced>li:nth-child(even){float:right}#attraction_choiced>li h3{font-size:200%}#attraction_choiced>li strong{margin-bottom:5px}#attraction_choiced>li p{padding:5px 10px}}#paint h2{line-height:1}#paint h3{line-height:1.2}#paint figure figcaption strong{color:#FF3000;display:block;line-height:1.2}#paint figure figcaption p{font-size:87.5%}@media screen and (max-width:767px){#paint{margin-bottom:6.25%}#paint h3{font-size:125%;margin-top:3.125%;margin-bottom:3.125%;padding:0 3.125%}#paint figure picture{margin-bottom:3.125%;text-align:center}#paint figure picture img{width:87.5%}#paint figure figcaption strong{font-size:125%;padding:0 3.125%}#paint figure figcaption p{padding:0 3.125%}}@media screen and (min-width:768px){#paint{margin-bottom:50px}#paint h2{margin-bottom:30px}#paint h3{font-size:150%;margin-bottom:30px;text-align:center}#paint figure:after{clear:both;content:"";display:block}#paint figure picture{float:left}#paint figure figcaption{float:right}#paint figure figcaption strong{font-size:150%}}@media screen and (min-width:768px) and (max-width:939px){#paint figure picture{width:320px}#paint figure figcaption{width:-webkit-calc(100% - 320px - 20px);width:calc(100% - 320px - 20px)}}@media screen and (min-width:940px){#paint figure picture{width:350px}#paint figure figcaption{width:-webkit-calc(100% - 350px - 20px);width:calc(100% - 350px - 20px)}}#paint_type figure figcaption h3{background-color:#E6DDB7;border-radius:10px;color:#3F1D14;text-align:center}#paint_type figure figcaption p{font-size:87.5%;line-height:1.8}#paint_type figure figcaption p strong{color:#FF5A00}@media screen and (max-width:767px){#paint_type{margin-bottom:6.25%}#paint_type figure{background-color:#FFF8E8;padding-top:3.125%;padding-bottom:3.125%}#paint_type figure+figure{border-top:1px solid #E6DDB7}#paint_type figure figcaption h3{font-size:125%;margin:0 auto 1.5625%;padding:0 3.125%;width:93.75%}#paint_type figure figcaption p{padding:0 3.125%}#paint_type figure picture{margin-top:3.125%;text-align:center}#paint_type figure picture img{width:56.25%;max-width:480px}}@media screen and (min-width:768px){#paint_type{margin-bottom:50px}#paint_type figure+figure{margin-top:30px}#paint_type figure:after{clear:both;content:"";display:block}#paint_type figure figcaption{background-color:#FFF8E8;float:left;min-height:245px;padding:10px 20px;width:-webkit-calc(100% - 350px - 15px);width:calc(100% - 350px - 15px)}#paint_type figure figcaption h3{font-size:150%;margin-bottom:5px}#paint_type figure picture{float:right;width:350px}}#flow ul>li:after{clear:both;content:"";display:block}#flow ul>li>div{float:left}#flow ul>li:not(:last-child)>div,#flow ul#flow_completion>li:last-child>div{background-image:url(https://crayon-paint.net/images/user/icon/arrow_under.webp);background-repeat:no-repeat}#flow ul>li h3{color:#FF6EAA}#flow ul>li p{font-size:87.5%;line-height:1.6;overflow:hidden}#flow ul>li p strong{display:block}#flow ul>li p strong:before{content:"\F044A";font-family:"Material Design Icons"}@media screen and (max-width:767px){#flow{margin-bottom:6.25%}#flow ul>li+li{margin-top:3.125%}#flow ul>li>div{background-position:center 50px;background-size:auto 42px;min-height:92px;margin-left:3.125%;margin-right:3.125%;width:50px}#flow ul>li>div img[src$="completion.webp"]{margin-top:42px}#flow ul>li h3{font-size:137.5%;line-height:1.2;margin-bottom:1.5625%;padding-right:3.125%}#flow ul>li>img{width:56.25%}#flow ul>li p{padding-right:3.125%}#flow ul>li>img+p{margin-top:3.125%;padding-left:3.125%}#flow ul>li p strong{font-size:112.5%}}@media screen and (min-width:768px){#flow{margin-bottom:50px}#flow ul>li+li{margin-top:30px}#flow ul>li>div{background-position:center 60px;background-size:40px 50px;min-height:110px;margin-right:10px;width:60px}#flow ul>li h3{font-size:175%}#flow ul>li>div img[src$="completion.webp"]{margin-top:50px}#flow ul>li>img{float:right;margin-top:-56px;margin-left:10px;width:240px}#flow ul>li p strong{font-size:125%}}#scaffold .list_circle>li{line-height:1.6}#scaffold p{font-size:87.5%}@media screen and (max-width:767px){#scaffold{margin-bottom:6.25%}#scaffold .list_circle{margin-top:3.125%;padding:0 3.125%}#scaffold img[src$="img_010.webp"]{margin-top:3.125%;width:100%}#scaffold [class^="title_"]{margin-top:6.25%}#scaffold figure picture{margin-bottom:1.5625%;text-align:center}#scaffold figure picture img{width:93.75%}#scaffold p{line-height:1.8;padding:0 3.125%}}@media screen and (min-width:768px){#scaffold{margin-bottom:50px}#scaffold .list_circle{margin-top:30px}#scaffold .list_circle>li{display:inline-block;vertical-align:top;width:50%}#scaffold img[src$="img_010.webp"]{margin-top:30px;width:auto}#scaffold [class^="title_"]{margin-top:50px}#scaffold figure:after{clear:both;content:"";display:block}#scaffold figure picture{float:left;width:350px}#scaffold figure figucaption{float:right;width:-webkit-calc(100% - 350px - 20px);width:calc(100% - 350px - 20px)}}
