/*----news---*/
#loadArea{ max-width:1000px; width:100%; margin:0 auto;}
#news .title{
display:block;
margin:0 0 0.5% 0%;
height:30px;
}
#news .btn_more{
border-radius:15px;
position:absolute;
padding:0.5% 2% 0.5%;
top:0%;
right:0px;
color:#fff;
background-color:#a58281;
}
#news{
position:relative;
overflow:hidden;
margin:2% 0 0;padding:0% 0 4%;
}
#news .innerbox{
margin-left:-0.6%;
}
#news .box{
display:block;
position:relative;
float:left;
width:32%; margin:1% 0 0 1%;
background-color:#fff;
border:1px solid #ee7d86;
}
#news .border{
position: absolute;z-index:15;
width: 100%;height: 100%;top: 0; left: 0;
border-radius:3px;
}
#news .game .border:hover{
box-shadow:inset 0 0 0 4px #FF65EF;
}
#news .event .border:hover{
box-shadow:inset 0 0 0 4px #FFAF00;
}
#news .news .border:hover{
box-shadow:inset 0 0 0 4px #ff0000;
}
#news .product .border:hover{
box-shadow:inset 0 0 0 4px #00D9A3;
}
#news .box:before{
  content: "";
  display: block;
  padding-top: 100%; /* 1:1 */
}
#news .inner{
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
}
#news .padd{
  padding:0%;
}
#news .icon{
display:block;position:absolute;
width:25%;top:-1.5%;left:-1.5%; z-index:1;
}
#news .thum{
display:block;position:relative;
width:100%; margin:0 0 5%;
}
#news .text{
display:block;position:relative;
width:100%;
margin:0 3% 0 5%;
font-size:88%;
line-height:140%; color:#333;
 word-break: break-all;
 width:92%;
}
#news .date{
display:block;position:absolute;
width:90%;bottom:5%;left:5%;
color:#bba2a2; font-size:11px; line-height:0%;
}
#news .text span{
color:#f69;
padding-right: 0.5em;
}

@media screen and (min-width:1000px) and (max-width:1300px) {
#news{
overflow:hidden;
margin:2% 0 0; padding:0% 0 2%;
}
#news .title{
display:block;
height:24px;
}
#news .box:before{
  content: "";
  display: block;
  padding-top: 100%; /* 1:1 */
}
#news .text{
font-size:88%; line-height:150%; width: 92%;
}
.catalog{
overflow:hidden;
margin:2% 0 0; padding:0% 0 2%;
}
.catalog .box:before{
  content: "";
  display: block;
  padding-top: 180%; /* 1:1 */
}
.catalog .text{
font-size:12px; line-height:145%;
}
#game_{
display:none;padding:0.01% 0 5%;
}
#game_ .catalog .box:before{
  content: "";
  display: block;
  padding-top: 180%; /* 1:1 */
}
#game_ .catalog .text .title{
display:block;height:2.6em;
overflow:hidden;
color:#666;
font-weight:bold;font-size:16px;
line-height:130%;
}
#subBanner .flex-control-nav{
position:absolute;
bottom:-15%;
}
}
@media screen and (min-width: 790px) and (max-width:999px) {

#news .title{
display:block;
margin:0 0 0.5% 0%;
height:24px;
}
#news .box{
display:block;position:relative; float:left;
width:32%; margin:1% 0 0 1%;
background-color:#fff;
background-image:url(../img/boxshadow.jpg); background-position:bottom;
background-repeat:no-repeat;
}
#news .box:before{
  content: "";
  display: block;
  padding-top: 105%; /* 1:1 */
}
#news .hide_4{
display:none;
}


}
/*-------------SP表示--------------*/
@media screen and (min-width: 590px) and (max-width:789px) {

/*----boxNavi---*/
#news{
overflow:hidden;
margin:2% 0 0; padding:0% 0 2%;
}

/*news*/
#news .box{
display:block;position:relative; float:left;
width:31.9%; margin:1% 0 0 1%;
background-color:#fff;
}
#news .box:before{
  content: "";
  display: block;
  padding-top: 130%; /* 1:1 */
}
#news .hide_4,
#news .hide_3{
display:none;
}

}

@media screen and (min-width: 401px) and (max-width:589px) {

#news{
overflow:hidden;
margin:2% 0 0; padding:0% 0 2%;
}
#news .title{
display:block;
margin:0 0 2% 0%;
height:25px;
}
#news .btn_more{
border-radius:25px;
position:absolute;
padding:1.5% 5% 1.5%;
top:0%;
right:0px;
color:#fff;
background-color:#a58281;
}
#news .box{
display:block;position:relative; float:left;
width:48.4%; margin:1% 0 1% 1%;
background-color:#fff;
}
#news .box:before{
  content: "";
  display: block;
  padding-top: 130%; /* 1:1 */
}
#news .hide_4,
#news .hide_3{
display:none;
}

}
@media screen and (min-width: 0px) and (max-width:639px) {

#loadArea{ border-bottom: solid 1px #ccc;}
.box{ min-height:80px !important;}

#news{
overflow:hidden;
margin:3% 0 0; padding:0% 0 2%;
}
#news .title{
display:block;
margin:0 0 2% 0%;
height:25px;
}
#news .btn_more{
border-radius:25px;
position:absolute;
padding:1.5% 5% 1.5%;
top:0%;
right:0px;
}
#news .box{
display:block;position:relative; float:left;
width:98%; margin:1% 0 2% 1%;
background-color:#fff;
border-top: solid 1px #ccc;
border-bottom: none;
border-left: none;
border-right: none;
}
#news .box:before{
  content: "";
  display: block;
  padding-top: 0%; /* 1:1 */
}
#news .date{
display:block;position:absolute;
width:90%;bottom:5%;left:2%;
color:#bba2a2; font-size:9px; line-height:0%;
}
#news .hide_4,
#news .hide_3{
display:none;
}
#news .icon{
display:none;position:absolute;z-index:20;
width:16%;
top:0%;
left:-2%;
}
#news .thum{
display:block;position:relative;
width:32%; margin:0 0 5% 2%; float:right;
}
#news .text{
display:block;position:relative;
width:96%;
margin:2% 2% 0 2%;
font-size:80%;
line-height:140%; color:#111;
 word-break: break-all;
}
#news .text span{ font-weight:600;}
#news .border{
padding-bottom:3%;
}
}

/*  newspage */
.newspage{font-family: "dnp-shuei-mgothic-std", sans-serif; font-size: clamp(1rem, 0.8947rem + 0.5263vw, 1.125rem); line-height:1.61; color: #2a2a2a;}
.newspage .thumbnail img{width: auto; max-width: 100%;}
.newspage .read-text{padding: 5% 0; transform:rotate(-0.1deg);}
.newspage .main-text{padding: 0; transform:rotate(-0.1deg);}
.newspage .data{color: #ff3399; margin-bottom: 10px; text-align: right;}
.newspage h2{color: #ff3399; font-size: clamp(1.25rem, 0.7237rem + 2.6316vw, 1.875rem); padding-bottom:0; margin-bottom: 0; }
.newspage h3{border-left: solid 10px #e6404d; padding-left: 5px; color: #e6404d; margin-top: 5%;}
.newspage ul.news-list, ul.news-list li{padding:0; margin:0; list-style: none;}
.newspage ul.news-list{margin-left: 20px;}
.newspage a{ color: #ee7d86; text-decoration: none;}
.newspage a:visited { color: #ee7d86; }
.newspage a:hover { color: #ee7d86; text-decoration: underline;}
.newspage a:active { color: #ee7d86; }
.newspage .double {
  border: none;
  background-color: #fff;
  border-width: 1px 0 0 0;
  border-top: double;
  border-color: #ccc;
  margin: 25px 0 ;
}
.news-footer{width: 90%; max-width: 1000px; margin: 0 auto;}

@media screen and (max-width: 700px) {
  .newspage .data{width: 90%; margin: 0 auto 5% auto ;}
  .newspage .thumbnail{width: 90%; margin: 0 auto;}
  .newspage .read-text,
  .newspage .main-text{width: 90%; margin: 0 auto;}
  .newspage .double {width: 90%;  margin: 5% auto;}
}

.newspage .movie_emb_box{width: 100%; max-width: 800px; margin:0;}
.newspage .movie_emb{ position: relative; width: 100%; padding-top: 56.25%;}
.newspage .movie_emb iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}