html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }

html,body { height: 100%; }

a { outline: none; text-decoration: none; }

ul li { list-style-type: none; }
ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

* { margin:0; padding: 0;}

@media screen and (min-width: 601px) {
body{ background: url("../images/background.jpg"); }
}
@media screen and (max-width: 600px) {
body{ background: url("../images/background.jpg"); }
}

/* スクロールバー一時停止 */
body { animation: stationery1 15s forwards; }
body::-webkit-scrollbar { animation: stationery2 15s forwards; }
@keyframes stationery1 { 0% { height: 100%; overflow-y: hidden ; -ms-overflow-style: none; scrollbar-width: none; } 100% { height: 100%; overflow-y: auto ; -ms-overflow-style:auto; scrollbar-width:auto; }}
@keyframes stationery2 { 0% { display:none; } 100% { display: visibility; }}

/* TOP SECTION */
@media screen and (min-width: 601px) {
#content { position: relative; min-width:1240px; }
.top_content { position: fixed; top:0px;left: 50%;margin: 0 0 0 -50%;width: 100%;min-width: 1160px;min-height: 640px; height: 100vh; background: url("../images/top/mv_bg.jpg") ,#FFF; background-position: center center; background-size:auto 100%; overflow: hidden; z-index: -1; }

.mv_fubuki_sp { position: absolute; top:-100px; left:50%; margin: 0 0 0 -50%; background: url("../images/top/mv_fubuki.png") no-repeat top center; background-size:auto 100%; width:100%; height:100%; transition-duration: 0.5s; filter: blur(30px); opacity:0; z-index:12; }
.mv_chara_sp { position: absolute; bottom:0; left:50%; margin: 0 0 0 -50%; background: url("../images/top/mv_chara.png") no-repeat bottom center; background-size:auto 88%; width:100%; height:100%; transition-duration: 0.5s;  filter: blur(30px); opacity:0; z-index:11; }

.head_fl { position: relative; width: 100%; height:100vh; min-height: 640px; transition-duration: 0.5s; }
/*
.head_fl .logo { position: absolute; bottom:0; left:40%; margin:0 0 0 -600px;  width: 300px; height:100%; z-index:10; background: url("../images/main_logo.png") no-repeat; background-position:bottom 50px center; background-size:  auto 25%;  opacity:0; }
.head_fl .hikaru_logo { position: absolute; bottom:0; right: 50px;  width: 360px; height:100%; z-index:10; background: url("../images/tv_055.png") no-repeat; background-position:bottom 50px center; background-size: 100% auto;  opacity:0; }
*/
.head_fl .logo { position: absolute; bottom:0; left:40%; margin:0 0 0 -370px;  width: 300px; height:100%; z-index:10; background: url("../images/main_logo.png") no-repeat; background-position:bottom 50px center; background-size:  auto 25%;  opacity:0; }
.head_fl .hikaru_logo { position: absolute; bottom:0; right: 40%; margin:0 -240px 0 0 ; width: 360px; height:100%; z-index:10; background: url("../images/tv_055.png") no-repeat; background-position:bottom 50px center; background-size: 100% auto;  opacity:0; }

.head_fl .catch { position:absolute; top:100px; right: 50px; width: 78px; height:650px; padding: 0 15px 0 0; box-sizing: border-box; background: url("../images/top/catch_pc.png") no-repeat center center; background-size:100% auto; filter: drop-shadow( 4px 4px 1px rgba(0,0,0,0.3) ); z-index: 10; opacity:0; }
.head_fl .catch_m { display: none; }
}

@media screen and (max-width: 600px) {
#content { position: relative; width:600px; }
.top_content { position: absolute; top:0px;left: 50%;margin: 0 0 0 -50%;width: 600px; height: 550px; background: url("../images/top/mv_bg.jpg") ,#FFF; background-position: center center; background-size:auto 100%; overflow: hidden; z-index: -1; z-index: 11; }

.mv_fubuki_sp { position: absolute; top:-100px; left:50%; margin: 0 0 0 -50%; background: url("../images/top/mv_fubuki.png") no-repeat top center; background-size:auto 100%; width:100%; height:100%; transition-duration: 0.5s; filter: blur(30px); opacity:0; z-index:12; }
.mv_chara_sp { position: absolute; bottom:0; left:50%; margin: 0 0 0 -50%; background: url("../images/top/mv_chara.png") no-repeat bottom center; background-size:140% auto; width:100%; height:100%; transition-duration: 0.5s;  filter: blur(30px); opacity:0; z-index:11; }

.head_fl { position: relative; width: 600px; height:100vh; min-height: 1200px; transition-duration: 0.5s; overflow: hidden; }
.head_fl .logo { position: absolute; top:650px; left:40%; margin:0 0 0 -100px;  width: 200px; height:260px; z-index:10; background: url("../images/main_logo.png") no-repeat center center;  background-size: 100% auto;  opacity:0; }
.head_fl .hikaru_logo { position: absolute; top:890px; left: 40%;  width: 400px;  height:200px; margin:0 0 0 -200px; z-index:10; background: url("../images/tv_055.png") no-repeat; background-position: center center; background-size: 100% auto;  opacity:0; }

.head_fl .catch { display: none; }
.head_fl .catch_m { position:absolute; top:565px; right: 50px; height:800px; width:540px; margin:0 -80px 0 0; font-family: 'Noto Serif JP', serif; font-weight: 800; color:#8A784B; font-size:24px; padding: 0 15px 0 0; box-sizing: border-box; text-shadow:0 0 3px #FFF,0 0 5px #FFF,0 0 10px #FFF, 4px 4px 2px rgba(0,0,0,0.3); z-index: 10; opacity:0; text-align: center; }
}

/* MOVIE SECTION */
@media screen and (min-width: 601px) {
.movie_fl { position: relative; width: 100%; min-width: 1160px; min-height: 980px; height: 100vh; max-height: 1200px; overflow: hidden; transition-duration: 0.3s; opacity: 0; }
.movie_fl .sub_title { position: absolute; top:100px; left: 50%; margin: 0 0 0 -325px;  width: 650px; height: 110px; background: url("../images/title/sub_title03.png") no-repeat center center; background-size: auto 90px; z-index: 2; transform: rotateX(90deg) scale(1); transition-duration: 0.5s; }
.movie_wfl { position: absolute; top:250px; left: 50%; margin: 0 0 0 -400px; width: 800px; height:550px; text-align: center; background: url("../images/background3.png"); z-index: 2; transition-duration: 0.5s; opacity:0; filter: blur(30px); transition-delay: 0.3s; }

.pv_img { position: absolute; top:50px; left: 50%; margin: 0 0 0 -400px; width:800px; height: 450px; background: url("../images/sppv_thumb.jpg") no-repeat center center; z-index: 10; }
}

@media screen and (max-width: 600px) {
.movie_fl { position: relative; width: 600px;  height: 780px; overflow: hidden; transition-duration: 0.3s; opacity: 0; }
.movie_fl .sub_title { position: absolute; top:100px; left: 50%; margin: 0 0 0 -300px;  width: 600px; height: 110px; background: url("../images/title/sub_title03.png") no-repeat center center; background-size: auto 90px; z-index: 2; transform: rotateX(90deg) scale(1); transition-duration: 0.5s; }
.movie_wfl { position: absolute; top:250px; left: 50%; margin: 0 0 0 -270px; width: 540px; height:508px; text-align: center; background: url("../images/background3.png"); z-index: 2; transition-duration: 0.5s; opacity:0; filter: blur(30px); transition-delay: 0.3s; }

.pv_img { position: absolute; top:100px; left: 50%; margin: 0 0 0 -270px; width:540px; height: 304px; background: url("../images/sppv_thumb.jpg") no-repeat center center; background-size:100% auto; z-index: 10; }
}

/* COMMENT SECTION */
@media screen and (min-width: 601px) {
.comment_fl { position: relative; width: 100%; min-width: 1160px; min-height: 980px; height: 100vh; max-height: 1200px;background: url("../images/background.jpg"); background-position: center center; background-size:auto 100px; overflow: hidden; transition-duration: 0.3s; opacity:0; }
.comment_fl .sub_title { position: absolute; top:100px; left: 50%; margin: 0 0 0 -325px;  width: 650px; height: 110px; background: url("../images/title/sub_title01.png") no-repeat center center; background-size: auto 90px; z-index: 2; transform: rotateX(90deg) scale(1); transition-duration: 0.5s; }
.comm_fl { font-family: 'Noto Serif JP', serif; font-weight: 400; font-size:18px; line-height: 2em; position: absolute; top:50px; left: 70%; margin: 0 0 0 -355px;  width: 650px; padding: 30px 50px; background: rgba(255,255,255,0.5); z-index: 2; transform: rotate(-30deg); transition-duration: 0.5s; opacity:0; filter: blur(30px); transition-delay: 0.3s; text-shadow:0 0 1px #FFF,0 0 2px #FFF,0 0 3px #FFF; }
}

@media screen and (max-width: 600px) {
.comment_fl { position: relative; width: 600px; height: 100vh; min-height: 1200px;background: url("../images/background.jpg"); background-position: center center; background-size:auto 100px; overflow: hidden; transition-duration: 0.3s; opacity:0; }
.comment_fl .sub_title { position: absolute; top:100px; left: 50%; margin: 0 0 0 -300px;  width: 600px; height: 110px; background: url("../images/title/sub_title01.png") no-repeat center center; background-size: auto 90px; z-index: 2; transform: rotateX(90deg) scale(1); transition-duration: 0.5s; }
.comm_fl { font-family: 'Noto Serif JP', serif; font-weight: 400; font-size:18px; line-height: 2em; position: absolute; top:500px; left: 50%; margin: 0 0 0 -270px;  width: 480px; padding: 50px 30px; background: rgba(255,255,255,0.76); z-index: 2; transition-duration: 0.5s; opacity:0; filter: blur(30px); transition-delay: 0.3s; text-shadow:0 0 3px #FFF,0 0 5px #FFF,0 0 7px #FFF,0 0 3px #FFF,0 0 5px #FFF,0 0 7px #FFF,0 0 3px #FFF,0 0 5px #FFF,0 0 7px #FFF;; }
}

@media screen and (min-width: 601px) {
.cloud_wfl { position:absolute; top:0; left:0; width: 100%; height: 100%; transition-duration: 0.3s; z-index: 0; }
.cloud_wfl .cloud_fl01 { position:absolute; top:100px; left: 50px; width: 581px; height: 317px; margin:0 0 0 -300px; background: url("../images/comment/cloud_l01.png") no-repeat center center ; background-size:80% auto; animation: cloud01 20s linear infinite; }
.cloud_wfl .cloud_fl02 { position:absolute; top:500px; left: 50px; width: 502px; height: 175px; margin:0 0 0 -250px; background: url("../images/comment/cloud_l02.png") no-repeat center center ; background-size:80% auto; animation: cloud02 20s linear infinite; }
.cloud_wfl .cloud_fl03 { position:absolute; top:100px; right: 50px; width: 479px; height: 236px; margin:0 -230px 0 0; background: url("../images/comment/cloud_r01.png") no-repeat center center ; background-size:80% auto; animation: cloud03 20s linear infinite; }
.cloud_wfl .cloud_fl04 { position:absolute; top:500px; right: 50px; width: 587px; height: 299px; margin:0 -290px 0 0; background: url("../images/comment/cloud_r02.png") no-repeat center center ; background-size:80% auto; animation: cloud04 20s linear infinite; }

@keyframes cloud01 { 0% { left:50px; } 50% { left: 300px; } 100% { left:50px;} }
@keyframes cloud02 { 0% { left:50px; } 50% { left: 300px; } 100% { left:50px; } }
@keyframes cloud03 { 0% { right:50px; } 50% { right: 300px; } 100% { right:50px; } }
@keyframes cloud04 { 0% { right:50px; } 50% { right: 300px; } 100% { right:50px; } }

.head_fl .cloud_wfl { display:none;}
.movie_fl .cloud_wfl { display:none;}
}

@media screen and (max-width: 600px) {
.cloud_wfl { position:absolute; top:0; left:0; width: 100%; height: 100%; transition-duration: 0.3s; z-index: 0; }
.cloud_wfl .cloud_fl01 { position:absolute; top:100px; left: 50px; width: 581px; height: 317px; margin:0 0 0 -300px; background: url("../images/comment/cloud_l01.png") no-repeat center center ; background-size:80% auto; animation: cloud01 20s linear infinite; }
.cloud_wfl .cloud_fl02 { position:absolute; top:500px; left: 50px; width: 502px; height: 175px; margin:0 0 0 -250px; background: url("../images/comment/cloud_l02.png") no-repeat center center ; background-size:80% auto; animation: cloud02 20s linear infinite; }
.cloud_wfl .cloud_fl03 { position:absolute; top:100px; right: 50px; width: 479px; height: 236px; margin:0 -230px 0 0; background: url("../images/comment/cloud_r01.png") no-repeat center center ; background-size:80% auto; animation: cloud03 20s linear infinite; }
.cloud_wfl .cloud_fl04 { position:absolute; top:500px; right: 50px; width: 587px; height: 299px; margin:0 -290px 0 0; background: url("../images/comment/cloud_r02.png") no-repeat center center ; background-size:80% auto; animation: cloud04 20s linear infinite; }

.head_fl .cloud_wfl { top:400px;}
.head_fl .cloud_wfl .cloud_fl02 { top:240px; left: -50px; opacity: 0.6; }
.head_fl .cloud_wfl .cloud_fl04 { top:230px; right: -50px; opacity: 0.6;}
.head_fl .cloud_wfl .cloud_fl01 { top:550px; left: -50px; opacity: 0.6; }
.head_fl .cloud_wfl .cloud_fl03 { top:600px; right: -50px; opacity: 0.6; }
}

/* PHOTO SECTION */
@media screen and (min-width: 601px) {
#photo_wfl { position:relative; width: 100%; height: 100%; z-index: 1; }
#photo_wfl .photo_fl01 { position:absolute; top:100px; left:7%; width: 260px; height: 143px; transition-duration: 0.5s; }
#photo_wfl .photo_fl02 { position:absolute; top:300px; left:3%; width: 260px; height: 143px; transition-duration: 0.5s; }
#photo_wfl .photo_fl03 { position:absolute; top:500px; left:12%; width: 260px; height: 143px; transition-duration: 0.5s; }
#photo_wfl .photo_fl04 { position:absolute; top:700px; left:5%; width: 260px; height: 143px; transition-duration: 0.5s; }
#photo_wfl .photo_fl05 { position:absolute; top:100px; right:7%; width: 260px; height: 143px; transition-duration: 0.5s; }
#photo_wfl .photo_fl06 { position:absolute; top:300px; right:3%; width: 260px; height: 143px; transition-duration: 0.5s; }
#photo_wfl .photo_fl07 { position:absolute; top:500px; right:12%; width: 260px; height: 143px; transition-duration: 0.5s; }
#photo_wfl .photo_fl08 { position:absolute; top:700px; right:5%; width: 260px; height: 143px; transition-duration: 0.5s; }
}
@media screen and (max-width: 600px) {
#photo_wfl { position:relative; width: 100%; height: 100%; z-index: 1; }
#photo_wfl .photo_fl01 { position:absolute; top:100px; left:7%; width: 260px; height: 143px; margin: 150px 0 0 0 ; transition-duration: 0.5s; }
#photo_wfl .photo_fl02 { position:absolute; top:300px; left:3%; width: 260px; height: 143px; margin: 150px 0 0 0 ; transition-duration: 0.5s; }
#photo_wfl .photo_fl03 { position:absolute; top:500px; left:12%; width: 260px; height: 143px; margin: 150px 0 0 0 ; transition-duration: 0.5s; }
#photo_wfl .photo_fl04 { position:absolute; top:700px; left:5%; width: 260px; height: 143px; margin: 150px 0 0 0 ; transition-duration: 0.5s; }
#photo_wfl .photo_fl05 { position:absolute; top:100px; right:7%; width: 260px; height: 143px; margin: 150px 0 0 0 ; transition-duration: 0.5s; }
#photo_wfl .photo_fl06 { position:absolute; top:300px; right:3%; width: 260px; height: 143px; margin: 150px 0 0 0 ; transition-duration: 0.5s; }
#photo_wfl .photo_fl07 { position:absolute; top:500px; right:12%; width: 260px; height: 143px;margin: 150px 0 0 0 ; transition-duration: 0.5s; }
#photo_wfl .photo_fl08 { position:absolute; top:700px; right:5%; width: 260px; height: 143px; margin: 150px 0 0 0 ; transition-duration: 0.5s; }
}
#photo_wfl.gloup1 .photo_fl01 { background: url("../images/comm_img/01/img_01.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(-16deg); }
#photo_wfl.gloup1 .photo_fl02 { background: url("../images/comm_img/01/img_02.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(14deg); }
#photo_wfl.gloup1 .photo_fl03 { background: url("../images/comm_img/01/img_03.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(5deg); }
#photo_wfl.gloup1 .photo_fl04 { background: url("../images/comm_img/01/img_04.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(-18deg); }
#photo_wfl.gloup1 .photo_fl05 { background: url("../images/comm_img/01/img_05.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(4deg); }
#photo_wfl.gloup1 .photo_fl06 { background: url("../images/comm_img/01/img_06.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(-13deg); }
#photo_wfl.gloup1 .photo_fl07 { background: url("../images/comm_img/01/img_07.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(-2deg); }
#photo_wfl.gloup1 .photo_fl08 { background: url("../images/comm_img/01/img_08.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(-15deg); }

#photo_wfl.gloup2 .photo_fl01 { background: url("../images/comm_img/02/img_01.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(7deg); }
#photo_wfl.gloup2 .photo_fl02 { background: url("../images/comm_img/02/img_02.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(-14deg); }
#photo_wfl.gloup2 .photo_fl03 { background: url("../images/comm_img/02/img_03.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(-36deg); }
#photo_wfl.gloup2 .photo_fl04 { background: url("../images/comm_img/02/img_04.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(16deg); }
#photo_wfl.gloup2 .photo_fl05 { background: url("../images/comm_img/02/img_05.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(12deg); }
#photo_wfl.gloup2 .photo_fl06 { background: url("../images/comm_img/02/img_06.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(-5deg); }
#photo_wfl.gloup2 .photo_fl07 { background: url("../images/comm_img/02/img_07.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(12deg); }
#photo_wfl.gloup2 .photo_fl08 { background: url("../images/comm_img/02/img_08.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(-16deg); }

#photo_wfl.gloup3 .photo_fl01 { background: url("../images/comm_img/03/img_01.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(30deg); }
#photo_wfl.gloup3 .photo_fl02 { background: url("../images/comm_img/03/img_02.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(12deg); }
#photo_wfl.gloup3 .photo_fl03 { background: url("../images/comm_img/03/img_03.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(-4deg); }
#photo_wfl.gloup3 .photo_fl04 { background: url("../images/comm_img/03/img_04.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(16deg); }
#photo_wfl.gloup3 .photo_fl05 { background: url("../images/comm_img/03/img_05.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(-8deg); }
#photo_wfl.gloup3 .photo_fl06 { background: url("../images/comm_img/03/img_06.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(-24deg); }
#photo_wfl.gloup3 .photo_fl07 { background: url("../images/comm_img/03/img_07.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(6deg); }
#photo_wfl.gloup3 .photo_fl08 { background: url("../images/comm_img/03/img_08.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(16deg); }

#photo_wfl.gloup4 .photo_fl01 { background: url("../images/comm_img/04/img_01.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(-12deg); }
#photo_wfl.gloup4 .photo_fl02 { background: url("../images/comm_img/04/img_02.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(-22deg); }
#photo_wfl.gloup4 .photo_fl03 { background: url("../images/comm_img/04/img_03.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(16deg); }
#photo_wfl.gloup4 .photo_fl04 { background: url("../images/comm_img/04/img_04.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(28deg); }
#photo_wfl.gloup4 .photo_fl05 { background: url("../images/comm_img/04/img_05.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(16deg); }
#photo_wfl.gloup4 .photo_fl06 { background: url("../images/comm_img/04/img_06.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(-6deg); }
#photo_wfl.gloup4 .photo_fl07 { background: url("../images/comm_img/04/img_07.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(-12deg); }
#photo_wfl.gloup4 .photo_fl08 { background: url("../images/comm_img/04/img_08.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(12deg); }

#photo_wfl.gloup5 .photo_fl01 { background: url("../images/comm_img/05/img_01.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(16deg); }
#photo_wfl.gloup5 .photo_fl02 { background: url("../images/comm_img/05/img_02.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(-7deg); }
#photo_wfl.gloup5 .photo_fl03 { background: url("../images/comm_img/05/img_03.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(22deg); }
#photo_wfl.gloup5 .photo_fl04 { background: url("../images/comm_img/05/img_04.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(5deg); }
#photo_wfl.gloup5 .photo_fl05 { background: url("../images/comm_img/05/img_05.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(-22deg); }
#photo_wfl.gloup5 .photo_fl06 { background: url("../images/comm_img/05/img_06.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(-12deg); }
#photo_wfl.gloup5 .photo_fl07 { background: url("../images/comm_img/05/img_07.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(13deg); }
#photo_wfl.gloup5 .photo_fl08 { background: url("../images/comm_img/05/img_08.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(32deg); }

#photo_wfl.gloup6 .photo_fl01 { background: url("../images/comm_img/06/img_01.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(31deg); }
#photo_wfl.gloup6 .photo_fl02 { background: url("../images/comm_img/06/img_02.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(-12deg); }
#photo_wfl.gloup6 .photo_fl03 { background: url("../images/comm_img/06/img_03.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(6deg); }
#photo_wfl.gloup6 .photo_fl04 { background: url("../images/comm_img/06/img_04.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(-16deg); }
#photo_wfl.gloup6 .photo_fl05 { background: url("../images/comm_img/06/img_05.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(6deg); }
#photo_wfl.gloup6 .photo_fl06 { background: url("../images/comm_img/06/img_06.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(-11deg); }
#photo_wfl.gloup6 .photo_fl07 { background: url("../images/comm_img/06/img_07.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(25deg); }
#photo_wfl.gloup6 .photo_fl08 { background: url("../images/comm_img/06/img_08.jpg"); background-position: center center; background-size: 100% auto; transform: rotate(-10deg); }

/* NEWS SECTION */
@media screen and (min-width: 601px) {
.news_fl { position: relative; width: 100%; min-width: 1160px; min-height: 980px; height: 100vh; max-height: 1200px; overflow: hidden; transition-duration: 0.3s; opacity: 0; }
.news_fl .sub_title { position: absolute; top:100px; left: 50%; margin: 0 0 0 -325px;  width: 650px; height: 110px; background: url("../images/title/sub_title02.png") no-repeat center center; background-size: auto 90px; z-index: 2; transform: rotateX(90deg) scale(1); transition-duration: 0.5s; }
.news_wfl { position: absolute; top:200px; left: 50%; margin: 0 0 0 -400px;  width: 800px; height:700px; z-index: 10; transition-duration: 0.5s; opacity:1; }
.news_wfl iframe { width:800px; height: 700px; }
}

@media screen and (max-width: 600px) {
.news_fl { position: relative; width: 600px; min-height: 1200px; height: 100vh; max-height: 1400px; overflow: hidden; transition-duration: 0.3s; opacity: 0; }
.news_fl .sub_title { position: absolute; top:100px; left: 50%; margin: 0 0 0 -300px;  width: 600px; height: 110px; background: url("../images/title/sub_title02.png") no-repeat center center; background-size: auto 90px; z-index: 2; transform: rotateX(90deg) scale(1); transition-duration: 0.5s; }
.news_wfl { position: absolute; top:200px; left: 50%; margin: 0 0 0 -270px;  width: 540px; height:1000px; z-index: 10; transition-duration: 0.5s; opacity:1; }
.news_wfl iframe { width:540px; height: 1100px; margin: 0 auto; }
}

/* BROAD SECTION */
@media screen and (min-width: 601px) {
.broad_fl { position: relative; width: 100%; min-width: 1160px; min-height: 900px; overflow: hidden; background: url("../images/background2.jpg"); background-position: center center; background-size:auto 100px;  transition-duration: 0.3s; }
.broad_fl .sub_title { position: absolute; top:100px; left: 50%; margin: 0 0 0 -325px;  width: 650px; height: 110px; background: url("../images/title/sub_title04.png") no-repeat center center; background-size: auto 90px; z-index: 2; transform: rotateX(90deg) scale(1); transition-duration: 0.5s; }
.broad_wfl { position: absolute; top:250px; left: 50%; margin: 0 0 0 -400px;  width: 800px; padding: 0; z-index: 2; transition-duration: 0.5s; opacity:0; filter: blur(30px); transition-delay: 0.3s; }

ul.broad_list { width: 800px; margin:0 0 50px 0; font-family: 'Noto Serif JP', serif; }
ul.broad_list li { display: table; margin:0 0 20px 0; color: #FFF; }
ul.broad_list li.list { float: left; width: 50%; }
ul.broad_list li.title { width: 800px; font-size:30px; font-weight: 800; color: #FFF; text-align: center; border-bottom:3px solid #f89536; }
ul.broad_list li.menu_wfl { padding:10px 21px; color: #FFF; background: url("../images/background3.png"); width: 100%; }
ul.broad_list li .sp01t { display: table-cell; width: 340px; font-size:18px; font-weight: 600; }
ul.broad_list li .sp01 { display: table-cell; width: 300px; font-size:16px; font-weight: 700; padding:0 0 0 20px; }
ul.broad_list li .sp01 span { font-size:10px; margin: 0 0 0 10px; padding:2px 10px; background:#f89536; color: #FFF; border-radius:10px; }
ul.broad_list li .sp02 { display: table-cell; width: 250px; font-size:16px; font-weight: 600; }
ul.broad_list li .sp03 { display: table-cell; width: 280px; font-size:16px; font-weight: 700; }
ul.broad_list li .sp04 { display: table-cell; font-size:16px; font-weight: 700; }
ul.broad_list li.clear { margin:0 0 0 0; clear: both; }
ul.broad_list li.clear_h { height:20px; clear: both; }
}

@media screen and (max-width: 600px) {
.broad_fl { position: relative; width: 100%; min-width: 600px; min-height: 1960px; overflow: hidden; background: url("../images/background2.jpg"); background-position: center center; background-size:auto 100px;  transition-duration: 0.3s; }
.broad_fl .sub_title { position: absolute; top:100px; left: 50%; margin: 0 0 0 -300px;  width: 600px; height: 110px; background: url("../images/title/sub_title04.png") no-repeat center center; background-size: auto 90px; z-index: 2; transform: rotateX(90deg) scale(1); transition-duration: 0.5s; }
.broad_wfl { position: absolute; top:250px; left: 50%; margin: 0 0 0 -400px;  width: 800px; padding: 0; z-index: 2; transition-duration: 0.5s; opacity:0; filter: blur(30px); transition-delay: 0.3s; }

ul.broad_list { width: 540px; margin:0 auto 50px auto; font-family: 'Noto Serif JP', serif; }
ul.broad_list li { margin:0 0 20px 0; color: #FFF; }
ul.broad_list li.title { width: 560px; font-size:30px; font-weight: 800; color: #FFF; text-align: center; padding: 0 0 20px 0; border-bottom:3px solid #f89536; }
ul.broad_list .menu_wfl { padding:10px 21px; color: #FFF; background: url("../images/background3.png"); }
ul.broad_list li.menu_wfl .sp02 { display: none; }
ul.broad_list li .sp01t { font-size:24px; font-weight: 600; column-span: 2; padding: 20px 0; }
ul.broad_list li .sp01 { float: left; width: 540px; font-size:18px; font-weight: 600; column-span: 2; padding: 25px 0; margin: 0 auto; border-bottom: 4px dotted #8A784B; }
ul.broad_list li .sp01 span { font-size:10px; margin: 0 0 0 10px; padding:2px 10px; background:#f89536; color: #FFF; border-radius:10px; }
ul.broad_list li .sp02 { float: left; width: 240px; font-size:18px; font-weight: 600; padding: 20px 0 20px 20px; }
ul.broad_list li .sp03 { float: left; width: 240px; font-size:18px; padding: 20px 0; }
ul.broad_list li .sp04 { float: left; width: 540px; font-size:18px; font-weight: 600; padding: 20px 0 20px 0; }
ul.broad_list li.clear { margin:0 0 0 0; clear: both; }
ul.broad_list li.clear_h { height:40px; clear: both; }
}

ul.broad_list li .sp01t a, ul.broad_list li .sp01 a { color: #f8b62b; }

/* FOOTER SECTION */
@media screen and (min-width: 601px) {
.footer { position:relative; background: url("../images/background.jpg"); width: 100%; padding:30px 0 50px 0; font-family: 'Noto Serif JP', serif; }
.ft_logo { background: url("../images/sub_logo.png") no-repeat center center; background-size:auto 100%; height: 200px; width: 100%;  }
.descript { font-weight: 400; font-size:0.76em; padding: 20px 0 0 0; width: 100%; color:#353535; text-align: center; }
.copy { font-weight: 400; font-size:0.76em; padding: 20px 0; width: 100%; color:#353535; text-align: center; }
}

@media screen and (max-width: 600px) {
.footer { position:relative; background: url("../images/background.jpg"); width: 100%; padding:60px 0 100px 0; font-family: 'Noto Serif JP', serif; }
.ft_logo { background: url("../images/sub_logo.png") no-repeat center center; background-size:auto 100%; height: 200px; width: 100%;  }
.descript { font-weight: 400; font-size:0.76em; padding: 20px 0 0 0; width: 100%; color:#353535; text-align: center; }
.copy { font-weight: 400; font-size:0.76em; padding: 20px 0; width: 100%; color:#353535; text-align: center; }
}

/* MENU */

.menu{ position: fixed; top: 30px; right: 20px; width: 60px; height: 24px; z-index: 99; }
.menu__line{ background: #353535; display: block; height: 3px; position: absolute; transition:transform .3s; width: 100%; transition-duration: 0.3s; }
.menu__line.active{ background: #FFF; transition:transform .3s; transition-duration: 0.3s; }
.menu__line--center{ top: 10px; }
.menu__line--bottom{ bottom: 0; }
.menu__line--top.active{ top: 10px; transform: rotate(45deg); }
.menu__line--center.active{ transform:scaleX(0); }
.menu__line--bottom.active{ bottom: 10px; transform: rotate(135deg); }

/*gnav*/
.gnav{ background: url("../images/background3.png"); display: none; height: 100%; position: fixed; width: 100%; z-index: 98; }
.gnav__wrap{ align-items:center; display: flex; height: 100%; justify-content: center; position: absolute; width: 100%; }
.gnav__menu__logo { width: 100%; height: 240px; background: url("../images/sub_logo.png") no-repeat; background-position: center center; background-size: auto 100%; }
.gnav__menu__item{ margin: 30px 0; }
.gnav__menu__item a{ color: #fff;
    font-size: 1.75em; font-family: 'Noto Serif JP', serif; font-weight: 400; padding: 40px; text-decoration: none; transition: .5s; }
.gnav__menu__item a:hover{ color: #f89536; }