body {
background: #000;
color: #fff;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
font-weight: 500;
width: 100%;
height:100%;
font-size: 12px;
line-height:1.8em;
margin: 0px;
}


#wrap{
width: 100%;
position: relative;
}

a:hover {opacity:1;} 

.sp{ display: block;}
.pc{ display: none;}
.fontL{ font-size: 110%; letter-spacing: 0.1em;}
.fontS{ font-size: 80%; letter-spacing: 0.1em;}

.no-wrap { display: inline-block;}
.no-space{ letter-spacing: -3.5px;}
.boxfade{ width: 100%;}

.txtRed{ color: #c9151e;}
.txtYell{ color: #FFD000;}
.txtBold{ font-weight: 700;}

.linkLabel{
margin-top:-80px;
padding-top:80px;
text-indent: -99999px;
}

.warningfontL{
padding-left: 1em;
text-indent: -1em;
}

.warningfontS{
font-size: 80%;
line-height: 1.5em;
padding-left: 1em;
text-indent: -1em;
}

[data-ruby] {
    position: relative;
}
[data-ruby]::before {
    content: attr(data-ruby);
    position: absolute;
	width: 180%;
	text-align: center;
    top: -2.1em;
    left: -40%;
    right: 0;
    margin: 0 auto;
    font-size: 0.6em;
	letter-spacing: 0;
	font-family: source-han-sans-cjk-ja, sans-serif;
font-weight: 400;
}

.noise{
background: url("../images/noise.gif");
background-size: 100px auto;
width: 100%; height: 100%;
position: absolute;
top: 0; left: 0;
z-index: 1;
mix-blend-mode: soft-light;
opacity: 0.2;
pointer-events: none;
}
/*---------------------------------------------

main

----------------------------------------------*/

@keyframes  fadeanm {
0% {opacity: 0;}
100% {opacity: 1;}
}

@keyframes  scaleanm {
0% { transform: scale(1.1,1.1); opacity: 1;}
100% { transform: scale(1,1); opacity: 1;}
}

@keyframes  scaleanm2 {
0% { transform: scale(1.1,1.1); opacity: 0;}
100% { transform: scale(1,1); opacity: 1;}
}


#content{
width: 100%;
line-height: 0;
position: relative;
overflow-x: hidden;
margin: 0;
}

.noise{
background: url("../images/noise.gif");
background-size: 100Px auto;
width: 100%; height: 100%;
position: absolute;
top: 0; left: 0;
z-index: 6;
mix-blend-mode: soft-light;
opacity: 0.2;
pointer-events: none;
}

/*---------------------------------------------

header

---------------------------------------------*/


header{
background: url("../images/header.jpg") no-repeat top 0 left 87%;
background-size: cover;
width:100%;
position: relative;
overflow: hidden;
}

header:before{
content:"";
display: block;
padding-top: 30%;
}

#logokaso{
width:40%; height:55%;
position: absolute;
top: 18%; left: 30%;
z-index: 10;
}

#logokaso a{
width: 100%; height: 100%;
display: block;
}



#newsM{
font-family: trajan-pro-3, serif;
font-weight: 400;
font-style: normal;
width: 100%;
text-align: center;
padding: 20px 0;
font-size: 16px;
color: #f20700;
line-height: 1em;
letter-spacing: 2px;
}

#newsMain{
width: 100%;
padding: 10px 0;
overflow: hidden;
z-index: 5;
}

.newsKijiAll{
width:90%;
max-width:1000px;
padding:0;
margin:0 auto 50px;
}

.newsKijidate{
font-family: trajan-pro-3, serif;
font-weight: 400;
font-style: normal;
color: #f20700;
width: 100%;
font-size: 12px;
padding: 0 0 5px;
line-height:1em;
letter-spacing: 1px;
}

.newsKijiM{
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
font-weight: 500;
font-style: normal;
letter-spacing: -1px;
width:100%;
font-size:16px;
line-height:1.5em;
padding: 5px 0;
color: #f20700;
border-bottom: 1px solid #7D0002;
}

.newsKijitxt{
font-size:12px;
width:100%;
padding:10px 0;
line-height: 1.7em;
letter-spacing: .5px;
text-align: justify;
word-break: break-all;
}

.newsKijitxt a{ text-decoration: underline;}

.img100{ width: 100%;}
.img80{ width: 100%;}
.img70{ width: 100%;}
.img60{ width: 100%;}
.img50{ width: 70%;}
.img30{ width: 50%;}
.no-click{ pointer-events: none;}


/*

comment area

*/

.comBox{
width: 99%;
margin : 0 0 0 ;
line-height : 1.8em;
border : solid 1px #99000a ;
text-align: left;
}

.comBox2{
width: 99%;
margin : 0 0 0 ;
line-height : 1.8em;
border : double 3px #99000a ;
text-align: left;
}

.comBox3{
width: 99%;
margin : 0 0 0 ;
line-height : 1.8em;
border : dotted 2px #99000a;
border-radius: 6px;
text-align: left;
}

.comNM{
font-size: 110%;
line-height: 1.5em;
margin-bottom: 0.4em;
font-weight: 600;
color: #F60004;
}

.comBoxTxt{
width: 90%;
padding: 1em 0 1.5em;
margin: 0 auto;
}


/*----- more -----*/

.readmore {
position: relative;
margin: 1em auto;
display: block;
color: #c9151e;
border: none;
outline: 0;
cursor: pointer;
background: none;
letter-spacing: 0.1em;
}
.readmore:before {
content: "";
width: 50px;
height: 50px;
text-align: center;
border-radius: 50%;
display: block;
margin: 0 auto .5em;
background: url("../images/news/more.png") no-repeat center / 20px #c9151e;
transition: .3s;
}
.readmore.on-click:before {
transform: rotate(180deg);
}
.readmore .open {
display: block;
font-family: trajan-pro-3, serif;
font-weight: 400;
font-style: normal;
font-size: 14px;
}
.readmore.on-click .open {
display: none;
}
.readmore .close {
display: none;
font-size: 14px;
font-family: trajan-pro-3, serif;
font-weight: 400;
font-style: normal;
}
.readmore.on-click .close {
display: block;
}


/*---------------------------------------------

media

----------------------------------------------*/


#mediaAll{
width: 100%;
margin: 0 auto;
padding: 0;
}


#medianav {
width: 90%; max-width: 1100px;
margin: 0 auto 50px;
padding: 0;
overflow: hidden;
position: relative;
}

#medianav ul {
width: 100%;
list-style: none outside none;
float: left;
margin: 0 0 0 0;
padding: 0;
position: relative;
left: 50%;
}

#medianav ul li {
background: #c9151e;
background: linear-gradient(to bottom, #c9151e 50%, #a8070f 51%);
width: 32.7%; height: 40px;
margin: 0 0.3%;
float: left;
line-height: 40px;
position: relative;
left: -50%;
transition: all 0.3s ease;
text-align: center;
font-family: shippori-mincho, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 14px;
color: #fff;
}

#medianav ul li:hover{
opacity: 0.7;
}

#medianav ul li a{
width: 100%;
height: 100%;
color: #fff;
text-decoration: none;
display: block;
}


.mediaKijiM{
border-top: 3px double #990000;
border-bottom: 3px double #990000;
color: #c9151e;
width:100%;
font-family: shippori-mincho, sans-serif;
font-weight: 500;
font-style: normal;
font-size:18px;
line-height:1.5em;
padding: 10px 0;
margin: 10px 0;
letter-spacing: 0;
text-align: center;
}



/*

list

*/

.tbList{
width:100%;
border-collapse: collapse;
border-spacing: 0px;
border:0;
}

.tbList th{
background: #900000;
padding: 2px;
text-align: center;
font-size:90%;
color: #000;
line-height:1.5em;
border-right: 1px solid #000;
font-weight: 600;
font-size:10px;
}

.tbList td{
padding: 10px 0;
font-size:10px;
border-bottom: 1px solid #900000;
line-height:1.5em;
text-align:center;
}

.tbList td a{
text-decoration: underline;
}

.tbList td.area01a{width:20%; text-align:center;}
.tbList td.area02a{width:30%; text-align:center;}
.tbList td.area03a{width:50%; text-align:center;}

.tbList td.area01b{width:15%; text-align:center;}
.tbList td.area02b{width:30%; text-align:center;}
.tbList td.area03b{width:55%; text-align:center;}

.tbList td.area01c{width:15%; text-align:center;}
.tbList td.area02c{width:15%; text-align:center;}
.tbList td.area03c{width:15%; text-align:center;}
.tbList td.area04c{width:30%; text-align:center;}
.tbList td.area04c{width:25%; text-align:center;}

.tbList td.area01d{width:40%; text-align:center;}
.tbList td.area02d{width:60%; text-align:center;}

.tbList td.area01e{width:40%; text-align:center;}
.tbList td.area02e{width:25%; text-align:center;}
.tbList td.area03e{width:35%; text-align:center;}

.tbList td.area01f{width:30%; text-align:center;}
.tbList td.area02f{width:30%; text-align:center;}
.tbList td.area03f{width:20%; text-align:center;}
.tbList td.area04f{width:20%; text-align:center;}


/*---------------------------------------------

footer

----------------------------------------------*/

footer{
background: url("../images/footer/img_footer.jpg") no-repeat center;
background-size: cover;
width: 100%;
padding: 20px 0 70px;
z-index: 2;
position: relative;
overflow: hidden;
}

#shareArea{
background: url("../images/footer/sharemark.png") no-repeat left;
background-size: auto 100%;
width: 300px;
margin: 0 auto;
text-align: right;
font-family: trajan-pro-3, serif;
font-weight: 400;
font-style: normal;
font-size: 14px;
line-height: 1em;
letter-spacing: 0;
}

#shareArea a{ margin: 0 10px; color: #cf252f;}

#copyright{
background: url("../images/footer/copyright.png") no-repeat center;
background-size: contain;
width: 303px; height: 11px;
margin: 20px auto;
position: relative;
text-indent: -999999px;
}

#wb{
width: 140px;
margin: 70px auto 0;
}

#privacy{
width: 100%;
margin: 15px auto;
font-size: 9px;
line-height: 1em;
color: #cf252f;
text-align: center;
}

#privacy a{
text-decoration: none;
color: #cf252f;
}

#wbsns{
width: 100%;
margin: 10px auto;
text-align: center;
}

#wbsns img{
width: 25px;
margin: 0 4px;
}

#btnpagetop{
background: #cf252f;
width: 55px; height: 55px;
position: fixed;
bottom: 5px; right: 5px;
z-index: 20;
line-height: 55px;
text-align: center;
font-size: 18px;
}

#btnpagetop a{
width: 100%; height: 100%;
display: block;
color: #000;
}