@charset"utf-8";
/*unity_top*/
@media screen and (max-width:799px){
#sns_box{
 position:fixed;
 width:138px;
 height:40ox;
 float:left;
 top:4px;
 left:4px;
 z-index:10;
 overflow:hidden;
}
#sns_box img{
 width:40px;
 height:40px;
 float:left;
 margin-right:6px;
}
}
@media screen and (min-width:800px){
#sns_box{
 position:absolute;
 width:48px;
 height:136px;
 float:right;
 top:5vw;
 right:1vw;
 z-index:10;
 overflow:hidden;
 background:#ffffff;
 padding:4px;
}
#sns_box img{
 width:40px;
 height:40px;
 margin-bottom:4px;
 float:left;
}
}

@media screen and (max-width:799px){
#top_img{
 position:relative;
 top:0;
 left:0vw;
 width:96vw;
 height:27.84vw;
 background:#ffffff url('../img/top_img_bkg_s.jpg');
 background-size:100%;
 overflow:hidden;
 display:none;
}
}
@media screen and (min-width:800px){
#top_img{
 position:relative;
 top:0;
 left:0vw;
 width:100vw;
 height:29vw;
 background:#ffffff url('../img/top_img_bkg.jpg');
 background-size:100%;
 overflow:hidden;
 display:none;
}
}

#top_img img{
 width:100%;
}

#top_img01,#top_img02,#top_img03,#top_img04{
 position:absolute;
 top:0vw;
 display:none;
 margin-left:100vw; 
}

@media screen and (min-width:800px){
#middle_logo_rage{
 position:absolute;
 top:32vw;
 margin-left:3.3vw;
 width:30vw;
 height:7vw;
 background:url(../img/middle_rage_logo.png);
 background-repeat:no-repeat;
 background-position:left top;
 background-size:100%;
 display:none;
 z-index:20;
}

}

/*----------------------->ニュースの部分*/
@media screen and (max-width:799px){
#news_box{
 text-align:left;
 font-size:80%;
 line-height:1.4em;
 overflow:hidden;
}
#news_box a{
 color:#3e3a39;
 font-weight:bold;
}
#body1,#body2,#body3,#body4,#body5{
 display:none;
}
.news_1coma{
 width:100%;
 padding-bottom:4px;
 margin-bottom:4px;
 border-bottom:1px dotted #595757;
}
.day_box{
 float:left;
 margin-right:20px;
}
.tit_box{
 cursor:pointer;
 font-weight:bold;
}
}
@media screen and (min-width:800px){
#news_box{
 position:relative;
 top:2vh;
 left:40vw;
 width:30vw;
 text-align:left;
 font-size:80%;
 line-height:1.4em;
 overflow:hidden;
}
#news_box a{
 color:#3e3a39;
 font-weight:bold;
}
#body1,#body2,#body3,#body4,#body5{
 display:none;
}
.news_1coma{
 width:100%;
 padding-bottom:4px;
 margin-bottom:4px;
 border-bottom:1px dotted #595757;
}
.day_box{
 float:left;
 margin-right:20px;
}
.tit_box{
 cursor:pointer;
 font-weight:bold;
}
}

@media screen and (max-width:799px){
#middle_block{
 width:100%;
 overflow:hidden;
 border-bottom:6px solid #221814;
 float:left;
}
}
@media screen and (min-width:800px){
#middle_block{
 width:100%;
 min-height:34vw;
 margin-top:2vw;
 overflow:hidden;
 border-bottom:10px solid #221814;
}
}


@media screen and (max-width:799px){
#middle_block_coma1{
 width:48vw;
 height:48vw;
 overflow:hidden;
 background:url(../img/middle_coma1_bak.png);
 background-repeat:no-repeat;
 background-position:left top;
 background-size:100%;
 display:none;
 float:left;
}
#middle_block_coma2{
 width:48vw;
 height:48vw;
 overflow:hidden;
 background:url(../img/middle_coma2_bak.jpg);
 background-repeat:no-repeat;
 background-position:left top;
 background-size:100%;
 display:none;
 float:left;
}
#middle_block_coma3{
 width:48vw;
 height:48vw;
 overflow:hidden;
 background:url(../img/middle_coma3_bak.jpg);
 background-repeat:no-repeat;
 background-position:left top;
 background-size:100%;
 display:none;
 float:left;
}
#middle_block_coma4{
 width:48vw;
 height:48vw;
 overflow:hidden;
 background:url(../img/middle_coma4_bak.jpg);
 background-repeat:no-repeat;
 background-position:left top;
 background-size:100%;
 display:none;
 float:left;
}
}
@media screen and (min-width:800px){
#middle_block_coma1{
 width:25vw;
 height:25vw;
 overflow:hidden;
 background:url(../img/middle_coma1_bak.png);
 background-repeat:no-repeat;
 background-position:left top;
 background-size:100%;
 display:none;
 float:left;
 cursor:pointer;
}
#middle_block_coma2{
 width:25vw;
 height:25vw;
 overflow:hidden;
 background:url(../img/middle_coma2_bak.jpg);
 background-repeat:no-repeat;
 background-position:left top;
 background-size:100%;
 display:none;
 float:left;
 cursor:pointer;
}
#middle_block_coma3{
 width:25vw;
 height:25vw;
 overflow:hidden;
 background:url(../img/middle_coma3_bak.jpg);
 background-repeat:no-repeat;
 background-position:left top;
 background-size:100%;
 display:none;
 float:left;
 cursor:pointer;
}
#middle_block_coma4{
 width:25vw;
 height:25vw;
 overflow:hidden;
 background:url(../img/middle_coma4_bak.jpg);
 background-repeat:no-repeat;
 background-position:left top;
 background-size:100%;
 display:none;
 float:left;
 cursor:pointer;
}
}