/* [global] */
html {
-webkit-text-size-adjust: none !important;
/*font-family: "Kozuka Gothic Pro", "Hiragino Kaku Gothic Pro", Meiryo, Helvetica, Arial, Verdana, sans-serif;*/
font-family: "Times New Roman", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
font-weight: 100;
font-size: 1rem;
height: 100%;
}
body {
height: 100%;background: #fff;color: #000;background-image: url("../../data/img/img_body_background_1.jpg?v=1");background-size: 200px 200px;
word-wrap: break-word;
word-break: break-all;
}
a:hover { opacity: .5; transition: opacity .4s ease; -webkit-transition: opacity .4s ease; }
/**
padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
*/
.loading_1 { z-index: 9999; }
.about_1_1_2_1_1 { z-index: 103; }
.about_1_1_2_1_2 { z-index: 102; }
.about_1_1_2_1_3 { z-index: 101; }
.site_1 {
}
.about_1 {height: 100%;overflow: hidden;background: linear-gradient(180deg,white,rgb(255, 255, 255));width: 100%;margin: 0 0 100px;box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.5);}
.about_1_w {height: 100%;
padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
}
.about_1_1 {max-width: 1024px;margin: 0 auto;height: 100%; }
.about_1_1_w {height: 100%;padding: 0 20px; }
.about_1_1_1 { }
.about_1_1_1_w { }
.about_1_1_1_w h2 { }
.about_1_1_2 {height: 100%;}
.about_1_1_2_w {height: 100%;}
.about_1_1_2_1 {height: 100%;}
.about_1_1_2_1_w {position: relative;width: 100%;}
.about_1_1_2_1_1 {display: table;height: 100%;position: absolute;width: 50%;background: linear-gradient(180deg,rgb(255, 255, 255),rgba(255, 255, 255, 0.5));}
.about_1_1_2_1_1_w {display: table-cell;vertical-align: middle;line-height: 2;font-size: 13px;letter-spacing: 5px;padding: 50px 20px;margin: 0 auto 0 0;}
.about_1_1_2_1_1_1 {}
.about_1_1_2_1_1_1_w {
color: rgb(113, 61, 44);
}
.about_1_1_2_1_2 {position: absolute;right: -80px;}
.about_1_1_2_1_2_w { }
.about_1_1_2_1_2_w img { display: block; width: 100%; height: auto; }
.about_1_1_2_1_3 { }
.about_1_1_2_1_3_w { }
.about_1_1_2_1_3_w img { }
@media screen and (max-width: 850px){
.about_1 {/* overflow: visible; */height: auto;}
.about_1_w {height: auto;}
.about_1_1 {height: auto;}
.about_1_1_w {height: auto;padding: 0;}
.about_1_1_1 { }
.about_1_1_1_w { }
.about_1_1_1_w h2 { }
.about_1_1_2 {height: auto;}
.about_1_1_2_w {height: auto;}
.about_1_1_2_1 {height: auto;}
.about_1_1_2_1_w {
width: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
background-repeat: no-repeat;
background-size: 120% auto;
background-position: center;
background-image: url(../../data/img/img_about_1.png);
}
.about_1_1_2_1_1 {
height: auto;
position: relative;
margin: 0 auto 0;
display: block;
vertical-align: baseline;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
width: 100%;
text-align: center;
background: linear-gradient(180deg,rgb(255, 255, 255),rgba(255, 255, 255, 0.1));
}
.about_1_1_2_1_1_w {font-size: 13px;line-height: 2;letter-spacing: 5px;border-right: none;display: inline-block;padding: 125px 20px 200px;text-align: left;}
.about_1_1_2_1_1_1 { }
.about_1_1_2_1_1_1_w { }
.about_1_1_2_1_2 {
width: auto;
margin: 0 auto;
display: block;
vertical-align: baseline;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
/* position: relative; */
right: auto;
top: -50px;
display: none;
}
.about_1_1_2_1_2_w { }
.about_1_1_2_1_2_w img { }
}
@media screen and (max-width: 480px){
.about_1 { }
.about_1_w { }
.about_1_1 { }
.about_1_1_w { }
.about_1_1_1 { }
.about_1_1_1_w { }
.about_1_1_1_w h2 { }
.about_1_1_2 { }
.about_1_1_2_w { }
.about_1_1_2_1 { }
.about_1_1_2_1_w { }
.about_1_1_2_1_1 { }
.about_1_1_2_1_1_w {font-size: 11px;line-height: 1.5;padding: 100px 30px 150px;}
.about_1_1_2_1_1_1 { }
.about_1_1_2_1_1_1_w { }
.about_1_1_2_1_2 { }
.about_1_1_2_1_2_w { }
.about_1_1_2_1_2_w img { }
.about_1_1_2_1_3 { }
.about_1_1_2_1_3_w { }
.about_1_1_2_1_3_w img { }
}
/*
width: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 0 75px;
width: auto;
margin: 0 auto;
display: block;
vertical-align: baseline;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
*/
.controller_1 { position: fixed; top: 0; right: 0; }
.controller_1_w { }
.controller_1_1 { }
.controller_1_1_w { }
.controller_1_1_1 { }
.controller_1_1_1_w { }
.controller_1_1_2 { }
.controller_1_1_2_w { }
.controller_1_1_2_1 { }
.controller_1_1_2_1_w { text-align: right; }
.controller_1_1_2_1_w a { }
.controller_1_1_2_2 { }
.controller_1_1_2_2_w { text-align: right; }
.controller_1_1_2_2_w a { }
.controller_1_1_2_3 { }
.controller_1_1_2_3_w { text-align: right; }
.controller_1_1_2_3_w a { }
.visual_1 {height: 100%;overflow: hidden;background: linear-gradient(180deg, rgb(255, 255, 255), rgba(234, 234, 234, 0.25), rgb(255, 255, 255));}
.visual_1_w {height: 100%;/* background-image: url("../../data/img/visual_1/img_visual_1_sakura_background_1.png"); *//* background-repeat: repeat-x; *//* background-position: center 0; *//* background-size: 150%; */
padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
}
.visual_1_1 { height: 100%; }
.visual_1_1_w { height: 100%; }
.visual_1_1_1 { height: 100%; }
.visual_1_1_1_w { height: 100%; position: relative;}
.visual_1_1_1_0 { position: absolute;top: 20px;left: 0;right: 0;max-width: 1024px;min-width: 550px;width: 100%;margin: 0 auto;}
.visual_1_1_1_0_w { }
.visual_1_1_1_0_w img { width: 100%; height: auto; }
.visual_1_1_1_1 {position: absolute;top: 20px;left: 0;right: 0;max-width: 1024px;min-width: 550px;width: 100%;margin: 0 auto;}
.visual_1_1_1_1_w { }
.visual_1_1_1_1_w img { width: 100%; height: auto; }
.visual_1_1_1_2 {position: absolute;top: 20px;left: 0;right: 0;max-width: 1024px;min-width: 550px;width: 100%;margin: 0 auto;}
.visual_1_1_1_2_w { }
.visual_1_1_1_2_w img { width: 100%; height: auto; }
.visual_1_1_1_3 {position: absolute;top: 20px;left: 0;right: 0;max-width: 1024px;min-width: 550px;width: 100%;margin: 0 auto;}
.visual_1_1_1_3_w { }
.visual_1_1_1_3_w img { width: 100%; height: auto; }
.visual_1_1_1_4 {display: none;position: absolute;bottom: -150px;left: 0;right: 0;max-width: 1024px;width: 100%;height: 100%;margin: auto auto;/* z-index: 9999; */}
.visual_1_1_1_4_w { }
.visual_1_1_1_4_w img {width: 100%;height: auto;}
.visual_1_1_1_5 {position: absolute;top: 20px;left: 0;right: 0;max-width: 1024px;min-width: 550px;width: 100%;margin: 0 auto;}
.visual_1_1_1_5_w { }
.visual_1_1_1_5_w img { width: 100%; height: auto; }
.visual_1_1_1_6 { }
.visual_1_1_1_6_w { }
.visual_1_1_1_7 { position: absolute;top: 20px;left: 0;right: 0;max-width: 1024px;min-width: 550px;width: 100%;margin: 0 auto;}
.visual_1_1_1_7_w { }
.visual_1_1_1_7_w img { width: 100%; height: auto; }
.visual_1_1_1_8 { position: absolute;top: 20px;left: 0;right: 0;max-width: 1024px;min-width: 550px;width: 100%;margin: 0 auto;}
.visual_1_1_1_8_w { }
.visual_1_1_1_8_w img { width: 100%; height: auto; }
.visual_1_1_1_9 { position: absolute;top: 20px;left: 0;right: 0;max-width: 1024px;min-width: 550px;width: 100%;margin: 0 auto;}
.visual_1_1_1_9_w { }
.visual_1_1_1_9_w img { width: 100%; height: auto; }
@media screen and (max-width: 550px){
.visual_1 { }
.visual_1_w { }
.visual_1_1 { }
.visual_1_1_w { }
.visual_1_1_1 { }
.visual_1_1_1_w { }
.visual_1_1_1_0 { left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.visual_1_1_1_0_w { }
.visual_1_1_1_0_w img { }
.visual_1_1_1_1 { left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.visual_1_1_1_1_w { }
.visual_1_1_1_1_w img { }
.visual_1_1_1_2 { left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.visual_1_1_1_2_w { }
.visual_1_1_1_2_w img { }
.visual_1_1_1_3 { left: 50%;-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);transform: translate(-50%, 0);}
.visual_1_1_1_3_w { }
.visual_1_1_1_3_w img { }
.visual_1_1_1_4 { }
.visual_1_1_1_4_w { }
.visual_1_1_1_4_w img { }
.visual_1_1_1_5 { left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.visual_1_1_1_5_w { }
.visual_1_1_1_5_w img { }
.visual_1_1_1_6 { }
.visual_1_1_1_6_w { }
.visual_1_1_1_7 { left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.visual_1_1_1_7_w { }
.visual_1_1_1_7_w img { }
.visual_1_1_1_8 { left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.visual_1_1_1_8_w { }
.visual_1_1_1_8_w img { }
.visual_1_1_1_9 { left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.visual_1_1_1_9_w { }
.visual_1_1_1_9_w img { }
}
@media screen and (max-width: 420px){
.visual_1_1_1_3 { display: none; }
.visual_1_1_1_4 { display: table; }
.visual_1_1_1_4_w {display: table-cell;vertical-align: middle;padding: 175px 0 0;}
}
.visual_2 {height: 100%;overflow: hidden;background: white;}
.visual_2_w { height: 100%; }
.visual_2_1 { height: 100%; }
.visual_2_1_w { height: 100%; }
.visual_2_1_1 { height: 100%; }
.visual_2_1_1_w { height: 100%; position: relative;}
.visual_2_1_1_1 {position: absolute;top: 0;left: 0;right: 0;max-width: 1024px;min-width: 550px;width: 100%;margin: 0 auto;}
.visual_2_1_1_1_w { }
.visual_2_1_1_1_w img { width: 100%; height: auto; }
.visual_2_1_1_2 {position: absolute;top: 20px;left: 0;right: 0;max-width: 1024px;min-width: 550px;width: 100%;margin: 0 auto;}
.visual_2_1_1_2_w { }
@media screen and (max-width: 550px){
.visual_2 { }
.visual_2_w { }
.visual_2_1 { }
.visual_2_1_w { }
.visual_2_1_1 { }
.visual_2_1_1_w { }
.visual_2_1_1_1 { left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.visual_2_1_1_1_w { }
.visual_2_1_1_1_w img { }
.visual_2_1_1_2 { }
.visual_2_1_1_2_w { }
}
.global_menu_1 { height: 100%; width: 100%;background: rgba(255, 255, 255, 0.85);position: fixed;}
.global_menu_1_w { height: 100%; }
.global_menu_1_1 { height: 100%; width: 100%; display: table; }
.global_menu_1_1_w { height: 100%; width: 100%; display: table-cell; vertical-align: middle; }
.global_menu_1_1_1 { max-width: 1024px; margin: 0 auto; }
.global_menu_1_1_1_w { }
.global_menu_1_1_1_1 { }
.global_menu_1_1_1_1_w {text-align: right;}
.global_menu_1_1_1_1_w a { }
.global_menu_1_1_1_2 { }
.global_menu_1_1_1_2_w { }
.global_menu_1_1_1_2_1 { }
.global_menu_1_1_1_2_1_w { }
.global_menu_1_1_1_2_2 { }
.global_menu_1_1_1_2_2_w { }
.global_menu_1_1_1_2_2_w ul {list-style: none;}
.global_menu_1_1_1_2_2_w ul li { }
.global_menu_1_1_1_2_2_w ul li:last-child { }
.global_menu_1_1_1_2_2_w ul li a { }
.global_menu_1_1_1_2_3 { }
.global_menu_1_1_1_2_3_w {text-align: right;}
.visual_header_1 { height: 100%; }
.visual_header_1_w { height: 100%; }
.visual_header_1_1 { height: 100%; display: table;width: 100%;}
.visual_header_1_1_w { height: 100%; display: table-cell;vertical-align: middle;width: 100%;}
.visual_header_1_1_1 { }
.visual_header_1_1_1_w { }
.visual_header_1_1_1_1 { border-bottom: 1px solid;}
.visual_header_1_1_1_1_w { max-width: 1024px;margin: 0 auto;}
.visual_header_1_1_1_1_1 { }
.visual_header_1_1_1_1_1_w { padding: 10px 20px 2px;}
.track_list_1 {margin: 0 0 100px;background: rgb(255, 255, 255);}
.track_list_1_w { }
.track_list_1_1 { }
.track_list_1_1_w { }
.track_list_1_1_1 {border-bottom: 1px solid rgb(236, 236, 236);}
.track_list_1_1_1_w {}
.track_list_1_1_1_w h2 {font-family: 'Fredericka the Great', cursive;font-size: 20px;letter-spacing: 1px;text-align: center;padding: 100px 0 10px;color: rgb(70, 37, 4);}
.track_list_1_1_2 {box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.5);}
.track_list_1_1_2_w { max-width: 1024px; margin: 0 auto;
padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);}
.track_list_1_1_2_1 {padding: 100px 40px 150px;}
.track_list_1_1_2_1_w { display: table; width: 100%; }
.track_list_1_1_2_1_1 {display: table-cell;vertical-align: top;width: 50%;}
.track_list_1_1_2_1_1_w { }
.track_list_1_1_2_1_1_1 { }
.track_list_1_1_2_1_1_1_w { }
.track_list_1_1_2_1_1_1_w a {display: block;opacity: 1;}
.track_list_1_1_2_1_1_1_w a img { display: block; width: 100%; height: auto; }
.track_list_1_1_2_1_1_2 { }
.track_list_1_1_2_1_1_2_w { }
.track_list_1_1_2_1_1_2_1 { }
.track_list_1_1_2_1_1_2_1_w {padding: 20px 0;}
.track_list_1_1_2_1_1_2_1_1 {border-bottom: 1px solid rgb(220, 220, 220);}
.track_list_1_1_2_1_1_2_1_1_w {font-family: 'Fredericka the Great', cursive;font-size: 10px;letter-spacing: 1px;text-align: left;color: rgb(70, 37, 4);padding: 0 0 5px;}
.track_list_1_1_2_1_1_2_1_2 { }
.track_list_1_1_2_1_1_2_1_2_w {text-align: right;padding: 5px 0;font-size: 10px;color: rgba(0, 0, 0, 0.44);}
.track_list_1_1_2_1_2 { display: table-cell; vertical-align: middle; }
.track_list_1_1_2_1_2_w {padding: 0 0 0 40px;}
.track_list_1_1_2_1_2_1 {}
.track_list_1_1_2_1_2_1_w { }
.track_list_1_1_2_1_2_1_w ol { }
.track_list_1_1_2_1_2_1_w ol li {margin: 0 0 10px;}
.track_list_1_1_2_1_2_1_w ol li:last-child {margin: 0;}
.track_list_1_1_2_1_2_1_2 { }
.track_list_1_1_2_1_2_2 {}
.track_list_1_1_2_1_2_2_w {text-align: right;font-size: 11px;color: rgba(0, 0, 0, 0.44);margin: 0 -1em 0 0;padding: 20px 0 20px;}
.track_list_1_1_2_1_2_3 {margin: 0 0 10px;}
.track_list_1_1_2_1_2_3_w { }
.track_list_1_1_2_1_2_3_1 {border-bottom: 1px solid rgb(220, 220, 220);}
.track_list_1_1_2_1_2_3_1_w {padding: 0px 0 4px;}
.track_list_1_1_2_1_2_3_1_w h3 {font-family: 'Fredericka the Great', cursive;font-size: 13px;letter-spacing: 1px;text-align: left;color: rgb(70, 37, 4);}
.track_list_1_1_2_1_2_3_2 { }
.track_list_1_1_2_1_2_3_2_w {padding: 5px 0;}
.track_list_1_1_2_1_2_3_2_w ul {list-style: none;float: right;}
.track_list_1_1_2_1_2_3_2_w ul li {margin: 0 5px 5px 0;float: left;border-right: 1px solid rgb(220, 220, 220);}
.track_list_1_1_2_1_2_3_2_w ul li:last-child { margin: 0 0 5px 0; }
.track_list_1_1_2_1_2_3_2_w ul li:first-child { ;border-left: 1px solid rgb(220, 220, 220); }
.track_list_1_1_2_1_2_3_2_w ul li a {text-decoration: none;display: inline-block;font-size: 11px;padding: 2px 10px;color: rgb(101, 111, 95);}
.track_list_1_1_2_1_2_4 {margin: 0 0 10px;}
.track_list_1_1_2_1_2_4_w { }
.track_list_1_1_2_1_2_4_1 {border-bottom: 1px solid rgb(220, 220, 220);}
.track_list_1_1_2_1_2_4_1_w {padding: 0px 0 4px;}
.track_list_1_1_2_1_2_4_1_w h3 {font-family: 'Fredericka the Great', cursive;font-size: 13px;letter-spacing: 1px;text-align: left;color: rgb(70, 37, 4);}
.track_list_1_1_2_1_2_4_2 { }
.track_list_1_1_2_1_2_4_2_w {padding: 5px 0;}
.track_list_1_1_2_1_2_4_2_w ul {list-style: none;float: right;}
.track_list_1_1_2_1_2_4_2_w ul li {margin: 0 5px 5px 0;float: left;border-right: 1px solid rgb(220, 220, 220);padding: 5px 10px;color: rgb(101, 111, 95);font-size: 11px;}
.track_list_1_1_2_1_2_4_2_w ul li:last-child { margin: 0 0 5px 0; }
.track_list_1_1_2_1_2_4_2_w ul li:first-child {border-left: 1px solid rgb(220, 220, 220);}
.track_list_box_1 { }
.track_list_box_1_w {display: table;width: 100%;}
.track_list_box_1_1 {display: table-cell;width: 1px;white-space: nowrap;vertical-align: middle;background: linear-gradient(180deg,rgb(90, 118, 90),rgb(30, 53, 30));box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.8), 0px 1.2px 0.1px 0px rgba(0, 0, 0, 0.8);-moz-box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.8), 0px 1.2px 0.1px 0px rgba(0, 0, 0, 0.8);-ms-box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.8), 0px 1.2px 0.1px 0px rgba(0, 0, 0, 0.8);border-top: 4px solid rgb(132, 77, 16);border-left: 4px solid rgb(174, 107, 30);border-bottom: 4px solid rgb(132, 78, 16);border-right: 4px solid rgb(174, 107, 30);}
.track_list_box_1_1_w {padding: 0 8px;font-family: 'Fredericka the Great', cursive;font-size: 11px;letter-spacing: 1px;text-align: center;color: rgb(255, 255, 255);}
.track_list_box_1_1_w div {display: inline-block;}
.track_list_box_1_1_w div:nth-child(1) { }
.track_list_box_1_1_w div:nth-child(2) { }
.track_list_box_1_2 {display: table-cell;}
.track_list_box_1_2_w {padding: 5px 0 5px 10px;}
.track_list_box_1_2_1 {border-bottom: 1px solid rgb(220, 220, 220);}
.track_list_box_1_2_1_w {
padding: 0 0 3px;
}
.track_list_box_1_2_1_w div {display: inline-block; }
.track_list_box_1_2_1_w div:nth-child(1) {font-size: 13px;letter-spacing: 1px;color: rgb(112, 49, 13);}
.track_list_box_1_2_1_w div:nth-child(2) {font-size: 10px;font-style: italic;color: rgb(153, 153, 153);}
.track_list_box_1_2_2 { }
.track_list_box_1_2_2_w {font-size: 10.5px;padding: 4px 0;color: rgb(83, 109, 82);}
.track_list_box_1_2_2_w ul {list-style: none;float: right;}
.track_list_box_1_2_2_w ul li {float: left;padding: 0 5px;border-right: 1px solid rgb(170, 170, 170);}
.track_list_box_1_2_2_w ul li:last-child { border-right: none; padding: 0 0 0 5px; }
@media screen and (max-width: 800px){
.track_list_1 {}
.track_list_1_w {}
.track_list_1_1 {}
.track_list_1_1_w {}
.track_list_1_1_1 {
}
.track_list_1_1_1_w {}
.track_list_1_1_1_w h2 {
padding: 50px 0 10px;
}
.track_list_1_1_2 {}
.track_list_1_1_2_w {}
.track_list_1_1_2_1 {
padding: 0;
}
.track_list_1_1_2_1_w {
display: block;
width: auto;
}
.track_list_1_1_2_1_1 {
display: block;
width: auto;
background: linear-gradient(180deg,rgb(255, 255, 255),rgb(247, 247, 247));
}
.track_list_1_1_2_1_1_w {
max-width: 400px;
margin: 0 auto;
padding: 50px 30px;
}
.track_list_1_1_2_1_1_1 { }
.track_list_1_1_2_1_1_1_w { }
.track_list_1_1_2_1_1_1_w a {}
.track_list_1_1_2_1_1_1_w a img {}
.track_list_1_1_2_1_1_2 { }
.track_list_1_1_2_1_1_2_w { }
.track_list_1_1_2_1_1_2_1 { }
.track_list_1_1_2_1_1_2_1_w {padding: 20px 0 0;}
.track_list_1_1_2_1_1_2_1_1 { }
.track_list_1_1_2_1_1_2_1_1_w { }
.track_list_1_1_2_1_1_2_1_2 { }
.track_list_1_1_2_1_1_2_1_2_w { }
.track_list_1_1_2_1_2 {
display: block;
}
.track_list_1_1_2_1_2_w {
padding: 50px 30px 50px;
}
.track_list_1_1_2_1_2_1 {}
.track_list_1_1_2_1_2_1_w {}
.track_list_1_1_2_1_2_1_w ol {}
.track_list_1_1_2_1_2_1_w ol li {}
.track_list_1_1_2_1_2_1_w ol li:last-child{}
.track_list_1_1_2_1_2_1_2 {}
.track_list_1_1_2_1_2_2_w {}
.track_list_box_1 {}
.track_list_box_1_w {}
.track_list_box_1_1 {}
.track_list_box_1_1_w {}
.track_list_box_1_1_w div {}
.track_list_box_1_1_w div:nth-child(1) {}
.track_list_box_1_1_w div:nth-child(2) {}
.track_list_box_1_2 {}
.track_list_box_1_2_w {
padding: 5px 0 5px 10px;
}
.track_list_box_1_2_1 {}
.track_list_box_1_2_1_w {}
.track_list_box_1_2_1_w div {}
.track_list_box_1_2_1_w div:nth-child(1) {}
.track_list_box_1_2_1_w div:nth-child(2) {}
.track_list_box_1_2_2 {}
.track_list_box_1_2_2_w {}
.track_list_box_1_2_2_w ul {}
.track_list_box_1_2_2_w ul li {}
.track_list_box_1_2_2_w ul li:last-child {}
}
.xfd_1 { height: 100%; margin: 0 0 100px; display: table;width: 100%;box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.5);background: rgb(255, 255, 255); }
.xfd_1_w { height: 100%; display: table-cell; vertical-align: middle; padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);}
.xfd_1_1 { }
.xfd_1_1_w { }
.xfd_1_1_1 { border-bottom: 1px solid rgb(236, 236, 236);}
.xfd_1_1_1_w { }
.xfd_1_1_1_w h2 { font-family: 'Fredericka the Great', cursive;font-size: 20px;letter-spacing: 1px;text-align: center;padding: 100px 0 10px;color: rgb(70, 37, 4);}
.xfd_1_1_2 { max-width: 1024px;margin: 0 auto;}
.xfd_1_1_2_w { padding: 100px 40px 100px;}
.xfd_1_1_2_1 { }
.xfd_1_1_2_1_w { }
.xfd_1_1_2_1_1 { }
.xfd_1_1_2_1_1_w { display: table; width: 100%; }
.xfd_1_1_2_1_1_1 { display: table-cell;vertical-align: middle;width: 50%;}
.xfd_1_1_2_1_1_1_w {padding: 0 20px 0 0;}
.xfd_1_1_2_1_1_2 {display: table-cell;vertical-align: middle;}
.xfd_1_1_2_1_1_2_w {padding: 0 0 0 20px;}
.xfd_1_1_2_2 { }
.xfd_1_1_2_2_w { }
.xfd_1_1_2_2_1 { }
.xfd_1_1_2_2_1_w { }
.xfd_1_1_2_2_2 { }
.xfd_1_1_2_2_2_w { padding: 30px 0 30px;}
.xfd_1_1_2_2_2_w h3 { text-align: center;font-size: 11px;color: rgb(94, 94, 94);}
.xfd_1_box_1 { }
.xfd_1_box_1_w { }
.xfd_1_box_1_1 {box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.8), 0px 1.2px 0.1px 0px rgba(0, 0, 0, 0.8);-moz-box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.8), 0px 1.2px 0.1px 0px rgba(0, 0, 0, 0.8);-ms-box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.8), 0px 1.2px 0.1px 0px rgba(0, 0, 0, 0.8);background: linear-gradient(180deg,rgb(41, 41, 41),rgb(0, 0, 0));border-top: 5px solid rgb(132, 77, 16);border-left: 5px solid rgb(174, 107, 30);border-bottom: 5px solid rgb(132, 78, 16);border-right: 5px solid rgb(174, 107, 30);}
.xfd_1_box_1_1_w { max-width: 480px;margin: 0 auto;padding: 30px;}
.xfd_1_box_1_2 { }
.xfd_1_box_1_2_w { padding: 30px 0 30px;}
.xfd_1_box_1_2_w h3 { text-align: center;font-size: 11px;color: rgb(94, 94, 94);}
@media screen and (max-width: 740px){
.xfd_1 { }
.xfd_1_w { }
.xfd_1_1 { }
.xfd_1_1_w { }
.xfd_1_1_1 { }
.xfd_1_1_1_w { }
.xfd_1_1_1_w h2 {padding: 50px 0 10px;}
.xfd_1_1_2 { }
.xfd_1_1_2_w {padding: 50px 30px 50px;}
.xfd_1_1_2_1 { }
.xfd_1_1_2_1_w { }
.xfd_1_1_2_1_1 { }
.xfd_1_1_2_1_1_w { }
.xfd_1_1_2_1_1_1 {display: block;width: auto;}
.xfd_1_1_2_1_1_1_w {padding: 0;}
.xfd_1_1_2_1_1_2 {display: block;}
.xfd_1_1_2_1_1_2_w {padding: 0;}
.xfd_1_1_2_2 { }
.xfd_1_1_2_2_w { }
.xfd_1_1_2_2_1 { }
.xfd_1_1_2_2_1_w { }
.xfd_1_1_2_2_2 { }
.xfd_1_1_2_2_2_w { }
.xfd_1_1_2_2_2_w h3 { }
.xfd_1_box_1 { }
.xfd_1_box_1_w { }
.xfd_1_box_1_1 { }
.xfd_1_box_1_1_w { }
.xfd_1_box_1_2 { }
.xfd_1_box_1_2_w { }
.xfd_1_box_1_2_w h3 { }
}
/** ------------------------------------------------------------------------------------------------------ */
.ui_movie_youtube_1 { }
.ui_movie_youtube_1_w { position: relative; width: 100%; padding-top: 56.25%; }
.ui_movie_youtube_1_w iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}
/** ------------------------------------------------------------------------------------------------------ */
.ui_movie_niconico_1 { }
.ui_movie_niconico_1_w {position: relative;width: 100%;padding-top: 56.25%;overflow: hidden;}
.ui_movie_niconico_1_w iframe { position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important; }
/** ------------------------------------------------------------------------------------------------------ */
.ui_soundcloud_1 { }
.ui_soundcloud_1_w { position: relative; width: 100%; padding-top: 56.25%; }
.ui_soundcloud_1_w iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
/** ------------------------------------------------------------------------------------------------------ */
.staff_1 {height: 100%;display: table;width: 100%;box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.5);background: rgb(255, 255, 255);margin: 0 0 100px;}
.staff_1_w { height: 100%; display: table-cell; vertical-align: middle; padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);}
.staff_1_1 {}
.staff_1_1_w {}
.staff_1_1_1 {border-bottom: 1px solid rgb(236, 236, 236);}
.staff_1_1_1_w { }
.staff_1_1_1_w h2 { font-family: 'Fredericka the Great', cursive;font-size: 20px;letter-spacing: 1px;text-align: center;padding: 100px 0 10px;color: rgb(70, 37, 4);}
.staff_1_1_2 {max-width: 1024px;margin: 0 auto;}
.staff_1_1_2_w {padding: 100px 30px 150px;}
.staff_1_1_2_w ul { list-style: none; }
.staff_1_1_2_w ul li {margin: 0 0 15px;}
.staff_1_1_2_w ul li:last-child { margin: 0;}
.staff_box_1 { }
.staff_box_1_w { display: table;width: 100%;}
.staff_box_1_1 {display: table-cell;vertical-align: middle;width: 150px;background: linear-gradient(180deg,rgb(125, 125, 125),rgb(22, 22, 22));box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.8), 0px 1.2px 0.1px 0px rgba(0, 0, 0, 0.8);-moz-box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.8), 0px 1.2px 0.1px 0px rgba(0, 0, 0, 0.8);-ms-box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.8), 0px 1.2px 0.1px 0px rgba(0, 0, 0, 0.8);border-top: 4px solid rgb(132, 77, 16);border-left: 4px solid rgb(174, 107, 30);border-bottom: 4px solid rgb(132, 78, 16);border-right: 4px solid rgb(174, 107, 30);}
.staff_box_1_1_w {font-size: 13px;letter-spacing: 1px;padding: 10px 15px;font-family: 'Fredericka the Great', cursive;font-size: 11px;letter-spacing: 1px;text-align: center;color: rgb(255, 255, 255);}
.staff_box_1_2 {display: table-cell;vertical-align: top;}
.staff_box_1_2_w {padding: 5px 0 5px 15px;}
.staff_box_1_2_1 {border-bottom: 1px solid rgb(220, 220, 220);}
.staff_box_1_2_1_w {padding: 5px 0 3px 0;}
.staff_box_1_2_1_w span { }
.staff_box_1_2_1_w span:nth-child(1) {font-size: 15px;letter-spacing: 1px;color: rgb(112, 49, 13);}
.staff_box_1_2_1_w span:nth-child(2) { }
.staff_box_1_2_1_w span:nth-child(2) a {text-decoration: none;display: inline-block;font-size: 11px;letter-spacing: 1px;color: rgb(153, 153, 153);}
.staff_box_1_2_2 { }
.staff_box_1_2_2_w {text-align: left;font-size: 11px;letter-spacing: 1px;padding: 4px 0;color: rgb(83, 109, 82);}
.staff_box_1_2_2_w a { }
.staff_box_1_2_3 { }
.staff_box_1_2_3_w {padding: 3px 0;}
.staff_box_1_2_3_w ul { list-style: none;float: right;}
.staff_box_1_2_3_w ul li { float: left;margin: 0;}
.staff_box_1_2_3_w ul li:last-child { }
.staff_box_1_2_3_w ul li a {display: block;text-decoration: none;color: #fff;height: 12px;padding: 2px 15px;}
.staff_box_1_2_3_w ul li a i { display: block;font-size: 12px;width: 12px;}
.staff_box_1_2_3_w ul li a img { display: block; width: auto; height: 100%; }
@media screen and (max-width: 550px){
.staff_1 { }
.staff_1_w { }
.staff_1_1 { }
.staff_1_1_w { }
.staff_1_1_1 { }
.staff_1_1_1_w { }
.staff_1_1_1_w h2 {padding: 50px 0 10px;}
.staff_1_1_2 { }
.staff_1_1_2_w {padding: 50px 30px 50px;}
.staff_1_1_2_w ul { }
.staff_1_1_2_w ul li { }
.staff_1_1_2_w ul li:last-child { }
.staff_box_1 { }
.staff_box_1_w {display: block;width: auto;}
.staff_box_1_1 {display: block;width: auto;}
.staff_box_1_1_w {padding: 15px;}
.staff_box_1_2 {display: block;}
.staff_box_1_2_w {padding: 20px 0 12px;}
.staff_box_1_2_1 { }
.staff_box_1_2_1_w { }
.staff_box_1_2_1_w span { }
.staff_box_1_2_1_w span:nth-child(1) { }
.staff_box_1_2_1_w span:nth-child(2) { }
.staff_box_1_2_1_w span:nth-child(2) a { }
.staff_box_1_2_2 { }
.staff_box_1_2_2_w { }
.staff_box_1_2_2_w a { }
.staff_box_1_2_3 { }
.staff_box_1_2_3_w { }
.staff_box_1_2_3_w ul { }
.staff_box_1_2_3_w ul li { }
.staff_box_1_2_3_w ul li:last-child { }
.staff_box_1_2_3_w ul li a { }
.staff_box_1_2_3_w ul li a i { }
.staff_box_1_2_3_w ul li a img { }
}
/** ------------------------------------------------------------------------------------------------------------------ */
/** .link */
/** ------------------------------------------------------------------------------------------------------------------ */
.link_1 {display: table;width: 100%;background: #fff;}
.link_1_w { height: 100%; display: table-cell; vertical-align: middle; padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);}
.link_1_1 {}
.link_1_1_w {}
.link_1_1_1 {border-bottom: 1px solid rgb(236, 236, 236);}
.link_1_1_1_w { }
.link_1_1_1_w h2 { font-family: 'Fredericka the Great', cursive;font-size: 20px;letter-spacing: 1px;text-align: center;padding: 100px 0 10px;color: rgb(70, 37, 4);}
.link_1_1_2 {max-width: 1024px;margin: 0 auto;}
.link_1_1_2_w {padding: 100px 30px 80px;}
.link_1_box_code_1 {margin: 0 0 20px;}
.link_1_box_code_1_w {}
.link_1_box_code_1_1 {}
.link_1_box_code_1_1_w {font-size: 11.5px;letter-spacing: 2px;line-height: 1.25;color: rgb(111, 111, 111);}
.link_1_box_code_1_1_1 { }
.link_1_box_code_1_1_1_w { }
.link_1_box_code_1_1_1_w ul { }
.link_1_box_code_1_1_1_w ul li {margin: 0 0 20px;}
.link_1_box_code_1_1_1_w ul li:last-child {margin: 0;}
.link_1_box_code_1_1_1_1 { }
.link_1_box_code_1_1_1_1_w { display: table;width: 100%;}
.link_1_box_code_1_1_1_1_1 {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;display: table-cell;height: 100px;vertical-align: middle;background: linear-gradient(180deg,rgb(90, 118, 90),rgb(30, 53, 30));box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.8), 0px 1.2px 0.1px 0px rgba(0, 0, 0, 0.8);-moz-box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.8), 0px 1.2px 0.1px 0px rgba(0, 0, 0, 0.8);-ms-box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.8), 0px 1.2px 0.1px 0px rgba(0, 0, 0, 0.8);border-top: 4px solid rgb(132, 77, 16);border-left: 4px solid rgb(174, 107, 30);border-bottom: 4px solid rgb(132, 78, 16);border-right: 4px solid rgb(174, 107, 30);}
.link_1_box_code_1_1_1_1_1_w {padding: 20px 20px;text-align: center;font-size: 12px;letter-spacing: 2px;color: rgba(255, 255, 255, 0.9);font-family: 'Fredericka the Great', cursive;}
.link_1_box_code_1_1_1_1_1_w img { width: 100%;height: auto;display: inline-block;}
.link_1_box_code_1_1_1_1_2 { display: table-cell;vertical-align: middle;width: 50%;}
.link_1_box_code_1_1_1_1_2_w { padding: 0 0 0 15px;}
.link_1_box_code_1_1_1_1_2_1 {border-bottom: 1px solid #e0e0e0;}
.link_1_box_code_1_1_1_1_2_1_w {padding: 0 0 5px;font-size: 13px;letter-spacing: .5px;}
.link_1_box_code_1_1_1_1_2_1_w div {display: inline-block;font-family: 'Fredericka the Great', cursive;font-size: 13px;letter-spacing: 1px;color: #70310d;}
.link_1_box_code_1_1_1_1_2_1_w div:nth-child(1) { }
.link_1_box_code_1_1_1_1_2_1_w div:nth-child(1) i { }
.link_1_box_code_1_1_1_1_2_1_w div:nth-child(2) { }
.link_1_box_code_1_1_1_1_2_2 { }
.link_1_box_code_1_1_1_1_2_2_w {padding: 8px 0;}
.link_1_box_code_1_1_1_1_2_2_w pre { white-space: pre-wrap;line-height: 1.25;}
.link_1_box_code_1_1_1_1_2_2_w pre code {word-wrap: break-word;word-break: break-all;font-size: 10px;letter-spacing: 0.5px;font-weight: 300;opacity: 0.6;line-height: 1.25;}
.link_1_box_code_1_1_1_w ul li:nth-child(2) .link_1_box_code_1_1_1_1_1_w img { max-width: 40%; }
.link_1_box_code_1_1_1_w ul li:nth-child(3) .link_1_box_code_1_1_1_1_1_w img { max-width: 80%; }
.link_1_box_code_1_1_1_w ul li:nth-child(4) .link_1_box_code_1_1_1_1_1_w img { max-width: 100%; }
.link_1_box_code_1_1_1_w ul li:nth-child(5) .link_1_box_code_1_1_1_1_1_w img { max-width: 40%; }
.link_1_box_code_1_1_1_w ul li:nth-child(6) .link_1_box_code_1_1_1_1_1_w img { max-width: 80%; }
.link_1_box_code_1_1_1_w ul li:nth-child(7) .link_1_box_code_1_1_1_1_1_w img { max-width: 100%; }
@media screen and (max-width: 800px){
.link_1 {}
.link_1_w {}
.link_1_1 {}
.link_1_1_w {}
.link_1_1_1 {}
.link_1_1_1_w {}
.link_1_1_1_w h2 {
padding: 50px 0 10px;
}
.link_1_1_2 {}
.link_1_1_2_w {
padding: 50px 30px 50px;
}
.link_1_box_code_1 { }
.link_1_box_code_1_w { }
.link_1_box_code_1_1 { }
.link_1_box_code_1_1_w { }
.link_1_box_code_1_1_1 { }
.link_1_box_code_1_1_1_w { }
.link_1_box_code_1_1_1_w ul { }
.link_1_box_code_1_1_1_w ul li { }
.link_1_box_code_1_1_1_w ul li:last-child { }
.link_1_box_code_1_1_1_1 { }
.link_1_box_code_1_1_1_1_w { display: block;}
.link_1_box_code_1_1_1_1_1 { display: table;width: 100%;}
.link_1_box_code_1_1_1_1_1_w { height: 100px;display: table-cell;vertical-align: middle;}
.link_1_box_code_1_1_1_1_1_w img { }
.link_1_box_code_1_1_1_1_2 { display: block;width: auto;}
.link_1_box_code_1_1_1_1_2_w {padding: 30px 0 0;}
.link_1_box_code_1_1_1_1_2_1 { }
.link_1_box_code_1_1_1_1_2_1_w { }
.link_1_box_code_1_1_1_1_2_1_w div { }
.link_1_box_code_1_1_1_1_2_1_w div:nth-child(1) { }
.link_1_box_code_1_1_1_1_2_1_w div:nth-child(1) i { }
.link_1_box_code_1_1_1_1_2_1_w div:nth-child(2) { }
.link_1_box_code_1_1_1_1_2_2 { }
.link_1_box_code_1_1_1_1_2_2_w { }
.link_1_box_code_1_1_1_1_2_2_w pre { }
.link_1_box_code_1_1_1_1_2_2_w pre code { }
.link_1_box_code_1_1_1_w ul li:nth-child(2) .link_1_box_code_1_1_1_1_1_w img { max-width: 200px; }
.link_1_box_code_1_1_1_w ul li:nth-child(3) .link_1_box_code_1_1_1_1_1_w img { max-width: 400px; }
.link_1_box_code_1_1_1_w ul li:nth-child(4) .link_1_box_code_1_1_1_1_1_w img { max-width: 500px; }
.link_1_box_code_1_1_1_w ul li:nth-child(5) .link_1_box_code_1_1_1_1_1_w img { max-width: 200px; }
.link_1_box_code_1_1_1_w ul li:nth-child(6) .link_1_box_code_1_1_1_1_1_w img { max-width: 400px; }
.link_1_box_code_1_1_1_w ul li:nth-child(7) .link_1_box_code_1_1_1_1_1_w img { max-width: 500px; }
}
.ui_button_home_1 { color: #fff; background: #222; }
.ui_button_twitter_1 { color: #fff; background: rgb(85, 172, 238); }
.ui_button_soundcloud_1 { color: #fff; background: rgb(255, 119, 0); }
.ui_button_niconico_1 { color: #fff; background: rgb(68, 68, 68); }
.ui_button_pixiv_1 { color: #fff; background: rgb(0, 156, 255); }
.ui_button_twitter_2 { }
.ui_button_twitter_2 a { margin: 0 auto; display: block; width: 40px; height: 40px; position: relative; background: linear-gradient(180deg, rgba(255, 254, 255, 0.15), rgba(255, 254, 255, 0.45)); border: 1px solid rgba(255, 255, 255, 0.63); border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15); }
.ui_button_twitter_2 a i { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; font-size: 17px; height: 17px; width: 17px; color: rgb(29, 161, 242); }
.visual_footer_1 {
overflow: hidden;
width: 100%;
background: white;
}
.visual_footer_1_w {
font-size: 10px;
padding: 0 30px 50px;
}
.visual_footer_1_1 {}
.visual_footer_1_1_w {}
.visual_footer_1_1_1 { }
.visual_footer_1_1_1_w { }
.visual_footer_1_1_1_1 {}
.visual_footer_1_1_1_1_w { max-width: 1024px;margin: 0 auto;}
.visual_footer_1_1_1_1_1 { }
.visual_footer_1_1_1_1_1_w { }
.visual_footer_1_1_1_2 { max-width: 1024px;margin: 0 auto; }
.visual_footer_1_1_1_2_w {}
.visual_footer_1_1_1_2_1 { }
.visual_footer_1_1_1_2_1_w {text-align: center;letter-spacing: 2px;padding: 0 0 20px;}
.visual_footer_1_1_1_2_2 { }
.visual_footer_1_1_1_2_2_w {}
.visual_footer_1_1_1_2_2_w p {text-align: right;font-size: 10px;letter-spacing: .5px;color: rgb(80, 80, 80);}
.visual_footer_1_1_1_2_2_w p small {display: block;text-align: center;}
.visual_footer_1_1_1_2_2_w p small a {display: inline-block;padding: 0 2px;text-decoration: none;color: rgb(112, 50, 13);}
.loading_1 {position: fixed;height: 100%;width: 100%;background: rgb(255, 255, 255);}
.loading_1_w { height: 100%; }
.loading_1_1 { height: 100%; }
.loading_1_1_w { height: 100%; }
.loading_1_1_1 {height: 100%;display: table;width: 100%;}
.loading_1_1_1_w {height: 100%;display: table-cell;vertical-align: middle;width: 100%;}
.loading_1_1_1_1 { }
.loading_1_1_1_1_w { }
.loading_1_1_1_1_1 { }
.loading_1_1_1_1_1_w {text-align: center;padding: 10px 30px;}
.loading_1_1_1_1_1_w span { }
.loading_1_1_1_1_1_w span:nth-child(1) {font-size: 15px;color: rgb(108, 101, 91);}
.loading_1_1_1_1_1_w span:nth-child(2) {font-size: 10px;letter-spacing: 1.6px;color: rgb(108, 101, 91);}
.loading_1_1_1_2 {height: 1px;background: rgb(231, 231, 231);}
.loading_1_1_1_2_w {height: 100%;}
.loading_1_1_1_2_1 {height: 100%;width: 0%;background: rgb(161, 151, 154);}
.loading_1_1_1_2_1_w { }
.loading_1_1_1_3 { }
.loading_1_1_1_3_w { }
.loading_1_1_1_3_1 { }
.loading_1_1_1_3_1_w {text-align: center;font-size: 10px;color: rgb(161, 141, 116);padding: 10px 30px;}
.loading_1_1_1_3_2 { }
.loading_1_1_1_3_2_w {text-align: center;font-size: 13px;color: rgb(161, 141, 116);padding: 5px 30px;}
.loading_1_1_1_4 { }
.loading_1_1_1_4_w {text-align: center;padding: 15px 10px;font-size: 10px;}
.loading_1_1_1_5 { }
.loading_1_1_1_5_w {text-align: center;font-size: 10px;color: rgb(161, 141, 116);padding: 5px 30px;}
.loading_1_1_1_5_w p { }
.loading_1_1_1_5_w p small { }
.loading_1_1_1_5_w p small a {text-decoration: none;color: rgb(161, 141, 116);}
@media screen and (max-width: 400px){
.loading_1 { }
.loading_1_w { }
.loading_1_1 { }
.loading_1_1_w { }
.loading_1_1_1 { }
.loading_1_1_1_w { }
.loading_1_1_1_1 { }
.loading_1_1_1_1_w { }
.loading_1_1_1_1_1 { }
.loading_1_1_1_1_1_w { }
.loading_1_1_1_1_1_w span { display: block; }
.loading_1_1_1_1_1_w span:nth-child(1) {margin: 0 0 5px;}
.loading_1_1_1_1_1_w span:nth-child(2) { }
.loading_1_1_1_2 { }
.loading_1_1_1_2_w { }
.loading_1_1_1_2_1 { }
.loading_1_1_1_2_1_w { }
.loading_1_1_1_3 { }
.loading_1_1_1_3_w { }
.loading_1_1_1_3_1 { }
.loading_1_1_1_3_1_w { }
.loading_1_1_1_3_2 { }
.loading_1_1_1_3_2_w { }
.loading_1_1_1_4 { }
.loading_1_1_1_4_w { }
.loading_1_1_1_5 { }
.loading_1_1_1_5_w { }
.loading_1_1_1_5_w p { }
.loading_1_1_1_5_w p small { }
.loading_1_1_1_5_w p small a { }
}
/**
* -------------------------------------------------------------------------
* [animation]
* -------------------------------------------------------------------------
*/
.animation_tatemono_1_normal {
-webkit-animation : fx_animation_css_tatemono_1 100s linear infinite;
animation : fx_animation_css_tatemono_1 100s linear infinite;
}
.animation_tatemono_1_acceleration {
-webkit-animation : fx_animation_css_tatemono_1 10s linear infinite;
animation : fx_animation_css_tatemono_1 10s linear infinite;
}
.animation_tatemono_1_acceleration_rev {
-webkit-animation : fx_animation_css_tatemono_3 10s linear infinite;
animation : fx_animation_css_tatemono_3 10s linear infinite;
}
.animation_tatemono_2_normal {
-webkit-animation : fx_animation_css_tatemono_2 50s linear infinite;
animation : fx_animation_css_tatemono_2 50s linear infinite;
}
.animation_tatemono_2_acceleration {
-webkit-animation : fx_animation_css_tatemono_2 5s linear infinite;
animation : fx_animation_css_tatemono_2 5s linear infinite;
}
.animation_tatemono_2_acceleration_rev {
-webkit-animation : fx_animation_css_tatemono_3 5s linear infinite;
animation : fx_animation_css_tatemono_3 5s linear infinite;
}
.animation_raindrop_1_normal {
-webkit-animation : fx_animation_css_raindrop_1 10s linear infinite;
animation : fx_animation_css_raindrop_1 10s linear infinite;
}
.animation_raindrop_1_acceleration {
-webkit-animation : fx_animation_css_raindrop_1 2s linear infinite;
animation : fx_animation_css_raindrop_1 2s linear infinite;
}
.animation_raindrop_2_normal {
-webkit-animation : fx_animation_css_raindrop_2 20s linear infinite;
animation : fx_animation_css_raindrop_2 20s linear infinite;
}
.animation_raindrop_2_acceleration {
-webkit-animation : fx_animation_css_raindrop_2 1s linear infinite;
animation : fx_animation_css_raindrop_2 1s linear infinite;
}
.animation_menu_1_normal {
-webkit-animation : fx_animation_css_menu_rotation_1 0.5s linear;
animation : fx_animation_css_menu_rotation_1 0.5s linear;
}
.animation_pyokopyoko_nako_1_loading {
-webkit-animation : fx_animation_pyokopyoko_nako_1 0.3s linear;
animation : fx_animation_pyokopyoko_nako_1 0.3s linear;
}
.animation_gogo_nako_1_acceleration {
-webkit-animation : fx_animation_gogo_nako_1 0.3s linear infinite;
animation : fx_animation_gogo_nako_1 0.3s linear infinite;
}
.animation_final_1 {
-webkit-animation : fx_animation_final_1 10s linear infinite;
animation : fx_animation_final_1 10s linear infinite;
}
/** [animation|keyframes] */
@keyframes fx_animation_css_tatemono_1 {
0% {
background-position : -100% 0, 0 0, 0 0;
transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
-webkit-transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
-ms-transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
}
50% {
background-position : 0 0, 0 0, 0 0;
transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
-webkit-transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
-ms-transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
}
100% {
background-position : 100% 0, 0 0, 0 0;
transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
-webkit-transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
-ms-transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
}
}
@keyframes fx_animation_css_tatemono_2 {
0% {
background-position : -100% 0, 0 0, 0 0;
transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
-webkit-transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
-ms-transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
}
50% {
background-position : 0 0, 0 0, 0 0;
transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
-webkit-transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
-ms-transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
}
100% {
background-position : 100% 0, 0 0, 0 0;
transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
-webkit-transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
-ms-transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
}
}
@keyframes fx_animation_css_tatemono_3 {
0% {
background-position : 100% 0, 0 0, 0 0;
transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
-webkit-transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
-ms-transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
}
50% {
background-position : 0 0, 0 0, 0 0;
transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
-webkit-transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
-ms-transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
}
100% {
background-position : -100% 0, 0 0, 0 0;
transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
-webkit-transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
-ms-transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
}
}
@keyframes fx_animation_css_raindrop_1 {
/*
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 1;
}
50% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
opacity: 0.8;
}
100% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
}
*/
0% {
top: -100%;
opacity: 1;
transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
-webkit-transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
-ms-transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
}
50% {
top: 0%;
opacity: 0.8;
transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
-webkit-transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
-ms-transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
}
100% {
top: 100%;
opacity: 0;
transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
-webkit-transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
-ms-transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
}
}
@keyframes fx_animation_css_raindrop_2 {
/*
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 1;
}
50% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
opacity: 0.8;
}
100% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
}
*/
0% {
top: -100%;
opacity: 1;
transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
-webkit-transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
-ms-transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
}
50% {
top: 0%;
opacity: 0.8;
transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
-webkit-transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
-ms-transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
}
100% {
top: 100%;
opacity: 0;
transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
-webkit-transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
-ms-transform : rotate(0deg) scale(1); /** [GPU Rendering huck] */
}
}
@keyframes fx_animation_css_menu_rotation_1 {
0% {
opacity: 0;
transform : rotateX(0deg) scale(1); /** [GPU Rendering huck] */
-webkit-transform : rotateX(0deg) scale(1); /** [GPU Rendering huck] */
-ms-transform : rotateX(0deg) scale(1); /** [GPU Rendering huck] */
}
50% {
opacity: 0.5;
transform : rotateX(180deg) scale(1); /** [GPU Rendering huck] */
-webkit-transform : rotateX(180deg) scale(1); /** [GPU Rendering huck] */
-ms-transform : rotateX(180deg) scale(1); /** [GPU Rendering huck] */
}
100% {
opacity: 1;
transform : rotateX(360deg) scale(1); /** [GPU Rendering huck] */
-webkit-transform : rotateX(360deg) scale(1); /** [GPU Rendering huck] */
-ms-transform : rotateX(360deg) scale(1); /** [GPU Rendering huck] */
}
}
@keyframes fx_animation_pyokopyoko_nako_1 {
0% {
transform : translate3d(0, 0, 0); /** [GPU Rendering huck] */
-webkit-transform : translate3d(0, 0, 0); /** [GPU Rendering huck] */
-ms-transform : translate3d(0, 0, 0); /** [GPU Rendering huck] */
}
25% {
transform : translate3d(0, 10px, 0); /** [GPU Rendering huck] */
-webkit-transform : translate3d(0, 10px, 0); /** [GPU Rendering huck] */
-ms-transform : translate3d(0, 10px, 0); /** [GPU Rendering huck] */
}
50% {
transform : translate3d(0, 0, 0); /** [GPU Rendering huck] */
-webkit-transform : translate3d(0, 0, 0); /** [GPU Rendering huck] */
-ms-transform : translate3d(0, 0, 0); /** [GPU Rendering huck] */
}
75% {
transform : translate3d(0, 10px, 0); /** [GPU Rendering huck] */
-webkit-transform : translate3d(0, 10px, 0); /** [GPU Rendering huck] */
-ms-transform : translate3d(0, 10px, 0); /** [GPU Rendering huck] */
}
100% {
transform : translate3d(0, 0, 0); /** [GPU Rendering huck] */
-webkit-transform : translate3d(0, 0, 0); /** [GPU Rendering huck] */
-ms-transform : translate3d(0, 0, 0); /** [GPU Rendering huck] */
}
}
@keyframes fx_animation_gogo_nako_1 {
0% {
transform : translate3d(0, 0, 0); /** [GPU Rendering huck] */
-webkit-transform : translate3d(0, 0, 0); /** [GPU Rendering huck] */
-ms-transform : translate3d(0, 0, 0); /** [GPU Rendering huck] */
}
50% {
transform : translate3d(0, 10px, 0); /** [GPU Rendering huck] */
-webkit-transform : translate3d(0, 10px, 0); /** [GPU Rendering huck] */
-ms-transform : translate3d(0, 10px, 0); /** [GPU Rendering huck] */
}
100% {
transform : translate3d(0, 0, 0); /** [GPU Rendering huck] */
-webkit-transform : translate3d(0, 0, 0); /** [GPU Rendering huck] */
-ms-transform : translate3d(0, 0, 0); /** [GPU Rendering huck] */
}
}
@keyframes fx_animation_final_1 {
0% {
opacity: 0;
transform : rotateX(0deg) scale(1); /** [GPU Rendering huck] */
-webkit-transform : rotateX(0deg) scale(1); /** [GPU Rendering huck] */
-ms-transform : rotateX(0deg) scale(1); /** [GPU Rendering huck] */
}
10% {
opacity: 1;
transform : rotateX(0deg) scale(1); /** [GPU Rendering huck] */
-webkit-transform : rotateX(0deg) scale(1); /** [GPU Rendering huck] */
-ms-transform : rotateX(0deg) scale(1); /** [GPU Rendering huck] */
}
50% {
opacity: 1;
transform : rotateX(0deg) scale(1.1); /** [GPU Rendering huck] */
-webkit-transform : rotateX(0deg) scale(1.1); /** [GPU Rendering huck] */
-ms-transform : rotateX(0deg) scale(1.1); /** [GPU Rendering huck] */
}
70% {
opacity: 1;
transform : rotateX(0deg) scale(1.7); /** [GPU Rendering huck] */
-webkit-transform : rotateX(0deg) scale(1.7); /** [GPU Rendering huck] */
-ms-transform : rotateX(0deg) scale(1.7); /** [GPU Rendering huck] */
}
100% {
opacity: 0;
transform : rotateX(0deg) scale(3); /** [GPU Rendering huck] */
-webkit-transform : rotateX(0deg) scale(3); /** [GPU Rendering huck] */
-ms-transform : rotateX(0deg) scale(3); /** [GPU Rendering huck] */
}
}