@media screen and (min-width:0) and (max-width:821px){footer.color_simulator section.cf{padding-top:10px}footer.color_simulator section.cf .aboutus:first-child,footer.color_simulator section.cf .aboutus:last-child{width:100%}footer.color_simulator section.cf .aboutus dl,footer.color_simulator section.cf .aboutus ul li{margin-top:10px}}@media screen and (min-width:0) and (max-width:499px){footer.color_simulator{top:-50px;margin-bottom:-50px}}@media screen and (min-width:0) and (max-width:437px){header.color_simulator{height:35px;line-height:35px}header.color_simulator h1{top:0;left:5px}header.color_simulator h1 a img{width:auto;height:22px}header.color_simulator h2{left:90px;font-size:13px;font-size:.8125rem}header.color_simulator #sns1{right:35px}header.color_simulator #sns2{right:10px}}@media screen and (min-width:0) and (max-width:320px){header.color_simulator h2{left:80px;font-size:12px;font-size:.75rem}header.color_simulator #sns1{right:30px}header.color_simulator #sns2{right:10px}}@media screen and (min-height:0) and (max-height:414px){header.color_simulator{position:relative;top:0;left:0}}@media screen and (min-width:894px) and (max-width:1005px){article.color_simulator #section1 #boat_angle #angleA,article.color_simulator #section1 #boat_angle #angleB{display:block}article.color_simulator #section1 #boat_angle #angleC,article.color_simulator #section1 #boat_angle #angleD{display:none}article.color_simulator #section1 #main #custom h4:nth-child(3){margin-top:-20px}}@media screen and (min-width:0) and (max-width:893px){article.color_simulator #section1 #main #custom h4:nth-child(3){margin-top:-10px}article.color_simulator #section1 #selected_colors{top:-40px}}@media screen and (min-width:0) and (max-width:818px){article.color_simulator #section1 #main #custom h4:nth-child(3){margin-top:0}}@media screen and (min-width:0) and (max-width:801px){article.color_simulator{width:100%;padding:0}article.color_simulator #section1{width:100%;margin:0;padding:0}article.color_simulator #section1 #main #custom h4:nth-child(3){margin-top:10px}}@media screen and (min-width:0) and (max-width:768px){article.color_simulator #section1 #main #custom{width:92%}}@media screen and (min-width:0) and (max-width:767px){article.color_simulator #section1 #boat_angle #tapicon{top:15px;margin-right:155px}}@media screen and (min-width:0) and (max-width:597px){article.color_simulator #section1 #main #custom .simulator #icon_field,article.color_simulator #section1 #main #custom .simulator #silhouette_field{display:none}}@media screen and (min-width:0) and (max-width:499px){article.color_simulator #section1 #main h3{font-size:18px;font-size:1.125rem}article.color_simulator #section1 #main #custom{width:100%}article.color_simulator #section1 #main #custom h4{width:100%;height:30px;margin-top:5px;margin-bottom:5px;color:#fff;background-color:#222;border-radius:5px;font-size:14px;font-size:.875rem;text-align:left;text-indent:3px;line-height:30px;cursor:pointer}article.color_simulator #section1 #main #custom h4 span{display:inline-block}article.color_simulator #section1 #main #custom h4 span.names{color:#e5e5e5;font-size:12px;font-size:.75rem}article.color_simulator #section1 #main #custom h4 span.names img{width:24px;height:10px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #aaa;border-radius:3px}article.color_simulator #section1 #main #custom .simulator #boat_parts,article.color_simulator #section1 #main #custom .simulator #button_colors{display:none;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;height:100%;height:100vh;min-height:100%;min-height:100vh;background-color:rgba(255,255,255,.9);position:fixed;top:-20px;left:0;overflow:auto}article.color_simulator #section1 #main #custom .simulator #boat_parts .parts{margin:4px;width:30%}article.color_simulator #section1 #main #custom .simulator #button_colors h5{text-align:center}article.color_simulator #section1 #main #custom .simulator #button_colors .colors{margin:4px 0 4px 4px;width:42px}article.color_simulator #section1 #selected_colors{top:-65px}article.color_simulator #section1 #selected_colors h3{font-size:16px;font-size:1rem}article.color_simulator #section1 #selected_colors #status #result dl dd,article.color_simulator #section1 #selected_colors #status #result dl dt{font-size:12px;font-size:.75rem}}@media screen and (min-width:0) and (max-width:320px){article.color_simulator #section1 .h2 h2{font-size:18px;font-size:1.125rem}}