@charset "utf-8";

.news_list {
  width: 1000px;
  margin: 0 auto;
}

.news_list li {
  width: 100%;
  margin-bottom: 10px;
  padding: 35px 30px;
  background-color: rgba(0, 0, 0, .7);
  border-radius: 15px;
  line-height: 1.5;
}

.news_list li a {
  display: block;
  text-decoration: none;
  color:#FFF;
}

.news_list li .news_day {
  font-size: 16px;
}

.news_list li .news_title {
  margin-top: 3px;

  font-weight: bold;
  font-size: 18px;
}


#art .news_list {
  width: 1000px;
  margin: 70px auto 120px;
}

#art .news_list li {
  width: 100%;
  margin-: 30px 0 50px;
  padding: 20px 30px;
  background-color: rgba(22,45,68,0.7);
  border-radius: 15px;
  line-height: 1.5;
}

#art .news_list li a {
  display: block;
  text-decoration: none;
  color:#FFF;
}


#art .news_list li .news_day {
  font-size: 16px;
}

#art .news_list li a .news_title {
  margin-top: 3px;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
}

#art .news_list li a:hover .news_title {
color:#f4e001;
}



.news_detail {
  width: 1000px;
  margin: 30px auto 55px;
  padding: 50px 50px 60px;
  background-color: rgba(0, 0, 0, .7);
  border-radius: 15px;
  color: #fff;
  line-height: 1.5;
  word-wrap: break-word;
}

.news_detail .news_top_btn {
  width: 214px;
  margin: 30px auto 0;
}


#art .news_detail {
  width: 1000px;
  margin: 30px auto 55px;
  padding: 50px 50px 60px;
  background-color: rgba(0, 0, 0, .85);
  border-radius: 15px;
  color: #fff;
  line-height: 1.5;
  word-wrap: break-word;
  box-shadow:4px 7px 23px -9px #4281cc;
  
}

#art .news_detail .news_top_btn {
  width: 214px;
  margin: 30px auto 0;
}




.title_box .news_day {
  color: #da0728;
  font-size: 15px;
}

.title_box .news_title {
  font-weight: bold;
  font-size: 165%;
}

.news_sns {
  margin-top: 12px;
}

.news_sns li {
  display: inline-block;
  margin-right: 5px;
  vertical-align: bottom;
}

.news_sns li iframe {
  vertical-align: bottom;
}

.news_content {
  margin-top: 40px;
  font-size: 16px;
}

.news_content img {
  width: auto;
  max-width: 100% !important;
  height: auto !important;
}

.news_content strong {
  font-weight: bold;
}

.news_content p {
  margin: 15px 0;
  font-weight:normal;
line-height:1.6em;
}

.news_content h4 {
  font-weight: bold;
  font-size: 150%;
  color:#f4e001;
}

.news_content h4.pt2 {
    font-size: 145%;
    background: url(../img/common/menu/pc/icon_on.png) no-repeat left -5px;
    background-size: 2.5%;
    padding: 3px 0 5px 25px;
  color:#f4e001;
} 


.news_content h5 {
  font-weight: bold;
  font-size: 135%;
}
.news_content h5.pt1 {
  font-weight: bold;
  font-size: 135%;
  margin-bottom:-10px;
}

.news_content h5.pt2 {
    font-size: 135%;
    background: url(../img/common/menu/pc/icon_on.png) no-repeat left -5px;
    background-size: 2.5%;
    padding: 3px 0 5px 25px;

} 
.news_content h5.pt3 {
  font-weight: bold;
 font-size: 135%;
    color:#f4e001;

} 

.news_content iframe {
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  .news_list a .news_title {
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
  }
  .news_list a:hover .news_title {
    color: #f4e001;
  }
  .column64{width:64px;}
  .column240{width:240px;margin:0 auto 10px;}
  .column320{width:320px;margin:0 auto 10px;}
  .column480{width:480px;margin:0 auto 10px;}
  .column540{width:540px;margin:0 auto 10px;}
  .column640{width:640px;margin:0 auto 10px;}
  .column720{width:720px;margin:0 auto 10px;}
  .column810{width:810px;margin:0 auto 10px;}
  .column100p{width:100%;margin:0 auto 10px;}
  .column90p{width:90%;margin:0 auto 10px;}
  .column80p{width:80%;margin:0 auto 10px;}
  .column70p{width:70%;margin:0 auto 10px;}
  .column2a{width:100%;overflow:hidden;margin-bottom:30px;}
  .column2a p,.column2a div{float:left;}
  .column2a p:nth-child(1),.column2a div:nth-child(1){width:35%;margin-right:1.5%;}
  .column2a p:nth-child(2),.column2a div:nth-child(2){width:63.5%;}

  .column2b{display:flex;width:100%;margin-bottom:30px;justify-content: space-between;}
  .column2b p:nth-child(1),.column2b div:nth-child(1){width:70%;}
  .column2b p:nth-child(2),.column2b div:nth-child(2){width:27%;}
  
  .column2c{display:flex;width:100%;margin-bottom:30px;justify-content: space-between;}
  .column2c p:nth-child(1),.column2c div:nth-child(1){width:22%;padding:0px;}
  .column2c p:nth-child(2),.column2c div:nth-child(2){width:75%;padding:0px;}

  .column2{width:100%;overflow:hidden;margin-bottom:20px;}
  .column2 p,.column2 div{float:left;margin-bottom:10px;}
  .column2 p,.column2 div{width:48%;margin-right:2%;}
  .column2 p:nth-child(2),.column2 div:nth-child(2){margin-right:0;}
  
  .column2d{width:100%;display:flex;justify-content: left;margin-bottom:10px;}
  .column2d p:nth-child(1),.column2d div:nth-child(1){width:20%;margin-right:1%;}
  .column2d p:nth-child(2),.column2d div:nth-child(2){width:79%;}
  
  
  .column3{width:100%;display:flex;justify-content: space-between;}
  .column3 div{width:32%;}
  .column3 div p{width:100% !important;}
  .column3 p{width:32%;}
  br.sp{display:none;}

    .column3b{width:100%;display:flex;justify-content: space-between;}
  .column3b p{width:32%;}


  .column3c{width:100%;display:flex;justify-content: left;}
  .column3c p{width:33%;margin-right:0.5%;}
  .column3c p:nth-child(3n){margin-right:0%;}
  .column3c p img{width:100%;}

	.column3game{width:100%;display:flex;justify-content: space-between;}
  .column3game div{width:32%;}


  .column3d{width:100%;display:flex;}
  .column3d div:nth-child(odd){width:32%;margin-right:2%;margin-left:18%;}
  .column3d div:nth-child(even){width:32%;margin-right:18%;}
  .column3d div img{width:100%;}



  .column4{width:100%;display:flex;justify-content: space-between;}
  .column4 p{width:23.5%;margin:0 auto;}
  
  .column5{width:100%;display:flex;justify-content: space-between;}
  .column5 p{width:19.5%;margin:0 auto;}
  .column6{width:100%;display:flex;justify-content: space-between;}
  .column6 p{width:16.5%;margin:0 auto;}
}

@media screen and (max-width: 767px) {
  .column64{width:64px;}
  .column240{width:50%;margin:0 auto 10px;}
  .column320{width:70%;margin:0 auto 10px;}
  .column480{width:70%;margin:0 auto 10px;}
  .column540{width:90%;margin:0 auto 10px;}
  .column640{width:90%;margin:0 auto 10px;}
  .column720{width:90%;margin:0 auto 10px;}

  .column100p{width:100%;margin:0 auto 10px;}
  .column90p{width:100%;margin:0 auto 10px;}
  .column80p{width:100%;margin:0 auto 10px;}
  .column70p{width:100%;margin:0 auto 10px;}
  .column2{width:100%;margin-bottom:30px;}
  .column2 p,.column2 div{width:90%;margin:0 5% 30px;}

  .column2a{width:100%;margin-bottom:30px;}
  .column2a p,.column2a div{width:90%;margin:0 5% 30px;}
  .column2b{width:100%;margin-bottom:30px;}
  .column2b p,.column2b div{width:90%;margin:0 5% 30px;}

  .column2c{width:100%;margin-bottom:30px;}
  .column2c p:nth-child(1),.column2c div:nth-child(1){width:65%;margin:10px auto;}
  .column2c p:nth-child(2),.column2c div:nth-child(2){width:auto;margin:0 0 50px;}


  .column2d{width:100%;display:flex;justify-content: left;margin-bottom:10px;}
  .column2d p:nth-child(1),.column2d div:nth-child(1){width:20%;margin-right:1%;}
  .column2d p:nth-child(2),.column2d div:nth-child(2){width:79%;}

  .column3{width:100%;display:flex;justify-content: space-between;}
  .column3 p{width:32%;margin:0 auto;}

  .column3c{width:100%;display:flex;justify-content: left;}
  .column3c p{width:33%;margin-right:0.5%;}
  .column3c p:nth-child(3n){margin-right:0%;}
  .column3c p img{width:100%;}


  .column3d{width:100%;display:flex;}
  .column3d div:nth-child(odd){width:32%;margin-right:2%;margin-left:18%;}
  .column3d div:nth-child(even){width:32%;margin-right:18%;}
  .column3d div img{width:100%;}

  .column3game{width:100%;}
  .column3game div{width:100%;margin:0 auto 20px;}
  .column3game div img{width:75%;display:block;margin:0 auto;}
  .column4{width:100%;display:flex;justify-content: space-between;}
   .column4 p{width:48.5%;margin:0 auto 10px;flex-wrap:wrap;}
  
  .column5{width:100%;display:flex;justify-content: space-between;}
  .column5 p{width:48.5%;margin:0 auto;}
  
  
  .column6{width:100%;display:flex;justify-content: space-between;flex-wrap:wrap;}
  .column6 p{width:16%;margin:0 auto;}
  
  
  .news_list {
    width: 90%;
    margin-top: 20px;
  }
  
  .news_list li {
    margin-bottom: 10px;
    padding: 23px 20px;
    border-radius: 8px;
    line-height: 1.6;
  }
  .news_list li .news_day {
    font-size: 14px;
  }
  .news_list li .news_title {
    margin-top: 6px;
    font-size: 14.5px;
  }
  
  
#art .news_list {
    width: 90%;
    margin: 50px auto ;
  }
  
#art .news_list li {
    margin-bottom: 10px;
    padding: 10px 20px;
    border-radius: 8px;
    line-height: 1.6;
  }
  
#art .news_list li .news_day {
    font-size: 11.5px;
  }
  
#art .news_list li a .news_title{
    margin-top: 6px;
    font-size: 13px;
  }
  
  
  
  
  
  .news_detail {
    width: 90%;
    margin: 20px auto 25px;
    padding: 23px 23px 40px;
    border-radius: 8px;
    line-height: 1.5;
  }
  .news_detail .news_top_btn {
    width: 229px;
    margin: 20px auto 0;
  }
  
  
  
#art  .news_detail {
    width: 90%;
    margin: 20px auto 25px;
    padding: 23px 23px 40px;
    border-radius: 8px;
    line-height: 1.5;
  }
  .news_detail .news_top_btn {
    width: 229px;
    margin: 20px auto 0;
  }
  
  .title_box .news_day {
    font-size: 14px;
  }
  .title_box .news_title {
    font-size: 18px;
  }
  .news_sns {
    margin-top: 12px;
  }
  .news_sns li {
    margin-right: 1%;
    margin-bottom: 5px;
  }
  .news_content {
    margin-top: 20px;
    font-size: 13.5px;
  }
  .news_content div {
    max-width: 100%;
  }
  .news_content p {
    max-width: 100%;
    margin: 10px 0;
    font-weight:normal;
    line-height:1.6em;
  }
  .news_content span {
    max-width: 100%;
  }
  .news_content h4 {
    font-size: 130%;
    color:#f4e001;
  }
  .news_content h5 {
    font-size: 115%;
    margin-bottom:0px;
  }
  .news_content h5.pt1 {
    font-size: 115%;
    margin-bottom:-10px;
  }
  

  
}


ul.type01 {
	list-style-type: none;
	margin-left:16px;
	margin-top:10px;
	width:95%;margin:0 2.5%;
}
ul.type01 li{
	font-size:0.875em;
	font-weight:normal;
	line-height:1.8em;
}

ul.type01 li:before {
	content: '\203B '; 
	margin-left:-16px;
	font-weight:normal;
}
@media screen and (min-width: 768px) {

dl.news3{width:100%;overflow:hidden;}
dl.news3 dt{width:16%;float:left;margin:0 2% 10px 0;clear:both;white-space:nowrap;}
dl.news3 dd{width:82%;float:left;margin:0 0px 10px 0;font-weight:normal;}

dl.news4{width:100%;overflow:hidden;}
dl.news4 dt{width:25%;float:left;margin:0 2% 10px 0;clear:both;white-space:nowrap;}
dl.news4 dd{width:73%;float:left;margin:0 0px 10px 0;font-weight:normal;}

dl.news2{width:100%;display:flex; flex-wrap:wrap;}
dl.news2 dt{width:5%;margin:0 2% 10px 0;clear:both;white-space:nowrap;}
dl.news2 dd{width:93%;margin:0 0px 10px 0;font-weight:normal;}

dl.news{width:100%;overflow:hidden;}
dl.news dt{width:11%;float:left;margin:0 2% 10px 0;clear:both;white-space:nowrap;}
dl.news dd{width:85%;float:left;margin:0 0px 10px 0;font-weight:normal;}
}

@media screen and (max-width: 767px) {
dl.news{width:100%;overflow:hidden;}
dl.news dt{width:100%;font-weight:700;font-size:1.125em;}
dl.news dd{width:100%;margin:0 0 15px 0;font-weight:normal;}

dl.news2{width:100%;display:flex; flex-wrap:wrap;}
dl.news2 dt{width:100%;margin:0 0 -2px 0;clear:both;font-weight:700;white-space:nowrap;}
dl.news2 dd{width:100%;margin:0 0 10px 0;font-weight:normal;}

dl.news3{width:100%;display:flex; flex-wrap:wrap;}
dl.news3 dt{width:100%;margin:0 0 -2px 0;clear:both;font-weight:700;white-space:nowrap;}
dl.news3 dd{width:100%;margin:0 0 10px 0;font-weight:normal;}


dl.news4{width:100%;display:flex; flex-wrap:wrap;}
dl.news4 dt{width:100%;margin:0 0 -2px 0;clear:both;font-weight:700;white-space:nowrap;}
dl.news4 dd{width:100%;margin:0 0 10px 0;font-weight:normal;}
.news_content h4.pt2 {
    font-size: 145%;
    background: url(../img/common/menu/pc/icon_on.png) no-repeat left -5px;
    background-size: 6.5%;
    padding: 3px 0 0px 25px;
    color: #f4e001;
}

.news_content h5.pt2 {
    font-size: 130%;
    background: url(../img/common/menu/pc/icon_on.png) no-repeat left -10px;
    background-size: 6.5%;
    padding: 3px 0 0px 25px;
}

.news_content h5.pt3 {
  font-weight: bold;
    font-size: 130%;
    color:#f4e001;

} 


  br.pc{display:none;}

}

.mT10{margin-top:10px;display:block;}
.mT20{margin-top:30px;display:block;}
.mT30{margin-top:40px;display:block;}
.mT40{margin-top:40px;display:block;}
.mT50{margin-top:50px;display:block;}
.mT60{margin-top:60px;display:block;}
.mT70{margin-top:70px;display:block;}
.mT80{margin-top:80px;display:block;}
.mT90{margin-top:90px;display:block;}
.mT100{margin-top:100px;display:block;}

.mB10{margin-bottom:10px !important;display:block;}
.mB20{margin-bottom:30px !important;display:block;}
.mB30{margin-bottom:40px !important;display:block;}
.mB40{margin-bottom:40px !important;display:block;}
.mB50{margin-bottom:50px !important;display:block;}
.mB60{margin-bottom:60px !important;display:block;}
.mB70{margin-bottom:70px !important;display:block;}
.mB80{margin-bottom:80px !important;display:block;}
.mB90{margin-bottom:90px !important;display:block;}
.mB100{margin-bottom:100px !important;display:block;}
.formButton a{border-radius:30px;padding:10px 30px;color:#FFF;background-color:#da0728;margin:5px 0  15px 0;text-decoration:none;display:inline-block;font-weight:700;text-align:center;font-size:1.6em;}
.formButton a:hover{opacity:0.7;}

@media screen and (min-width: 768px) {
div.column2movie{width:100%;overflow:hidden;margin:30px 0 40px;}
div.column2movie div{float:left;font-weight:normal;font-size: 1.25em;}
div.column2movie div:nth-child(1){width:55%;margin-right:1%;}
div.column2movie div:nth-child(2){width:43%;margin-right:1%;}
div.column2movie div.movie{width:100%;position:relative;padding-top:56.25%;float:none;}
div.column2movie div.movie iframe{width:100% !important;height:100% !important;position:absolute;top:0px;right:0px;}

.buyBtn  {
    display: block;
	width:30%;
}

.buyBtn a {
    display: block;
    color: #fff;
    background-color: #da0728;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 10px;
    font-weight: 700;
    width:100%;
        text-align:center;
}

.buyBtn a:hover{
opacity:0.7;
}

}

@media screen and (max-width: 767px) {
div.column2movie{width:100%;overflow:hidden;margin:30px 0 40px;}
div.column2movie div{float:left;font-weight:normal;font-size: 1em;}
div.column2movie div:nth-child(1){width:60%;margin-right:1%;}
div.column2movie div:nth-child(2){width:38%;margin-right:1%;}
div.column2movie div.movie{width:100%;position:relative;padding-top:56.25%;float:none;}
div.column2movie div.movie iframe{width:100% !important;height:100% !important;position:absolute;top:0px;right:0px;}

  .column3{width:100%;margin-bottom:30px;display:flex;justify-content: center;}
  .column3 p{width:32%;}
  
  .column3b{width:100%;display:block;}
  .column3b p{width:auto;}
  
.buyBtn  {
    display: block;
	width:70%;
}

.buyBtn a {
    display: block;
    color: #fff;
    background-color: #da0728;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 10px;
    font-weight: 700;
    width:100%;
    text-align:center;
}
  

}


div.movie{width:100%;position:relative;padding-top:56.25%;float:none;}
div.movie iframe{width:100% !important;height:100% !important;position:absolute;top:0px;right:0px;}

@media screen and (min-width: 769px) {span.pc{display:none;}}
@media screen and (max-width: 768px) {span.pc{display:inline-block !important;}}


ol.decimal{list-style-type: decimal;width:100%;}
ol.decimal li{padding:0 0 5px 0px;margin:0 0 0 15px;}
