#cont_wrap.top_cont #content {
  background-color: transparent!important;
  background-image: none;
}

#cont_wrap #img-crane {
  position: absolute;
  top: -61px;
  left: 55%;
  width: 250px;
  margin: 0px 0px 0px -550px;
  z-index: 50;
}
#cont_wrap.top_cont {
  //background: url(/assets/pc/css/img/bg_cont_top_2.png) center 141px no-repeat;
  position: relative;
  padding: 10px 0px 0px 0px;
}
.top_cont .modal_window {
  display: none;
}
.top_cont .modal_trigger {
  display: block;
  position: absolute;
  right: 0px;
  top: 50px;
  width: 334px;
}
.top_cont #cont_top_btn {
  position: relative;
  background: url(/assets/pc/css/img/bg_cont_top_1_202008.png) center 10px no-repeat;
  width: 500px;
  margin: 0 auto;
  padding: 300px 0px 26px 0px;
  text-align: center;
}

.top_cont .cont_p {
  position: relative;
  z-index: 1;
  padding-bottom: 5px!important;
}
#new {
  width: 700px;
  float: left;
}
#new h2 {
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  font-size: 0px;
  width: 700px;
  height: 50px;
  background: url(/assets/pc/css/img/img_new_h2.png) left center no-repeat;
}
label#news {
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  font-size: 0px;
  width: 100%;
  height: 50px;
  background: url(/assets/pc/css/img/img_new_h2.png) left center no-repeat;
  margin-bottom: 10px;
  cursor: pointer;

}
input#label1 {
  display: none;
}
.accshow {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.8s;
}

/*クリックで中身表示*/
input#label1:checked + .accshow {
  height: auto;
  padding: 0;
  opacity: 1;
}


.app-area h2 {
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  font-size: 0px;
  width: 450px;
  height: 50px;
  background: url(/assets/pc/css/img/img_play_h2.png) left center no-repeat;
}
#new .new_cont {
  background-color: #FFFFFF;
  border-radius: 10px;
  padding: 10px;
  margin: 10px 0px;
}
#new .new_cont ul {
  margin: 0px;
  padding: 0px;
  width: 680px;
  height: 160px;
  overflow-y: scroll;
}
#new .new_cont ul li {
  margin: 0px;
  padding: 10px 0px;
  border-bottom: 1px dotted #CCCCCC;
  list-style-type: none;
  font-size: 12px;
}

#login {
  width: 275px;
  float: right;
  background-color: #FFFFFF;
  border-radius: 10px;
  box-shadow: rgba(196, 196, 196, 0.7) 0px 0px 3px 3px inset;
  text-align: center;
}
#login h2 {
  width: 260px;
  height: 80px;
  margin: 0px;
  padding: 0px;
  background: url(/assets/pc/css/img/img_login_h2.png) 10px 10px no-repeat;
  font-size: 0px;
}
#login h3 {
  text-align: left;
  font-size: 13px;
  margin: 3px 10px;
}
#login img {
  height: 45px;
}
#login .form {
  position: relative;
  margin: 0px auto;
  width: 240px;
}
#login .form input {
  display: block;
  width: 222px;
  margin: 0px auto 10px auto;
}
#login .form input[type="submit"] {
    cursor: pointer;
  display: inline-block;
  width: 180px;
  font-size: 18px;
  padding: 7px 5px 5px 5px;
  background-color: #3DC83A;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 10%, transparent 10%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 60%, transparent 60%, transparent);
  background-size: 10px 10px;
  border-radius: 10px;
  box-shadow: rgba(100, 100, 100, 0.5) 0px 5px 6px -5px inset;
  border: 1px solid #148E2C;
  color: #FFFFFF;
  vertical-align: baseline;
}
#store {
  width: 275px;
  float: right;
  background-color: #FFFFFF;
  border-radius: 10px;
  box-shadow: rgba(196, 196, 196, 0.7) 0px 0px 3px 3px inset;
  text-align: center;
  margin-top: 5px
}
#store h3 {
  text-align: left;
  font-size: 13px;
  margin: 3px 10px;
}
.cont_o_new h2 {
  background-position: 20px center, left top;
  background-repeat: no-repeat, no-repeat;
  padding: 0px 10px;
  margin: 0px;
  height: 60px;
  border-radius: 10px;
  text-indent: -5000px;
  position: relative;
}
.cont_o h2 {
  background-position: 20px center, left top;
  background-repeat: no-repeat, no-repeat;
  padding: 0px 10px;
  margin: 0px;
  height: 60px;
  border-radius: 10px;
  text-indent: -5000px;
  position: relative;
}
.cont_o_new h2#top_prize_new {
  background-image: url(/assets/pc/css/img/img_top_prize_new_h2.png),
    linear-gradient(to bottom, #FCDAC6, #F9A97A 20%, #F67A32);
  border: 1px solid #F56A19;
}
.cont_o h2#top_prize_new {
  background-image: url(/assets/pc/css/img/img_top_prize_new_h2.png),
    linear-gradient(to bottom, #FCDAC6, #F9A97A 20%, #F67A32);
  border: 1px solid #F56A19;
}
.cont_o h2#top_prize_recommend {
  background-image: url(/assets/pc/css/img/img_top_prize_recommend_h2.png),
    linear-gradient(to bottom, #FCC6E3, #FA8BC6 20%, #F6339C);
  border: 1px solid #DF5636;
}
.cont_o h2#top_prize_sweet {
  background-image: url(/assets/pc/css/img/img_top_prize_sweet_h2.png),
    linear-gradient(to bottom, #FCCFC8, #F99484 20%, #F64B30);
  border: 1px solid #E2630A;
}
.cont_o h2#top_prize_rare {
  background-image: url(/assets/pc/css/img/img_top_prize_rare_h2.png),
    linear-gradient(to bottom, #E7D4F3, #CDA6E6 20%, #AB69D5);
  border: 1px solid #A258D1;
}
.cont_o h2#top_catch {
  background-image: url(/assets/pc/css/img/img_top_catch_h2.png),
    linear-gradient(to bottom, #D4E1F3, #A3BEE5 20%, #6B97D6);
  border: 1px solid #5688D0;
}
.cont_o h2#prize_pickup {
  background-image: url(/assets/pc/css/img/img_pickup_h2.png),
    linear-gradient(to bottom, #FCCFC8, #F99484 20%, #F64B30);
  border: 1px solid #E2630A;
  text-indent: 0px;
  padding-left: 72px;
  padding-top: 4px;
    font-size: 36px;
    color: #FFF;
}

.cont_o h2 a {
  display: block;
  position: absolute;
  top: 35px;
  right: 20px;
  width: 200px;
  color: #FFFFFF;
  text-decoration: underline;
  text-indent: 0px;
  font-weight: normal;
  /* font-size: 70%; */
  font-size: 13px;
  text-align: right;
}
.cont_o h2 a:after {
  content: ">>";
}

#top_f_button {
  padding: 15px 20px 15px 420px;
  background: url(/assets/pc/css/img/bg_top_f_button.png) left center no-repeat;
}
#cont_wrap .cont_o .cont_menu{
  width:18%;
  float: left;
  display: inline;
}
#cont_wrap .cont_o .cont_body{
  width:80%;
  float: right;
}
#cont_wrap .cont_o:after {
    content: "";
    display: block;
    clear: both;
}
#cont_wrap .cont_o_new .cont_menu{
  width:18%;
  float: left;
  display: inline;
}
@media only screen and (max-width: 1364px){
  #cont_wrap .cont_o .cont_menu {
    width: 23%;
    float: left;
    display: inline;
  }
}

#cont_wrap .cont_o_new .cont_body{
  width:80%;
  float: right;
}
#cont_wrap .cont_o_new:after {
    content: "";
    display: block;
    clear: both;
}
#cont_wrap .cont_o .cont_menu .nav{
  background: url(/assets/pc/css/img/side_cara-top.png) top center no-repeat;
  padding-top: 120px;
  width: 227px;
}
#cont_wrap .cont_o .cont_menu .nav:after{
  content: '';
  background-image: url(/assets/pc/css/img/side_waku_bottom.png);
  background-position: bottom center;
  background-repeat: no-repeat;
  padding-bottom: 20px;
  display: block;
}


#cont_wrap .cont_o .cont_menu ul{
  margin: 0;
  padding: 0px 12px 0px;
  list-style: none;
  background-image: url(/assets/pc/css/img/side_waku-middle.png);
  background-position: top center;
  background-repeat: repeat-y;
}
@media only screen and (max-width: 1364px){
  #cont_wrap .cont_o .cont_menu ul{
    padding: 0px 15px 0px;
  }
}
#cont_wrap .cont_o .cont_menu li{
  display: inline;
  padding: 0;
  margin: 0;
}
#cont_wrap .cont_o .cont_menu li:first-of-type a {
  border-top: 1px solid #767676;
}

#cont_wrap .cont_o .cont_menu li a{
  display: block;
  border-bottom: 1px solid #767676;
  text-decoration: none;
  color: #000;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  padding: 5px;
}
#cont_wrap .cont_o .cont_menu li a:hover{
  color: #FFF;
  background-color: #ff2fc1;
}
.nav{
  position: relative;
}

#controllers-widget {
  position: fixed;
  z-index: 1000000;
  top: auto;
  right: 0;
  bottom: 70px;
  left: auto;
  margin: 0;
  padding: 10px;
  font-size: 12px;
  width: 65px;
}
.volume {
  height: 72px;
}
 .volume input {
  display: none;
}
 .volume label {
  cursor: pointer;
}

.volume label {
  width: 68px;
  height: 68px;
  background: url(/assets/pc/css/img/icon_volume_off.png) left center no-repeat;
}
.volume input:checked + label {
  width: 68px;
  height: 68px;
  background: url(/assets/pc/css/img/icon_volume_on.png) left center no-repeat;
}