@charset "UTF-8";

/*コンテンツ*/
body.post_mt {
background-color: #fff;
/*background: url(bg.png);*/
}
body.post_mt#fireworks {
background-color: #111;
}

#chu2camp .contents_wrapper {
background-image: url(bg.jpg);
background-position: top center;
background-repeat: no-repeat;
background-color: #000;
}
#fireworks .contents_wrapper {
background-image: url(bg_hanabi.jpg);
background-position: top center;
background-repeat: no-repeat;
}
#fwdisplay .contents_wrapper {
background-image: url(bg_fwdisplay.jpg);
background-position: top center;
background-repeat: no-repeat;
}

#chu2camp h1.camp.kyouka.ttl_a {left: 0px;top:-10px; padding: 0; margin: 0;}
#fwdisplay h1.camp.kyouka.ttl_a {left: 10px;top:15px; padding: 0; margin: 0;}

#chu2camp .main_left {position: absolute;top: 218px;left: 30px;padding-top: 0px; width: 730px; height: 290px; background-color: transparent;}
#chu2camp .button_comment_bottom a {padding-top: 14px;}
#chu2camp .contents_wrapper {width: 1024px;height: 718px;}
#chu2camp .main_left .main_inner {height: 540px;}
#chu2camp .main_stamp_wrapper p {padding: 0; line-height: 1; margin: 0;}
#chu2camp .main_stamp_wrapper {position: relative;}
#chu2camp .div_stamp {position:absolute; top: 82px; left: 10px;}
#chu2camp .stamp { float: left; margin: 0 3px 0 0;}
#chu2camp .stamp.plus { margin: 0 30px 0 0;}

#chu2camp .cloud1,#chu2camp .cloud2,#chu2camp .cloud3 {position: absolute; top: 142px;}
#chu2camp .cloud1 {left: 188px;}
#chu2camp .cloud2 {left: 428px;}
#chu2camp .cloud3 {left: 628px;}

#chu2camp .main_stamp_wrapper p.calender { display:block; position: absolute; top: 185px; left: 90px;}
#chu2camp .main_stamp_wrapper p.calender img {filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.25));}
#chu2camp .main_stamp_wrapper p.btn_marktest { display:block; position: absolute; top: 185px; left: 535px;}
#chu2camp .main_stamp_wrapper p.btn_marktest img {/*filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.25));*/}

#chu2camp .main_content {height: 625px;}


/*
#chu2camp .main_stamp_wrapper p.calender { background-color: #fff; border-radius: 15px; display: inline-block;padding: 10px 15px; margin-top: 3px;text-decoration: underline; color: #0097d9;}*/
#chu2camp .main_left_bottom {position: absolute;top: 441px;left: 65px;}
#chu2camp .main_left_bottom p {float: left; margin-right: 13px;}
#chu2camp .main_left_bottom p.mr {margin-right: 18px;}
#chu2camp .main_left_bottom p.marktest {position: relative; text-align: center; margin-left: 17px;}
#chu2camp .main_left_bottom p.marktest span {display: block; text-align: center; width: 221px;}
#chu2camp .main_left_bottom p.marktest .btn {position:absolute; top:175px; left: -3px;}
#chu2camp .main_left_bottom p.marktest .btn img {filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3));}
#chu2camp a { border-bottom: none;}

/*スタンプ*/
.stamp img.off {display:inline;}
.stamp img.on {display:none;}
.stamp .comp img.off {display:none;}
.stamp .comp img.on {display:inline;}

#chu2camp .cloud1 .on { display: none;}
#chu2camp .cloud2 .on { display: none;}
#chu2camp .cloud3 .on { display: none;}
#chu2camp .cloud1.disp_on .on {display: inline;}
#chu2camp .cloud2.disp_on .on {display: inline;}
#chu2camp .cloud3.disp_on .on {display: inline;}
#chu2camp .cloud1.disp_on .off {display: none;}
#chu2camp .cloud2.disp_on .off {display: none;}
#chu2camp .cloud3.disp_on .off {display: none;}

#chu2camp .cloud_stamp {position: absolute;top:-70px; left: 10px;}
.disp_none {display: none;}
.btn_calender2 {position: absolute;top: 140px; left: 210px;}
.btn_back {position: absolute; top:20px; left:20px;}
/*fireworks花火大会*/
#fireworks #chu2camp h1 { text-align: center; padding: 10px 180px 0 0; margin: 0px auto 0; line-height: 0; position: relative; }
#fireworks #chu2camp .main_left { position: absolute; top: 135px; left: 58px; margin: 0 auto; width: 640px; border-radius: 10px; background: #FFF; opacity: 1; height: 550px; }
#fireworks #chu2camp .main_left .main_inner {height: 510px;}


/*fwdisplay花火大会一斉取り組み*/
#fwdisplay #chu2camp .main { margin: 0 auto; width: 1024px; }
#fwdisplay #chu2camp .main_right { position: absolute; top: 10px; right:10px; width: 220px; height: 703px; text-align: left;}

#fwdisplay #chu2camp .main_left {position: relative; margin: 0 0 0 0;top: 0;left: 0; width: 1024px; height: 720px; border-radius: 10px; background:none; opacity: 1; }
#fwdisplay .div_left_gauge { position: absolute;top:340px; left: 80px; background-image: url(bg_left.png); background-repeat: no-repeat; width: 267px; height: 315px;}
#fwdisplay .div_left_gauge .btn3 {position:absolute; top:9px; right:25px; }
#fwdisplay .div_left_gauge .btn2 {position:absolute; top:108px; right:25px; }
#fwdisplay .div_left_gauge .btn1 {position:absolute; top:208px; right:25px; }
#fwdisplay .div_left_gauge .bar1 {position:absolute; top:10px; left:-32px; }
#fwdisplay .div_left_gauge .fuki1 {position:absolute; top:-143px; left:-83px; }
#fwdisplay .center_area {position: absolute; top:99px; left:380px; background-image: url(bg_right2.png); background-repeat: no-repeat; width: 394px; height: 618px;}
#fwdisplay .center_area_inner {position:relative;}
#fwdisplay .marktest_btn {position:absolute; top: 11px; right: 10px;}
#fwdisplay .tap_btn {position:absolute; top: 0px; right: 0px;}
#fwdisplay .fuki2 {position:absolute; top: 135px; left: -55px;}
#fwdisplay .bottom_area {position:absolute; bottom:0px; left:0px; height: 40px; width: 1024px; background-color: #ebd426;}

#fwdisplay .bottom_area_left{background-color:#f18900; width: 210px; height: 28px; float: left; padding:12px 0 0 0; margin: 0; text-align: center;}
#fwdisplay #chu2camp .bottom_area_right {background-color:#ebd426; width: 814px; height: 17px; float: left; padding:13px 0 0 0; margin: 0; }
#fwdisplay #chu2camp .bottom_area_right p { line-height:1; text-align:left;white-space: nowrap;width: 814px; overflow: hidden;padding:0px 0 0 0; margin: 0;font-size:110%; }

#fwdisplay #chu2camp .main_right .admin .main_inner{height: 115px;}
#fwdisplay #chu2camp .main_right .main_inner{ height: 463px;}


#fwdisplay #chu2camp .count_total {position: absolute;color: #FFF;top: 158px;right: 30px;font-size: 36px;font-weight:  bold;text-align:  right;width: 220px;}
#fwdisplay #chu2camp .count_up {position: absolute;color: #FFF;top: 255px;right: 30px;font-size: 40px;font-weight:  bold;text-align:  right;width: 200px;}


/*花火*/
.main_content {position: relative;}
.ill_hanabi {position:relative;pointer-events: none;}
#chu2camp .contents_wrapper { background-image: none;}
.footer_area {clear: both; height: 60px; background-color: #000; margin:-7px 0 0 0; padding: 0;}
.footer_area a div.img { display: inline-block; border:none; padding: 5px 0px 0; height:42px; color: #fff; border-radius: 0px; font-weight: bold; margin: 0px 0px 0;}

#btn6 {padding-left:0px;}
/*#btn9 {padding:5px 10px 0px 10px; float: right;}*/
#btn9 { position: absolute; left:20px; bottom:92px; }
#btn10 { position: absolute; right:15px; bottom:0px; }


/*
.heart {
display: none;
position: absolute;
bottom: 10px;
left: 620px;
width: 81px;
animation: squash 1s ease-in-out infinite;
opacity: 1;
}
*/


.heart {
display: none;
position: absolute;
top: -200px;
/*right: 10px;*//*jsで制御する*/
/*width: 81px;*/
/*animation: squash 1s ease-in-out infinite;*/
opacity: 1;
}

.heart2 {
display: none;
position: absolute;
bottom: -10px;
left: 410px;
width: 81px;
animation: squash 1s ease-in-out infinite;
opacity: 1;
}
.heart_big {
display: none;
position: absolute;
top: -500px;
left: 600px;
opacity: 1;
}


.dance_div {display:inline;}
.dance {
display: none;
position: absolute;
bottom: 100px;
left: 300px;
opacity: 0.9;
animation: dance_ani 2.5s ease-out 1;/*1回だけでループ無し*/
}

@keyframes dance_ani {
0% {transform:translateY(0px);}
20% {transform:translateY(5px);}
40% {transform:translateY(0px);}
60% {transform:translateY(7px);}
80% {transform:translateY(0px);}
100% {transform:translateY(4px);}
}

.call {
display: none;
position: absolute;
bottom: 0px;
left: 710px;
width: 81px;
/*animation: squash 1s ease-in-out infinite;*/
opacity: 1;
}
.applause_div {display:inline;}
.applause {
display: none;
position: absolute;
bottom: 0px;
left: 20px;
opacity: 1;
}
.flag_div {display:inline;}
.flag {
display: none;
position: absolute;
bottom: 0px;
left: 540px;
opacity: 1;
animation: spin 2s ease-out 1;/*1回だけでループ無し*/
}
.flag.right {
display: none;
position: absolute;
bottom: 0px;
left: 100px;
opacity: 1;
animation: spin_right 2s ease-out 1;/*1回だけでループ無し*/
}

@-webkit-keyframes spin {
0% {transform: rotate(30deg);}
100% {transform: rotate(-20deg);}
}
@-moz-keyframes spin {
0% {transform: rotate(30deg);}
100% {transform: rotate(-20deg);}
}
@-ms-keyframes spin {
0% {transform: rotate(30deg);}
100% {transform: rotate(-20deg);}
}
@-o-keyframes spin {
0% {transform: rotate(30deg);}
100% {transform: rotate(-20deg);}
}
@keyframes spin {
0% {transform: rotate(30deg);}
100% {transform: rotate(-20deg);}
}

@-webkit-keyframes spin_right {
0% {transform: rotate(-20deg);}
100% {transform: rotate(30deg);}
}
@-moz-keyframes spin_right {
0% {transform: rotate(-20deg);}
100% {transform: rotate(30deg);}
}
@-ms-keyframes spin_right {
0% {transform: rotate(-20deg);}
100% {transform: rotate(30deg);}
}
@-o-keyframes spin_right {
0% {transform: rotate(-20deg);}
100% {transform: rotate(30deg);}
}
@keyframes spin_right {
0% {transform: rotate(-20deg);}
100% {transform: rotate(30deg);}
}

.flag {/*
    -moz-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
*/
    transform: rotate(20deg);
}
.hanabi_wrapper {
position: absolute;
width:163px;
height:149px;
bottom: 70px;
text-align: center;
/*animation: squash 1s ease-in-out infinite;*/
opacity: 1;
}
.hanabi_wrapper p {
position: relative;
}
.hanabi_wrapper p span {
display: block;
position:absolute;
top: 0;
}
.hanabi_wrapper p span.hanabi_b1 {

top:-80px;
left: -81px;

}
.hanabi_b1 {
opacity: 0;
}
.button01 {
position: absolute;
top: 600px;
left: 150px;
display: block;
width: 250px;
height: 70px;
line-height: 70px;
color: #FFF;
text-decoration: none;
text-align: center;
background-color: #f39800; /*ボタン色*/
border-radius: 5px; /*角丸*/
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.button01#btn02 {
left: 500px;
}

.ill_hanabi .ill_left {position: absolute; left:0px; bottom: 0px; }
.ill_hanabi .ill_right {position: absolute; right:0px; bottom: 0px; }
.ill_hanabi .ill_bottom {position: absolute; left:135px; bottom: 0px; }

.desc_btn1 { display: block; position: absolute; left:290px; bottom: 0px;}
.desc_btn2 { display: block; position: absolute; left:275px; bottom: 0px;}
.desc_btn3 { display: block; position: absolute; left:325px; bottom: 0px;}
.desc_area .span {position:relative;}
.desc_area .close_btn {position: absolute; right:-10px; top: -10px; }

.haradon_text { position: absolute; right: -250px; }
.yuchan_text { position: absolute; right: -250px; }

.div_comment_link { position: absolute; right:20px; bottom:105px; }

/*コメント*/
body #fancybox-title-float-wrap {display: none;}
.mytheme_comment_side { font-size: 90%;/*全体サイズ*/ }
.mytheme_comment_side p { line-height: 135%; }
.mytheme_comment_side time { color: #808080; font-size: 90%; border-bottom: 2px #333 solid; padding-bottom: 3px; margin-bottom: 10px; display: block; }
b.bypostauthor, span.bypostauthor, div.bypostauthor { color: #ED0028; }
.bypostauthor em { display: block; padding: 10px; background-color: #ECE0EC; color: #333; border-radius: 5px; margin: 5px 0px; font-style: normal; }

.admin .comment p {color:#e60d0d;}
.admin .comment p.name {color:#F15A24;}
.admin .comment span {color:#003F98;}

/*Fancybox*/
#fancybox-outer {border: 10px solid #F9E112; border-radius: 7px;}

/*2columnCSS*/
#chu2camp .main_right { position: absolute; top: 10px; right:15px; width: 250px; height: 703px; text-align: left;}
#chu2camp .main_right .admin {
overflow-x:hidden;
height: 115px;
margin: 0px 0 10px;
border-radius: 0 0 10px 10px;
padding-bottom: 10px;
}

#chu2camp .main_right .main_inner {
height: 463px;
overflow-x:hidden;
}
#comment-area {padding-top: 0;}


.btn_none {display: none;}

/*audio js*/

#btn1 .audiojs{ width: 212px; height: 42px; background-image: url(btn1.png); background-repeat: no-repeat; background-position: 0px 0px;}
#btn2 .audiojs{ width: 212px; height: 42px; background-image: url(btn2.png); background-repeat: no-repeat; background-position: 0px 0px;}
#btn3 .audiojs{ width: 123px; height: 42px;}
#btn4 .audiojs{ width: 99px; height: 42px; background-image: url(btn4.png); background-repeat: no-repeat; background-position: 0px 0px;}
#btn5 .audiojs{ width: 99px; height: 42px; background-image: url(btn5.png); background-repeat: no-repeat; background-position: 0px 0px;}
#btn6 .audiojs{ width: 99px; height: 42px;}
#btn7 .audiojs{ width: 123px; height: 42px; background-image: url(btn7.png); background-repeat: no-repeat; background-position: 0px 0px;}
#btn8 .audiojs{ width: 273px; height: 42px; background-image: url(btn8.png); background-repeat: no-repeat; background-position: 0px 0px;}

#btn1 .audiojs .play-pause,#btn1 .audiojs .play-pause{ width: 212px; height: 42px;}
#btn2 .audiojs .play-pause,#btn2 .audiojs .play-pause{ width: 212px; height: 42px;}
#btn3 .audiojs .play-pause,#btn3 .audiojs .play-pause{ width: 123px; height: 42px;}
#btn4 .audiojs .play-pause,#btn4 .audiojs .play-pause{ width: 99px; height: 42px;}
#btn5 .audiojs .play-pause,#btn5 .audiojs .play-pause{ width: 99px; height: 42px;}
#btn6 .audiojs .play-pause,#btn6 .audiojs .play-pause{ width: 99px; height: 42px;}
#btn7 .audiojs .play-pause,#btn7 .audiojs .play-pause{ width: 123px; height: 42px;}
#btn8 .audiojs .play-pause,#btn8 .audiojs .play-pause{ width: 273px; height: 42px;}


.scrubber {display:none;}
.time {display:none;}
.duration {display:none;}
.audiojs .scrubber {display:none;}
.audiojs .time {display:none;}

.audiojs {
display: inline-block; border:none; padding:0; height:auto; color: #fff; border-radius:0px;margin: 0;
background: none;
overflow: hidden;
font-family: monospace;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
/*　再生・停止ボタン　*/
.audiojs .play-pause {
display: inline-block;
/*background:url(sugapple.png) center center no-repeat;*/
padding: 0;
margin: 0;
float: left;
overflow: hidden;
border: none;
/*border: 1px solid #3A3A3A;
border-radius: 14px;*/
}

.audiojs .play {
/*background:url(sugapple.png) center center no-repeat;*/
}