*{-webkit-appearance:none;}

body{
 padding:0;
 margin:0;
 background-image:url(../img/grada.png);
 background-repeat:repeat-x;

}
header{
 position:fixed;
 height:110px;
 width:100%;
 color:#000;
 background-color:rgba(0,127,255,0.5);
 padding:0;
 z-index:10;
}
h2{color:#999999;}
#iconBox{
 width:100%;
 height:auto;
 position:absolute;
 top:30px;
 left:71%;
 z-index:100;
}
.icon{
 margin-right:30px;
 margin-top:50px;
}
#menu{
 height:24px;
 width:100%;
 margin-top:0;
 padding:0;
 background:#fff;
}
li{
  list-style-type:none;
}
#menu ul{
 margin:0;
 padding:0;
 list-style-type:none;
}
#menu li{
 margin-top:0;
 padding:0;
 margin-left:30px;
 float:left;
}
#menu li a{
 color:#333333;
 text-decoration:none;
}
#menu li a:hover{
 background:#ff5555;
}
#whatsNew{
 width:90%;
 height:300px;
 margin-left:5%;
}
#wNLeft{
 background:#f7f5f3;
 float:left;
 width:25%;
 height:300px;
 font-size:40px;
 color:#aaaaaa;
}
#wNRight{
 float:left;
 width:75%;
 height:300px;
 background:#fff;
 overflow-y:scroll;
}
.wNDate{
 margin-top:10px;
 margin-left:10px;
 display:flex;
 float:left;
 justify-content:left;
 align-items:center;
 width:15%;
 height:60px;
 font-size:20px;
 border-bottom:1px solid #000;
}
.wNText{
 margin-top:10px;
 margin-left:10px;
 display:flex;
 float:left;
 justify-content:left;
 align-items:center;
 width:80%;
 height:60px;
 font-size:20px;
 border-bottom:1px solid #000;
}

footer{
 height:350px;
 width:90%;
 background-image:url(../img/footer.png), url(../img/footerR.png);
 background-position:right bottom, left bottom;
 background-repeat:no-repeat, no-repeat;
 position:relative;
 bottom:0;
 color:#aaaaaa;
 padding:5%;
 overflow:none;
}
footer a{
 text-decoration:none;
 color:#aaaaaa;
}

#ftleft{
 float:left;
 width:50%;
 height:270px;
 font-size:120%;
 line-height:200%;
}
#ftleft p{
 font-size:130%;
}
#ftleft a{
 font-weight:bold;
}
#ftright{
 float:left;
 width:50%;
 height:270px;
 font-size:130%;
}
#ftright li{
 float:left;
 margin-bottom:30px;
 width:50%;
}
footer #ftbottomL{
 float:left;
 width:50%;
 height:80px;
}
footer #ftbottomR{
 float:left;
 width:50%;
 margin-top:50px;
}
#container{
 margin-top:0;
 margin-left:5%;
 margin-right:5%;
 width:90%;
 height:auto;
}
#logo{
 color:#fff;
 font-size:30px;
 height:600px;
 width:100%;
 display:table;
}
#logo span{position:absolute;z-index:8;display:table-cell;vertical-align: middle;}
#logo span .catch{font-size:50px;font-weight:bold;font-family:游ゴシック/游ゴシック体;}
#logo span .moji{text-decoration:underline;line-height:100%;}
#showImg{
 position:absolute;
 top:24;
 z-index:1;
 width:100%;
 height:600px;
}
#itemA{position:relative;z-index:7;top:0px;width:100%;height:600px;background-image:url(../img/top_sli1.png); background-repeat:no-repeat;background-size:cover;opacity:1.0;}
#itemB{position:relative;z-index:6;top:-600px;width:100%;height:600px;background-image:url(../img/top_sli2.jpg);background-repeat:no-repeat;background-size:cover;opacity:1.0;}
#itemC{position:relative;z-index:5;top:-1200px;width:100%;height:600px;background-image:url(../img/top_sli3.jpg);background-repeat:no-repeat;background-size:cover;opacity:1.0;}
#itemD{position:relative;z-index:4;top:-1800px;width:100%;height:600px;background-image:url(../img/top_sli4.jpg);background-repeat:no-repeat;background-size:cover;opacity:1.0;}
#itemE{position:relative;z-index:3;top:-2400px;width:100%;height:600px;background-image:url(../img/top_sli5.jpg);background-repeat:no-repeat;background-size:cover;opacity:1.0;}
#show_cat{
 float:left;
 width:70%;
 margin:0;
}
.partCat img{
 width:150px;
 height:150px;
 border-radius:50%;
 box-shadow:0 0 15px rgba(0,0,0,0.5);
 margin-bottom:15px;
}
#show_cat a{text-decoration:none;color:#000;}
#threeCats{
 width:100%;
 height:240px;
 margin:0;
 padding:0;
}
.partCat{
 width:32%;
 height:240px;
 float:left;
 margin-top:7%;
 margin-left:1%;
 font-size:95%;
 line-height:150%;
}
.partCat img:hover{
 opacity:0.5;
 transition:0.3s;
}
.catName{
 background-image:url(../img/pad.png);
 background-repeat:no-repeat;
 padding-left:20%;
 background-size:30px;
 font-size:18px;
}
#show_emb{
 float:left;
 height:100%;
 width:30%;
}
#slide{
 margin:0;
 padding:0;
 width:100%;
 height:480px;
}
.space{height:110px;width:100%;}
.mgn{height:110px;width:100%;}
.clearfix::after {
 content: " ";
 display: block;
 clear: both;
}
#catInt{display:table;width:100%;height:auto;background:#fff;}
#catInt p{text-align:center;}
.catIntLFirst{display:table-cell;vertical-align:middle;float:left;width:30%;height:60px;background-color:#f7f5f3;border-top:3px solid #baada2;border-bottom:1px solid #baada2;}
.catIntRFirst{display:table-cell;vertical-align:middle;float:left;width:70%;height:60px;background-color:#ffffff;border-top:3px solid #baada2;border-bottom:1px solid #baada2;}
.catIntL{display:table-cell;vertical-align:middle;float:left;width:30%;height:60px;background-color:#f7f5f3;border-top:2px solid #baada2;border-bottom:1px solid #baada2;}
.catIntR{display:table-cell;vertical-align:middle;float:left;width:70%;height:60px;background-color:#ffffff;border-top:2px solid #baada2;border-bottom:1px solid #baada2;}
.catIntLLast{display:table-cell;vertical-align:middle;float:left;width:30%;height:190px;background-color:#f7f5f3;border-top:2px solid #baada2;border-bottom:3px solid #baada2;}
.catIntRLast{display:table-cell;vertical-align:middle;font-size:80%;float:left;width:70%;height:190px;background-color:#ffffff;border-top:2px solid #baada2;border-bottom:3px solid #baada2;}
#kitty{
 width:100%;
 height:auto;
 margin:0;
 padding:0;
}
#kittyTitle{
 width:100%;
 height:250px;
 margin-bottom:10px;
 background-image:url("../img/kittyTitleBack.png");
 background-repeat:no-repeat;
 background-size:cover;
 background-position:center;
}
.kittyIntr{
 position:relative;
 float:left;
 width:22.8%;
 height:400px;
 margin:1%;
 padding:0;
 text-align:center;
 border:1px #dddddd solid;
}
.kittyIntr img{width:70%;}
.overImg{position:absolute;top:0;left:15%;}
.kittyIntr span{font-weight:bold;}
.kittyImg{
 width:30%;
 float:left;
}
.kittyImg img{width:100%;}
.kittyInt{
 width:20%;
 float:left;
}
.kittyTopInt{
 text-align:center;
 width:68%;
 float:left;
}
.kittyTopInf{
 width:25%;
 float:left;
}
.kittyTopInfL{
 text-align:center;
 width:50%;
 float:left;
}
.kittyTopInfLL{
 text-align:center;
 width:100%;
 float:left;
}
.kittyIntL{text-align:center;display:table-cell;vertical-align:middle;float:left;width:30%;height:30px;}
.kittyIntR{text-align:center;display:table-cell;vertical-align:middle;float:left;width:70%;height:30px;font-size:90%;}
.kittyIntLS{text-align:center;display:table-cell;vertical-align:middle;float:left;width:100%;height:30px;}
#kittyTable{
 width:90%;
 margin-left:5%;
}
.kittyTCellL{
 padding-left:2%;
 padding-top:1%;
 float:left;
 width:9%;
 height:50px;
 font-weight:bold;
 background:#fff;
}
.kittyTCellR{
 padding-left:2%;
 padding-top:1%;
 float:left;
 width:37%;
 height:50px;
 background:#fff;
}
.kittyTCellBR{
 padding-left:2%;
 padding-top:1%;
 float:left;
 width:87%;
 height:50px;
 background:#fff;
 overflow:hidden;
}
#kannaki{
 width:100%;
 height:auto;
 margin:0;
 padding:0;
}
#kannaki_title{
 width:100%;
 height:210px;
 background-image:url(../img/kannaki_top.png);
 background-repeat:no-repeat;
 background-size:100% auto;
}
#kannaki_L{
 width:50%;
 float:left;
}
#kannaki_R{
 width:50%;
 float:left;
}
#kannaki_R span{
 margin-left:25px;
 line-height:250%;
}
#corkBack{
 width:90%;
 padding:5%;
 border-radius:30px;
 background-image:url(../img/cork.jpg);
 min-height:100vh;
}
#corkBack #boxText{
 width:90%;
 padding:5%;
 border-radius:30px;
 background-color:rgba(255, 255, 255, 0.8);
 min-height:100vh;
}
.headline{
 text-align:center;
 color:#fff;
}
#contentBox{width:100%;min-height:100vh;overflow:hidden;}
.contentImg{float:left;width:50%;height:350px;}
.contentText{float:left;width:44%;height:350px;padding:3%;overflow:hidden;overflow-wrap:break-word;}