/** ------------------------------------------------------------------------------------------------------ */ /** [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: rgb(255, 251, 235); color: #222; } a { outline: none; } a:hover { opacity: .5; transition: opacity .4s ease; -webkit-transition: opacity .4s ease; } /** ------------------------------------------------------------------------------------------------------ */ /** [management | z-index] */ /** ------------------------------------------------------------------------------------------------------ */ .global_fade_menu_1 { z-index: 10000; } /** ------------------------------------------------------------------------------------------------------ */ .site_1_1 { z-index: 900; } .visual_header_top_1_1_1 { z-index: 1; } .visual_header_top_1_1_2 { z-index: 2; } .visual_header_top_1_1_3 { z-index: 3; } .visual_header_top_1_1_4 { z-index: 4; } .visual_header_top_1_1_5 { z-index: 5; } .visual_header_top_1_1_6 { z-index: 6; } .visual_header_top_1_1_7 { z-index: 7; } .visual_header_top_1_1_8 { z-index: 8; } /** ------------------------------------------------------------------------------------------------------ */ .visual_header_page_1_1_1 { z-index: 109; } .visual_header_page_1_1_2 { z-index: 110; } .visual_header_page_1_1_4 { z-index: 111; } .visual_header_page_1_1_5 { z-index: 112; } .visual_header_page_1_1_3 { z-index: 113; } /** character */ .visual_header_page_1_1_6 { z-index: 114; } .visual_header_page_1_1_7 { z-index: 115; } .visual_header_page_1_1_8 { z-index: 116; } /** ------------------------------------------------------------------------------------------------------ */ .visual_footer_top_1_1_1 { z-index: 41; } .visual_footer_top_1_1_2 { z-index: 42; } .visual_footer_top_1_1_3 { z-index: 43; } .visual_footer_top_1_1_4 { z-index: 44; } .visual_footer_top_1_1_5 { z-index: 45; } .visual_footer_top_1_1_6 { z-index: 49; } .visual_footer_top_1_1_7 { z-index: 47; } .visual_footer_top_1_1_8 { z-index: 48; } /** ------------------------------------------------------------------------------------------------------ */ .visual_footer_page_1_1_1 { z-index: 39; } .visual_footer_page_1_1_2 { z-index: 30; } .visual_footer_page_1_1_4 { z-index: 31; } .visual_footer_page_1_1_5 { z-index: 32; } .visual_footer_page_1_1_3 { z-index: 33; } /** character */ .visual_footer_page_1_1_6 { z-index: 37; } .visual_footer_page_1_1_7 { z-index: 35; } .visual_footer_page_1_1_8 { z-index: 36; } /** ------------------------------------------------------------------------------------------------------ */ .global_header_1_1 { z-index: 27; } .global_header_1_2 { z-index: 23; } .global_header_1_4 { z-index: 24; } .global_header_1_5 { z-index: 26; } .global_header_1_3 { z-index: 25; } .global_header_1_6 { z-index: 21; } .global_header_1_7 { z-index: 22; } .global_header_1_8 { z-index: 20; } /** ------------------------------------------------------------------------------------------------------ */ .global_header_2_1 { z-index: 14; } .global_header_2_2 { z-index: 13; } .global_header_2_3 { z-index: 12; } .global_header_2_4 { z-index: 11; } .global_header_2_5 { z-index: 15; } /** ------------------------------------------------------------------------------------------------------ */ .mfp-bg { z-index: 942; } .mfp-wrap { z-index: 943; } .mfp-content { z-index: 945; } button.mfp-close { z-index: 946; } button.mfp-arrow { z-index: 947; } .mfp-figure:after { z-index: -1; } /** ------------------------------------------------------------------------------------------------------ */ /** | | */ /** | | */ /** | | */ /** | | */ /** | | */ /** | | */ /** | | */ /** | | */ /** | | */ /** | | */ /** ------------------------------------------------------------------------------------------------------ */ /** [.site] */ /** ------------------------------------------------------------------------------------------------------ */ .site_1 { } .site_1_w { } .site_1_1 { position: fixed; width: 100%; top: 0; } .site_1_1_w { } .site_1_2 { } .site_1_2_w {} .site_1_3 { } .site_1_3_w { } /** ------------------------------------------------------------------------------------------------------ */ /** [.global_fade_menu_1] */ /** ------------------------------------------------------------------------------------------------------ */ .global_fade_menu_1 {display: none;position: fixed;top: 0;height: 100%;width: 100%;background: linear-gradient(180deg,rgba(255, 109, 178, 0.95),rgba(172, 0, 90, 0.99));overflow: auto;} .global_fade_menu_1_w { height: 100%; display: table;width: 100%;} .global_fade_menu_1_1 {height: 100%;display: table-cell;vertical-align: middle;width: 100%;} .global_fade_menu_1_1_w {} .global_fade_menu_1_1_1 {max-width: 1024px;margin: 0 auto;} .global_fade_menu_1_1_1_w {padding: 20px 40px 0;text-align: right;} .global_fade_menu_1_1_1_w a { display: inline-block; cursor: pointer; text-decoration: none; color: #fff; } .global_fade_menu_1_1_1_w a i { display: block; } .global_fade_menu_1_1_2 {max-width: 1024px;margin: 0 auto;} .global_fade_menu_1_1_2_w {color: rgba(255, 255, 255, 0.75);width: 180px;margin: 0 auto;padding: 20px 0;} .global_fade_menu_1_1_2_1 {} .global_fade_menu_1_1_2_1_w {padding: 0 0 5px;font-size: 14px;text-align: center;letter-spacing: 0.5px;} .global_fade_menu_1_1_2_2 {border-top: 1px solid rgba(255, 255, 255, 0.3);} .global_fade_menu_1_1_2_2_w {padding: 4px 0 0;font-size: 10px;letter-spacing: 8px;text-align: center;} .global_fade_menu_1_1_3 {max-width: 1024px;margin: 0 auto;} .global_fade_menu_1_1_3_w {padding: 10px 40px;} .global_fade_menu_1_1_3_w nav { } .global_fade_menu_1_1_3_w nav ul { } .global_fade_menu_1_1_3_w nav ul li {border-bottom: 1px solid rgba(255, 255, 255, 0.28);} .global_fade_menu_1_1_3_w nav ul li:first-child {border-top: 1px solid rgba(255, 255, 255, 0.28);} .global_fade_menu_1_1_3_w nav ul li:last-child {margin: 0;} .global_fade_menu_1_1_3_w nav ul li a {display: block;font-size: 10px;text-decoration: none;color: rgb(255, 255, 255);padding: 6px 10px 6px;letter-spacing: 1px;text-align: left;} .global_fade_menu_1_1_3_w nav ul li.selected { } .global_fade_menu_1_1_3_w nav ul li.selected a {background: linear-gradient(90deg,rgba(183, 0, 73, 0.4),rgba(200, 0, 89, 0.35));color: #fff;} .global_fade_menu_1_1_4 {max-width: 1024px;margin: 0 auto;} .global_fade_menu_1_1_4_w {padding: 10px 40px 0;} .global_fade_menu_1_1_4_1 { } .global_fade_menu_1_1_4_1_w { } .global_fade_menu_1_1_4_1_1 { } .global_fade_menu_1_1_4_1_1_w a {display: inline-block;width: 180px;} .global_fade_menu_1_1_4_1_1_w a:hover { opacity: 1; } .global_fade_menu_1_1_4_1_1_w a img { display: block; width: 100%; height: auto; } .global_fade_menu_1_1_4_1_1_w { text-align: center; } .global_fade_menu_1_1_4_1_2 { } .global_fade_menu_1_1_4_1_2_w {margin: 0 auto;width: 180px;font-size: 11px;line-height: 1.1;color: rgba(255, 255, 255, 0.7);text-align: left;padding: 20px 0 40px;} .global_fade_menu_1_1_4_1_2_w a {display: inline-block;font-size: 10px;text-decoration: none;color: rgba(255, 255, 255, 0.8);width: 100%;text-align: right;border-top: 1px solid rgba(255, 255, 255, 0.25);} /** ------------------------------------------------------------------------------------------------------ */ /** [.global_header_1] */ /** ------------------------------------------------------------------------------------------------------ */ .global_header_1 { background: linear-gradient(0deg,rgba(226, 78, 143, 0.88),#ba106b); } .global_header_1_w {position: relative;height: 60px;overflow: hidden;} .global_header_1_1 {position: absolute;width: 200px;height: 60px;left: 0;right: 0;margin: auto;} .global_header_1_1_w {font-size: 10.5px;text-align: center;letter-spacing: 0.5px;} .global_header_1_1_w h1 { } .global_header_1_1_w a {display: block;text-decoration: none;color: rgb(255, 255, 255);padding: 21px 0;} .global_header_1_2 { position: absolute; height: 60px; width: 100%; bottom: 0px; background-image: url(../img/ui/img_ui_lace_3.png?v=1); background-size: auto 45px; background-repeat: repeat-x; background-position: center bottom; opacity: 1; } .global_header_1_2_w { } .global_header_1_3 { } .global_header_1_3_w { } .global_header_1_4 { position: absolute; height: 60px; width: 100%; top: 0px; background-image: url(../img/ui/img_ui_lace_2.png?v=1); background-size: auto 25px; background-repeat: repeat-x; opacity: 1; } .global_header_1_4_w {} .global_header_1_5 { position: absolute; height: 60px; width: 100%; top: -2px; background-image: url(../img/ui/img_ui_lace_5.png?v=1); background-size: auto 116px; background-position: center top; background-repeat: no-repeat; } .global_header_1_5_w {} .global_header_1_6 {position: absolute;width: 50%;left:0;margin: 0px 0 0 -70px;top: 0;height: 27px;border-bottom: 1px solid rgba(255, 255, 255, 0.6);/* border-right: 1px solid rgba(255, 255, 255, 0.6); */border-radius: 5px;background: linear-gradient(90deg,rgba(255, 235, 59, 0.1),rgba(255, 0, 0, 0.1));} .global_header_1_6_w {} .global_header_1_7 {position: absolute;width: 50%;right:0;margin: 0 -70px 0 0;height: 32px;border-top: 1px solid rgba(255, 255, 255, 0.6);/* border-left: 1px solid rgba(255, 255, 255, 0.6); */bottom: 0;border-radius: 5px;background: linear-gradient(-90deg,rgba(255, 235, 59, 0.1),rgba(255, 0, 0, 0.1));} .global_header_1_7_w {} .global_header_1_8 {} .global_header_1_8_w {} /** ------------------------------------------------------------------------------------------------------ */ /** [.global_header_2] */ /** ------------------------------------------------------------------------------------------------------ */ .global_header_2 { width: 100%;background: linear-gradient(0deg,rgba(232, 80, 139, 0.85),rgb(174, 0, 97));} .global_header_2_w { position: relative; overflow: hidden; } .global_header_2_1 { position: relative; max-width: 1024px; margin: 0 auto; } .global_header_2_1_w { font-size: 10px;padding: 5px 0 25px;text-align: center;} .global_header_2_1_w h1 { } .global_header_2_1_w a { display: inline-block;} .global_header_2_1_w a:hover { opacity: 1; transition: opacity .4s ease; -webkit-transition: opacity .4s ease; } .global_header_2_1_w a img { display: block;width: auto;height: 80px;} .global_header_2_2 { position: absolute;height: 50px;width: 100%;bottom: 0px;background-image: url(../img/ui/img_ui_lace_3.png?v=1);background-size: auto 50px;background-repeat: repeat-x; opacity: 1;} .global_header_2_2_w { } .global_header_2_3 { position: absolute;height: 100px;width: 100%;max-width: 390px;top: 4px;right: 0;left: 0;margin: auto;} .global_header_2_3_w { height: 102px; background: linear-gradient(180deg,rgba(226, 78, 143, 0.88),#ba106b); border-left: 1px solid #a70040; border-right: 1px solid #a70040; margin: 0 40px; } .global_header_2_4 { position: absolute;height: 50px;width: 100%;top: 0px;background-image: url(../img/ui/img_ui_lace_2.png?v=1);background-size: auto 42px;background-repeat: repeat-x;opacity: 1;} .global_header_2_4_w { } .global_header_2_5 { position: absolute;height: 50px;width: 100%;top: 0px; background-image: url(../img/ui/img_ui_lace_5.png?v=1); background-size: auto 116px; background-position: center top; background-repeat: no-repeat; } .global_header_2_5_w { } .global_header_2_6 { position: absolute; height: 35px; width: 100%; top: 80px; } .global_header_2_6_w { max-width: 1024px;margin: 0 auto;height: 100%;border-top: 1px solid rgba(255, 255, 255, 0.65);border-radius: 5px;} .global_header_2_7 { position: absolute;height: 30px;width: 100%;top: 0px;} .global_header_2_7_w { max-width: 1024px;margin: 0 auto;height: 100%;border-bottom: 1px solid rgba(255, 255, 255, 0.65);border-radius: 5px;} /** ------------------------------------------------------------------------------------------------------ */ /** [.global_header_menu_1] */ /** ------------------------------------------------------------------------------------------------------ */ .global_header_menu_1 {background: linear-gradient(180deg,rgb(255, 255, 255),rgba(255, 255, 255, 0.8));} .global_header_menu_1_w { } .global_header_menu_1_1 { display: block; max-width: 1024px;margin: 0 auto;} .global_header_menu_1_1_w { font-size: 12px;padding: 0 40px;} .global_header_menu_1_1_w nav { } .global_header_menu_1_1_w nav ul { display: flex; width: 100%; } .global_header_menu_1_1_w nav ul li { display: table-cell;width: 11.111111111%;border-left: 1px solid rgb(255, 255, 255);} .global_header_menu_1_1_w nav ul li:last-child { border-right: 1px solid rgb(255, 255, 255);} .global_header_menu_1_1_w nav ul li.selected { border-bottom: 2px solid #e4007f; } .global_header_menu_1_1_w nav ul li a { display: block;text-decoration: none;color: #a4004d;font-weight:400;text-align: center;font-size: 11px;padding: 8px 0;} .global_header_menu_1_1_w nav ul li.selected a { } .global_header_menu_1_2 { display: none; max-width: 1024px;margin: 0 auto; } .global_header_menu_1_2_w {font-size: 11px;} .global_header_menu_1_2_w a { display: block;text-align: center;padding: 10px 40px;cursor: pointer;text-decoration: none;color: rgb(227, 73, 135);} .global_header_menu_1_2_w a i { display: block; } /** @responsive */ @media screen and (max-width: 740px){ .global_header_menu_1_1 { display: none; } .global_header_menu_1_2 { display: block; } } /** ------------------------------------------------------------------------------------------------------ */ /** [.global_header_menu_2] */ /** ------------------------------------------------------------------------------------------------------ */ .global_header_menu_2 {background: rgba(0, 0, 0, 0.21);position: fixed;width: 100%;top: 100px;} .global_header_menu_2_w { } .global_header_menu_2_1 { max-width: 1024px;margin: 0 auto;} .global_header_menu_2_1_w { padding: 10px 0;font-size: 12px;} .global_header_menu_2_1_w nav { } .global_header_menu_2_1_w nav ul { display: table; width: 100%; } .global_header_menu_2_1_w nav ul li { display: table-cell; width: 11.1111111%; } .global_header_menu_2_1_w nav ul li a {display: block;text-decoration: none;color: #a4004d;font-weight:400;text-align: center;font-size: 11px;} /** ------------------------------------------------------------------------------------------------------ */ /** [.visual_header_top_1] */ /** ------------------------------------------------------------------------------------------------------ */ .visual_header_top_1 {display: block;padding: 60px 0 0 0;background: rgb(254, 188, 254);overflow: hidden;} .visual_header_top_1_w { height: 100%; } .visual_header_top_1_1 { height: 100%; } .visual_header_top_1_1_w { position: relative; height: 100%; } .visual_header_top_1_1_1 { position: absolute;top: 0;width: 100%;height: 100%;background-image: url(../img/visual_header_top_1/img_visual_header_top_1_n_1.png);background-repeat: repeat-x;background-size: auto 100%;} .visual_header_top_1_1_1_w { } .visual_header_top_1_1_2 { } .visual_header_top_1_1_2_w { } .visual_header_top_1_1_3 { position: absolute; top: 0; width: 100%; } .visual_header_top_1_1_3_w { max-width: 1024px; margin: 0 auto; } .visual_header_top_1_1_3_w img { width: 100%; height: auto; } .visual_header_top_1_1_4 { position: absolute; top: 0; width: 100%; } .visual_header_top_1_1_4_w { max-width: 1024px; margin: 0 auto; } .visual_header_top_1_1_4_w img { width: 100%; height: auto; } .visual_header_top_1_1_5 { position: absolute; top: 0; width: 100%; } .visual_header_top_1_1_5_w { max-width: 1024px; margin: 0 auto; } .visual_header_top_1_1_5_w img { width: 100%; height: auto; } .visual_header_top_1_1_6 {position: absolute;top: 0;width: 100%;height: 100%;background-image: url(../img/visual_header_top_1/img_visual_header_top_1_n_6.png);background-repeat: repeat-x;background-size: auto 100%;} .visual_header_top_1_1_6_w { max-width: 1024px; margin: 0 auto; } .visual_header_top_1_1_6_w img { width: 100%; height: auto; } .visual_header_top_1_1_7 {position: absolute;top: 0;width: 100%;} .visual_header_top_1_1_7_w { max-width: 1024px; margin: 0 auto; } .visual_header_top_1_1_7_w img { width: 100%; height: auto; } .visual_header_top_1_1_8 { position: absolute; top: 0; width: 100%; } .visual_header_top_1_1_8_w { max-width: 1024px; margin: 0 auto; } .visual_header_top_1_1_8_w img { width: 100%; height: auto; } /** @responsive */ @media screen and (max-width: 740px){ .visual_header_top_1 {display: none;} } .visual_header_top_1_h {display: none;padding: 70px 0 0 0;background: #fff;overflow: hidden;} .visual_header_top_1_h_w {height: 100%;} .visual_header_top_1_h_1 {height: 100%;} .visual_header_top_1_h_1_w {height: 100%; position: relative; overflow: hidden;} .visual_header_top_1_h_1_1 {position: absolute;top: 0;width: 100%;height: 100%;background-image: url(../img/visual_header_top_1/img_visual_header_top_1_h_1.png);background-repeat: repeat-x;background-size: auto 100%;} .visual_header_top_1_h_1_1_w { max-width: 1024px; margin: 0 auto; } .visual_header_top_1_h_1_1_w img { width: 100%; height: auto; } .visual_header_top_1_h_1_2 {position: absolute;top: 0;width: 100%;height: 100%;background-image: url(../img/visual_header_top_1/img_visual_header_top_1_h_2.png);background-repeat: repeat-x;background-position: center;background-size: auto 100%;opacity: 1;} .visual_header_top_1_h_1_2_w { max-width: 1024px; margin: 0 auto; } .visual_header_top_1_h_1_2_w img { width: 100%; height: auto; } .visual_header_top_1_h_1_3 { position: absolute; top: 0; width: 100%; } .visual_header_top_1_h_1_3_w { max-width: 1024px; margin: 0 auto; } .visual_header_top_1_h_1_3_w img { width: 100%; height: auto; } .visual_header_top_1_h_1_4 { position: absolute; top: 0; width: 100%; } .visual_header_top_1_h_1_4_w { max-width: 1024px; margin: 0 auto; } .visual_header_top_1_h_1_4_w img { width: 100%; height: auto; } .visual_header_top_1_h_1_5 { position: absolute; top: 0; width: 100%; } .visual_header_top_1_h_1_5_w { max-width: 1024px; margin: 0 auto; } .visual_header_top_1_h_1_5_w img { width: 100%; height: auto; } .visual_header_top_1_h_1_6 {position: absolute;top: 0;width: 100%;} .visual_header_top_1_h_1_6_w { max-width: 1024px; margin: 0 auto; } .visual_header_top_1_h_1_6_w img { width: 100%; height: auto; } .visual_header_top_1_h_1_7 {position: absolute;top: 0;width: 100%;} .visual_header_top_1_h_1_7_w { max-width: 1024px; margin: 0 auto; } .visual_header_top_1_h_1_7_w img { width: 100%; height: auto; } .visual_header_top_1_h_1_8 { position: absolute; top: 0; width: 100%; } .visual_header_top_1_h_1_8_w { max-width: 1024px; margin: 0 auto; } .visual_header_top_1_h_1_8_w img { width: 100%; height: auto; } /** @responsive */ @media screen and (max-width: 740px){ .visual_header_top_1_h {display: block;} } /** ------------------------------------------------------------------------------------------------------ */ /** [.visual_header_page_1] */ /** ------------------------------------------------------------------------------------------------------ */ .visual_header_page_1 {height: 350px;} .visual_header_page_1_w { } .visual_header_page_1_1 { } .visual_header_page_1_1_w { position: relative; } .visual_header_page_1_1_1 {position: absolute;top: 0;width: 100%;height: 350px;background: linear-gradient(0deg,rgb(253, 239, 215),rgb(255, 144, 224));} .visual_header_page_1_1_1_w { } .visual_header_page_1_1_2 {position: absolute;width: 100%;height: 350px;background-repeat: repeat-x;background-image: url(../img/visual_header_page_1/img_visual_header_page_1_1_2.png?v=10); background-size: 1280px 350px;} .visual_header_page_1_1_2_w { } .visual_header_page_1_1_3 {position: absolute; top: 0; width: 100%; height: 350px; overflow: hidden; } .visual_header_page_1_1_3_w {margin: 0 auto;max-width: 1024px;height: 350px;position: relative;} .visual_header_page_1_1_3_w img {width: 260px;position: absolute;bottom: -100px;right: 10px;} .visual_header_page_1_1_4 {position: absolute;width: 100%;height: 350px;background-repeat: repeat-x;background-image: url(../img/visual_header_page_1/img_visual_header_page_1_1_4.png?v=11); background-size: 1280px 350px;} .visual_header_page_1_1_4_w { } .visual_header_page_1_1_5 {position: absolute;width: 100%;height: 350px;background-repeat: repeat-x;background-image: url(../img/visual_header_page_1/img_visual_header_page_1_1_5.png?v=12); background-size: 1280px 350px;} .visual_header_page_1_1_5_w { } .visual_header_page_1_1_6 { } .visual_header_page_1_1_6_w { } .visual_header_page_1_1_7 {position: absolute;top: 320px;width: 100%;height: 30px;} .visual_header_page_1_1_7_w {max-width: 1024px;margin: 0 auto;font-size: 10px;padding: 10px 40px;} .visual_header_page_1_1_7_w a {text-decoration: none;cursor: pointer;color: rgb(228, 0, 127);display: inline-block;} .visual_header_page_1_1_8 {position: absolute; top: 0; right: 0; width: 100px; height: 350px; overflow: hidden; } .visual_header_page_1_1_8_w {margin: 0 auto;width: 100px;height: 350px;position: relative; background: red;} .visual_header_page_1_1_22 { position: absolute; top: 0; width: 100%; } .visual_header_page_1_1_22_w { max-width: 1280px; margin: 0 auto; } .visual_header_page_1_1_22_w img { width: 100%; height: auto; } .visual_footer_top_1 {background-image: url(../img/ui/img_ui_c_background_1.png);height: 200px;background-position: center top;background-repeat: repeat-x;-moz-background-size: auto 100%;-webkit-background-size: auto 100%;background-size: auto 100%;overflow: hidden;} .visual_footer_top_1_w {height: 100%;} .visual_footer_top_1_1 { } .visual_footer_top_1_1_w {position: relative;height: 100%;} .visual_footer_top_1_1_1 { } .visual_footer_top_1_1_1_w { } .visual_footer_top_1_1_2 { } .visual_footer_top_1_1_2_w { } .visual_footer_top_1_1_3 {position: absolute;height: 45px;width: 100%;top: 0px;background-image: url(../img/ui/img_ui_lace_2.png?v=1);background-size: auto 45px;background-repeat: repeat-x;background-position: center bottom;opacity: 1;} .visual_footer_top_1_1_3_w { } .visual_footer_top_1_1_4 { position: absolute; background: linear-gradient(180deg,rgb(255, 255, 255),rgba(255, 255, 255, 0)); left: 0; position: absolute; height: 200px; width: 100%; top: 0px; background-image: url(../img/ui/img_ui_c_background_2.png); background-size: auto 200px; background-repeat: repeat-x; } .visual_footer_top_1_1_4_w { } .visual_footer_top_1_1_5 { } .visual_footer_top_1_1_5_w { } .visual_footer_top_1_1_6 { position: absolute; width: 100%; bottom: 0px; opacity: 1; background: linear-gradient(0deg,rgb(169, 0, 65),rgb(186, 16, 107)); } .visual_footer_top_1_1_6_w { max-width: 1024px; margin: 0 auto; } .visual_footer_top_1_1_6_1 {padding: 5px 40px;} .visual_footer_top_1_1_6_1_w {padding: 10px 0;font-size: 10px;letter-spacing: 0.2px;text-align: center;color: #fff;font-weight: 400;} .visual_footer_top_1_1_6_1_w p {font-size: 10px;text-align: center;/* font-weight:400; */color: rgb(255, 251, 235);} .visual_footer_top_1_1_6_1_w p small {} .visual_footer_top_1_1_6_1_w p small a {text-decoration: none;color: rgb(255, 246, 51);display: inline-block;padding: 0 5px;} .visual_footer_top_1_1_7 { position: absolute;width: 100%;height: 100%;} .visual_footer_top_1_1_7_w { height: 100%; max-width: 1024px; margin: 0 auto; } .visual_footer_top_1_1_7_1 { height: 100%; padding: 0 40px; } .visual_footer_top_1_1_7_1_w {display: table;height: 100%;margin: 0 auto;max-width: 550px;} .visual_footer_top_1_1_7_1_1 { display: table-cell; vertical-align: middle; width: 50px; } .visual_footer_top_1_1_7_1_1_w { padding: 0 0 20px;} .visual_footer_top_1_1_7_1_1_w a {display: block;width: 50px;height: 50px;position: relative;background: linear-gradient(180deg, rgba(255, 254, 255, 0.6), rgba(255, 254, 255, 0.8));border: 1px solid rgb(255, 255, 255);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);} .visual_footer_top_1_1_7_1_1_w a i {display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;font-size: 20px;height: 20px;width: 20px;color: rgb(29, 161, 242);} .visual_footer_top_1_1_7_1_2 {display: table-cell;vertical-align: middle;padding: 0 0 20px 15px;} .visual_footer_top_1_1_7_1_2_w {color: rgb(10, 37, 177);font-weight: 400;letter-spacing: 0.25px;font-size: 10.5px;padding: 10px;line-height: 1.25;background: linear-gradient(180deg, rgba(255, 254, 255, 0.6), rgba(255, 254, 255, 0.63));border: 1px solid rgb(255, 255, 255);border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;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);} /** ------------------------------------------------------------------------------------------------------ */ /** [.global_footer_1] */ /** ------------------------------------------------------------------------------------------------------ */ .global_footer_1 { max-width: 1024px; margin: 0 auto; } .global_footer_1_w { padding: 50px 20px; } .global_footer_1_1 { } .global_footer_1_1_w { } .global_footer_1_1_w p { font-size: 10px;text-align: center; font-weight:400; color: #a23f00 } .global_footer_1_1_w p small { letter-spacing: .5px; } .global_footer_1_1_w p small a { text-decoration: none; color: #e74f8a; display: inline-block; padding: 0 5px; } .visual_footer_page_1 {background-image: url(../img/ui/img_ui_c_background_1.png);height: 200px;background-position: center top;background-repeat: repeat-x;-moz-background-size: auto 100%;-webkit-background-size: auto 100%;background-size: auto 100%;overflow: hidden;} .visual_footer_page_1_w {height: 100%;} .visual_footer_page_1_1 { } .visual_footer_page_1_1_w {position: relative;height: 100%;} .visual_footer_page_1_1_1 { } .visual_footer_page_1_1_1_w { } .visual_footer_page_1_1_2 { } .visual_footer_page_1_1_2_w { } .visual_footer_page_1_1_3 {position: absolute;height: 45px;width: 100%;top: 0px;background-image: url(../img/ui/img_ui_lace_2.png?v=1);background-size: auto 45px;background-repeat: repeat-x;background-position: center bottom;opacity: 1;} .visual_footer_page_1_1_3_w { } .visual_footer_page_1_1_4 { position: absolute; background: linear-gradient(180deg,rgb(255, 255, 255),rgba(255, 255, 255, 0)); left: 0; position: absolute; height: 200px; width: 100%; top: 0px; background-image: url(../img/ui/img_ui_c_background_2.png); background-size: auto 200px; background-repeat: repeat-x; } .visual_footer_page_1_1_4_w { } .visual_footer_page_1_1_5 { } .visual_footer_page_1_1_5_w { } .visual_footer_page_1_1_6 { position: absolute; width: 100%; bottom: 0px; opacity: 1; background: linear-gradient(0deg,rgb(169, 0, 65),rgb(186, 16, 107)); } .visual_footer_page_1_1_6_w { max-width: 1024px; margin: 0 auto; } .visual_footer_page_1_1_6_1 {padding: 5px 40px;} .visual_footer_page_1_1_6_1_w {padding: 10px 0;font-size: 10px;letter-spacing: 0.2px;text-align: center;color: #fff;font-weight: 400;} .visual_footer_page_1_1_6_1_w p {font-size: 10px;text-align: center;/* font-weight:400; */color: rgb(255, 251, 235);} .visual_footer_page_1_1_6_1_w p small {} .visual_footer_page_1_1_6_1_w p small a {text-decoration: none;color: rgb(255, 246, 51);display: inline-block;padding: 0 5px;} .visual_footer_page_1_1_7 { position: absolute;width: 100%;height: 100%;} .visual_footer_page_1_1_7_w { height: 100%; max-width: 1024px; margin: 0 auto; } .visual_footer_page_1_1_7_1 { height: 100%; padding: 0 40px; } .visual_footer_page_1_1_7_1_w {display: table;height: 100%;margin: 0 auto;max-width: 550px;} .visual_footer_page_1_1_7_1_1 { display: table-cell; vertical-align: middle; width: 50px; } .visual_footer_page_1_1_7_1_1_w { padding: 0 0 20px;} .visual_footer_page_1_1_7_1_1_w a {display: block;width: 50px;height: 50px;position: relative;background: linear-gradient(180deg, rgba(255, 254, 255, 0.6), rgba(255, 254, 255, 0.8));border: 1px solid rgb(255, 255, 255);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);} .visual_footer_page_1_1_7_1_1_w a i {display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;font-size: 20px;height: 20px;width: 20px;color: rgb(29, 161, 242);} .visual_footer_page_1_1_7_1_2 {display: table-cell;vertical-align: middle;padding: 0 0 20px 15px;} .visual_footer_page_1_1_7_1_2_w {color: rgb(10, 37, 177);font-weight: 400;letter-spacing: 0.25px;font-size: 10.5px;padding: 10px;line-height: 1.25;background: linear-gradient(180deg, rgba(255, 254, 255, 0.6), rgba(255, 254, 255, 0.63));border: 1px solid rgb(255, 255, 255);border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;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_top] */ /** ------------------------------------------------------------------------------------------------------ */ .ui_top_text_1 { margin: 0 0 20px; } .ui_top_text_1_w { } .ui_top_text_1_1 { background: rgba(255, 255, 255, 0.8);border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;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_top_text_1_1_w { padding: 15px;line-height: 2;font-size: 11px;letter-spacing: 1px;color: rgb(68, 124, 0);} .ui_top_text_1_1_w a { text-decoration: none;font-weight: 400;color:rgb(40, 167, 225);} /** ------------------------------------------------------------------------------------------------------ */ .ui_top_list_1 { } .ui_top_list_1_w { } .ui_top_list_1_1 { } .ui_top_list_1_1_w { } .ui_top_list_1_1_w h3 { font-size: 20px; } .ui_top_list_1_2 { background: rgba(255, 255, 255, 0.9); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; 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_top_list_1_2_w { font-size: 11px;letter-spacing: .5px;padding: 10px 15px;} .ui_top_list_1_ul_1 { list-style: none; } .ui_top_list_1_li_1 { border-bottom: 1px solid rgb(255, 221, 123); } .ui_top_list_1_li_1:last-child { margin: 0; border-bottom: none; } .ui_top_list_1_box_1 { padding: 5px 0;} .ui_top_list_1_box_1_w { display: table; width: 100%; } .ui_top_list_1_box_1_1 { display: table-cell;width: 50px;white-space: nowrap;text-align: center;} .ui_top_list_1_box_1_1_w { padding: 5px 0;} .ui_top_list_1_box_1_1_w span {padding: 2px 5px;font-size: 10px;color: #fff;display: block;background: rgb(231, 79, 138);border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;} .ui_top_list_1_box_1_2 { display: table-cell; width: 1px; white-space: nowrap; } .ui_top_list_1_box_1_2_w { padding: 5px;color: rgb(0, 168, 7);} .ui_top_list_1_box_1_3 { display: table-cell; } .ui_top_list_1_box_1_3_w { padding: 5px;color: rgb(228, 0, 127);letter-spacing: 1.2px;} .ui_top_list_1_box_1_3_w a { color: #3fb0e5; text-decoration: none; } .ui_top_list_1_3 { } .ui_top_list_1_3_w { } /** @responsive */ @media screen and (max-width: 600px) { .ui_top_list_1 { } .ui_top_list_1_w { } .ui_top_list_1_1 { } .ui_top_list_1_1_w { } .ui_top_list_1_1_w h3 { } .ui_top_list_1_2 { } .ui_top_list_1_2_w { font-size: 10.5px;letter-spacing: .25px;} .ui_top_list_1_ul_1 { } .ui_top_list_1_li_1 { } .ui_top_list_1_li_1:last-child { } .ui_top_list_1_box_1 { } .ui_top_list_1_box_1_w { display: block; width: auto; } .ui_top_list_1_box_1_1 { display: block; width: auto; white-space: normal; text-align: center; } .ui_top_list_1_box_1_1_w { padding: 0; text-align: left; } .ui_top_list_1_box_1_1_w span { padding: 2px 15px;font-size: 10px;color: #fff;display: inline-block;} .ui_top_list_1_box_1_2 { display: block;width: auto;white-space: normal;} .ui_top_list_1_box_1_2_w { padding: 5px 0;letter-spacing: 1px;} .ui_top_list_1_box_1_3 { display: block; } .ui_top_list_1_box_1_3_w { padding: 5px 0;} .ui_top_list_1_3 { } .ui_top_list_1_3_w { } } /** ------------------------------------------------------------------------------------------------------ */ .ui_top_text_2 { margin: 0 0 10px; } .ui_top_text_2_w { } .ui_top_text_2_1 { } .ui_top_text_2_1_w {text-align: right;font-size: 10.5px;letter-spacing: .25px;padding: 10px 0;line-height: 1.5;color: rgb(175, 67, 0);} .ui_top_text_2_1_w a { color: #e4007f; text-decoration: none; } /** @responsive */ @media screen and (max-width: 740px){ .ui_top_text_2 { } .ui_top_text_2_w { } .ui_top_text_2_1 { } .ui_top_text_2_1_w { text-align: left; } .ui_top_text_2_1_w a { } } /** ------------------------------------------------------------------------------------------------------ */ .ui_top_sidebar_box_1 { margin: 0 0 10px; } .ui_top_sidebar_box_1_w { } .ui_top_sidebar_box_1_1 { } .ui_top_sidebar_box_1_1_w { } /** ------------------------------------------------------------------------------------------------------ */ /** [.ui_about] */ /** ------------------------------------------------------------------------------------------------------ */ .ui_about_text_1 { margin: 0 0 10px; } .ui_about_text_1_w { } .ui_about_text_1_1 { background: rgba(255, 255, 255, 0.8);border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;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_about_text_1_1_w { font-size: 11.5px;letter-spacing: .5px;padding: 15px;li;line-height: 2;color: rgb(68, 124, 0);} .ui_about_text_1_1_w a { color: #28a7e1; text-decoration: none; } /** ------------------------------------------------------------------------------------------------------ */ .ui_about_img_and_text_1 { } .ui_about_img_and_text_1_w { } .ui_about_img_and_text_1_1 { } .ui_about_img_and_text_1_1_w { } .ui_about_img_and_text_1_1_1 { } .ui_about_img_and_text_1_1_1_w { padding: 50px 0; } .ui_about_img_and_text_1_1_1_w a { display: block; max-width: 800px; margin: 0 auto;} .ui_about_img_and_text_1_1_1_w a:hover { opacity: 1; transition: opacity .4s ease; -webkit-transition: opacity .4s ease; } .ui_about_img_and_text_1_1_1_w a img { display: block; width: 100%; height: auto; } .ui_about_img_and_text_1_1_2 { } .ui_about_img_and_text_1_1_2_w { } .ui_about_img_and_text_1_1_2_1 { } .ui_about_img_and_text_1_1_2_1_w { } .ui_about_img_and_text_1_1_2_2 { } .ui_about_img_and_text_1_1_2_2_w { } /** ------------------------------------------------------------------------------------------------------ */ /** [.ui_news] */ /** ------------------------------------------------------------------------------------------------------ */ .ui_news_list_1 { } .ui_news_list_1_w { } .ui_news_list_1_1 { } .ui_news_list_1_1_w { } .ui_news_list_1_1_w h3 { font-size: 20px; } .ui_news_list_1_2 { background: rgba(255, 255, 255, 0.9); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; 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_news_list_1_2_w { font-size: 11px;letter-spacing: .5px;padding: 10px 15px;} .ui_news_list_1_ul_1 { list-style: none; } .ui_news_list_1_li_1 { border-bottom: 1px solid rgb(255, 221, 123); } .ui_news_list_1_li_1:last-child { margin: 0; border-bottom: none; } .ui_news_list_1_box_1 { padding: 5px 0;} .ui_news_list_1_box_1_w { display: table; width: 100%; } .ui_news_list_1_box_1_1 { display: table-cell;width: 50px;white-space: nowrap;text-align: center;} .ui_news_list_1_box_1_1_w { padding: 5px 0;} .ui_news_list_1_box_1_1_w span {padding: 2px 5px;font-size: 10px;color: #fff;display: block;background: rgb(231, 79, 138);border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;} .ui_news_list_1_box_1_2 { display: table-cell; width: 1px; white-space: nowrap; } .ui_news_list_1_box_1_2_w { padding: 5px;color: rgb(0, 168, 7);} .ui_news_list_1_box_1_3 { display: table-cell; } .ui_news_list_1_box_1_3_w { padding: 5px;color: rgb(228, 0, 127);letter-spacing: 1.2px;} .ui_news_list_1_box_1_3_w a { color: #3fb0e5; text-decoration: none; } .ui_news_list_1_3 { } .ui_news_list_1_3_w { } /** @responsive */ @media screen and (max-width: 600px) { .ui_news_list_1 { } .ui_news_list_1_w { } .ui_news_list_1_1 { } .ui_news_list_1_1_w { } .ui_news_list_1_1_w h3 { } .ui_news_list_1_2 { } .ui_news_list_1_2_w { font-size: 10.5px;letter-spacing: .25px;} .ui_news_list_1_ul_1 { } .ui_news_list_1_li_1 { } .ui_news_list_1_li_1:last-child { } .ui_news_list_1_box_1 { } .ui_news_list_1_box_1_w { display: block; width: auto; } .ui_news_list_1_box_1_1 { display: block; width: auto; white-space: normal; text-align: center; } .ui_news_list_1_box_1_1_w { padding: 0; text-align: left; } .ui_news_list_1_box_1_1_w span { padding: 2px 15px;font-size: 10px;color: #fff;display: inline-block;} .ui_news_list_1_box_1_2 { display: block;width: auto;white-space: normal;} .ui_news_list_1_box_1_2_w { padding: 5px 0;letter-spacing: 1px;} .ui_news_list_1_box_1_3 { display: block; } .ui_news_list_1_box_1_3_w { padding: 5px 0;} .ui_news_list_1_3 { } .ui_news_list_1_3_w { } } /** ------------------------------------------------------------------------------------------------------ */ /** [.ui_profile] */ /** ------------------------------------------------------------------------------------------------------ */ .ui_profile_box_1 { } .ui_profile_box_1_w { } .ui_profile_box_1_1 { } .ui_profile_box_1_1_w { display: table; width: 100%; } .ui_profile_box_1_1_1 { display: table-cell; vertical-align: middle; width:50%; } .ui_profile_box_1_1_1_w { padding: 0 15px 0 0;} .ui_profile_box_1_1_1_1 { } .ui_profile_box_1_1_1_1_w { } .ui_profile_box_1_1_1_1_1 { } .ui_profile_box_1_1_1_1_1_w { } .ui_profile_box_1_1_1_1_1_1 { } .ui_profile_box_1_1_1_1_1_1_w { } .ui_profile_box_1_1_1_1_1_2 { } .ui_profile_box_1_1_1_1_1_2_w { } .ui_profile_box_1_1_1_1_2 { margin: 0 0 15px;} .ui_profile_box_1_1_1_1_2_w { } .ui_profile_box_1_1_1_1_2_1 { border-bottom: 1px solid rgb(248, 189, 208);} .ui_profile_box_1_1_1_1_2_1_w { font-size: 28px;padding: 5px 0;font-weight: 400;letter-spacing: 0px;color: rgb(228, 0, 127);} .ui_profile_box_1_1_1_1_2_2 { } .ui_profile_box_1_1_1_1_2_2_w { text-align: right;padding: 2px 0 5px;font-style: italic;font-size: 10px;letter-spacing: 3px;color: rgb(228, 0, 127);} .ui_profile_box_1_1_1_1_3 { margin: 0 0 15px; background: rgba(255, 255, 255, 0.9);border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;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_profile_box_1_1_1_1_3_w {padding: 15px;line-height: 1.2;color: rgb(228, 0, 127);font-size: 11px;letter-spacing: 1px;} .ui_profile_box_1_1_1_1_4 { } .ui_profile_box_1_1_1_1_4_w { font-size: 12px;} .ui_profile_box_1_1_1_1_5 { margin: 0 0 15px;} .ui_profile_box_1_1_1_1_5_w { text-align: right;padding: 10px 0;font-size: 10.5px;color: rgb(175, 67, 0);letter-spacing: .25px;} .ui_profile_box_1_1_1_1_6 { } .ui_profile_box_1_1_1_1_6_w { } .ui_profile_box_1_1_1_1_6_1 { } .ui_profile_box_1_1_1_1_6_1_w { } .ui_profile_box_1_1_1_1_6_1_1 { border-bottom: 1px dotted rgb(228, 0, 127);} .ui_profile_box_1_1_1_1_6_1_1_w { font-size: 13px;padding: 5px 0 5px;color: rgb(228, 0, 127);} .ui_profile_box_1_1_1_1_6_1_2 { } .ui_profile_box_1_1_1_1_6_1_2_w { font-size: 10.5px;padding: 10px 0;letter-spacing: 1px;line-height: 1.25;color: rgb(228, 0, 127);} .ui_profile_box_1_1_1_1_6_2 { } .ui_profile_box_1_1_1_1_6_2_w { } .ui_profile_box_1_1_2 { display: table-cell; vertical-align: middle; } .ui_profile_box_1_1_2_w { } .ui_profile_box_1_1_2_1 { } .ui_profile_box_1_1_2_1_w { } .ui_profile_box_1_1_2_1_w a { display: block; } .ui_profile_box_1_1_2_1_w a:hover { opacity: 1; transition: opacity .4s ease; -webkit-transition: opacity .4s ease; } .ui_profile_box_1_1_2_1_w a img { display: block; width: 100%; height: auto; } /** */ @media screen and (max-width: 740px){ .ui_profile_box_1 { } .ui_profile_box_1_w { } .ui_profile_box_1_1 { } .ui_profile_box_1_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; } .ui_profile_box_1_1_1 { width: 100%; display: block; vertical-align: baseline; -webkit-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .ui_profile_box_1_1_1_w { padding: 0; } .ui_profile_box_1_1_1_1 { } .ui_profile_box_1_1_1_1_w { } .ui_profile_box_1_1_1_1_1 { } .ui_profile_box_1_1_1_1_1_w { } .ui_profile_box_1_1_1_1_1_1 { } .ui_profile_box_1_1_1_1_1_1_w { } .ui_profile_box_1_1_1_1_1_2 { } .ui_profile_box_1_1_1_1_1_2_w { } .ui_profile_box_1_1_1_1_2 { } .ui_profile_box_1_1_1_1_2_w { } .ui_profile_box_1_1_1_1_2_1 { } .ui_profile_box_1_1_1_1_2_1_w { } .ui_profile_box_1_1_1_1_2_2 { } .ui_profile_box_1_1_1_1_2_2_w { } .ui_profile_box_1_1_1_1_3 { } .ui_profile_box_1_1_1_1_3_w { } .ui_profile_box_1_1_1_1_4 { } .ui_profile_box_1_1_1_1_4_w { } .ui_profile_box_1_1_1_1_5 { } .ui_profile_box_1_1_1_1_5_w { } .ui_profile_box_1_1_1_1_6 { } .ui_profile_box_1_1_1_1_6_w { } .ui_profile_box_1_1_1_1_6_1 { } .ui_profile_box_1_1_1_1_6_1_w { } .ui_profile_box_1_1_1_1_6_2 { } .ui_profile_box_1_1_1_1_6_2_w { } .ui_profile_box_1_1_2 { width: 100%; display: block; vertical-align: baseline; -webkit-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .ui_profile_box_1_1_2_w { } .ui_profile_box_1_1_2_1 { } .ui_profile_box_1_1_2_1_w { } .ui_profile_box_1_1_2_1_w a { max-width: 380px;margin: 0 auto; } .ui_profile_box_1_1_2_1_w a img { } } /** ------------------------------------------------------------------------------------------------------ */ .ui_profile_list_1 { } .ui_profile_list_1_w { } .ui_profile_list_1_1 { background: rgba(255, 255, 255, 0.9);border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;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_profile_list_1_1_w { padding: 10px;} .ui_profile_list_1_ul_1 { } .ui_profile_list_1_li_1 { margin: 0 0 5px;border-bottom: 1px dashed rgb(255, 221, 123);padding: 0 0 5px;} .ui_profile_list_1_li_1:last-child { margin: 0; border-bottom: none; padding: 0; } .ui_profile_list_1_box_1 { } .ui_profile_list_1_box_1_w { display: table;width: 100%;} .ui_profile_list_1_box_1_1 { display: table-cell;vertical-align: top; width: 100px;} .ui_profile_list_1_box_1_1_w { padding: 5px 10px;font-size: 10.5px;line-height: 1.25;width: 80px;word-break: break-all;word-wrap: break-word;background: rgb(228, 0, 127);color: #fff;border-radius: 55px;-webkit-border-radius: 55px;-moz-border-radius: 55px;} .ui_profile_list_1_box_1_2 { display: table-cell; vertical-align: top; } .ui_profile_list_1_box_1_2_w { padding: 5px 0 5px 10px;font-size: 11px;letter-spacing: .5px;color: rgb(228, 0, 127);line-height: 1.25;} /** ------------------------------------------------------------------------------------------------------ */ .ui_profile_list_2 { } .ui_profile_list_2_w { } .ui_profile_list_2_1 { } .ui_profile_list_2_1_w { } .ui_profile_list_2_ul_1 { list-style: none;float: right;} .ui_profile_list_2_li_1 { float: left;margin: 0 5px 5px 0;} .ui_profile_list_2_li_1:last-child { margin: 0 0 5px 0;} .ui_profile_list_2_box_1 { } .ui_profile_list_2_box_1_w { } .ui_profile_list_2_box_1_1_w a { border: 2px solid rgb(255, 255, 255);display: block;width: 50px;height: 50px;color: rgb(255, 255, 255);text-decoration: none;background: rgb(0, 0, 0);position: relative;border-radius: 55px;-webkit-border-radius: 55px;overflow: hidden;-moz-border-radius: 55px;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_profile_list_2_box_1_1_w a img { display: block; width: 100%; height: auto; } .ui_profile_list_2_box_1_2 { display: none;} .ui_profile_list_2_box_1_2_w { font-size: 10px;text-align: left;padding: 5px 0;} /** ------------------------------------------------------------------------------------------------------ */ /** [.ui_sample] */ /** ------------------------------------------------------------------------------------------------------ */ .ui_sample_box_1 { margin: 0 0 10px; } .ui_sample_box_1_w { } .ui_sample_box_1_1 { background: rgba(255, 255, 255, 0.8);border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;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_sample_box_1_1_w { font-size: 11.5px;letter-spacing: 2px;padding: 15px;line-height: 1.25;color: rgb(160, 83, 0);} .ui_sample_box_1_1_1 { } .ui_sample_box_1_1_1_w { } .ui_sample_box_1_1_1_w ul { } .ui_sample_box_1_1_1_w ul li { margin: 0 0 15px;} .ui_sample_box_1_1_1_w ul li:last-child { margin: 0; } .ui_sample_box_1_1_1_1 { background: linear-gradient(180deg,rgb(250, 255, 237),rgb(254, 255, 215));border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;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_sample_box_1_1_1_1_w { display: table;width: 100%;} .ui_sample_box_1_1_1_1_1 { display: table-cell;vertical-align: middle;width: 60%;} .ui_sample_box_1_1_1_1_1_w { padding: 10px 10px;} .ui_sample_box_1_1_1_1_1_1 { margin: 0 0 15px;} .ui_sample_box_1_1_1_1_1_1_w { padding: 0 0 2px;font-size: 13px;letter-spacing: .5px;} .ui_sample_box_1_1_1_1_1_1_1 { } .ui_sample_box_1_1_1_1_1_1_1_w { display: table; width: 100%; } .ui_sample_box_1_1_1_1_1_1_1_1 { display: table-cell; vertical-align: middle; width: 1px; white-space: nowrap;} .ui_sample_box_1_1_1_1_1_1_1_1_w { display: block; width: 30px; height: 30px; position: relative; background: rgb(99, 195, 12); border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; } .ui_sample_box_1_1_1_1_1_1_1_1_w i { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 12px; font-size: 12px; text-align: center; color: rgb(255, 255, 255); } .ui_sample_box_1_1_1_1_1_1_1_2 { display: table-cell; vertical-align: middle;} .ui_sample_box_1_1_1_1_1_1_1_2_w { padding: 0 0 0 10px;} .ui_sample_box_1_1_1_1_1_1_1_2_w div { } .ui_sample_box_1_1_1_1_1_1_1_2_w div:nth-child(1) { padding: 5px 0 2px;font-size: 11px;font-weight: 400;} .ui_sample_box_1_1_1_1_1_1_1_2_w div:nth-child(2) {padding: 2px 0;border-top: 1px solid rgb(255, 221, 123); 0)text-align: left;font-size: 10px;} .ui_sample_box_1_1_1_1_1_2 { } .ui_sample_box_1_1_1_1_1_2_w { letter-spacing: .5px;font-size: 10.5px;padding: 0 0 0 40px;} .ui_sample_box_1_1_1_1_2 { display: table-cell;height: 100px;vertical-align: middle;background: linear-gradient(180deg,rgb(248, 217, 241),rgb(247, 250, 188));border-radius: 0 10px 10px 0;-webkit-border-radius: 0 10px 10px 0;-moz-border-radius: 0 10px 10px 0;} .ui_sample_box_1_1_1_1_2_w { padding: 10px 10px;text-align: center;} /** */ @media screen and (max-width: 640px){ .ui_sample_box_1 { } .ui_sample_box_1_w { } .ui_sample_box_1_1 { } .ui_sample_box_1_1_w { } .ui_sample_box_1_1_1 { } .ui_sample_box_1_1_1_w { } .ui_sample_box_1_1_1_w ul { } .ui_sample_box_1_1_1_w ul li { } .ui_sample_box_1_1_1_w ul li:last-child { } .ui_sample_box_1_1_1_1 { } .ui_sample_box_1_1_1_1_w { display: block; width: auto; } .ui_sample_box_1_1_1_1_1 { display: block; width: auto; } .ui_sample_box_1_1_1_1_1_w { } .ui_sample_box_1_1_1_1_1_1 { } .ui_sample_box_1_1_1_1_1_1_w { } .ui_sample_box_1_1_1_1_1_1_1_1 { } .ui_sample_box_1_1_1_1_1_1_1_1_w { } .ui_sample_box_1_1_1_1_1_1_1_1_w i { } .ui_sample_box_1_1_1_1_1_1_1_2 { } .ui_sample_box_1_1_1_1_1_1_1_2_w { } .ui_sample_box_1_1_1_1_1_1_1_2_w div { } .ui_sample_box_1_1_1_1_1_1_1_2_w div:nth-child(1) { } .ui_sample_box_1_1_1_1_1_1_1_2_w div:nth-child(2) { } .ui_sample_box_1_1_1_1_1_2 { } .ui_sample_box_1_1_1_1_1_2_w { } .ui_sample_box_1_1_1_1_2 {display: block;height: auto;border-radius: 0 0 10px 10px;-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;} .ui_sample_box_1_1_1_1_2_w { } } /** ------------------------------------------------------------------------------------------------------ */ /** [.ui_works] */ /** ------------------------------------------------------------------------------------------------------ */ .ui_works_list_1 {margin: 0 0 10px;} .ui_works_list_1_w { } .ui_works_list_1_1 {background: rgba(255, 255, 255, 0.9);border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;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_works_list_1_1_w {font-size: 11.5px;letter-spacing: 1px;padding: 10px 15px;} .ui_works_list_1_ul_1 { list-style: none; } .ui_works_list_1_li_1 {margin: 0 0 5px; border-bottom: 1px dashed rgb(255, 221, 123);} .ui_works_list_1_li_1:last-child { margin: 0; border-bottom: none; } .ui_works_list_1_box_1 { } .ui_works_list_1_box_1_w { display: table; width: 100%; } .ui_works_list_1_box_1_1 { display: table-cell; width: 1px; vertical-align: top; white-space: nowrap; } .ui_works_list_1_box_1_1_w {padding: 5px 10px 5px 0;line-height: 1.25;text-align: center;} .ui_works_list_1_box_1_1_w i {display: block;color: rgb(255, 189, 0);font-size: 15px;} .ui_works_list_1_box_1_2 {display: table-cell;vertical-align: top;} .ui_works_list_1_box_1_2_w {padding: 5px 0 5px;line-height: 1;color: rgb(175, 67, 0);} .ui_works_list_1_box_1_2_1 { } .ui_works_list_1_box_1_2_1_w {font-size: 14px;font-weight: 500;margin: 0 0 5px;letter-spacing: .5px;} .ui_works_list_1_box_1_2_1_w a {text-decoration: none;color: rgb(231, 79, 138);} .ui_works_list_1_box_1_2_2 { } .ui_works_list_1_box_1_2_2_w {padding: 5px 0;letter-spacing: .5px;line-height: 1.25;color: rgb(100, 160, 0);} .ui_works_list_1_box_1_2_2_w a {text-decoration: none;color: rgb(231, 79, 138);} /** ------------------------------------------------------------------------------------------------------ */ /** [.ui_contact] */ /** ------------------------------------------------------------------------------------------------------ */ /** ------------------------------------------------------------------------------------------------------ */ /** [.ui_link] */ /** ------------------------------------------------------------------------------------------------------ */ .ui_link_box_1 { margin: 0 0 10px; } .ui_link_box_1_w { } .ui_link_box_1_1 { background: rgba(255, 255, 255, 0.8);border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;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_link_box_1_1_w { font-size: 11.5px;letter-spacing: 2px;padding: 15px;line-height: 1.25;color: rgb(160, 83, 0);} .ui_link_box_1_1_1 { } .ui_link_box_1_1_1_w { } .ui_link_box_1_1_1_w ul { } .ui_link_box_1_1_1_w ul li { margin: 0 0 15px;} .ui_link_box_1_1_1_w ul li:last-child { } .ui_link_box_1_1_1_1 { } .ui_link_box_1_1_1_1_w { display: table;width: 100%;} .ui_link_box_1_1_1_1_1 { display: table-cell;height: 100px;vertical-align: middle;background-color: rgba(255, 255, 255, 0.15);background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0,0,0,0.1) 75%, rgba(0,0,0,0.1)), linear-gradient(45deg, rgba(0,0,0,0.1) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0,0,0,0.1) 75%, rgba(0,0,0,0.1));background-position: 0 0, 5px 5px;background-size: 10px 10px;} .ui_link_box_1_1_1_1_1_w { padding: 10px 10px;text-align: center;} .ui_link_box_1_1_1_1_1_w img { width: 100%;height: auto;display: inline-block;} .ui_link_box_1_1_1_1_2 { display: table-cell;vertical-align: middle;width: 50%;} .ui_link_box_1_1_1_1_2_w { padding: 0 0 0 15px;} .ui_link_box_1_1_1_1_2_1 { border-bottom: 1px solid #a05300;margin: 0 0 10px;} .ui_link_box_1_1_1_1_2_1_w { padding: 0 0 2px;font-size: 13px;letter-spacing: .5px;} .ui_link_box_1_1_1_1_2_1_w div { display: inline-block;} .ui_link_box_1_1_1_1_2_1_w div:nth-child(1) { } .ui_link_box_1_1_1_1_2_1_w div:nth-child(1) i { } .ui_link_box_1_1_1_1_2_1_w div:nth-child(2) { } .ui_link_box_1_1_1_1_2_2 { } .ui_link_box_1_1_1_1_2_2_w { } .ui_link_box_1_1_1_1_2_2_w pre { white-space: pre-wrap;line-height: 1.25;} .ui_link_box_1_1_1_1_2_2_w pre code { word-wrap: break-word;word-break: break-all;font-size: 10px;letter-spacing: 1px;font-weight: 300;opacity: 0.6;} .ui_link_box_1_1_1_w ul li:nth-child(2) .ui_link_box_1_1_1_1_1_w img { max-width: 40%; } .ui_link_box_1_1_1_w ul li:nth-child(3) .ui_link_box_1_1_1_1_1_w img { max-width: 80%; } .ui_link_box_1_1_1_w ul li:nth-child(4) .ui_link_box_1_1_1_1_1_w img { max-width: 100%; } @media screen and (max-width: 800px){ .ui_link_box_1 { } .ui_link_box_1_w { } .ui_link_box_1_1 { } .ui_link_box_1_1_w { } .ui_link_box_1_1_1 { } .ui_link_box_1_1_1_w { } .ui_link_box_1_1_1_w ul { } .ui_link_box_1_1_1_w ul li { } .ui_link_box_1_1_1_w ul li:last-child { } .ui_link_box_1_1_1_1 { } .ui_link_box_1_1_1_1_w { display: block;} .ui_link_box_1_1_1_1_1 { display: table;width: 100%;} .ui_link_box_1_1_1_1_1_w { height: 100px;display: table-cell;vertical-align: middle;} .ui_link_box_1_1_1_1_1_w img { } .ui_link_box_1_1_1_1_2 { display: block;width: auto;} .ui_link_box_1_1_1_1_2_w { padding: 15px 0 0;} .ui_link_box_1_1_1_1_2_1 { } .ui_link_box_1_1_1_1_2_1_w { } .ui_link_box_1_1_1_1_2_1_w div { } .ui_link_box_1_1_1_1_2_1_w div:nth-child(1) { } .ui_link_box_1_1_1_1_2_1_w div:nth-child(1) i { } .ui_link_box_1_1_1_1_2_1_w div:nth-child(2) { } .ui_link_box_1_1_1_1_2_2 { } .ui_link_box_1_1_1_1_2_2_w { } .ui_link_box_1_1_1_1_2_2_w pre { } .ui_link_box_1_1_1_1_2_2_w pre code { } .ui_link_box_1_1_1_w ul li:nth-child(2) .ui_link_box_1_1_1_1_1_w img { max-width: 200px; } .ui_link_box_1_1_1_w ul li:nth-child(3) .ui_link_box_1_1_1_1_1_w img { max-width: 400px; } .ui_link_box_1_1_1_w ul li:nth-child(4) .ui_link_box_1_1_1_1_1_w img { max-width: 500px; } } /** ------------------------------------------------------------------------------------------------------ */ .ui_link_box_2 { margin: 0 0 10px; } .ui_link_box_2_w { } .ui_link_box_2_1 { background: rgba(255, 255, 255, 0.8);border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;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_link_box_2_1_w { font-size: 11.5px;letter-spacing: 2px;padding: 15px;line-height: 1.25;color: rgb(160, 83, 0);} .ui_link_box_2_1_1 { } .ui_link_box_2_1_1_w { } .ui_link_box_2_1_1_w ul { list-style: none;padding: 5px;} .ui_link_box_2_1_1_w ul li { float:left; text-align: center; padding: 5px 0; } .ui_link_box_2_1_1_w ul li { width: 25%; } .ui_link_box_2_1_1_w ul li:nth-child(4n+1) { clear: both; } .ui_link_box_2_1_1_w ul li:nth-child(3n+1) { clear: inherit; } .ui_link_box_2_1_1_w ul li:nth-child(2n+1) { clear: inherit; } .ui_link_box_2_1_1_w ul li:nth-child(1n+1) { clear: inherit; } .ui_link_box_2_1_1_w ul li:last-child { } .ui_link_box_2_1_1_w ul li a { display: block; } .ui_link_box_2_1_1_w ul li a img { width: 100%;max-width: 200px;height: auto; } .ui_link_box_2_1_1_w ul li a.ui_link_box_2_moji_1 { width: 200px;height: 40px;display: table;text-decoration: none;letter-spacing: 0.5px;color: #fff;background: rgb(51, 51, 51);margin: 0 auto;} .ui_link_box_2_1_1_w ul li a.ui_link_box_2_moji_1 span { display: table-cell;vertical-align: middle;width: 100%;height: 100%;text-align: center;font-size: 10px;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;border: 1px solid rgb(0, 0, 0);} /** @responsive */ @media screen and (max-width: 1185px){ .ui_link_box_2_1_1_w ul li { width: 33.3%; } .ui_link_box_2_1_1_w ul li:nth-child(4n+1) { clear: inherit; } .ui_link_box_2_1_1_w ul li:nth-child(2n+1) { clear: inherit; } .ui_link_box_2_1_1_w ul li:nth-child(1n+1) { clear: inherit; } .ui_link_box_2_1_1_w ul li:nth-child(3n+1) { clear: both; } } @media screen and (max-width: 920px){ .ui_link_box_2_1_1_w ul li { width: 50%; } .ui_link_box_2_1_1_w ul li:nth-child(4n+1) { clear: inherit; } .ui_link_box_2_1_1_w ul li:nth-child(3n+1) { clear: inherit; } .ui_link_box_2_1_1_w ul li:nth-child(1n+1) { clear: inherit; } .ui_link_box_2_1_1_w ul li:nth-child(2n+1) { clear: both; } } @media screen and (max-width: 600px){ .ui_link_box_2_1_1_w ul li { width: 100%; } .ui_link_box_2_1_1_w ul li:nth-child(4n+1) { clear: inherit; } .ui_link_box_2_1_1_w ul li:nth-child(3n+1) { clear: inherit; } .ui_link_box_2_1_1_w ul li:nth-child(2n+1) { clear: inherit; } .ui_link_box_2_1_1_w ul li:nth-child(1n+1) { clear: both; } } /** ------------------------------------------------------------------------------------------------------ */ /** [.ui_discography] */ /** ------------------------------------------------------------------------------------------------------ */ .ui_discography_box_1 { margin: 0 0 10px; } .ui_discography_box_1_w { } .ui_discography_box_1_1 { background: rgba(255, 255, 255, 0.8);border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;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_discography_box_1_1_w { font-size: 11.5px;letter-spacing: 2px;padding: 15px;line-height: 1.25;color: rgb(160, 83, 0);} .ui_discography_box_1_1_1 { } .ui_discography_box_1_1_1_w { display:flex; } .ui_discography_box_1_1_1_1 { } .ui_discography_box_1_1_1_1_w { width: 100%;max-width:200px;margin-right: 2em; } .ui_discography_box_1_1_1_1_w a { display: block; } .ui_discography_box_1_1_1_1_w img { width: 100%; } .ui_discography_box_1_1_1_2 { } .ui_discography_box_1_1_1_2_w { margin-top: 1em; } .discography_intro { font-size: 16px;margin-bottom: 2em; } .ui_discography_box_1_1_1_2_1 { } .discography_ul_1 { margin-left: 1em; } .discography_li_1 { margin-bottom: 1em; } .discography_dl_1 { display: flex; align-items: center; } .discography_dt_1 { padding: 5px;background: rgb(231, 79, 138);border-radius: 20px;color: #fff;min-width: 60px;text-align: center;margin-right: 1em; } .discography_dd_1 { } .discography_dd_1.shop::after { content: "様" } .discography_dd_1.shop:not(:last-of-type)::after { content: "様/"; } .discography_dd_1.shop:empty::after { content: "coming soon!"; } @media screen and (max-width: 800px){ .ui_discography_box_1 { } .ui_discography_box_1_w { } .ui_discography_box_1_1 { } .ui_discography_box_1_1_w { } .ui_discography_box_1_1_1 { } .ui_discography_box_1_1_1_w { } .ui_discography_box_1_1_1_w ul { } .ui_discography_box_1_1_1_w ul li { } .ui_discography_box_1_1_1_w ul li:last-child { } .ui_discography_box_1_1_1_1 { } .ui_discography_box_1_1_1_1_w { display: block;} .ui_discography_box_1_1_1_1_1 { display: table;width: 100%;} .ui_discography_box_1_1_1_1_1_w { height: 100px;display: table-cell;vertical-align: middle;} .ui_discography_box_1_1_1_1_1_w img { } .ui_discography_box_1_1_1_1_2 { display: block;width: auto;} .ui_discography_box_1_1_1_1_2_w { padding: 15px 0 0;} .ui_discography_box_1_1_1_1_2_1 { } .ui_discography_box_1_1_1_1_2_1_w { } .ui_discography_box_1_1_1_1_2_1_w div { } .ui_discography_box_1_1_1_1_2_1_w div:nth-child(1) { } .ui_discography_box_1_1_1_1_2_1_w div:nth-child(1) i { } .ui_discography_box_1_1_1_1_2_1_w div:nth-child(2) { } .ui_discography_box_1_1_1_1_2_2 { } .ui_discography_box_1_1_1_1_2_2_w { } .ui_discography_box_1_1_1_1_2_2_w pre { } .ui_discography_box_1_1_1_1_2_2_w pre code { } .ui_discography_box_1_1_1_w ul li:nth-child(2) .ui_discography_box_1_1_1_1_1_w img { max-width: 200px; } .ui_discography_box_1_1_1_w ul li:nth-child(3) .ui_discography_box_1_1_1_1_1_w img { max-width: 400px; } .ui_discography_box_1_1_1_w ul li:nth-child(4) .ui_discography_box_1_1_1_1_1_w img { max-width: 500px; } } /** ------------------------------------------------------------------------------------------------------ */ .ui_discography_box_2 { margin: 0 0 10px; } .ui_discography_box_2_w { } .ui_discography_box_2_1 { background: rgba(255, 255, 255, 0.8);border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;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_discography_box_2_1_w { font-size: 11.5px;letter-spacing: 2px;padding: 15px;line-height: 1.25;color: rgb(160, 83, 0);} .ui_discography_box_2_1_1 { } .ui_discography_box_2_1_1_w { } .ui_discography_box_2_1_1_w ul { list-style: none;padding: 5px;} .ui_discography_box_2_1_1_w ul li { float:left; text-align: center; padding: 5px 0; } .ui_discography_box_2_1_1_w ul li { width: 25%; } .ui_discography_box_2_1_1_w ul li:nth-child(4n+1) { clear: both; } .ui_discography_box_2_1_1_w ul li:nth-child(3n+1) { clear: inherit; } .ui_discography_box_2_1_1_w ul li:nth-child(2n+1) { clear: inherit; } .ui_discography_box_2_1_1_w ul li:nth-child(1n+1) { clear: inherit; } .ui_discography_box_2_1_1_w ul li:last-child { } .ui_discography_box_2_1_1_w ul li a { display: block; } .ui_discography_box_2_1_1_w ul li a img { width: 100%;max-width: 200px;height: auto; } .ui_discography_box_2_1_1_w ul li a.ui_discography_box_2_moji_1 { width: 200px;height: 40px;display: table;text-decoration: none;letter-spacing: 0.5px;color: #fff;background: rgb(51, 51, 51);margin: 0 auto;} .ui_discography_box_2_1_1_w ul li a.ui_discography_box_2_moji_1 span { display: table-cell;vertical-align: middle;width: 100%;height: 100%;text-align: center;font-size: 10px;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;border: 1px solid rgb(0, 0, 0);} /** @responsive */ @media screen and (max-width: 1185px){ .ui_discography_box_2_1_1_w ul li { width: 33.3%; } .ui_discography_box_2_1_1_w ul li:nth-child(4n+1) { clear: inherit; } .ui_discography_box_2_1_1_w ul li:nth-child(2n+1) { clear: inherit; } .ui_discography_box_2_1_1_w ul li:nth-child(1n+1) { clear: inherit; } .ui_discography_box_2_1_1_w ul li:nth-child(3n+1) { clear: both; } } @media screen and (max-width: 920px){ .ui_discography_box_2_1_1_w ul li { width: 50%; } .ui_discography_box_2_1_1_w ul li:nth-child(4n+1) { clear: inherit; } .ui_discography_box_2_1_1_w ul li:nth-child(3n+1) { clear: inherit; } .ui_discography_box_2_1_1_w ul li:nth-child(1n+1) { clear: inherit; } .ui_discography_box_2_1_1_w ul li:nth-child(2n+1) { clear: both; } } @media screen and (max-width: 600px){ .ui_discography_box_2_1_1_w ul li { width: 100%; } .ui_discography_box_2_1_1_w ul li:nth-child(4n+1) { clear: inherit; } .ui_discography_box_2_1_1_w ul li:nth-child(3n+1) { clear: inherit; } .ui_discography_box_2_1_1_w ul li:nth-child(2n+1) { clear: inherit; } .ui_discography_box_2_1_1_w ul li:nth-child(1n+1) { clear: both; } } /** ------------------------------------------------------------------------------------------------------ */ /** | | */ /** | | */ /** | | */ /** | | */ /** | | */ /** | | */ /** | | */ /** | | */ /** | | */ /** | | */ /** ------------------------------------------------------------------------------------------------------ */ /** [.ui_c] */ /** ------------------------------------------------------------------------------------------------------ */ .ui_c_design_1 { margin: 0 0 10px; } .ui_c_design_1_w {width: 100%;height: 40px;position: relative;} .ui_c_design_1_1 { position: absolute; z-index: 22; background: linear-gradient(180deg,rgb(255, 255, 255),rgba(255, 255, 255, 0)); left: 0; position: absolute; height: 40px; width: 100%; top: 0px; background-image: url(../img/ui/img_ui_lace_2.png?v=1); background-size: auto 42px; background-repeat: repeat-x; } .ui_c_design_1_1_w { } .ui_c_design_1_2 {position: absolute;z-index: 21;left: 0;position: absolute;height: 40px;width: 100%;top: 0px;background-image: linear-gradient(90deg, rgba(255, 255, 255, .2) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0));background-position: 0 0, 5px 5px;background-color: rgb(255, 179, 0);-moz-background-size: 10px 10px;-webkit-background-size: 10px 10px;background-size: 10px 10px;} .ui_c_design_1_2_w { } .ui_c_design_1_3 { } .ui_c_design_1_3_w { } .ui_c_design_1_4 { } .ui_c_design_1_4_w { } .ui_c_design_1_5 { } .ui_c_design_1_5_w { } .ui_c_design_1_6 { } .ui_c_design_1_6_w { } .ui_c_design_1_7 { } .ui_c_design_1_7_w { } /** ------------------------------------------------------------------------------------------------------ */ .ui_c_movie_youtube_1 { } .ui_c_movie_youtube_1_w { } .ui_c_movie_youtube_1_w iframe { } /** ------------------------------------------------------------------------------------------------------ */ .ui_c_movie_niconico_1 { } .ui_c_movie_niconico_1_w { position: relative; width: 100%; padding-top: 56.25%; } .ui_c_movie_niconico_1_w iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; } /** ------------------------------------------------------------------------------------------------------ */ .ui_c_title_1 { } .ui_c_title_1_w { } .ui_c_title_1_1 { } .ui_c_title_1_1_w { display: table; width: 100%; } .ui_c_title_1_1_1 { display: table-cell;vertical-align: middle;width: 80px;} .ui_c_title_1_1_1_w { padding: 0 5px 0 0;} .ui_c_title_1_1_1_w img { display: block; width: 100%; height: auto; } .ui_c_title_1_1_2 { display: table-cell; vertical-align: middle; } .ui_c_title_1_1_2_w { } .ui_c_title_1_1_2_1 { border-bottom: 1px solid rgb(254, 181, 220); } .ui_c_title_1_1_2_1_w { padding: 5px 0 5px 0;} .ui_c_title_1_1_2_1_w h2 { color: rgb(228, 0, 127);font-size: 20px;} .ui_c_title_1_1_2_2 { } .ui_c_title_1_1_2_2_w { padding: 5px 0 5px 10px;font-size: 10px;text-align: right;color: rgb(228, 0, 127);} /** @responsive */ @media screen and (max-width: 740px){ .ui_c_title_1 { } .ui_c_title_1_w { } .ui_c_title_1_1 { } .ui_c_title_1_1_w { } .ui_c_title_1_1_1 { width: 50px; } .ui_c_title_1_1_1_w { } .ui_c_title_1_1_1_w img { } .ui_c_title_1_1_2 { } .ui_c_title_1_1_2_w { } .ui_c_title_1_1_2_1 { } .ui_c_title_1_1_2_1_w { } .ui_c_title_1_1_2_1_w h2 { } .ui_c_title_1_1_2_2 { } .ui_c_title_1_1_2_2_w { } } /** ------------------------------------------------------------------------------------------------------ */ .ui_c_title_2 { margin: 0 0 10px; } .ui_c_title_2_w { display: table;width: 100%; } .ui_c_title_2_1 { display: table-cell;width: 1px;white-space: nowrap;vertical-align: middle; } .ui_c_title_2_1_w { display: block;width: 30px;height: 30px;position: relative;background: rgb(231, 79, 138);border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px; } .ui_c_title_2_1_w i { display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;width: 100%;height: 12px;font-size: 12px;text-align: center;color: #fff; } .ui_c_title_2_2 { display: table-cell;vertical-align: middle; } .ui_c_title_2_2_w { color: rgb(228, 0, 127);padding: 0 5px; } .ui_c_title_2_2_w h3 { font-size: 13px;letter-spacing: 2px; } /** ------------------------------------------------------------------------------------------------------ */ .ui_c_text_1 { margin: 0 0 10px; } .ui_c_text_1_w { } .ui_c_text_1_1 { background: rgba(255, 255, 255, 0.8);border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;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_c_text_1_1_w { font-size: 11.5px;letter-spacing: 2px;padding: 15px;line-height: 1.25;color: rgb(160, 83, 0);} /** ------------------------------------------------------------------------------------------------------ */ .ui_c_text_2 { margin: 0 0 10px; } .ui_c_text_2_w { } .ui_c_text_2_1 { } .ui_c_text_2_1_w { font-size: 12px;letter-spacing: 1px;padding: 30px 0;line-height: 1.5;color: rgb(175, 67, 0);} .ui_c_text_2_1_w a { color: #e4007f; text-decoration: none; } /** ------------------------------------------------------------------------------------------------------ */ .ui_c_list_1 { margin: 0 0 10px;} .ui_c_list_1_w { } .ui_c_list_1_1 { background: rgba(255, 255, 255, 0.9);border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;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_c_list_1_1_w { font-size: 11.5px;letter-spacing: 1px;padding: 15px;} .ui_c_list_1_ul_1 { list-style: none; } .ui_c_list_1_li_1 { margin: 0 0 5px; border-bottom: 1px dashed rgb(255, 221, 123);} .ui_c_list_1_li_1:last-child { margin: 0; border-bottom: none; } .ui_c_list_1_box_1 { } .ui_c_list_1_box_1_w { display: table; width: 100%; } .ui_c_list_1_box_1_1 { display: table-cell; width: 1px; vertical-align: top; white-space: nowrap; } .ui_c_list_1_box_1_1_w { padding: 5px 5px 5px 0;line-height: 1.25;text-align: center;} .ui_c_list_1_box_1_1_w i { display: block;color: rgb(255, 189, 0);} .ui_c_list_1_box_1_2 { display: table-cell;vertical-align: top;} .ui_c_list_1_box_1_2_w { padding: 5px 0;line-height: 1.25;color: rgb(175, 67, 0);} /** ------------------------------------------------------------------------------------------------------ */ .ui_c_list_2 { margin: 0 0 10px;} .ui_c_list_2_w { } .ui_c_list_2_1 {border: 1px solid rgb(255, 215, 237);background: linear-gradient(180deg,rgb(255, 248, 252),rgb(255, 242, 249));border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;} .ui_c_list_2_1_w { font-size: 11.5px;letter-spacing: .5px;padding: 5px 10px;} .ui_c_list_2_ul_1 { list-style: none; } .ui_c_list_2_li_1 { border-bottom: 1px solid rgb(255, 215, 237);margin: 0 0 2px;} .ui_c_list_2_li_1:last-child { border-bottom: none; margin: 0; } .ui_c_list_2_box_1 { } .ui_c_list_2_box_1_w { display: table; width: 100%; } .ui_c_list_2_box_1_1 { display: table-cell; width: 1px; vertical-align: top; white-space: nowrap; } .ui_c_list_2_box_1_1_w { padding: 5px 4px 5px 4px;line-height: 1;text-align: center;} .ui_c_list_2_box_1_1_w i { display: block;color: rgb(254, 122, 162);} .ui_c_list_2_box_1_2 { display: table-cell;vertical-align: top;} .ui_c_list_2_box_1_2_w { padding: 5px 0;line-height: 1;color: rgb(160, 83, 0);} .ui_c_list_2_box_1_2_w a { text-decoration: none; color: rgb(231, 79, 138); } /** ------------------------------------------------------------------------------------------------------ */ .ui_c_list_3 { margin: 0 0 10px;} .ui_c_list_3_w { } .ui_c_list_3_1 { background: rgba(255, 255, 255, 0.9);border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;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_c_list_3_1_w { font-size: 11.5px;letter-spacing: 1px;padding: 15px;} .ui_c_list_3_ul_1 { list-style: none; } .ui_c_list_3_li_1 { margin: 0 0 5px; border-bottom: 1px dashed rgb(255, 221, 123);} .ui_c_list_3_li_1:last-child { margin: 0; border-bottom: none; } .ui_c_list_3_box_1 { } .ui_c_list_3_box_1_w { display: table; width: 100%; } .ui_c_list_3_box_1_1 { display: table-cell;width: 50px;vertical-align: top;white-space: nowrap;} .ui_c_list_3_box_1_1_w { line-height: 1.25;text-align: center;color: rgb(228, 0, 127);padding: 5px 5px 5px 0;} .ui_c_list_3_box_1_1_w span { display: block;background: #e30c34;color: #fff;} .ui_c_list_3_box_1_2 { display: table-cell; width: 1px; vertical-align: top; white-space: nowrap; } .ui_c_list_3_box_1_2_w { padding: 5px 5px;line-height: 1.25;color: rgb(228, 0, 127);letter-spacing: 0.25px;} .ui_c_list_3_box_1_3 { display: table-cell;vertical-align: top;} .ui_c_list_3_box_1_3_w { padding: 5px 5px;line-height: 1.25;color: rgb(175, 67, 0);} /** ------------------------------------------------------------------------------------------------------ */ .ui_c_img_and_text_1 { } .ui_c_img_and_text_1_w { } .ui_c_img_and_text_1_1 { } .ui_c_img_and_text_1_1_w { } .ui_c_img_and_text_1_1_1 { } .ui_c_img_and_text_1_1_1_w { padding: 50px 0; } .ui_c_img_and_text_1_1_1_w a { display: block; max-width: 800px; margin: 0 auto;} .ui_c_img_and_text_1_1_1_w a:hover { opacity: 1; transition: opacity .4s ease; -webkit-transition: opacity .4s ease; } .ui_c_img_and_text_1_1_1_w a img { display: block; width: 100%; height: auto; } .ui_c_img_and_text_1_1_2 { } .ui_c_img_and_text_1_1_2_w { } .ui_c_img_and_text_1_1_2_1 { } .ui_c_img_and_text_1_1_2_1_w { } .ui_c_img_and_text_1_1_2_2 { } .ui_c_img_and_text_1_1_2_2_w { } /** ------------------------------------------------------------------------------------------------------ */ .ui_c_img_and_text_2 { } .ui_c_img_and_text_2_w { } .ui_c_img_and_text_2_1 { } .ui_c_img_and_text_2_1_w { display: table; width: 100%; } .ui_c_img_and_text_2_1_1 { display: table-cell;vertical-align: middle;} .ui_c_img_and_text_2_1_1_w { } .ui_c_img_and_text_2_1_1_w a { } .ui_c_img_and_text_2_1_1_w a img { display: block; width: 100%; height: auto; } .ui_c_img_and_text_2_1_2 { display: table-cell; vertical-align: middle; } .ui_c_img_and_text_2_1_2_w { } .ui_c_img_and_text_2_1_2_1 { } .ui_c_img_and_text_2_1_2_1_w { } .ui_c_img_and_text_2_1_2_2 { } .ui_c_img_and_text_2_1_2_2_w { } /** ------------------------------------------------------------------------------------------------------ */ /** | | */ /** | | */ /** | | */ /** | | */ /** | | */ /** | | */ /** | | */ /** | | */ /** | | */ /** | | */ /** ------------------------------------------------------------------------------------------------------ */ /** [.top_1] */ /** ------------------------------------------------------------------------------------------------------ */ .top_1 {background: linear-gradient(180deg,rgba(255, 255, 255, 0),#fffeff);} .top_1_w {font-size: 12px;padding: 20px 0;} .top_1_1 {max-width: 1024px;margin: 0 auto;} .top_1_1_w {padding: 20px 40px;} .top_1_1_1 { } .top_1_1_1_w { } .top_1_1_1_1 { } .top_1_1_1_1_w { } .top_1_1_1_1_w h2 { } .top_1_1_2 { } .top_1_1_2_w { } .top_1_1_2_1 { } .top_1_1_2_1_w { } .top_1_1_3 { } .top_1_1_3_w { display: table; width: 100%; } .top_1_1_3_1 {display: table-cell;vertical-align: top;} .top_1_1_3_1_w { } .top_1_1_3_2 {display: table-cell;width: 300px;vertical-align: top;} .top_1_1_3_2_w {padding: 0 0 0 40px;} /** @responsive */ @media screen and (max-width: 740px){ .top_1 {} .top_1_w {font-size: 12px;} .top_1_1 {max-width: 1024px;margin: 0 auto;} .top_1_1_w {} .top_1_1_1 { } .top_1_1_1_w { } .top_1_1_1_1 { } .top_1_1_1_1_w { } .top_1_1_1_1_w h2 { } .top_1_1_2 { } .top_1_1_2_w { } .top_1_1_2_1 { } .top_1_1_2_1_w { } .top_1_1_3 { } .top_1_1_3_w { display: block; width: auto; } .top_1_1_3_1 {display: block;margin: 0 0 30px;} .top_1_1_3_1_w { } .top_1_1_3_2 { display: block; width: auto;} .top_1_1_3_2_w { padding: 0;} } /** ------------------------------------------------------------------------------------------------------ */ /** [.about_1] */ /** ------------------------------------------------------------------------------------------------------ */ .about_1 { min-height: 100%; } .about_1_w { position: relative;padding: 0 0 40px; } .about_1_1 { position: relative;margin: 0 auto;z-index: 23;max-width: 1024px; } .about_1_1_w { padding: 60px 40px 0;word-wrap: break-word;word-break: break-all;} .about_1_2 { position: absolute;z-index: 22;background: linear-gradient(180deg,white,rgba(255, 255, 255, 0));left: 0;position: absolute;height: 56px;width: 100%;top: 0px;background-image: url(../img/ui/img_ui_lace_2.png?v=1);background-size: auto 42px;background-repeat: repeat-x;} .about_1_2_w { } .about_1_3 { position: absolute;z-index: 21;left: 0;position: absolute;height: 39px;width: 100%;top: 0px;background-image: linear-gradient(90deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);background-position: 0 0, 5px 5px;background-color: #ffb300;-moz-background-size: 10px 10px;-webkit-background-size: 10px 10px;background-size: 10px 10px;} .about_1_3_w { } /** ------------------------------------------------------------------------------------------------------ */ /** [.news_1] */ /** ------------------------------------------------------------------------------------------------------ */ .news_1 { min-height: 100%; } .news_1_w { position: relative;padding: 0 0 40px; } .news_1_1 { position: relative;margin: 0 auto;z-index: 23;max-width: 1024px; } .news_1_1_w { padding: 60px 40px 0;word-wrap: break-word;word-break: break-all;} .news_1_2 { position: absolute;z-index: 22;background: linear-gradient(180deg,white,rgba(255, 255, 255, 0));left: 0;position: absolute;height: 56px;width: 100%;top: 0px;background-image: url(../img/ui/img_ui_lace_2.png?v=1);background-size: auto 42px;background-repeat: repeat-x;} .news_1_2_w { } .news_1_3 { position: absolute;z-index: 21;left: 0;position: absolute;height: 39px;width: 100%;top: 0px;background-image: linear-gradient(90deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);background-position: 0 0, 5px 5px;background-color: #ffb300;-moz-background-size: 10px 10px;-webkit-background-size: 10px 10px;background-size: 10px 10px;} .news_1_3_w { } /** ------------------------------------------------------------------------------------------------------ */ /** [.profile_1] */ /** ------------------------------------------------------------------------------------------------------ */ .profile_1 { min-height: 100%; } .profile_1_w { position: relative;padding: 0 0 40px; } .profile_1_1 { position: relative;margin: 0 auto;z-index: 23;max-width: 1024px; } .profile_1_1_w { padding: 60px 40px 0;word-wrap: break-word;word-break: break-all;} .profile_1_2 { position: absolute;z-index: 22;background: linear-gradient(180deg,white,rgba(255, 255, 255, 0));left: 0;position: absolute;height: 56px;width: 100%;top: 0px;background-image: url(../img/ui/img_ui_lace_2.png?v=1);background-size: auto 42px;background-repeat: repeat-x;} .profile_1_2_w { } .profile_1_3 { position: absolute;z-index: 21;left: 0;position: absolute;height: 39px;width: 100%;top: 0px;background-image: linear-gradient(90deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);background-position: 0 0, 5px 5px;background-color: #ffb300;-moz-background-size: 10px 10px;-webkit-background-size: 10px 10px;background-size: 10px 10px;} .profile_1_3_w { } /** ------------------------------------------------------------------------------------------------------ */ /** [.sample_1] */ /** ------------------------------------------------------------------------------------------------------ */ .sample_1 { min-height: 100%; } .sample_1_w { position: relative;padding: 0 0 40px; } .sample_1_1 { position: relative;margin: 0 auto;z-index: 23;max-width: 1024px; } .sample_1_1_w { padding: 60px 40px 0;word-wrap: break-word;word-break: break-all;} .sample_1_2 { position: absolute;z-index: 22;background: linear-gradient(180deg,white,rgba(255, 255, 255, 0));left: 0;position: absolute;height: 56px;width: 100%;top: 0px;background-image: url(../img/ui/img_ui_lace_2.png?v=1);background-size: auto 42px;background-repeat: repeat-x;} .sample_1_2_w { } .sample_1_3 { position: absolute;z-index: 21;left: 0;position: absolute;height: 39px;width: 100%;top: 0px;background-image: linear-gradient(90deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);background-position: 0 0, 5px 5px;background-color: #ffb300;-moz-background-size: 10px 10px;-webkit-background-size: 10px 10px;background-size: 10px 10px;} .sample_1_3_w { } /** ------------------------------------------------------------------------------------------------------ */ /** [.works_1] */ /** ------------------------------------------------------------------------------------------------------ */ .works_1 { min-height: 100%; } .works_1_w { position: relative;padding: 0 0 40px; } .works_1_1 { position: relative;margin: 0 auto;z-index: 23;max-width: 1024px; } .works_1_1_w { padding: 60px 40px 0;word-wrap: break-word;word-break: break-all;} .works_1_2 { position: absolute;z-index: 22;background: linear-gradient(180deg,white,rgba(255, 255, 255, 0));left: 0;position: absolute;height: 56px;width: 100%;top: 0px;background-image: url(../img/ui/img_ui_lace_2.png?v=1);background-size: auto 42px;background-repeat: repeat-x;} .works_1_2_w { } .works_1_3 { position: absolute;z-index: 21;left: 0;position: absolute;height: 39px;width: 100%;top: 0px;background-image: linear-gradient(90deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);background-position: 0 0, 5px 5px;background-color: #ffb300;-moz-background-size: 10px 10px;-webkit-background-size: 10px 10px;background-size: 10px 10px;} .works_1_3_w { } /** ------------------------------------------------------------------------------------------------------ */ /** [.contact_1] */ /** ------------------------------------------------------------------------------------------------------ */ .contact_1 { min-height: 100%; } .contact_1_w { position: relative;padding: 0 0 40px; } .contact_1_1 { position: relative;margin: 0 auto;z-index: 23;max-width: 1024px; } .contact_1_1_w { padding: 60px 40px 0;word-wrap: break-word;word-break: break-all;} .contact_1_2 { position: absolute;z-index: 22;background: linear-gradient(180deg,white,rgba(255, 255, 255, 0));left: 0;position: absolute;height: 56px;width: 100%;top: 0px;background-image: url(../img/ui/img_ui_lace_2.png?v=1);background-size: auto 42px;background-repeat: repeat-x;} .contact_1_2_w { } .contact_1_3 { position: absolute;z-index: 21;left: 0;position: absolute;height: 39px;width: 100%;top: 0px;background-image: linear-gradient(90deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);background-position: 0 0, 5px 5px;background-color: #ffb300;-moz-background-size: 10px 10px;-webkit-background-size: 10px 10px;background-size: 10px 10px;} .contact_1_3_w { } /** ------------------------------------------------------------------------------------------------------ */ /** [.link_1] */ /** ------------------------------------------------------------------------------------------------------ */ .link_1 { min-height: 100%; } .link_1_w { position: relative;padding: 0 0 40px; } .link_1_1 { position: relative;margin: 0 auto;z-index: 23;max-width: 1024px; } .link_1_1_w { padding: 60px 40px 0;word-wrap: break-word;word-break: break-all;} .link_1_2 { position: absolute;z-index: 22;background: linear-gradient(180deg,white,rgba(255, 255, 255, 0));left: 0;position: absolute;height: 56px;width: 100%;top: 0px;background-image: url(../img/ui/img_ui_lace_2.png?v=1);background-size: auto 42px;background-repeat: repeat-x;} .link_1_2_w { } .link_1_3 { position: absolute;z-index: 21;left: 0;position: absolute;height: 39px;width: 100%;top: 0px;background-image: linear-gradient(90deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);background-position: 0 0, 5px 5px;background-color: #ffb300;-moz-background-size: 10px 10px;-webkit-background-size: 10px 10px;background-size: 10px 10px;} .link_1_3_w { } /** ------------------------------------------------------------------------------------------------------ */ /** [.discopraphy_1] */ /** ------------------------------------------------------------------------------------------------------ */ .discography_1 { min-height: 100%; } .discography_1_w { position: relative;padding: 0 0 40px; } .discography_1_1 { position: relative;margin: 0 auto;z-index: 23;max-width: 1024px; } .discography_1_1_w { padding: 60px 40px 0;word-wrap: break-word;word-break: break-all;} .discography_1_2 { position: absolute;z-index: 22;background: linear-gradient(180deg,white,rgba(255, 255, 255, 0));left: 0;position: absolute;height: 56px;width: 100%;top: 0px;background-image: url(../img/ui/img_ui_lace_2.png?v=1);background-size: auto 42px;background-repeat: repeat-x;} .discography_1_2_w { } .discography_1_3 { position: absolute;z-index: 21;left: 0;position: absolute;height: 39px;width: 100%;top: 0px;background-image: linear-gradient(90deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);background-position: 0 0, 5px 5px;background-color: #ffb300;-moz-background-size: 10px 10px;-webkit-background-size: 10px 10px;background-size: 10px 10px;} .discography_1_3_w { } /** ------------------------------------------------------------------------------------------------------ */ /** | | */ /** | | */ /** | | */ /** | | */ /** | | */ /** | | */ /** | | */ /** | | */ /** | | */ /** | | */ /** ------------------------------------------------------------------------------------------------------ */ /** [animation] */ .animation_fuwafuwa_1 { -webkit-animation : fx_animation_fuwafuwa_vertical_1 2s ease-in-out infinite; animation : fx_animation_fuwafuwa_vertical_1 2s ease-in-out infinite; } .animation_visual_header_page_1_1_2 { -webkit-animation : fx_animation_visual_header_page_c_1 40s linear infinite; animation : fx_animation_visual_header_page_c_1 40s linear infinite; } .animation_visual_header_page_1_1_4 { -webkit-animation : fx_animation_visual_header_page_c_1 30s linear infinite; animation : fx_animation_visual_header_page_c_1 30s linear infinite; } .animation_visual_header_page_1_1_5 { -webkit-animation : fx_animation_visual_header_page_c_1 15s linear infinite; animation : fx_animation_visual_header_page_c_1 15s linear infinite; } .animation_visual_header_page_1_1_6 { -webkit-animation : fx_animation_visual_header_page_c_1 10s linear infinite; animation : fx_animation_visual_header_page_c_1 10s linear infinite; } /** [animation|@keyframes] */ @keyframes fx_animation_fuwafuwa_vertical_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(-2px, 20px, 0); /** [GPU Rendering huck] */ -webkit-transform : translate3d(-2px, 20px, 0); /** [GPU Rendering huck] */ -ms-transform : translate3d(-2px, 20px, 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] */ } /** not use short hand [alternate] prop */ } @keyframes fx_animation_visual_header_page_c_1 { 0% { background-position : -1280px 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 : 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] */ } } /** ------------------------------------------------------------------------------------------------------ */ /** | | */ /** | | */ /** | | */ /** | | */ /** | | */ /** | | */ /** | | */ /** | | */ /** | | */ /** | | */ /** ------------------------------------------------------------------------------------------------------ */ /** [overwrite|Magnific Popup CSS] */ .mfp-bg {background: rgb(0, 0, 0);opacity: 0.99;} .mfp-figure:after { box-shadow: 0 0 0px rgba(0, 0, 0, 0.6); background: transparent; } .mfp-title {color: #fff; word-wrap: break-word; word-break: break-all; font-size: 10.5px; line-height: 1.25; } .mfp-counter { color: #fff; font-size: 10.5px; line-height: 11px; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #fff; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 10px; border-bottom-width: 10px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 10px solid #fff; margin-left: 10px; } .mfp-arrow-left:before { margin-left: 25px; border-right: none; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 10px solid #fff; margin-left: 70px; } .mfp-arrow-right:before { border-left: none; } /* overlay at start */ .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } /* overlay animate in */ .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } /* overlay animate out */ .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } /* content at start */ .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } /* content animate it */ .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } /* content animate out */ .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /** ------------------------------------------------------------------------------------------------------ */ /** | | */ /** | | */ /** | | */ /** | | */ /** | | */ /** | | */ /** | | */ /** | | */ /** | | */ /** | | */ /** ------------------------------------------------------------------------------------------------------ */