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%; }
body { font-family:"Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif; line-height: 1; margin:0px; margin: 0; padding: 0; width: 100%; height: 100%; background: #FFF;}

a { outline: 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; }

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

/* main_fl */
canvas { position: fixed; top:0; left: 0; width: 100%; height: 100%; z-index: -1; transition-duration:1s; opacity: 0.3; letter-spacing: }

#content { min-height: 100%; }

@media screen and (min-width: 769px) {

.c_fl01 li { width:768px; height:1085px; position: absolute; left:0; display: block; outline: none;}
.mv_container { position: relative; width:768px; height: 1085px; }
.scene { padding: 0; margin: 0; }
.fill { position: absolute; bottom:0; left:0; left:0; top:0; }
.expand-width { width: 100%; }

#content { width: 100%; margin: 0 auto; background: url(../images/btm/bg_cloud.png) no-repeat bottom; background-size:100%; }
#content.top { height: 1130px; }
.ch_fl { position: absolute; top: 250px; left: 50%; width: 76px; height: 558px; margin: 0 0 0 270px; z-index: 10; background:url(../images/ch_img.png) no-repeat; background-size: 100%; z-index: 22; opacity: 0; transition-duration:1s;  }
.mv_bg  { position: absolute; top: 0; left: 50%; width: 768px; height: 1085px; margin: 0 0 0 -414px; z-index: 10; background:url(../images/sdan_bg.jpg) no-repeat; background-size: 100%; z-index: 9; opacity: 1; transition-duration:1s; overflow: hidden; border-radius: 0 0 20px 20px; }
.mv_bg .pland_img { position: absolute; top: 300px; left: 0; width: 768px; height: 1085px; background: url(../images/sdan_bg2.png) no-repeat; background-size: 100%; opacity: 0; z-index:9; }
.mv_bg .sky_bg { position: absolute; top: 0; left: 0; width: 768px; height: 1085px; background-size: 100%; opacity: 1; z-index:8; }
.mv_c01 { position: absolute; top: 0; left: 50%; width: 768px; height: 1085px; margin: 0 0 0 -414px; z-index: 10; overflow: hidden; opacity: 1; transition: transform 0.5s linear; border-radius: 0 0 20px 20px;; }
.mv_c01 .c_fl01 { position: absolute; top: 400px; left: 50%; width: 1152px; height: 1085px; margin:0 0 0 -576px; opacity: 0;  }
.mv_c01 .c_fl01 .layer:nth-child(1) { width: 1152px; height: 1085px; background: url(../images/sdan_c05.png) no-repeat; background-size: 100%; }
.mv_c01 .c_fl01 .layer:nth-child(2) { width: 1152px; height: 1085px; background: url(../images/sdan_c04.png) no-repeat; background-size: 100%; }
.mv_c01 .c_fl01 .layer:nth-child(3) { width: 1152px; height: 1085px; background: url(../images/sdan_c02.png) no-repeat; background-size: 100%; }
.mv_c01 .c_fl01 .layer:nth-child(4) { width: 1152px; height: 1085px; background: url(../images/sdan_c03.png) no-repeat; background-size: 100%; }
.mv_c01 .c_fl01 .layer:nth-child(5) { width: 1152px; height: 1085px; background: url(../images/sdan_c01.png) no-repeat; background-size: 100%; }
.snowfall-flakes { position: fixed; top:0;}

.star { position: absolute; background:url(../images/star.png) no-repeat; background-size: contain; overflow: hidden; z-index: 10; opacity:1; }
.star.star-1 { width: 40px; height: 40px; top: 5%; left: 5%; }
.star.star-2 { width: 60px; height: 60px; top: 20%; right: 12%; }
.star.star-3 { width: 70px; height: 70px; top: 25%; left: 20%; }
.star.star-4 { width: 100px; height: 100px; top: 40%; right: 21%; }
.star.star-5 { width: 50px; height: 50px; top: 12%; right: 30%; }
.star.star-6 { width: 40px; height: 40px; bottom: 5%; right: 5%; }
.star.star-7 { width: 60px; height: 60px; bottom: 20%; left: 12%; }
.star.star-8 { width: 70px; height: 70px; bottom: 25%; right: 20%; }
.star.star-9 { width: 100px; height: 100px; bottom: 60%; left: 21%; }
.star.star-10 { width: 50px; height: 50px; bottom: 12%; left: 30%; }
}
@media all and (min-width: 501px) and (max-width: 768px) {

.c_fl01 li { width:768px; height:1085px; position: absolute; left:0; display: block; outline: none;}
.mv_container { position: relative; width:768px; height: 1085px; }
.scene { padding: 0; margin: 0; }
.fill { position: absolute; bottom:0; left:0; left:0; top:0; }
.expand-width { width: 100%; }

#content { width: 100%; margin: 0 auto; background: url(../images/btm/bg_cloud.png) no-repeat bottom; background-size:100%; }
#content.top { height: 1730px; }
.ch_fl { position: absolute; top: 250px; left: 50%; width: 76px; height: 558px; margin: 0 0 0 270px; z-index: 10; background:url(../images/ch_img.png) no-repeat; background-size: 100%; z-index: 22; opacity: 0; transition-duration:1s;  }
.mv_bg  { position: absolute; top: 0px; left: 50%; width: 768px; height: 1085px; margin: 0 0 0 -384px; z-index: 10; background:url(../images/sdan_bg.jpg) no-repeat; background-size: 100%; z-index: 9; opacity: 1; transition-duration:1s; overflow: hidden; border-radius:20px; }
.mv_bg .pland_img { position: absolute; top: 300px; left: 0; width: 768px; height: 1085px; background: url(../images/sdan_bg2.png) no-repeat; background-size: 100%; opacity: 0; z-index:9; }
.mv_bg .sky_bg { position: absolute; top: 0; left: 0; width: 768px; height: 1085px; background-size: 100%; opacity: 1; z-index:8; }
.mv_c01 { position: absolute; top: 0px; left: 50%; width: 768px; height: 1085px; margin: 0 0 0 -384px; z-index: 10; overflow: hidden; opacity: 1; transition: transform 0.5s linear; border-radius:20px; }
.mv_c01 .c_fl01 { position: absolute; top: 400px; left: 50%; width: 1152px; height: 1085px; margin:0 0 0 -576px; opacity: 0;  }
.mv_c01 .c_fl01 .layer:nth-child(1) { width: 1152px; height: 1085px; background: url(../images/sdan_c05.png) no-repeat; background-size: 100%; }
.mv_c01 .c_fl01 .layer:nth-child(2) { width: 1152px; height: 1085px; background: url(../images/sdan_c04.png) no-repeat; background-size: 100%; }
.mv_c01 .c_fl01 .layer:nth-child(3) { width: 1152px; height: 1085px; background: url(../images/sdan_c02.png) no-repeat; background-size: 100%; }
.mv_c01 .c_fl01 .layer:nth-child(4) { width: 1152px; height: 1085px; background: url(../images/sdan_c03.png) no-repeat; background-size: 100%; }
.mv_c01 .c_fl01 .layer:nth-child(5) { width: 1152px; height: 1085px; background: url(../images/sdan_c01.png) no-repeat; background-size: 100%; }
.snowfall-flakes { position: fixed; top:0; }

.star { display: none; }

}
@media screen and (max-width: 500px) {

.c_fl01 li { width:500px; height:706px; position: absolute; left:0; display: block; outline: none;}
.mv_container { position: relative; width:500px; height: 706px; }
.scene { padding: 0; margin: 0; }
.fill { position: absolute; bottom:0; left:0; left:0; top:0; }
.expand-width { width: 100%; }

#content { width: 500px; background: url(../images/btm/bg_cloud.png) no-repeat bottom; background-size:100%; }
#content.top { height: 1410px; }
.ch_fl { position: absolute; top: 100px; left: 50%; width: 50px; height: 558px; margin: 0 0 0 190px; z-index: 10; background:url(../images/ch_img.png) no-repeat; background-size: 100%; z-index: 22; opacity: 0; transition-duration:1s;  }
.mv_bg  { position: absolute; top: 0; left: 50%; width: 500px; height: 706px; margin: 0 0 0 -250px; z-index: 10; background:url(../images/sdan_bg.jpg) no-repeat; background-size: 100%; z-index: 9; opacity: 1; transition-duration:1s; overflow: hidden; }
.mv_bg .pland_img { position: absolute; top: 300px; left: 0; width: 500px; height: 706px; background: url(../images/sdan_bg2.png) no-repeat; background-size: 100%; opacity: 0; z-index:9; }
.mv_bg .sky_bg { position: absolute; top: 0; left: 0; width: 500px; height: 706px; background-size: 100%; opacity: 1; z-index:8; }
.mv_c01 { position: absolute; top: 0; left: 50%; width: 500px; height: 706px; margin: 0 0 0 -250px; z-index: 10; overflow: hidden; opacity: 1; transition: transform 0.5s linear;  }
.mv_c01 .c_fl01 { position: absolute; top: 400px; left: 50%; width: 750px; height: 706px; margin: 0 0 0 -375px; opacity: 0; }
.mv_c01 .c_fl01 .layer:nth-child(1) { width: 750px; height: 706px; background: url(../images/sdan_c05.png) no-repeat; background-size: 100%; }
.mv_c01 .c_fl01 .layer:nth-child(2) { width: 750px; height: 706px; background: url(../images/sdan_c04.png) no-repeat; background-size: 100%; }
.mv_c01 .c_fl01 .layer:nth-child(3) { width: 750px; height: 706px; background: url(../images/sdan_c02.png) no-repeat; background-size: 100%; }
.mv_c01 .c_fl01 .layer:nth-child(4) { width: 750px; height: 706px; background: url(../images/sdan_c03.png) no-repeat; background-size: 100%; }
.mv_c01 .c_fl01 .layer:nth-child(5) { width: 750px; height: 706px; background: url(../images/sdan_c01.png) no-repeat; background-size: 100%; }

.snowfall-flakes { display:none;}
.star { display: none; }

}


/* content */
@media screen and (min-width: 1401px) {
.header { display:none; }
#content { position:relative; min-width: 1260px;}
#content .logo { position: absolute; top: 20px ; right:5%; width: 450px; height: 160px; background: url(../images/logo.png) no-repeat; background-size: 100%; z-index:11; transition-duration:1s; opacity: 0; }
#content .sub_logo { position: absolute; top: 30px ; right:5%; width: 400px; height: 150px; background: url(../images/logo.png) no-repeat; background-size: 100%; z-index:11; transition-duration:1s; opacity: 0; }
#content .pv_fl { position: absolute; top: 525px ; right: 5%; z-index:11; opacity: 0; }
#content .pv_fl iframe { width: 260px; height: 180px; transition-duration:1s; }
#content .tweet_fl { position: absolute; top: 715px ; right:5%; margin-left: 5%; z-index:11; border: 7px solid #E1D3B4; border-radius:15px; padding:46px 0 20px 0; background: rgba(185,236,236,0.6); transition-duration:1s; opacity: 0; }
#content .tweet_fl .twi_tit { position:absolute; top:5px; left:5px; width: 236px; height: 46px; background:url(../images/twi_title.jpg) center center; background-size:100%; border-radius:5px; }
#content .tweet_fl .twi_tit_mb { display:none;}
#menu_wfl { position: fixed; top:50%; left:0; padding: 0 0 0 5%; width: 210px; height: 600px; margin: -300px 0 0 0; transition-duration:1s; z-index:11; }
#menu_swfl { position: fixed; top:50%; left:0; padding: 0 0 0 5%; width: 210px; height: 600px; margin: -300px 0 0 0; transition-duration:1s; z-index:11; }
#menu_dfl { width: 210px; height: 550px; padding: 0 0 0 10px; transition-duration:1s; background: rgba(255,255,255,0.6); border-radius: 30px; }
#menu_fl { position: relative; width: 210px; height: 600px; transition-duration:1s; z-index:11; }

#menu_fl .btm_01 { position: absolute; top:20px; left:-40px; width: 190px; height: 38px; background: url(../images/btm/btm_bg01_a.png) rgba(255,251,197,0.8); opacity: 0; z-index: 12; border: 5px solid #E1D3B4; border-radius:45px; transition-duration:0.2s; }
#menu_fl a:hover .btm_01 { width: 276px; height: 38px; background: url(../images/btm/btm_bg01_a.png) -190px 0; border: 5px solid #FFF; transition-duration:0.5s; box-shadow:1px 2px 2px rgba(0,0,0,0.4); }
#menu_fl .btm_01 .cc_img {position: absolute; bottom:0; right: 7px; width:97px; height: 0; background: url(../images/btm/cc_01.png) top; background-size:100%;  transition-duration:0.2s; }
#menu_fl a:hover .btm_01 .cc_img {position: absolute; bottom:0; right: 0; width:97px; height: 70px; background: url(../images/btm/cc_01.png) top; background-size:100%; transition-duration:0.2s;}

#menu_fl .btm_02 { position: absolute; top:80px; left:-40px; width: 190px; height: 38px; background: url(../images/btm/btm_bg02_a.png) rgba(247,199,205,0.8); opacity: 0; z-index: 13; border: 5px solid #E1D3B4; border-radius:45px; transition-duration:0.2s; }
#menu_fl a:hover .btm_02 { width: 276px; height: 38px; background: url(../images/btm/btm_bg02_a.png) -190px 0; border: 5px solid #FFF; transition-duration:0.5s; box-shadow:1px 2px 2px rgba(0,0,0,0.4); }
#menu_fl .btm_02 .cc_img {position: absolute; bottom:0; right: 7px; width:97px; height: 0; background: url(../images/btm/cc_02.png) top; background-size:100%;  transition-duration:0.2s; }
#menu_fl a:hover .btm_02 .cc_img {position: absolute; bottom:0; right: 0; width:97px; height: 70px; background: url(../images/btm/cc_02.png) top; background-size:100%; transition-duration:0.2s;}

#menu_fl .btm_03 { position: absolute; top:140px; left:-40px; width: 190px; height: 38px; background: url(../images/btm/btm_bg03_a.png) rgba(200,231,231,0.8); opacity: 0; z-index: 14; border: 5px solid #E1D3B4; border-radius:45px; transition-duration:0.2s; }
#menu_fl a:hover .btm_03 { width: 276px; height: 38px; background: url(../images/btm/btm_bg03_a.png) -190px 0; border: 5px solid #FFF; transition-duration:0.5s; box-shadow:1px 2px 2px rgba(0,0,0,0.4); }
#menu_fl .btm_03 .cc_img {position: absolute; bottom:0; right: 7px; width:97px; height: 0; background: url(../images/btm/cc_03.png) top; background-size:100%;  transition-duration:0.2s; }
#menu_fl a:hover .btm_03 .cc_img {position: absolute; bottom:0; right: 0; width:97px; height: 70px; background: url(../images/btm/cc_03.png) top; background-size:100%; transition-duration:0.2s;}

#menu_fl .btm_04 { position: absolute; top:200px; left:-40px; width: 190px; height: 38px; background: url(../images/btm/btm_bg04_a.png) rgba(183,242,197,0.8); opacity: 0; z-index: 15; border: 5px solid #E1D3B4; border-radius:45px; transition-duration:0.2s; }
#menu_fl a:hover .btm_04 { width: 276px; height: 38px; background: url(../images/btm/btm_bg04_a.png) -190px 0; border: 5px solid #FFF; transition-duration:0.5s; box-shadow:1px 2px 2px rgba(0,0,0,0.4); }
#menu_fl .btm_04 .cc_img {position: absolute; bottom:0; right: 7px; width:97px; height: 0; background: url(../images/btm/cc_04.png) top; background-size:100%; transition-duration:0.2s; }
#menu_fl a:hover .btm_04 .cc_img {position: absolute; bottom:0; right: 0; width:97px; height: 70px; background: url(../images/btm/cc_04.png) top; background-size:100%; transition-duration:0.2s; }

#menu_fl .btm_05 { position: absolute; top:260px; left:-40px; width: 190px; height: 38px; background: url(../images/btm/btm_bg05_a.png) rgba(253,234,209,0.8); opacity: 0; z-index: 16; border: 5px solid #E1D3B4; border-radius:45px; transition-duration:0.2s; }
#menu_fl a:hover .btm_05 { width: 276px; height: 38px; background: url(../images/btm/btm_bg05_a.png) -190px 0; border: 5px solid #7FC7DE; transition-duration:0.5s; box-shadow:1px 2px 2px rgba(0,0,0,0.4); }
#menu_fl .btm_05 .cc_img {position: absolute; bottom:0; right: 7px; width:97px; height: 0; background: url(../images/btm/cc_05.png) top; background-size:100%;  transition-duration:0.2s; }
#menu_fl a:hover .btm_05 .cc_img {position: absolute;  bottom:0; right: 0; width:97px; height: 70px; background: url(../images/btm/cc_05.png) top; background-size:100%; transition-duration:0.2s;}

#menu_fl .btm_06 { position: absolute; top:320px; left:-40px; width: 190px; height: 38px; background: url(../images/btm/btm_bg06_a.png) rgba(182,221,242,0.8); opacity: 0; z-index: 17; border: 5px solid #E1D3B4; border-radius:45px; transition-duration:0.2s; }
#menu_fl ul.dropmenu:hover a .btm_06 { width: 276px; height: 38px; background: url(../images/btm/btm_bg06_a.png) -190px 0; border: 5px solid #FFF; transition-duration:0.5s; box-shadow:1px 2px 2px rgba(0,0,0,0.4); }
#menu_fl .btm_06 .cc_img {position: absolute; bottom:0; right: 7px; width:97px; height: 0; background: url(../images/btm/cc_06.png) top; transition-duration:0.2s; }
#menu_fl ul.dropmenu:hover a .btm_06 .cc_img {position: absolute; bottom:0; right: 0; width:97px; height: 70px;; background: url(../images/btm/cc_06.png) top; transition-duration:0.2s; }

#menu_fl .btm_07 { position: absolute; top:380px; left:-40px; width: 190px; height: 38px; background: url(../images/btm/btm_bg07_a.png) rgba(244,224,229,0.8); opacity: 0; z-index: 18; border: 5px solid #E1D3B4; border-radius:45px; transition-duration:0.2s; }	
#menu_fl ul.dropmenu:hover a .btm_07 { width: 276px; height: 38px; background: url(../images/btm/btm_bg07_a.png) -190px 0; border: 5px solid #FFF; transition-duration:0.5s; box-shadow:1px 2px 2px rgba(0,0,0,0.4); }
#menu_fl .btm_07 .cc_img {position: absolute; bottom:0; right: 7px; width:97px; height: 0; background: url(../images/btm/cc_07.png) top; transition-duration:0.2s; }
#menu_fl ul.dropmenu:hover a .btm_07 .cc_img {position: absolute; bottom:0; right: 0; width:97px; height: 70px;; background: url(../images/btm/cc_07.png) top; transition-duration:0.2s; }


#menu_fl .btm_00 { position: absolute; top:440px; left:-40px; width: 190px; height: 38px; background: url(../images/btm/btm_bg00_a.png) rgba(243,249,181,0.8); opacity: 0; z-index: 19; border: 5px solid #E1D3B4; border-radius:45px; transition-duration:0.2s; }
#menu_fl a:hover .btm_00 { width: 276px; height: 38px; background: url(../images/btm/btm_bg00_a.png) -190px 0; border: 5px solid #FFF; transition-duration:0.5s; box-shadow:1px 2px 2px rgba(0,0,0,0.4); }
#menu_fl .btm_00 .cc_img {position: absolute; bottom:0; right: 7px; width:97px; height: 0; background: url(../images/btm/cc_00.png) top; transition-duration:0.2s; }
#menu_fl a:hover .btm_00 .cc_img {position: absolute; bottom:0; right: 0; width:97px; height: 70px; background: url(../images/btm/cc_00.png) top; transition-duration:0.2s; }

.timeline-Tweet-text { font-size: 12px !important; line-height: 20px!important; width: 400px; color: #1E1E1E; }

#news_fl { min-height:300px; min-width: 1500px; background: url(../images/news_fl_bg.jpg); z-index: 2; }

#news_fl .news_inn_fl { max-width: 1500px; width: 90%; padding: 10px 5%; margin: 0 auto; }
#foot_fl { width: 100%; height: 290px; min-width: 1260px; z-index: 2; background: #560000 url(../images/foot_bg.jpg) repeat-x; }
#foot_sfl { width: 100%; height: 60px; padding: 10px 0 0 0; min-width: 1260px; z-index: 2; background: #560000 url(../images/foot_bg.jpg) repeat-x; }
.banner_fl { width:660px; margin:0 auto; padding:20px 0 0 0; overflow: hidden; }
.banner_fl img { width: 100%; }
.bn_sp01 { float: left; width:210px; height: 110px; margin: 0 10px 10px 0 ; }
.bn_sp02 { float: left; width:210px; height: 110px; margin: 0 10px 10px 0 ; }
.bn_sp03 { float: left; width:210px; height: 110px; margin: 0 0 10px 0; }
.bn_sp04 { float: left; width:210px; height: 110px; margin: 0 10px 0 0 ; }
.bn_sp05 { float: left; width:210px; height: 110px; margin: 0 10px 0 0 ; }
.bn_sp06 { float: left; width:210px; height: 110px; margin: 0; }
.copy_fl { position: relative; min-width:1260px;  max-width: 1400px; height: 24px; margin: 10px auto; }
.copy_fl .cp_sp { position: absolute; top:0; left: 50%; width:420px; margin:0 0 0 -190px; height: 24px; font-size:11px; font-weight: 500; color: #FFF; line-height: 14px;}
	
.trg_01 {position: absolute;top:0;left: 0;width: 1000px; height: 150px; background: url(../images/cht_01.png) no-repeat; z-index: -1;}
.trg_02 {position: absolute;bottom:0;right: 0;width: 1000px;height: 150px; background: url(../images/cht_01.png) no-repeat; transform: rotate(180deg); z-index: -1;}
}


@media all and (min-width: 769px) and (max-width: 1400px) {
.header { display:none; }
#content { position:relative; min-width: 1260px; overflow: hidden; }
#content .logo { position: absolute; top: 20px ; right:15px; width: 450px; height: 160px; background: url(../images/logo.png) no-repeat; background-size: 100%; z-index:11; transition-duration:1s; opacity: 0; }
#content .sub_logo { position: absolute; top: 30px ; right:15px; width: 400px; height: 150px; background: url(../images/logo.png) no-repeat; background-size: 100%; z-index:11; transition-duration:1s; opacity: 0; }
#content .pv_fl { position: absolute; top:  525px ; right: 0; z-index:11; opacity: 0; }
#content .pv_fl iframe { width: 255px; height: 180px; transition-duration:1s; }
#content .tweet_fl { position: absolute; top: 715px ; right:0; z-index:11 ; border: 7px solid #E1D3B4; border-right:none;  border-radius:15px 0 0 15px; padding:46px 2px 20px 2px; background: rgba(185,236,236,0.6); transition-duration:1s; opacity: 0; }
#content .tweet_fl .twi_tit { position:absolute; top:5px; left:5px; width: 236px; height: 46px; background:url(../images/twi_title.jpg) center center; background-size:100%; border-radius:5px; }
#content .tweet_fl .twi_tit_mb { display:none;}
#menu_wfl { position: fixed; top:50%; left:0; width: 250px; height: 600px; margin: -300px 0 0 0; transition-duration:1s; z-index:11; }
#menu_swfl { position: fixed; top:50%; left:0; width: 250px; height: 600px; margin: -300px 0 0 0; transition-duration:1s; z-index:11; }
#menu_fl { position: relative; width: 250px; height: 600px; transition-duration:1s; z-index:11;  }

#menu_fl .btm_01 { position: absolute; top:20px; left:-40px; width: 190px; height: 38px; background: url(../images/btm/btm_bg01_a.png) rgba(255,251,197,0.8); opacity: 0; z-index: 12; border: 5px solid #E1D3B4; border-left:none; border-radius:0 45px 45px 0; transition-duration:0.2s; }
#menu_fl a:hover .btm_01 { width: 276px; height: 38px; background: url(../images/btm/btm_bg01_a.png) -190px 0; border: 5px solid #FFF; border-left:none; transition-duration:0.5s; box-shadow:1px 2px 2px rgba(0,0,0,0.4); }
#menu_fl .btm_01 .cc_img {position: absolute; bottom:0; right: 7px; width:97px; height: 0; background: url(../images/btm/cc_01.png) top; background-size:100%;  transition-duration:0.2s; }
#menu_fl a:hover .btm_01 .cc_img {position: absolute; bottom:0; right: 0; width:97px; height: 70px; background: url(../images/btm/cc_01.png) top; background-size:100%; transition-duration:0.2s;}

#menu_fl .btm_02 { position: absolute; top:80px; left:-40px; width: 190px; height: 38px; background: url(../images/btm/btm_bg02_a.png) rgba(247,199,205,0.8); opacity: 0; z-index: 13; border: 5px solid #E1D3B4; border-left:none; border-radius:0 45px 45px 0; transition-duration:0.2s; }
#menu_fl a:hover .btm_02 { width: 276px; height: 38px; background: url(../images/btm/btm_bg02_a.png) -190px 0; border: 5px solid #FFF; border-left:none; transition-duration:0.5s; box-shadow:1px 2px 2px rgba(0,0,0,0.4); }
#menu_fl .btm_02 .cc_img {position: absolute; bottom:0; right: 7px; width:97px; height: 0; background: url(../images/btm/cc_02.png) top; background-size:100%;  transition-duration:0.2s; }
#menu_fl a:hover .btm_02 .cc_img {position: absolute; bottom:0; right: 0; width:97px; height: 70px; background: url(../images/btm/cc_02.png) top; background-size:100%; transition-duration:0.2s;}

#menu_fl .btm_03 { position: absolute; top:140px; left:-40px; width: 190px; height: 38px; background: url(../images/btm/btm_bg03_a.png) rgba(200,231,231,0.8); opacity: 0; z-index: 14; border: 5px solid #E1D3B4; border-left:none; border-radius:0 45px 45px 0; transition-duration:0.2s; }
#menu_fl a:hover .btm_03 { width: 276px; height: 38px; background: url(../images/btm/btm_bg03_a.png) -190px 0; border: 5px solid #FFF; border-left:none; transition-duration:0.5s; box-shadow:1px 2px 2px rgba(0,0,0,0.4); }
#menu_fl .btm_03 .cc_img {position: absolute; bottom:0; right: 7px; width:97px; height: 0; background: url(../images/btm/cc_03.png) top; background-size:100%;  transition-duration:0.2s; }
#menu_fl a:hover .btm_03 .cc_img {position: absolute; bottom:0; right: 0; width:97px; height: 70px; background: url(../images/btm/cc_03.png) top; background-size:100%; transition-duration:0.2s;}

#menu_fl .btm_04 { position: absolute; top:200px; left:-40px; width: 190px; height: 38px; background: url(../images/btm/btm_bg04_a.png) rgba(183,242,197,0.8); opacity: 0; z-index: 15; border: 5px solid #E1D3B4; border-left:none; border-radius:0 45px 45px 0; transition-duration:0.2s; }
#menu_fl a:hover .btm_04 { width: 276px; height: 38px; background: url(../images/btm/btm_bg04_a.png) -190px 0; border: 5px solid #FFF; border-left:none; transition-duration:0.5s; box-shadow:1px 2px 2px rgba(0,0,0,0.4); }
#menu_fl .btm_04 .cc_img {position: absolute; bottom:0; right: 7px; width:97px; height: 0; background: url(../images/btm/cc_04.png) top; background-size:100%; transition-duration:0.2s; }
#menu_fl a:hover .btm_04 .cc_img {position: absolute; bottom:0; right: 0; width:97px; height: 70px; background: url(../images/btm/cc_04.png) top; background-size:100%; transition-duration:0.2s; }

#menu_fl .btm_05 { position: absolute; top:260px; left:-40px; width: 190px; height: 38px; background: url(../images/btm/btm_bg05_a.png) rgba(253,234,209,0.8); opacity: 0; z-index: 16; border: 5px solid #E1D3B4; border-left:none; border-radius:0 45px 45px 0; transition-duration:0.2s; }
#menu_fl a:hover .btm_05 { width: 276px; height: 38px; background: url(../images/btm/btm_bg05_a.png) -190px 0; border: 5px solid #7FC7DE; border-left:none; transition-duration:0.5s; box-shadow:1px 2px 2px rgba(0,0,0,0.4); }
#menu_fl .btm_05 .cc_img {position: absolute; bottom:0; right: 7px; width:97px; height: 0; background: url(../images/btm/cc_05.png) top; background-size:100%;  transition-duration:0.2s; }
#menu_fl a:hover .btm_05 .cc_img {position: absolute; bottom:0; right: 0; width:97px; height: 70px; background: url(../images/btm/cc_05.png) top; background-size:100%; transition-duration:0.2s;}

#menu_fl .btm_06 { position: absolute; top:320px; left:-40px; width: 190px; height: 38px; background: url(../images/btm/btm_bg06_a.png) rgba(182,221,242,0.8); opacity: 0; z-index: 17; border: 5px solid #E1D3B4; border-left:none; border-radius:0 45px 45px 0; transition-duration:0.2s; }
#menu_fl ul.dropmenu:hover a .btm_06 { width: 276px; height: 38px; background: url(../images/btm/btm_bg06_a.png) -190px 0; border: 5px solid #FFF; border-left:none; transition-duration:0.5s; box-shadow:1px 2px 2px rgba(0,0,0,0.4); }
#menu_fl .btm_06 .cc_img {position: absolute; bottom:0; right: 7px; width:97px; height: 0; background: url(../images/btm/cc_06.png) top; transition-duration:0.2s; }
#menu_fl ul.dropmenu:hover a .btm_06 .cc_img {position: absolute; bottom:0; right: 0; width:97px; height: 70px; background: url(../images/btm/cc_06.png) top; transition-duration:0.2s; }

#menu_fl .btm_07 { position: absolute; top:380px; left:-40px; width: 190px; height: 38px; background: url(../images/btm/btm_bg07_a.png) rgba(244,224,229,0.8); opacity: 0; z-index: 18; border: 5px solid #E1D3B4; border-left:none; border-radius:0 45px 45px 0; transition-duration:0.2s; }
#menu_fl ul.dropmenu:hover a .btm_07 { width: 276px; height: 38px; background: url(../images/btm/btm_bg07_a.png) -190px 0; border: 5px solid #FFF; border-left:none; transition-duration:0.5s; box-shadow:1px 2px 2px rgba(0,0,0,0.4); }
#menu_fl .btm_07 .cc_img {position: absolute; bottom:0; right: 7px; width:97px; height: 0; background: url(../images/btm/cc_07.png) top; transition-duration:0.2s; }
#menu_fl ul.dropmenu:hover a .btm_07 .cc_img {position: absolute; bottom:0; right: 0; width:97px; height: 70px; background: url(../images/btm/cc_07.png) top; transition-duration:0.2s; }	

#menu_fl .btm_00 { position: absolute; top:440px; left:-40px; width: 190px; height: 38px; background: url(../images/btm/btm_bg00_a.png) rgba(243,249,181,0.8); opacity: 0; z-index: 19; border: 5px solid #E1D3B4; border-left:none; border-radius:0 45px 45px 0; transition-duration:0.2s; }
#menu_fl a:hover .btm_00 { width: 276px; height: 38px; background: url(../images/btm/btm_bg00_a.png) -190px 0; border: 5px solid #FFF; border-left:none; transition-duration:0.5s; box-shadow:1px 2px 2px rgba(0,0,0,0.4); box-shadow:1px 2px 2px rgba(0,0,0,0.4); }

.timeline-Tweet-text { font-size: 12px !important; line-height: 20px!important; width: 220px; color: #1E1E1E; }

#news_fl { position:relative; min-width: 1260px; min-height:300px; background: url(../images/news_fl_bg.jpg); z-index: 2; }
#news_fl .news_inn_fl { width: 80%; padding: 10px; margin: 0 auto; }

#foot_fl { width: 100%; height: 290px; z-index: 2; min-width: 1260px; background: #560000 url(../images/foot_bg.jpg) repeat-x; }
#foot_sfl { width: 100%; height: 60px; padding: 10px 0 0 0; z-index: 2; min-width: 1260px; background: #560000 url(../images/foot_bg.jpg) repeat-x; }
.banner_fl { width:660px; margin:0 auto; padding:20px 0 0 0; overflow: hidden; }
.banner_fl img { width: 100%; }
.bn_sp01 { float: left; width:210px; height: 110px; margin: 0 10px 10px 0 ; }
.bn_sp02 { float: left; width:210px; height: 110px; margin: 0 10px 10px 0 ; }
.bn_sp03 { float: left; width:210px; height: 110px; margin: 0 0 10px 0 ; }
.bn_sp04 { float: left; width:210px; height: 110px; margin: 0 10px 0 0 ; }
.bn_sp05 { float: left; width:210px; height: 110px; margin: 0 10px 0 0 ; }
.bn_sp06 { float: left; width:210px; height: 110px; margin: 0; }
.copy_fl { position: relative; width:1260px; height: 24px; margin: 10px auto; }
.copy_fl .cp_sp { position: absolute; top:0; left: 50%; width:420px; margin:0 0 0 -190px; height: 24px; font-size:11px; font-weight: 500; color: #FFF; line-height: 14px;}

.trg_01 {position: absolute;top:0;left: 0;width: 100%; height: 150px; background: url(../images/cht_01.png) no-repeat; z-index: 3;}
.trg_02 {position: absolute;bottom:0;right: 0;width: 100%;height: 150px; background: url(../images/cht_01.png) no-repeat; transform: rotate(180deg); z-index: 3;}
}


@media all and (min-width: 501px) and (max-width: 768px) {

#content { position:relative; min-width: 768px;}
#content .logo { position: absolute; top: 40px ; right:40px; width: 360px; height: 160px; background: url(../images/logo.png) no-repeat; background-size: 100%; z-index:11; transition-duration:1s; }
#content .sub_logo { position: absolute; top: 95px ; right:50px; width: 260px; height: 100px; background: url(../images/logo.png) no-repeat; background-size: 100%; z-index:11; transition-duration:1s; }
#content .pv_fl { position: absolute; top: 1130px ; left: 40px; z-index:11; opacity: 0; }
#content .pv_fl iframe { width: 360px; height: 220px; transition-duration:1s; }
#content .tweet_fl { position: absolute; top: 1130px ; right:40px; z-index:11 ; border: 7px solid #E1D3B4;  border-radius:15px; padding:50px 20px 20px 20px; background: rgba(185,236,236,0.6); transition-duration:1s; opacity: 0; }
#content .tweet_fl .twi_tit { position:absolute; top:5px; left:5px; width: 276px; height: 46px; background:url(../images/twi_title.jpg) center center; background-size:100%; border-radius:5px; }
#content .tweet_fl .twi_tit_mb { display:none;}
#menu_wfl { display: none; }

#news_fl { width: 100%; min-width: 768px; min-height:300px; z-index: 2; background: url(../images/news_fl_bg.jpg) repeat-x; }
#news_fl .news_inn_fl { width: 80%; padding: 10px; margin: 0 auto; }
#foot_fl { width: 100%; height: 410px; min-width: 768px; z-index: 2; background: #560000 url(../images/foot_bg.jpg) repeat-x;}
#foot_sfl { width: 100%; height: 60px; padding: 10px 0 0 0; min-width: 768px; z-index: 2; background: #560000 url(../images/foot_bg.jpg) repeat-x;}
.banner_fl { width:480px; margin:0 auto; padding:20px 0 0 0; overflow: hidden; }
.banner_fl img { width: 100%; }
.bn_sp01 { float: left; width:210px; height: 110px; margin: 0 50px 10px 0 ; }
.bn_sp02 { float: left; width:210px; height: 110px; margin: 0 0 10px 0 ; }	
.bn_sp03 { float: left; width:210px; height: 110px; margin: 0 50px 10px 0 ; }
.bn_sp04 { float: left; width:210px; height: 110px; margin: 0 0 10px 0 ; }	
.bn_sp05 { float: left; width:210px; height: 110px; margin: 0 50px 0 0 ; }
.bn_sp06 { float: left; width:210px; height: 110px; margin: 0 0 10px 0 ; }	
.copy_fl { position: relative; width: 94%; height: 24px; margin: 10px auto; }
.copy_fl .cp_sp { position: absolute; top:0; left: 50%; width:420px; margin:0 0 0 -190px; height: 24px; font-size:11px; font-weight: 500; color: #FFF; line-height: 14px;}
}


@media screen and (max-width: 500px) {

#content { position:relative; min-width: 500px;}
#content .logo { position: absolute; top: 540px ; left:50%; width: 400px; height: 160px; margin: 0 0 0 -200px; background: url(../images/logo.png) no-repeat; background-size: 100%; z-index:11; transition-duration:1s; opacity: 0; }
#content .sub_logo { position: absolute; top: 20px ; left:40px; width: 260px; height: 150px;background: url(../images/logo.png) no-repeat; background-size: 100%; z-index:11; transition-duration:1s; opacity: 0; }
#content .pv_fl { position: absolute; top: 1055px ; left: 50%; margin: 0 0 0 -210px; z-index:11; opacity: 0; }
#content .pv_fl iframe { width: 420px; height: 220px; transition-duration:1s; }
#content .tweet_fl { display: none; }
#content .twi_tit_mb { position: absolute; top: 1295px ; left:50%; width: 420px; height: 74px; margin: 0 0 0 -210px; background:url(../images/twi_title_mb.jpg) center center; background-size:100%; border-radius:10px; z-index:11; }
#menu_fl { display: none; }

#news_fl { width: 100%; min-width: 500px; min-height:300px; z-index: 2; background: url(../images/news_fl_bg.jpg) repeat-x; }
#news_fl .news_inn_fl { padding: 10px; width: 300px; margin: 0 auto; }
#foot_fl { width: 100%; height: 440px; min-width: 500px; z-index: 2; background: #560000 url(../images/foot_bg.jpg) repeat-x; }
#foot_sfl { width: 100%; height: 50px; padding: 10px 0 0 0; min-width: 500px; z-index: 2; background: #560000 url(../images/foot_bg.jpg) repeat-x; }
.banner_fl { width:440px; margin:0 auto; padding:20px 0 0 0; overflow: hidden; }
.banner_fl img { width: 100%; }
.bn_sp01 { float: left; width:210px; height: 110px; margin: 0 10px 10px 0 ; }
.bn_sp02 { float: left; width:210px; height: 110px; margin: 0 0 10px 0 ; }	
.bn_sp03 { float: left; width:210px; height: 110px; margin: 0 10px 10px 0 ; }
.bn_sp04 { float: left; width:210px; height: 110px; margin: 0 0 10px 0 ; }
.bn_sp05 { float: left; width:210px; height: 110px; margin: 0 10px 0 0 ; }	
.bn_sp06 { float: left; width:210px; height: 110px; margin: 0 0 10px 0 ; }
.copy_fl { position: relative; width: 94%; height: 24px; margin: 20px auto; }
.copy_fl .cp_sp { position: absolute; top:0; left: 50%; width:420px; margin:0 0 0 -190px; height: 24px; font-size:11px; font-weight: 500; color: #FFF; line-height: 14px;}
}


/*  mobile_menu */
@media screen and (min-width: 501px) {
.header { position:fixed; top:0; width:100%; z-index: 200; color:#FFF; }
.header h1 { text-align: center; font-size:16px; color: #000; }
.header .header__heading { position: absolute; left:30px; width: 152px; height:100px; z-index:200; background: url(../images/btm/m/mb_menubtm_op.png) no-repeat top  center; background-size: 100%; color:#000; }
.menu-button-m { width: 152; height: 100px; display: block; z-index:200; }

.nav-content { position: absolute; width: 70%; padding:160px 15% 0 15%; height:1100px; top: -1735px; z-index: 202; -webkit-transition: 1.5s top; transition: 1.5s top; background: url(../images/btm/m/mb_menu_bg.jpg) center center; z-index:199; }
.nav-content ul li img { width:100%;}
.nav-content ul li.btm_01 { float: left; list-style-type: none; border:0; width:32%; margin: 0 2% 10px 0; background: url(../images/btm/m/btm_bg01.png) center center; background-size:100%; border-radius:15px; transition-duration:0.5s; box-shadow:1px 2px 2px rgba(0,0,0,0.4); }
.nav-content ul li.btm_02 { float: left; list-style-type: none; border:0; width:32%; margin: 0 2% 10px 0; background: url(../images/btm/m/btm_bg02.png) center center; background-size:100%; border-radius:15px; transition-duration:0.5s; box-shadow:1px 2px 2px rgba(0,0,0,0.4); }
.nav-content ul li.btm_03 { float: left; list-style-type: none; border:0; width:32%; margin: 0    0 10px 0; background: url(../images/btm/m/btm_bg03.png) center center; background-size:100%; border-radius:15px; transition-duration:0.5s; box-shadow:1px 2px 2px rgba(0,0,0,0.4); }

.nav-content ul li.btm_04 { float: left; list-style-type: none; border:0; width:32%; margin: 0 2% 10px 0; background: url(../images/btm/m/btm_bg04.png) center center; background-size:100%; border-radius:15px; transition-duration:0.5s; box-shadow:1px 2px 2px rgba(0,0,0,0.4); }
.nav-content ul li.btm_05 { float: left; list-style-type: none; border:0; width:32%; margin: 0 2% 10px 0; background: url(../images/btm/m/btm_bg05.png) center center; background-size:100%; border-radius:15px; transition-duration:0.5s; box-shadow:1px 2px 2px rgba(0,0,0,0.4); }
.nav-content ul li.btm_06 { float: left; list-style-type: none; border:0; width:32%; margin: 0    0 10px 0; background: url(../images/btm/m/btm_bg06.png) center center; background-size:100%; border-radius:15px; transition-duration:0.5s; box-shadow:1px 2px 2px rgba(0,0,0,0.4); }
	
.nav-content ul li.btm_07 { float: left; list-style-type: none; border:0; width:32%; margin: 0 2% 10px 0; background: url(../images/btm/m/btm_bg07.png) center center; background-size:100%; border-radius:15px; transition-duration:0.5s; box-shadow:1px 2px 2px rgba(0,0,0,0.4); }
.nav-content ul li.btm_08 { float: left; list-style-type: none; border:0; width:32%; margin: 0 2% 10px 0; background: url(../images/btm/m/btm_bg08.png) center center; background-size:100%; border-radius:15px; transition-duration:0.5s; box-shadow:1px 2px 2px rgba(0,0,0,0.4); }
.nav-content ul li.btm_09 { float: left; list-style-type: none; border:0; width:32%; margin: 0    0 10px 0; background: url(../images/btm/m/btm_bg09.png) center center; background-size:100%; border-radius:15px; transition-duration:0.5s; box-shadow:1px 2px 2px rgba(0,0,0,0.4); }
.nav-content ul li.btm_00 { float: left; list-style-type: none; border:0; width:440px; height:88px; background: url(../images/btm/m/btm_bg00.png) no-repeat center center; background-size:100%; border-radius:10px; transition-duration:0.5s; box-shadow:1px 2px 2px rgba(0,0,0,0.4); margin: 0 auto; }
.nav-content ul li.btm_00 img { width:440px; height:88px; }
}

@media screen and (max-width: 500px) {

.header { position:fixed; top:0; width:500px; z-index: 200; color:#FFF; }
.header h1 { text-align: center; font-size:16px; color: #000; }
.header .header__heading { position: absolute; right:20px; width: 100px; height:66px; z-index:200; background: url(../images/btm/m/mb_menubtm_op.png) no-repeat top  center; background-size: 100%; color:#000; }
.menu-button-m { width: 100px; height: 66px; display: block; z-index:200; }

.nav-content { position: absolute; width: 440px; padding:130px 30px 0 30px; height:1100px; top: -1735px; border-radius:0 0 250px 250px; z-index: 202; -webkit-transition: 1.5s top; transition: 1.5s top; background: url(../images/btm/m/mb_menu_bg.jpg) center center; z-index:199; }
.nav-content ul li img { width:140px;}
.nav-content ul li.btm_01 { float: left; list-style-type: none; border:0; width:140px; height:140px; margin: 0 10px 10px 0; background: url(../images/btm/m/btm_bg01.png) no-repeat center center; background-size:100%; border-radius:10px; transition-duration:0.5s; box-shadow:1px 2px 2px rgba(0,0,0,0.4); }
.nav-content ul li.btm_02 { float: left; list-style-type: none; border:0; width:140px; height:140px; margin: 0 10px 10px 0; background: url(../images/btm/m/btm_bg02.png) no-repeat center center; background-size:100%; border-radius:10px; transition-duration:0.5s; box-shadow:1px 2px 2px rgba(0,0,0,0.4); }
.nav-content ul li.btm_03 { float: left; list-style-type: none; border:0; width:140px; height:140px; margin: 0    0 10px 0; background: url(../images/btm/m/btm_bg03.png) no-repeat center center; background-size:100%; border-radius:10px; transition-duration:0.5s; box-shadow:1px 2px 2px rgba(0,0,0,0.4); }
.nav-content ul li.btm_04 { float: left; list-style-type: none; border:0; width:140px; height:140px; margin: 0 10px 10px 0; background: url(../images/btm/m/btm_bg04.png) no-repeat center center; background-size:100%; border-radius:10px; transition-duration:0.5s; box-shadow:1px 2px 2px rgba(0,0,0,0.4); }
.nav-content ul li.btm_05 { float: left; list-style-type: none; border:0; width:140px; height:140px; margin: 0 10px 10px 0; background: url(../images/btm/m/btm_bg05.png) no-repeat center center; background-size:100%; border-radius:10px; transition-duration:0.5s; box-shadow:1px 2px 2px rgba(0,0,0,0.4); }
.nav-content ul li.btm_06 { float: left; list-style-type: none; border:0; width:140px; height:140px; margin: 0    0 10px 0; background: url(../images/btm/m/btm_bg06.png) no-repeat center center; background-size:100%; border-radius:10px; transition-duration:0.5s; box-shadow:1px 2px 2px rgba(0,0,0,0.4); }
.nav-content ul li.btm_07 { float: left; list-style-type: none; border:0; width:140px; height:140px; margin: 0 10px 10px 0; background: url(../images/btm/m/btm_bg07.png) no-repeat center center; background-size:100%; border-radius:10px; transition-duration:0.5s; box-shadow:1px 2px 2px rgba(0,0,0,0.4); }
.nav-content ul li.btm_08 { float: left; list-style-type: none; border:0; width:140px; height:140px; margin: 0 10px 10px 0; background: url(../images/btm/m/btm_bg08.png) no-repeat center center; background-size:100%; border-radius:10px; transition-duration:0.5s; box-shadow:1px 2px 2px rgba(0,0,0,0.4); }
.nav-content ul li.btm_09 { float: left; list-style-type: none; border:0; width:140px; height:140px; margin: 0    0 10px 0; background: url(../images/btm/m/btm_bg09.png) no-repeat center center; background-size:100%; border-radius:10px; transition-duration:0.5s; box-shadow:1px 2px 2px rgba(0,0,0,0.4); }
.nav-content ul li.btm_00 { float: left; list-style-type: none; border:0; width:440px; height:88px; background: url(../images/btm/m/btm_bg00.png) no-repeat center center; background-size:100%; border-radius:10px; transition-duration:0.5s; box-shadow:1px 2px 2px rgba(0,0,0,0.4); }
.nav-content ul li.btm_00 img { width:440px; height:88px; }
}

.nsj { font-family:Arial, Helvetica, 'Noto Sans Japanese', '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, sans-serif; font-weight: 300; }
.clear { clear: both; width: 100%; }

.is-open .nav-content { top:0px; z-index:199; }
#js-cover { background: #719BC5 center center; width: 100%; height: 100%; display: block; position:fixed; top: 0px; z-index: 199; }
.is-open .menu-button-m { background: url(../images/btm/m/mb_menubtm_close.png) no-repeat top center; background-size: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease; }
.nav-content li.blank { font-family: 'Lato', sans-serif; font-weight:900; font-style:italic; font-size: 20px; color: #888; margin:0 0 0 25px; }

#news_fl iframe{  width: 100%; }



.dropmenu li ul.pd_bg { position: absolute; top:225px; left:270px;  border-radius:20px; width: 230px; height: 190px; z-index: 10; }
.dropmenu li ul li.pd_btm01 { position: absolute; top:0px; left:20px; width: 200px; height: 68px; background:url(../images/btm/pd_btm_01a.jpg); border:5px solid #FFF; z-index: 1000; color:#719BC5; border-radius:20px; z-index: 11; box-shadow:1px 2px 2px rgba(0,0,0,0.4); }
.dropmenu li ul li.pd_btm02 { position: absolute; top:83px; left:20px; width: 200px; height: 68px; background:url(../images/btm/pd_btm_02a.jpg); border:5px solid #FFF; z-index: 1000; color:#719BC5; border-radius:20px; z-index: 11; box-shadow:1px 2px 2px rgba(0,0,0,0.4); }
.dropmenu li ul li.pd_btm03 { position: absolute; top:166px; left:020px; width: 200px; height: 68px; background:url(../images/btm/pd_btm_03a.jpg); border:5px solid #FFF; z-index: 1000; color:#719BC5; border-radius:20px; z-index: 11; box-shadow:1px 2px 2px rgba(0,0,0,0.4); opacity: 0.2; }
.dropmenu li ul a:hover li.pd_btm01 { background:url(../images/btm/pd_btm_01b.jpg); border:5px solid #FFF; color: #FFF; }
.dropmenu li ul a:hover li.pd_btm02 { background:url(../images/btm/pd_btm_02b.jpg); border:5px solid #FFF; color: #FFF; }
.dropmenu li ul a:hover li.pd_btm03 { background:url(../images/btm/pd_btm_03b.jpg); border:5px solid #FFF; color: #FFF; }

.dropmenu li ul.eve_bg { position: absolute; top:225px; left:270px;  border-radius:20px; width: 230px; height: 190px; z-index: 10; }
.dropmenu li ul li.eve_btm01 { position: absolute; top:123px; left:20px; width: 200px; height: 120px; background:url(../images/btm/mcg_eve.jpg) center center; background-size:100% auto; z-index: 1000; color:#719BC5; border-radius:20px; z-index: 11; box-shadow:1px 2px 2px rgba(0,0,0,0.4); opacity: 0.6; }
.dropmenu li ul a:hover li.eve_btm01 { color: #FFF; opacity: 1; }

/* drop menu */
.dropmenu{ *zoom: 2; list-style-type: none; }
.dropmenu:before, .dropmenu:after{ content: ""; display: table; }
.dropmenu:after{ clear: both; }
.dropmenu li{ position: relative; margin: 0; padding: 0; text-align: center; }
.dropmenu li a{ display: block; margin: 0; line-height: 1; text-decoration: none;}
.dropmenu li ul{ list-style: none; position: absolute; top:37px; left: -28px; margin: 0; padding: 0; }
.dropmenu li ul li{ float: left; }
.dropmenu li ul a li{ margin: 0; padding: 0; }
.dropmenu .ck_cc { font-family: 'Fredoka One', cursive; font-weight:400; font-size: 20px; }


#flip2 { position: relative; z-index: 20; }
#flip2 li ul { visibility: hidden; }
#flip2 li:hover ul{ visibility: visible; }
#flip2 ul li{ transform: rotateY(90deg); transform-origin: 50% 0; transition: .3s; }
#flip2 li:hover li{ transform: rotateY(0); }
#flip2 ul li:nth-child(2) { transition-delay: .1s; }
#flip2 ul li:nth-child(3) { transition-delay: .2s; }
#flip2 ul li:nth-child(4) { transition-delay: .3s; }
#flip2 ul li:nth-child(5) { transition-delay: .4s; }

/* twitter ウィジェット */
.timeline-TweetList{}
.MediaCard-media { background: #00A3D9; border-radius:6px; }
.MediaCard-widthConstraint { width: 260px; height:auto; }
.TweetAuthor-name { color: #1E1E1E; }
.timeline-Tweet-retweetCredit { color: #1E1E1E; }
span.TweetAuthor-screenName { color: #1E1E1E; }
a .link { color: #1E1E1E; }
.timeline-Tweet { border-radius:5px; }