@charset "utf-8";@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');*, *::before, *::after{box-sizing: border-box;}body{font-family: 'Noto Sans JP', sans-serif;background-color: #333333;color:#fff;width:100%;margin: 0;padding: 0;overflow-x: hidden;}main{margin: 0;padding: 0;}button{background-color: transparent;border: none;cursor: pointer;outline: none;padding: 0;appearance: none;}button:hover a{opacity: 0.6;filter: alpha(opacity=60);}section {width: 100%;margin: 0;padding: 0;display: block;position: relative;}  section:nth-child(1) {padding-top: 0px;  }section:last-child {padding-bottom: 10px;  }  b {  color: #dd3110;  font-weight: 900;}  .container::before {display: block;position: fixed;width: 100%;height: 100vh;background: url("../img/bg_common.jpg") 50% 50% no-repeat;background-size: cover;content: "";top: 0;left: 0;bottom: 0;right: 0;pointer-events: none;  }    @media only screen and (max-aspect-ratio: 16 / 9) {.container::before {  background-size: auto 100%;}  }.openbtn{display: none;position:fixed;top:10px;right: 10px;z-index: 1001;background:#666;cursor: pointer;width: 50px;height:50px;border-radius: 5px;}.openbtn span{display: inline-block;transition: all .4s;position: absolute;left: 14px;height: 3px;border-radius: 2px;background-color: #fff;width: 45%;}.openbtn span:nth-of-type(1) {top:15px;}.openbtn span:nth-of-type(2) {top:23px;}.openbtn span:nth-of-type(3) {top:31px;}.openbtn.active span:nth-of-type(1) {top: 18px;left: 18px;transform: translateY(6px) rotate(-45deg);width: 30%;}.openbtn.active span:nth-of-type(2) {opacity: 0;}.openbtn.active span:nth-of-type(3){top: 30px;left: 18px;transform: translateY(-6px) rotate(45deg);width: 30%;}.fadeDown {animation-name: fadeDownAnime;animation-duration: 0.5s;animation-fill-mode: forwards;opacity: 0;display: block;}@keyframes fadeDownAnime{  from {opacity: 0;transform: translateY(-100px);}  to {opacity: 1;transform: translateY(0);}}.glnav_header{display: flex;justify-content: space-between;align-items: center;background:#FF00B4;color:#fff;text-align: center;padding: 20px 0;height: 30px;width:100%;}.glnav_header.dnone {opacity: 0;}.glnav_header.dnone.panelactive {opacity: 1;}.glnav_logos{white-space:nowrap;margin-left: 5%;}.glnav_company_name{margin-right: 2%;font-size: 1.25rem;font-weight:700;}.glnav_company_name a{white-space:nowrap;text-decoration: none;color:#ffffff;}.glnav_menu .glnav_list_ui{list-style: none;display: flex;justify-content: center;}.glnav_menu .glnav_list_ui li a{display: block;justify-content: center;text-decoration: none;color: #ffffff;padding:10px;}.glnav_menu .glnav_list_ui li.current a,.glnav_menu .glnav_list_ui li a:hover{color:#ffff00;}@media screen and (max-width: 1100px){.glnav_menu {display:none}}.glnav_header.dnone .glnav_menu{position:fixed;top: 0;left: 0;z-index: -1;  width:100%;height: 100vh;  display: flex;justify-content: center;align-items: center;text-align: center;  opacity: 0;transition: all 0.4s;}.glnav_header.dnone.panelactive .glnav_menu{opacity: 1;z-index:1000;background:#ffff00; }.glnav_header.dnone.panelactive .glnav_menu .glnav_list_ui{display:block;}.glnav_header.dnone.panelactive .glnav_menu li a{font-size: 2rem;color: #333;text-decoration: none;padding:30px;display: block;text-transform: uppercase;letter-spacing: 0.1em;font-weight: bold;transition:all 0.3s;}.main_visual {display: block;width: 100%;height: 50vw;min-height: 540px;background: url("../img/bg.png") 50% 0% no-repeat;background-size: 100% 100%;margin: 0 auto 0;-webkit-transition: opacity 1.5s;transition: opacity 1.5s;} .main_visual .main_visual_wrapper {display: block;width: 100%;height: 100%;}  .main_visual .main_visual_container {display: block;width: 100%;height: 100%;}.main_visual .main_visual_container::before{border-color: #0CE7F9 transparent  transparent transparent;border-style: solid;border-width: 20px 100vw 0 0;height: 10px;position: absolute;left:0;top:0;content: "";z-index: 10;}.main_visual .main_visual_container::after{border-color: #FF00B4 transparent  transparent transparent;border-style: solid;border-width: 10px 100vw 0 0;height: 15px;position: absolute;left:0;top:0%;content: "";z-index: 10;} .main_visual .main_visual_video {display: inline;position: absolute;width: 100%;height: 100%;background: black;opacity: 0;-webkit-transition: opacity 1s;transition: opacity 1s;overflow: hidden;}  .main_visual .main_visual_video.show {opacity: 1;} .main_visual .main_visual_video #bg_video {display: block;position: absolute;width: 100%;height: 100%;top: 0%;right: 50px;pointer-events: none;}.main_visual .main_visual_video_pattern {display: block;position: absolute;width: 100%;height: 100%;background: -webkit-gradient(linear, left top, left bottom, from(rgba(110, 107, 104, 0.2)), color-stop(25%, rgba(110, 107, 104, 0.2)), color-stop(25%, rgba(93, 88, 86, 0.2)), color-stop(50%, rgba(93, 88, 86, 0.2)), color-stop(50%, rgba(110, 107, 104, 0.2)), color-stop(75%, rgba(110, 107, 104, 0.2)), color-stop(75%, rgba(93, 88, 86, 0.2)), to(rgba(93, 88, 86, 0.2)));background: linear-gradient(rgba(110, 107, 104, 0.2), rgba(110, 107, 104, 0.2) 25%, rgba(93, 88, 86, 0.2) 25%, rgba(93, 88, 86, 0.2) 50%, rgba(110, 107, 104, 0.2) 50%, rgba(110, 107, 104, 0.2) 75%, rgba(93, 88, 86, 0.2) 75%, rgba(93, 88, 86, 0.2) 100%);background-size: 12px 12px;opacity: 1;z-index: 1;}  .main_visual .main_visual_video_filter {display: block;position: absolute;height: 100%;width: 100%;top: 0%;right: 50px;background: url("../img/mainvisual_filter.png") 50% 100% no-repeat;background-size: auto 100%;}.main_visual .main_visual_overlay_wrapper {display: block;position: absolute;width: 100%;height: 100%;top: 0;right: 0;}.main_visual .main_visual_overlay_container {display: block;position: relative;width: 100%;height: 100%;} .main_visual .main_visual_overlay_logo {display: block;position: absolute;width: 32vw;bottom: 8%;right: 0;opacity: 1;z-index: 5;}  .main_visual .main_visual_overlay_logo img {display: block;width: 100%;height: auto;}.main_visual .main_visual_overlay_release {display: block;position: absolute;width: 34vw;bottom: 4%;left: 50%;opacity: 1;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: 5;}.main_visual .main_visual_overlay_release img {display: block;width: 100%;height: auto;}.topics {width: 100%;min-height: 435px;margin: 0% auto 0;position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;background: #ffff00;background-image:repeating-linear-gradient(-45deg,#FFE64A, #FFE64A 7px,transparent 0, transparent 14px);z-index: 12;-webkit-box-shadow: 0 0 6px black;box-shadow: 0 0 6px black;}.topics_caption {display: block;position: relative;margin: 0 auto;padding: 2% 0;width: 28.5vw;max-width: 35vw;text-align: center;}.topics_bg{bottom: 0;right: 0;background: url("../img/topics_bg.png")no-repeat;background-size:  50%;background-position:right 0 bottom 0 ;z-index: 11;}.topic_container {display: flex;flex-wrap: wrap;padding: 2vh 10vw 5vh 10vw;}.topic_item_wrapper {width: calc(100% / 3 - 30px);margin:  calc(30px / 2);}.topic_item {font-size: 1.5vw;color: #000000;background-color: rgba(255, 255, 255, 0.8);box-shadow: 0px 0px 15px -5px #777777;border-radius: 10px;}.topic_item a{font-size: 1.5vw;color: #333333;white-space:wrap;text-decoration: none;}.topics_card img{width: 100%; vertical-align: bottom;border-radius: 10px 10px 0 0;}@media screen and (max-width: 1024px) {.topics_bg{background: url("../img/topics_bg.png")no-repeat;background-size:  80%;background-position: bottom 0vh right 0vw;}.topic_item_wrapper {width: calc(100% / 2 - 30px);}}@media screen and (max-width: 599px) {.topics_bg{background: url("../img/topics_bg.png")no-repeat;background-size:  100%;background-position: bottom 0vh right 0vw;}.topic_item_wrapper {width: calc(100% / 1 - 30px);}}.story {width: 100%;min-height: 435px;margin: 0% auto 0;position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;background: #38E0FF;background-image:radial-gradient(#71E6FC 10%, transparent 10%),radial-gradient(#71E6FC 10%, transparent 10%);background-size: 40px 40px;background-position: 0 0, 20px 20px;z-index: 22;-webkit-box-shadow: 0 0 6px black;box-shadow: 0 0 6px black;}.story_bg{bottom: 0;right: 0;background: url("../img/story_bg.png")no-repeat;background-size:  50%;background-position:left 0 bottom 0 ;z-index: 23;}.story_caption {display: block;position: relative;margin: 0 auto;padding: 2% 0;width: 28.5vw;max-width: 35vw;text-align: center;}.story_container {padding: 2vh 10vw 5vh 10vw;}.story_contents{list-style: none;color: #ffffff;}.story_contents li{position:relative;}.story_contents li.show h2,.story_contents li.show p,.story_contents li.show img{transform: none;opacity: 1;}.story_contents h2{font-size: 2vw;font-weight:700;color: #ffffff;text-shadow:0px 0px 4px #000000,0px 0px 4px #000000,0px 0px 4px #000000,0px 0px 4px #000000,0px 0px 4px #000000,0px 0px 4px #000000,0px 0px 4px #000000,0px 0px 4px #000000,0px 0px 4px #000000,0px 0px 4px #000000;white-space:nowrap;background-color: rgba(20,20,20, 0);margin: 0;padding:0.5rem 1rem;letter-spacing: 0.05em;border-radius: 5px;overflow-x: hidden;opacity:0;transform:translateX(-1000px);transition: 1s  .5s;}.story_contents h2 span{color: #ffff33;}.story_contents p{line-height:1.6;font-weight:100;font-size: 1.5vw;color: #ffffff;background-color: rgba(20,20,20, 0.8);max-width: 50%;padding:1rem;margin-top: 0;border-radius: 5px;opacity:0;transform:translateY(10vw);transition: 1s ;}.story_contents_text{display:flex;flex-direction:column;align-items:flex-end;position:absolute;top: 0px;}.story_contents img{width: 50vw;display: block;border-radius: 10px;opacity:0;transform:translateY(5vh);transition: 1s;}.story_contents li:not(:first-of-type){margin-top: 10vh;}.story_contents li:nth-child(1) .story_contents_text{left:0;align-items:flex-start;}.story_contents li:nth-child(1) img{margin-left: auto; transform:rotate(5deg);}.story_contents li:nth-child(2) .story_contents_text{left:0;align-items:flex-end;}.story_contents li:nth-child(2) img{margin-right: auto;transform:rotate(-5deg);}.system {width: 100%;min-height: 435px;margin: 0% auto 0;position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;background: #ffff00;background-image:repeating-linear-gradient(-45deg,#FFE64A, #FFE64A 7px,transparent 0, transparent 14px);z-index: 32;-webkit-box-shadow: 0 0 6px black;box-shadow: 0 0 6px black;}.system_bg{bottom: 0;right: 0;background: url("../img/system_bg.png")no-repeat;background-size:  50%;background-position:right 0 bottom 0 ;z-index: 33;}.system_caption {display: block;position: relative;margin: 0 auto;padding: 2% 0;width: 28.5vw;max-width: 35vw;text-align: center;}.system_container {margin: 0 auto;}.system_contents{list-style: none;color: #ffffff;margin-left: -20vw;}.system_contents li{position:relative;}.system_contents li.show h2,.system_contents li.show p,.system_contents li.show img,.system_contents li.show .system_video_overlay_char,.system_contents li.show .system_catch_copy,.system_contents li.show .system_video{transform: none;opacity: 1;}.system_contents .system_catch_copy{text-align: center;opacity:0;transform:translateX(-100vw);transition: 1s;z-index: 36;overflow-x: hidden;}.system_container h2{font-size: 2vw;font-weight:900;color: #ffffff;text-shadow:0px 0px 4px #000000,0px 0px 4px #000000,0px 0px 4px #000000,0px 0px 4px #000000,0px 0px 4px #000000,0px 0px 4px #000000,0px 0px 4px #000000,0px 0px 4px #000000,0px 0px 4px #000000,0px 0px 4px #000000;white-space:nowrap;background-color: rgba(20,20,20, 0);margin: 0;padding:0.5rem 1rem;letter-spacing: 0.05em;border-radius: 5px;}.system_container h2 span{color: #FF00B4;}.system_container p{line-height:1.6;font-weight:100;font-size: 1.5vw;color: #000000;max-width: 100%;padding:1rem;margin-top: 0;text-decoration: none;}.system_contents_text{display:flex;flex-direction:column;align-items:flex-end;position:absolute;top: 0px;} .system_contents .system_video{position: relative;opacity: 0;transform:translateY(5vh);transition: 1s;overflow-x: hidden;} .system_contents .system_video #system_bg_video {display: block;margin-left: 45vw;width: 65vw;border-radius: 10px;pointer-events: none;overflow-x: hidden;}.system_contents li:not(:first-of-type){margin-top: 10vh;}.system  .system_video_overlay_char {display: block;position: absolute;left: 10vw;opacity: 0;z-index: 35;}  .system  .system_video_overlay_char img{display: absolute;display: block;opacity:0 ;width: 50vw;z-index: 35;transform:translateX(-7.5vw);transition: 1s .8s;}.system_playstyle{display: flex;    justify-content: center;      align-items: center;      }.system_playstyle img{width: 28vw;align-items: center;height: auto;}.system_fuwafuwa_keyboard{animation: move-y .4s infinite alternate ease-in-out; }.system_fuwafuwa_gamepad{animation: move-y .5s infinite alternate ease-in-out; }@keyframes move-y {from {transform: translateY(0);}to {transform: translateY(20px);}}.system_img_text,.system_playstyle_text{margin-top: 50px;opacity:0 ;transform:translateY(20vh);transition: 1s  .4s;}.system_img_text.show,.system_playstyle_text.show{transform: none;opacity: 1;}.system_img_text h2,.system_playstyle_text h2{text-align: center;font-size: 2vw;}.system_img_card_cbox{text-decoration: none;}.system_img_container {display: flex;flex-wrap: wrap;padding: 2vh 6vw 5vh 6vw;}.system_img_item_wrapper {width: calc(100% / 3 - 30px);margin:  calc(30px / 2);}.system_img_item {border-radius: 10px;}.system_img_item p{line-height: 1.5em;font-weight:500;font-size: 1.25vw;color: #333333;max-width: 100%;padding:1rem;margin-top: 0;}.system_img_item b{color: #FF00B4;text-shadow: 3px 3px 1px #333333,2px 2px 1px #333333,1px 1px 1px #333333,0px -1px 1px #333333,-1px 0px 1px #333333,1px 0px 1px #333333,0px 1px 1px #333333,0px 0px 1px #333333;}.system_img_item p span{line-height: 1.5em;font-weight:900;font-size: 1.25vw;color: #dd3110;max-width: 100%;padding:1rem;margin-top: 0;}.system_img_card img{width: 100%; vertical-align: bottom;border-radius: 5px;}@media screen and (max-width: 1024px) {.system_bg{background: url("../img/system_bg.png")no-repeat;background-size:  100%;background-position: bottom 0vh right 0vw;}.system_img_item_wrapper {width: calc(100% / 1 - 30px);}}.character {width: 100%;min-height: 435px;margin: 0% auto 0;position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;background: #38E0FF;background-image:radial-gradient(#71E6FC 10%, transparent 10%),radial-gradient(#71E6FC 10%, transparent 10%);background-size: 40px 40px;background-position: 0 0, 20px 20px;z-index: 42;-webkit-box-shadow: 0 0 6px black;box-shadow: 0 0 6px black;}.character_bg{bottom: 0;right: 0;background-size:  50%;background-position:left 0 bottom 0 ;z-index: 43;}.character_caption {display: block;position: relative;margin: 0 auto;padding: 2% 0;width: 28.5vw;max-width: 35vw;text-align: center;}.character_container {padding: 2vh 10vw 5vh 10vw;}.character_contents li.show h2,.character_contents li.show p,.character_contents li.show button,.character_contents li.show .character_01_big,.character_contents li.show .character_01_mini,.character_contents li.show .character_02_big,.character_contents li.show .character_02_mini,.character_contents li.show .character_03_big,.character_contents li.show .character_03_mini{transform: none;opacity: 1;}.character_contents li.show h1{transform: none;opacity: 1;transform:rotate(-5deg);}.character_container {padding: 2vh 10vw 5vh 10vw;}.character_contents{list-style: none;color: #ffffff;}.character_contents li{position:relative;}.character_contents_text_left{display:flex;flex-direction:column;align-items:flex-start;position:absolute;top: 0;z-index: 46;}.character_contents_text_right{display:flex;flex-direction:column;align-items:flex-end;position:absolute;top: 0;z-index: 46;}.character_contents h1{font-size: 10vw;font-weight:900;color: #ffff00;text-shadow:0px 0px 4px #333333,0px 0px 4px #333333,0px 0px 4px #333333,0px 0px 4px #333333,0px 0px 4px #333333,0px 0px 4px #333333,0px 0px 4px #333333,0px 0px 4px #333333,0px 0px 4px #333333,0px 0px 4px #333333,10px 10px 2px #333333,6px 6px 2px #333333,4px 4px 2px #333333,0px -1px 1px #333333,-1px 0px 1px #333333,1px 0px 1px #333333,0px 1px 1px #333333,0px 0px 1px #333333;white-space:nowrap;background-color: rgba(20,20,20, 0);margin: 0;letter-spacing: 0.1em;border-radius: 5px;transform:rotate(-5deg);overflow-x: hidden;opacity:0;transform:translateY(10vh);transition: 1s  .5s;}.character_contents h2{font-size: 2vw;font-weight:700;color: #ffffff;text-shadow:0px 0px 4px #000000,0px 0px 4px #000000,0px 0px 4px #000000,0px 0px 4px #000000,0px 0px 4px #000000,0px 0px 4px #000000,0px 0px 4px #000000,0px 0px 4px #000000,0px 0px 4px #000000,0px 0px 4px #000000;white-space:nowrap;background-color: rgba(20,20,20, 0);margin: 0;padding:0.5rem 1rem;letter-spacing: 0.05em;border-radius: 5px;overflow-x: hidden;opacity:0;transform:translateX(-1000px);transition: 1s  .5s;}.character_contents h2 span{color: #ffff33;}.character_contents p{line-height:1.6;font-weight:100;font-size: 1.5vw;color: #ffffff;background-color: rgba(20,20,20, 0.8);max-width: 50%;padding:1rem;margin-top: 0;border-radius: 5px;opacity:0;transform:translateY(10vw);transition: 1s ;}.character_img_container_left{display: flex;align-items: flex-end;justify-content: left;margin-left: 5vw;}.character_img_container_right{display: flex;align-items: flex-end;justify-content: right;margin-right: 5vw;}.character_01_mini,.character_02_mini,.character_03_mini{animation: move-y .5s infinite alternate ease-in-out; }.character_01_big{-webkit-margin-start:15em;margin-left: -15vw;height: auto;width: 20vw;display: block;z-index: 44;opacity:0;transform:translateX(-10vw);transition: 1s ;}.character_01_mini{-webkit-margin-start:30em;height: auto;width: 20vw;display: block;z-index: 45;opacity:0;transform:translateX(-10vw);transition: 1s .5s;}.character_02_big{margin-left: -5vw;height: auto;width: 20vw;display: block;z-index: 44;opacity:0;transform:translateX(-10vw);transition: 1s ;}.character_02_mini{margin-left: -8vw;height: auto;width: 20vw;display: block;z-index: 45;opacity:0;transform:translateX(-10vw);transition: 1s .5s;}.character_03_big{margin-left: -10vw;-webkit-margin-start:-5em;height: auto;width: 20vw;display: block;z-index: 44;opacity:0;transform:translateX(-10vw);transition: 1s ;}.character_03_mini{-webkit-margin-start:25em;height: auto;width: 20vw;display: block;z-index: 45;opacity:0;transform:translateX(-10vw);transition: 1s .5s;}.character_cv_box{display: flex;margin-top: 4vh;align-items: center;}.character_cv_box img{width: 6vw;height: auto;}.character_cv_box button{opacity:0;transform:translateX(10vw);transition: 1s .5s;}.character_contents li:not(:first-of-type){margin-top: 10vh;}.gallery {width: 100%;min-height: 435px;margin: 0% auto 0;position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;background: #ffff00;background-image:repeating-linear-gradient(-45deg,#FFE64A, #FFE64A 7px,transparent 0, transparent 14px);z-index: 52;-webkit-box-shadow: 0 0 6px black;box-shadow: 0 0 6px black;}.gallery_caption {display: block;position: relative;margin: 0 auto;padding: 2% 0;width: 28.5vw;max-width: 35vw;text-align: center;}.gallery_bg{bottom: 0;right: 0;background: url("../img/gallery_bg.png")no-repeat;background-size:  50%;background-position:right 0 bottom 0 ;z-index: 53;}.gallery_container {display: flex;flex-wrap: wrap;padding: 2vh 10vw 5vh 10vw;}.gallery_item_wrapper {width: calc(100% / 3 - 30px);margin:  calc(30px / 2);}.gallery_item {font-size: 1.5vw;color: #000000;background-color: rgba(255, 255, 255, 0.8);box-shadow: 0px 0px 15px -5px #777777;border-radius: 10px;}.gallery_item a{font-size: 1.5vw;color: #333333;white-space:wrap;text-decoration: none;}.gallery_card img{width: 100%; vertical-align: bottom;border-radius: 10px;}@media screen and (max-width: 1024px) {.gallery_bg{background: url("../img/gallery_bg.png")no-repeat;background-size:  80%;background-position: bottom 0vh right 0vw;}.gallery_item_wrapper {width: calc(100% / 2 - 30px);}}@media screen and (max-width: 599px) {.gallery_bg{background: url("../img/gallery_bg.png")no-repeat;background-size:  100%;background-position: bottom 0vh right 0vw;}.gallery_item_wrapper {width: calc(100% / 1 - 30px);}}.product {width: 100%;min-height: 435px;margin: 0% auto 0;position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;background: #333333;background-image:radial-gradient(#000000 10%, transparent 10%),radial-gradient(#000000 10%, transparent 10%);background-size: 40px 40px;background-position: 0 0, 20px 20px;z-index: 62;-webkit-box-shadow: 0 0 6px black;box-shadow: 0 0 6px black;}.product_bg{bottom: 0;right: 0;background: url("../img/product_bg.png")no-repeat;background-size:  50%;background-position:left 0 bottom 0 ;z-index: 63;}.product_caption {display: block;position: relative;margin: 0 auto;padding: 2% 0;width: 28.5vw;max-width: 35vw;text-align: center;}.product_container {padding: 2vh 10vw 5vh 10vw;}.product_header_wrappter {position: relative;margin: 0 auto 45px;width: 100%;  }@media screen and (max-width: 1080px) {.product_header_wrappter {margin-bottom: 25px;}}.product_infomation {margin-bottom: 36px;color: #ffffff;font-size: 52px;font-weight: 500;letter-spacing: .2px;line-height: 1.3;text-align: center;}@media screen and (max-width: 1080px) {.product_infomation {margin-bottom: 22px;font-size: 26px;letter-spacing: 1px;line-height: 1.4;}}  .product_infomation small {display: block;margin-top: 2px;font-size: .4em;}@media screen and (max-width: 1080px) {.product_infomation small {margin-top: 5px;font-size: .6em;line-height: .8;}}.product_price {position: relative;margin: 16px auto 0;width: 100%;color: #ffff00;font-size: 20px;letter-spacing: 1.2px;line-height: 1.8;text-align: center;}  @media screen and (max-width: 1080px) {.product_price {margin-top: 12px;font-size: 13px;letter-spacing: .2px;}}.product_data {display: block;position: relative;width: 100%;}  @media screen and (min-width: 1081px) {.product_data {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}}.product_data_img {display: flex;position: relative;}@media screen and (max-width: 1080px) {.product_data_img {justify-content: center;margin: 0 auto 20px;width: 100%;}}.product_data_img_item {display: block;position: relative;text-align: left;}@media screen and (max-width: 1080px) {.product_data_img_item {width: 94px;}}.product_data_img_item img{width: 40vw;}@media screen and (max-width: 1080px) {.product_data_img_item img{justify-content: center;margin-left: -32.5vw;width:75vw;text-align: left;}}  .product_data_inner {position: relative;} @media screen and (min-width: 1081px) {.product_data_inner {-webkit-box-flex: 1;-ms-flex: 1 1 0px;flex: 1 1 0;max-width: 430px;}}@media screen and (max-width: 1080px) {.product_data_inner {margin: 0 auto;width: 95%;}}  .product_data_data {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;border-bottom: 1px solid rgba(255, 255, 255, 0.3);padding: 13px 0;font-size: 16px;line-height: 1.5;}@media screen and (max-width: 1080px) {.product_data_data {padding: 9px 0;font-size: 12px;letter-spacing: .2px;line-height: 1.4;}}  .product_data_data_sub {display: block;position: relative;margin-right: 25px;width: 90px;text-justify: inter-character;}@media screen and (max-width: 1080px) {.product_data_data_sub {margin-right: 20px;width: 70px;}}.product_data_data_main {position: relative;-webkit-box-flex: 1;-ms-flex: 1 1 0px;flex: 1 1 0;word-break: keep-all;}.product_data_data-cero {display: block;width: 60px;}@media screen and (max-width: 1080px) {.product_data_data-cero {width: 40px;}}.download {width: 100%;min-height: 435px;margin: 0% auto 0;position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;background: #ffff00;background-image:repeating-linear-gradient(-45deg,#FFE64A, #FFE64A 7px,transparent 0, transparent 14px);padding-bottom: 15px;z-index: 72;-webkit-box-shadow: 0 0 6px black;box-shadow: 0 0 6px black;}.download_caption {display: block;position: relative;margin: 0 auto;padding: 2% 0;width: 28.5vw;max-width: 35vw;text-align: center;}.download_bg{bottom: 0;right: 0;background: url("../img/download_bg.png")no-repeat;background-size:  50%;background-position:right 0 bottom 0 ;z-index: 73;}.download_container {display: flex;justify-content: center;align-items: center;flex-wrap: nowrap;margin: 0;margin-left: -10vw;padding: 2vh 10vw 5vh 10vw;}.download_trial{margin-left: 20vw;z-index: 75;}.download_trial img{width: 25vw;z-index: 75;}@media screen and (max-width: 1024px) {.download_trial{margin-top: 0vh;margin-left: 10vw;z-index: 75;}.download_trial img{width: 50vw;z-index: 75;}}.download_trial{animation: move-y .4s infinite alternate ease-in-out; }.download_character{margin-left: -5vw;margin-top: 30vh;z-index: 74;height: auto;width: 25%;display: block;opacity:0;transform:translateX(-10vw);transition: 1s .5s;}.download_character img{z-index: 74;}@media screen and (max-width: 1024px) {.download_character{margin-left: -10vw;margin-top: 10vh;z-index: 74;height: auto;width: 75%;display: block;opacity:0;transform:translateX(-10vw);transition: 1s .5s;}.download_character img{z-index: 74;}}.download_character.show{transform: none;opacity: 1;}.download h2{text-align: center;font-size: 1.8vw;font-weight:700;color: #ffffff;text-shadow:0px 0px 4px #000000,0px 0px 4px #000000,0px 0px 4px #000000,0px 0px 4px #000000,0px 0px 4px #000000,0px 0px 4px #000000,0px 0px 4px #000000,0px 0px 4px #000000,0px 0px 4px #000000,0px 0px 4px #000000;white-space:nowrap;background-color: rgba(20,20,20, 1);margin: 0;padding:0.5rem 1rem;letter-spacing: 0.05em;border-radius: 5px;}.download h2 span{color: #FF00B4;}.footer_wrapper {/*background: url("../img/footer_bg.png") 50% 0% repeat;background-size: cover;*/width: 100%;color: #aaaaaa;padding: 1% 0 1%;position: relative;}.inner960 {max-width: 960px;height: 100%;margin: 0 auto;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;}.sns_button {display: flex;justify-content: center;position: relative;margin-top: 1%;}.sns_button_item {position: relative;display: flex;justify-content: space-between;align-items: center;width: 5%;} .sns_button_item img {vertical-align: bottom;width: 100%;}  .sns_button_item + .sns_button_item{margin-left: 2%;}.sns_button_item .cien_button img{width: 200%;}.copy-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;justify-content: space-between;margin-top: 3%;font-size: 0.75em;}.order{    display: block;box-sizing: border-box;width: 25vh;height: 11vh;background: url("../img/footer_order.png") 0% 0% no-repeat;    padding-top: 30px;    letter-spacing: -1px;    opacity: 0.85;    position: fixed;    left: 0;    bottom: 10px;    z-index: 8000;text-decoration: none;}.order:hover{    opacity: 0.4;}.order img{width: 100%;height: 100%;position: absolute;top: 0;object-fit: cover;}.order p{font-weight:100;font-size: 1.5em;color: #ffffff;padding:1rem;bottom: 10;}@media screen and (max-height:1000px) {.order{opacity: 0;}}#layer_board_area {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;padding: 0 3vw;overflow-y: auto;z-index: 9998;box-sizing: border-box; -ms-overflow-style: none;scrollbar-width: none;}#layer_board_area::-webkit-scrollbar {display:none; }.layer_board_bg {display: none;position: fixed;width: 100%;height: 100%;top: 0;bottom: 0;right: 0;left: 0;cursor: pointer;background: #ffff00;z-index: 9997;}.layer_board {display: none;position: relative;width: 80%;max-width: 800px;margin: 3em auto;padding: 4em;border-radius: 5px;box-sizing: border-box;background: #FF00B4;background-image:repeating-linear-gradient(-45deg,#df0aa0, #df0aa0 7px,transparent 0, transparent 14px);z-index: 9999;}.layer_board.shortLayer {margin: 0;top: 50%;left: 50%;transform: translate(-50%,-50%);}.layer_borad_title {font-weight: 900;font-size: 350%;font-weight:700;color: #ffffff;text-shadow:0px 0px 4px #333333,0px 0px 4px #333333,0px 0px 4px #333333,0px 0px 4px #333333,0px 0px 4px #333333,0px 0px 4px #333333,0px 0px 4px #333333,0px 0px 4px #333333,0px 0px 4px #333333,0px 0px 4px #333333,10px 10px 2px #333333,6px 6px 2px #333333,4px 4px 2px #333333,0px -1px 1px #333333,-1px 0px 1px #333333,1px 0px 1px #333333,0px 1px 1px #333333,0px 0px 1px #333333;white-space:nowrap;background-color: rgba(20,20,20, 0);margin: 0;padding:0.5rem 1rem;letter-spacing: 0.05em;border-radius: 5px;}.layer_borad_content {margin: 1em auto 1.5em;}.layer_boader_btn{display: flex;}.layer_board .square_btn{display: block;    position: relative;width:160px;    margin: 0 auto;padding: 10px;background-color:#ffffff;        border-radius: 5px;    font-size: 1.4em;    font-weight: 500;    color: #000000;    text-align: center;    letter-spacing: 1px;    text-decoration: none;    transition: .15s;}.layer_board .square_btn:hover {background: #000000;color: #ffffff;}@media screen and (max-width:480px) {.layer_board {width: 90%;margin: 3em auto;padding: 1.5em;}.layer_board .mdl_btn_close.circle_btn {width: 26px;height: 26px;background-size: 14px;}}.patch {width: 100%;min-height: 435px;margin: 0% auto 0;position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;background: #ffff00;background-image:repeating-linear-gradient(-45deg,#FFE64A, #FFE64A 7px,transparent 0, transparent 14px);z-index: 12;-webkit-box-shadow: 0 0 6px black;box-shadow: 0 0 6px black;}.patch_caption {display: block;position: relative;margin: 0 auto;padding: 2% 0;width: 28.5vw;max-width: 35vw;text-align: center;}.patch_bg{bottom: 0;right: 0;background: url("../img/patch_bg.png")no-repeat;background-size:  50%;background-position:right 0 bottom 0 ;z-index: 11;}.patch_container {display: flex;flex-wrap: wrap;padding: 2vh 10vw 5vh 10vw;}.patch_item_wrapper {width: calc(100% / 3 - 30px);margin:  calc(30px / 2);}.patch_item {font-size: 1.5vw;color: #000000;background-color: rgba(255, 255, 255, 0.8);box-shadow: 0px 0px 15px -5px #777777;border-radius: 10px;}.patch_item a{font-size: 1.25vw;color: #333333;white-space:wrap;text-decoration: none;}.patch_card img{width: 100%; vertical-align: bottom;border-radius: 10px 10px 0 0;}@media screen and (max-width: 1024px) {.patch_bg{background: url("../img/patch_bg.png")no-repeat;background-size:  80%;background-position: bottom 0vh right 0vw;}.patch_item_wrapper {width: calc(100% / 2 - 30px);}}@media screen and (max-width: 599px) {.patch_bg{background: url("../img/patch_bg.png")no-repeat;background-size:  100%;background-position: bottom 0vh right 0vw;}.patch_item_wrapper {width: calc(100% / 1 - 30px);}}.patch_titles h2{text-align: center;font-size: 3vw;color: #ff0000;white-space:wrap;text-decoration: none;}.patch_titles h3{text-align: left;margin-left: 15%;font-size: 1.5vw;color: #ff0000;white-space:wrap;text-decoration: none;}.patch_titles h4{text-align: left;margin-left: 15%;font-size: 1.5vw;color: #333333;white-space:wrap;text-decoration: none;}