footer .Copyright a{
  font-family: "M PLUS Rounded 1c", sans-serif;
  color: #fff;
}

p,span{
  font-family: "M PLUS Rounded 1c", sans-serif;
}
body{
  font-family: "M PLUS Rounded 1c", sans-serif;
  max-width: 1180px;
  margin:0 auto;
  font-size: 1rem;
  line-height: 1.2;
}
h1,.headTitle{
  font-size: 0.8rem;
  margin: 10px 0 4px;
  font-weight: normal;
}
header{
  font-size: 0.7rem;
  color: #aaa;
  font-weight: normal;
}
header h1,header p,.headTitle{
  margin-left: 1%;
}
a {
  font-family: "M PLUS Rounded 1c", sans-serif;
  text-decoration: none;
  color: #000;
}
a:hover{
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;

}
ins {
  background: none;
}
nav{
  margin:2% 0;
  /*background: #946a16;*/
  font-size: 1.1rem;
}
nav li{
  float: left;
  width:16.666%;
  text-align: center;
}
nav li:last-child a{
  border-right: none;
}
nav li a i{
  margin-right: 5px;
}
nav li a{
  display:block;
  border-right: 1px dotted #fff;
  background-color: #4360d1;
  padding: 6px 0px;
  color: #fff;
  font-size: 0.85rem;
}
nav li a:hover{
  background-color: rgba(0, 56, 139, 0.9);
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
nav ul:after,#sideArea:after,.list li:after,#sideArea li:after,section:after,.footerMenuArea:after{
  content: "";
  clear: both;
  display: block;
}
#mainArea{
  float: left;
  width: 74%;
  margin-left: 1%;
  margin-bottom: 50px;
}
#sideArea{
  float: left;
  width: 23%;
  margin-left: 2%;
}

.list img{
  border-radius: 20px;
  box-shadow: 1px 1px 5px rgba(0,0,0,0.8);
}
.list li{
  position: relative;
  border-bottom: 2px solid #aaa;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  margin-top: 2%;
  padding: 10px;
  width: 97%;
  display: inline-block;
  text-decoration: none;
  outline: none;
  transition: all .3s;
}

.list li::before,
.list li::after {
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  z-index: 2;
  content: '';
  transition: all .3s;
}
.list li::before {
  border-top: 2px solid #5d76ff;
  border-bottom: 2px solid #5d76ff;
  border-radius: 10px;
  transform: scale(0, 1);
}
.list li::after {
  border-right: 2px solid #5d76ff;
  border-left: 2px solid #5d76ff;
  border-radius: 10px;
  transform: scale(1, 0);
}
.list li:hover {
  border-bottom: 2px solid #fff;
}
.list li:hover::after,
.list li:hover::before {
  transform: scale(1);
}


.list li div{
  float: left;
}
.list li div:first-child{
  width:20%;
}
.list li div:last-child{
  width: 78%;
  margin: 0 0 0 2%;
}
.list h2{
  font-size: 1.4rem;
  line-height: 1.4em;
  border-bottom: 3px dashed #dcdcdc;
  padding-bottom: 3px;
}
.list h3{
    margin-top: 3%;
    width: 90%;
    font-weight: normal;
}


#sideArea img{
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0,0,0,0.8);
}
#sideArea li .movieBg img{
  border-radius: 0;
}
#sideArea li{
  position: relative;
  margin-top: 2%;
  width: 98%;
}
#sideArea li div{
}
#sideArea li div:first-child{
  width:20%;
}
#sideArea li div:last-child{
  width: 78%;
  margin: 2% 0 0 2%;
}
h5{
  font-size: 0.8rem;
  padding-bottom: 3px;
  width: 98%;
}
#sideArea p{
    margin-top: 3%;
    width: 90%;
    font-weight: normal;
}
.day span{
	white-space: nowrap;
	padding-left: 10px
}
.day{
  font-size: 0.7rem;
  margin: 1% 0 0 0;
  text-align: right;
  color: #aaa;
}
.mainImg{
  position: relative;
  display: block;
  width: 45%;
  text-align: left;
}
.moreRead{
  border: 1px solid #333;
  border-radius: 5px;
  padding: 1% 8%;
  margin: 1% 0 0 0;
  display: inline-block;
}
.listLink{
  position: absolute;
  top:0;
  left:0;
  z-index: 10;
}
.listLink:hover{
  background: rgba(255,255,255,0.3);
}
header{
  position: relative;
}
.bgImg{
  position: relative;
}
#archives li a,#categories li a{
  display: block;
  border-bottom: 1px solid #aaa;
  padding:5px 19% 5px 0;
  width: 80%;
  font-size: 0.8rem
}
#archives li a:after,#categories li a:after{
    content: "\f101";
    font-family: icomoon;
    position: absolute;
    right: 1%;
}
#searchArea{
  margin-bottom: 6%;
}
#newInfo,#favInfo,#archives,#categories{
  margin-bottom: 12%;
}
#favInfo ul li,#newInfo ul li{
    border-bottom: 1px solid #aaa;
    padding-bottom: 4px;
}

#categories li:hover a,#favInfo li:hover a,#newInfo li:hover a{
  color: #231ed2;
}
#favInfo li a,#newInfo li a{
  display: flex;
}

h4 {
  position: relative;
  text-align: center;
  display: inline-block;
  margin: 10px 0 9px;
  padding: 7px 10px;
  width: 98%;
/*  min-width: 120px;
  max-width: 100%;*/
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 3px #555;
  border-radius: 5px;
  box-sizing: border-box;
}

h4:before{
  content: "";
  position: absolute;
  bottom: -24px;
  left: 51.5%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}

h4:after{
  content: "";
  position: absolute;
  bottom: -30px;
  left: 51.5%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #555;
  z-index: 1;
}
footer{
  background: #395db3;
  padding: 4% 0 2%;
  margin-top: 8%;
  color: #fff;
  font-size: 0.8rem;
}
.logo-slider {
  display:none;
}
.logo-slider.slick-initialized {
  display: block;
}
.appArea div p{
  padding-top: 8%;
  color: #fff;
  opacity: 0.9;
  font-weight: bold;
}
.appArea div{
  position: absolute;
  top:5%;
  left:0;
  background: rgba(0,0,0,0.5);
  width: 100%;
  height: 100%;
}
.appArea{
  position: relative;
  padding-top: 4%;
  text-align: center;
}
.appImg{
  text-align: center;
  margin-top: 5%;
}
.appImg img{
  width:50%;
  border-radius: 25px;
}
.appTitle{
  font-weight: bold;
  font-size: 0.9rem;
  text-align: center;
  padding-bottom: 4px;
  margin-top: 2%;
}
.footerMenu li a:after{
  content: "\f101";
  font-family: icomoon;
  position: absolute;
  right: 0;
}

.footerMenu li a:before {
  content: "\f5bc";
  font-family: icomoon;
  position: absolute;
  left: 0;
  top:21%;
  font-size: 0.6rem;
  color: #0010ff;
}
.footerMenu li a{
  display: block;
  border-bottom: 1px solid #aaa;
  padding: 5px 0 5px 15px;
  width: 95%;
}
.footerMenu p{
  color: #333;
}
.footerMenu li{
  position: relative;
  margin-top: 2%;
  padding-bottom: 2%;
  width: 97%;
  color: #333;
}
.footerTitle{
  color: #13368b;
  font-size: 1.1rem;
  font-weight: bold;
  padding-bottom: 3px;
  border-bottom: 1px dotted #aaa;
  margin-bottom: 5px;
}
.footerMenuArea{
  width:50%;
  margin:0 auto;
}
.footerMenu{
  float: left;
  background: #fff;
  border-radius: 8px;
  padding: 2%;
  width: 44%;
  margin: 0 1% 3%;
}
.Copyright{
  text-align: center;
  margin-top: 2%;
}
.loading{
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height: 100%;
  background: #fff;
  z-index: 1000
}
.loading div{
  position: absolute;
  top: 48%;
  left: 0;
  right: 0;
  font-family: "M PLUS Rounded 1c", sans-serif;
  color: #5d76ff;
  font-size: 28px;
  text-align: center;
}
.loading img{

/*デザイン*/
margin:0;
border-radius:5px;
text-align:center;

/*アニメーション*/
animation: animScale 3s infinite ease-out;
transform-origin: 50% 50%;
animation-play-state:running;

}
@keyframes animScale {
20% { transform: scale(0.8, 0.8); }
25% { transform: scale(1.2, 1.2); }
30% { transform: scale(1, 1); }
35% { transform: scale(1.1, 1.1); }
40% { transform: scale(1, 1); }
100% { transform: scale(1, 1); }
}

#mainArea.lp h1,#mainArea.lp_top h1,.mainTitle{
  background: #13368b;
  padding:3px;
}
#mainArea.lp_top h1 span,#mainArea.lp h1 span,.mainTitle span{
  display: block;
  border: 1px solid rgba(255,255,255,0.5);
  padding: 1% 1.5%;
  color: #fff;
  font-size: 1.3rem;
  font-weight: bold;
}
#mainArea.lp h2,.subTitle{
  border-left: 5px solid #395db3;
  border-bottom: 1px solid #aaa;
  font-size: 1.1rem;
  margin: 2% 0;
  padding: 7px 0 7px 8px;
}
#mainArea.lp h2:first-letter,.subTitle:first-letter{
  color: #395db3;
  font-size: 1.7rem;
  margin-right: 2px;
}
p,h3{
  font-size: 0.9rem;
  line-height: 1.5;
  width:99%;
  font-weight: normal;
  font-family: "M PLUS Rounded 1c", sans-serif;
}
.mb0{ margin-bottom: 0px!important; }
.mb10{ margin-bottom: 10px!important; }
.mb20{ margin-bottom: 20px!important; }
.mb30{ margin-bottom: 30px!important; }
.mb40{ margin-bottom: 40px!important; }
.mb50{ margin-bottom: 50px!important; }
.mb60{ margin-bottom: 60px!important; }
#mainArea ol{
  margin-bottom: 15px;
}
#mainArea ol li .fa-angle-right{
  margin:0 5px;
}
#mainArea ol li{
  display: inline;
  font-size: 0.7rem;
  color: #aaa;
}
.orangeLink{
  color:#231ed2;
  font-weight: bold;
  text-decoration: underline;
}

h1,h2,h3,h4,h5,.headTitle{
  font-feature-settings : "palt";
  letter-spacing: 1px;
}
.movieBg img{
  border-radius: 10px;
  box-shadow: unset!important;
}
.tagArea{
  margin: 15px 0 20px 0;
}
.tagArea i{
  font-size: 1.3rem;
  margin-right: 8px;
}
.tagBtn{
  background: #395db3;
  color: #fff;
  padding: 6px 18px;
  font-size: 0.7rem;
  margin-top: 6px;
  display: inline-block;
  font-weight: bold;
  letter-spacing: 2px;
  border-radius: 12px;
}
.bottomList p{
  margin-bottom: 8px;
}
.bottomList li{
  width: 80%;
  margin:4px 0;
}
.bottomList li a{
  position: relative;
  border-bottom: 1px solid #c0c0c0;
  transition: all .3s;
}
.bottomList li a:hover{
  border-bottom: 1px solid #fff;
}

.bottomList li a::before,
.bottomList li a::after {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: 2;
  content: '';
  transition: all .3s;
}
.bottomList li a::before {
  border-bottom: 1px solid #5d76ff;
  transform: scale(0, 1);
}
.bottomList li a:hover::after,
.bottomList li a:hover::before {
  transform: scale(1);
}


.smallArea{
  display: block;
}
.smallArea span{
 display:inline-block;
 vertical-align:middle;
}
.smallText{
  font-size: 0.75rem
}
.smallImg{
  width: 7%;
}
.smallImg img{
  width:94%;
  border-radius: 8px;
  box-shadow: 1px 1px 5px rgba(0,0,0,0.8);
}
.bottomList ul li .movieBg{
  width: 20%;
}
.linkColor{
  color:#231ed2;
}
.bottomList{
  font-weight: bold;
  margin-top:30px;
}
.fa-youtube-square{
  font-size: 46px;
  margin-right: 8px;
}
.sound_07{
  color: #808080;
  font-size: 0.7rem!important;
}
.modal-syncer{
  position: relative;
  display: block;
  width: 45%
}
.playImg{
  position: absolute;
  width:100%;
  top:0;
  left:0;
}
.movieImg{
  width:100%;
  border-radius: 10px;
}
.modal-content {
    position:fixed;
    display:none;
    z-index:200;
}

.modal-content p {
    margin:0;
    padding:0;
}

.modal-overlay {
    z-index:150;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}

.modal-open:hover {
    cursor:pointer;
}

#modal-close {
    position: absolute;
    top:-48px;
    right: 0;
    color:#5d76ff;
    font-size: 40px;
}
.modal-close:hover {
    cursor:pointer;
}
#modal-overlay {
    z-index:10000;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
} 

#modal-content {
  position: fixed;
} 
.modal-syncer:hover,.modal-close:hover {
  cursor: pointer ;
}
.playAttention{
  margin-top: 5px;
  font-size: 0.7rem!important;
}
.playAttention .fa-youtube-play{
  color: #f00;
  margin:0 3px;
  font-size: 1rem;
}
.playAttention .fa-volume-up{
  margin:0 3px;
  font-size: 1rem;
}
.bold{
  font-weight: bold!important;
}
.font10{font-size: 1rem!important;}
.font11{font-size: 1.1rem!important;}
.font12{font-size: 1.2rem!important;}
.font13{font-size: 1.3rem!important;}
.font14{font-size: 1.4rem!important;}
.font15{font-size: 1.5rem!important;}
.font16{font-size: 1.6rem!important;}
.font17{font-size: 1.7rem!important;}
.font18{font-size: 1.8rem!important;}
.font19{font-size: 1.9rem!important;}
.font20{font-size: 2.0rem!important;}
.fontSan{
  font-family: "M PLUS Rounded 1c", sans-serif;
}
.color_ex{color:#808080!important}
.color_1{color:#946a16;font-weight: bold;font-size: 1rem} /*オレンジ　高海千歌　ほのか*/
.color_2{color:#7c657c;font-weight: bold;font-size: 1rem} /*白　よしこ　ことり*/
.color_3{color:#797916;font-weight: bold;font-size: 1rem} /*黄色　ずら　りん*/
.color_4{color:#985198;font-weight: bold;font-size: 1rem} /*ヴァイオレット　まり　のぞみ*/
.color_5{color:#cd2bd5;font-weight: bold;font-size: 1rem} /*ピンク　るびぃ　にこ*/

.color_6{color:#b94b61;font-weight: bold;font-size: 1rem} /*サクラピンク　りこ*/
.color_7{color:#e2385a;font-weight: bold;font-size: 1rem} /*レッド　だいや　まき*/
.color_8{color:#2a8b8c;font-weight: bold;font-size: 1rem} /*ライトブルー　よう*/
.color_9{color:#169974;font-weight: bold;font-size: 1rem} /*エメラルドグリーン　かなん　はなよ*/
.color_10{color:#3f78bd;font-weight: bold;font-size: 1rem} /*ぶるー　うみ*/
.color_11{color:#00a3d8;font-weight: bold;font-size: 1rem} /*ライトブルー　えり*/
.color_12{color:#00c1e8;font-weight: bold;font-size: 1rem} /*スカイブルー　セイラ*/

.color_red{color:#e2385a;}
.color_333{color:#333;}

.loading p{
  margin-bottom: 5px
}
.loading img{
  width: 26px;
}

.topBtn a{
  position: fixed;
  bottom: 20px;
  right: 15px;
  background: rgba(0, 39, 255, 0.4);
  padding: 3px 12px;
  font-size: 2rem;
  border-radius: 10px;
  color: #fff;
  z-index: 900;
}
.puchi_font{
  font-family: "M PLUS Rounded 1c", sans-serif;
}
.next_font{
  font-family: "next", sans-serif;
}

.mainbottomArea .smallText{
  font-weight: bold;
  color: #13368b
}
.bottomNext{
  position: absolute;
  top:0;
  right: 0;
}
.bottomPrev{
  position: relative;
}
.bottomPrev,.bottomNext{
  width: 230px;
  border: 1px dashed #5d76ff;
  padding: 5px 2px 0 5px;
}
.mainbottomArea p i{
  font-size: 3rem;
}
.arrow p{
  width: 100%!important;
  font-size: 1.6rem!important;
  color: #5d76ff
}
.bottomPrev .arrow i{
  margin-right: 3px;
}
.bottomNext .arrow i{
  margin-left: 3px;
}
/*.arrow p:hover{
  transform: rotateZ( 360deg ) ;
}*/
.bottomPrev .arrow{
  border-right: 1px dashed #5d76ff;
  width: 23%;
}
.bottomNext .arrow{
  border-left: 1px dashed #5d76ff;
  width: 22%;
  padding-left: 1%;
  text-align: right;
}
.bottomPrev .arrow p{
  font-family: "next";
  padding-right: 3px;
/*  transition: .5s ;
  transform: rotateZ( 0deg ) ;*/
}
.bottomNext .arrow p{
  font-family: "next";
  padding-left: 3px;
/*  transition: .5s ;
  transform: rotateZ( 0deg ) ;*/
}
.prevMain{
  width:74%;
}
.arrow,.prevMain{
  display: inline-block;
  vertical-align: middle;
}
.prevMain .smallImg{
  width: 40px;
}
.prevMain .smallText{
  width: 75%;
  overflow: hidden;
  height: 30px;
}
.mainbottomArea{
  position: relative;
  margin-bottom: 50px;
}

.bottomPrevLink,.bottomNextLink{
  position: absolute;
  top:0;
  left:0;
  z-index: 10;
}
.bottomPrevLink:hover,.bottomNextLink:hover{
  background: rgba(255,255,255,0.3)
}

.movieLoding{
  position: absolute;
  top:35%;
  text-align: center;
  right: 0;
  left:0;
  z-index: -1;
}
.movieLoding img{
  width:16%;
}

#btnTwitter{
  margin-bottom: 30px;
}
#btnTwitter a:hover{
  cursor: pointer;
}
#btnTwitter a{
    border: 2px solid #55acee;
    border-radius: 5px;
    background: #55acee;
    color: #fff;
    font-size: 0.7rem;
    padding: 6px 16px;
}
.charaWaku .modal-syncer{
  width: 100%;
}
.charaWaku .movieLoding img{
  width: 16%;
}
.charaImg{
  text-align: center;
}
.charaWaku img{
  width: 50%;
  border-radius: 30px;
}
.charaWaku .charaName{
  position: relative;
}
.charaWaku .charaName a img{
  position: absolute;
  bottom: 6px;
  right: 0;
  width: 18%;
  border-radius: 0;
}
.charaWaku .charaName p:nth-child(2){
  border-bottom: 1px solid #ff7f50;
  padding-bottom: 4px;
  font-family: "M PLUS Rounded 1c", sans-serif;
}
.charaWaku .charaName p{
  margin-bottom: 2px!important;
  font-size: 1.1rem!important;
  font-family: "M PLUS Rounded 1c", sans-serif;
  color: #203744;
  text-align: center;
}
.charaWaku{
  margin: 0 5% 12%;
}
.rankList{
  border: 2px solid #ff7f50;
  margin-top: 30px;
  padding-bottom: 8px;
}
.numWaku p{
    font-size: 1.6rem!important;
    text-align: center;
    margin: 4px 0;
    margin-bottom: 3px!important;
    font-family: initial;
}
.numWaku{
  margin: 0 2%;
}
.rankWaku p{
    font-size: 1.6rem!important;
    text-align: center;
    margin: 4px 0;
    margin-bottom: 3px!important;
    font-family: initial;
}
.rankWaku{
  border-bottom: 1px solid #ff7f50;
  margin: 0 2%;
}
.charaWaku .textWaku div{
  width: 96%!important;
  margin:30px auto 10px;
}
.textWaku div:last-child {
    margin: 10% auto 7%;
}
.textWaku div {
    position: relative;
    margin: 10% auto 12%;
    padding: 4px 1% 0;
    width: 87%;
    border: solid 3px #e9967a;
}
.textWaku div .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 0.8rem;
    background: #e9967a;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
    font-family: "M PLUS Rounded 1c", sans-serif;
}
.textWaku div ul li:after {
  content: "";
  clear: both;
  display: block;
}
.textWaku div ul {
  padding-bottom: 6px
}
.textWaku div ul li:first-child {
  margin-top: 4px;
}
.textWaku div ul li {
  margin-top: 8px;
}
.textWaku div ul li p {
  float: left;
}
.textWaku div ul li p:nth-child(1) {
  width: 5%!important;
  margin:0!important;
}
.textWaku div ul li p:nth-child(2) {
  width: 95%!important;
  margin:0!important;
  line-height:1.4!important;
}
.textWaku div p {
    margin: 2px 0 5px 4px!important;
  font-family: "M PLUS Rounded 1c", sans-serif;

}
.textWaku div:nth-child(2) p:nth-child(2),.textWaku div:nth-child(3) p:nth-child(2){
  /*font-weight: bold!important;*/
}
.textWaku div:nth-child(2) p:nth-child(4),.textWaku div:nth-child(3) p:nth-child(4) {
  font-size: 0.8rem!important;
}
.bold{
  font-weight: bold;
}
.line_o{
    border-bottom: 1px solid #ff7f50;
    width: 96%!important;
    margin: 2% auto!important;
    text-align: center;
}
.redBold{
  color: #dc143c;
  font-weight: bold;
}
.blueBold{
  color: #0000cd;
  font-weight: bold;
}
.box-title i{
  margin-right: 5px;
}
.rankWaku p span{
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 1.4rem;
  margin-left: 5px;
}
.rankWaku p i{
  margin-right: 8px;
}
.charaWaku{
  float: left;
  width:45%;
  margin:0 0 0 2%;
}
.charaWaku .textWaku div:last-child {
    margin: 30px auto 10px;
}
.textWaku div{
  float: left;
  width:46%;
  margin: 36px 0 5px 2%;
}
.textWaku div:nth-child(1),.textWaku div:nth-child(2),.textWaku div:nth-child(3){
}

.textWaku div:last-child {
  margin: 36px 0 5px 2%;
}

.rankList:after {
  content: "";
  clear: both;
  display: block;
}

.textWaku div ul li p:nth-child(1) {
  width: 3%!important;
  margin:0!important;
}
.textWaku div ul li p:nth-child(2) {
  width: 97%!important;
  margin:0!important;
  line-height:1.4!important;
}

.colorGold{ color: #e6b422 }
.colorSilver{ color: #bfbec5 }
.colorBronze{ color: #bf783e }
.colorh3{ color: #ef0d7d }

.colorbigGold{ color: #e6b422;font-size: 1.5rem;margin-right: 3px;}
.colorbigSilver{ color: #bfbec5;font-size: 1.5rem;margin-right: 3px; }
.colorbigBronze{ color: #bf783e;font-size: 1.5rem;margin-right: 3px; }
.colorbigBlue{ color: #0f2350;font-size: 1.5rem;margin-right: 3px; }
.colorbigh3{ color: #ef0d7d;font-size: 1.5rem;margin-right: 3px; }

.line_o{
    border-bottom: 1px solid #ff7f50;
    width: 100%!important;
    margin: 2% auto!important;
    text-align: center;
}
.chara_s .textWaku:after{
  content: "";
  clear: both;
  display: block;
}
.color_bell{
  color:#e9967a
}
.color_down{
  color:#808080
}
.img_s img{
  width: 26%;
  border-radius: 30px;
  margin:5px 0 0 15px;
}
.name_s p{
  font-size: 1rem!important;
  font-weight: bold!important;
  margin: 5px 0 0 15px;
}

.mt5{margin-top: 5px!important}
.mt10{margin-top: 10px!important}
.mt20{margin-top: 20px!important}
.mt30{margin-top: 30px!important}
.mt40{margin-top: 40px!important}
.mt50{margin-top: 50px!important}
.mt60{margin-top: 60px!important}
.mt70{margin-top: 70px!important}
.mt80{margin-top: 80px!important}
.mt90{margin-top: 90px!important}
.mt100{margin-top: 100px!important}

.pt5{padding-top: 5px!important}
.pt10{padding-top: 10px!important}
.pt20{padding-top: 20px!important}
.pt30{padding-top: 30px!important}
.pt40{padding-top: 40px!important}
.pt50{padding-top: 50px!important}
.pt60{padding-top: 60px!important}
.pt70{padding-top: 70px!important}
.pt80{padding-top: 80px!important}
.pt90{padding-top: 90px!important}
.pt100{padding-top: 100px!important}

.pageLink a{
    font-size: 0.8rem;
    text-decoration: underline;
    line-height: 1.6;
    font-family: "puchi_r", sans-serif;
    color: #ba2636
}

.numWaku p span{
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 1.4rem;
  margin-left: 5px;
}
.numWaku p i{
  margin-right: 8px;
}
.rankWaku p{
  color: #9f166a;
  font-size: 1.3rem!important
}
.rankWaku p span{
  display: block;
  font-size: 0.7rem
}
.fontPuchi_l{
  font-family: sans-serifs;
}
.midashi_o i{
  margin-right: 5px;
  font-weight: bold;
}
.midashi_o{
    border-bottom: 1px solid #395db3;
    font-size: 1rem!important;
    font-weight: bold!important;
    display: inline-block;
    padding: 4px 10px 2px 0px;
    color: #395db3!important;
    max-width: max-content!important;
    margin-left: 0;
}
.midashi_m {
    border-left: 3px solid #395db3;
    font-size: 1rem!important;
    font-weight: bold!important;
    padding: 2px 0 2px 8px;
    color: #395db3;
    margin-left: 0;
}
.leafText i{
  margin-right: 2px!important;
  font-size: 0.9rem!important;
}
.leafText{
  font-size: 1rem!important;
  font-family: "M PLUS Rounded 1c", sans-serif;
  color: #898989;
}
.iconWaku ul li a:hover img:first-child {
  -webkit-transform: rotate(10deg) scale(1);
  transform: rotate(10deg) scale(1);
}
.iconWaku ul li a img:first-child{
  border-radius: 4px;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.8);
  -webkit-transform: rotate(0) scale(1);
  transform: rotate(0) scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.iconWaku ul li{
  width: 60px;
  float: left;
  margin:0 15px 5px 0;
  min-height: 127px;
}
.iconWaku ul:after{
  content: "";
  clear: both;
  display: block;
}
.midashi_m span,.day_mi span{
  margin-left: 5px;
  color: #e73562;
  font-size: 0.7rem;
  white-space: nowrap;
}
.font06{font-size: 0.6rem!important}
.font07{font-size: 0.7rem!important}
.font08{font-size: 0.8rem!important}
.font09{font-size: 0.9rem!important}
.iconWaku ul li a p:nth-child(3){
    text-align: center!important;
    font-size: 0.7rem;
    color: #000;
    min-height: 29px;
    font-weight: bold;
}
.iconWaku ul li a p:nth-child(2){
  text-align: center;
}
.iconWaku ul li a p:nth-child(2) > span:nth-child(1){
    width: 16px!important;
    padding: 0 6px!important;
    text-align: center!important;
    margin: 2px auto 4px!important;
    border-radius: 4px!important;
    color: #fff;
}
.iconWaku ul li a p:nth-child(2) > span:nth-child(2){
  font-size: 1rem;
  margin: 2px auto 4px!important;
}
.chara_all .chara_rank2 ul li a p:nth-child(2) {
    font-size: 0.6rem!important;
    font-family: "M PLUS Rounded 1c", sans-serif!important;
    color: #333;
    text-align: center;
    width: unset!important;
    padding: 1px 0 0 0!important;
    margin: 0 0 2px 0!important;
    background: rgba(0,0,0,0.1);
    border-radius: 3px;
    text-align: center;
}

.e_bgcolor{
  background-color:#0f2350;
}
.d_bgcolor{
  background-color:#1e3fb4;
}
.c_bgcolor{
  background-color:#13368b;
}
.b_bgcolor{
  background-color:#b8540c;
}
.a_bgcolor{
  background-color:#c0c0c0;
}
.s_bgcolor{
  background-color:#daa520;
}
.sp_bgcolor{
  background:rgba(117,33,0,0.75);
}

/*.ss_bgcolor{
  background-color:#56256e;
}*/
.fixMenuarea{
  display: none;
}
.bgAll {
    display: none;
    position: fixed;
    background: rgba(0,0,0,0.7);
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    z-index: 500;
}
.popMenuArea {
  opacity: 0;
}
.commonWaku div{
  padding:10px;
}
.commonWaku div:first-child{
  border-bottom:1px solid #0010ff;
  background: rgba(255,153,0,0.2);
  font-family: "M PLUS Rounded 1c", sans-serif;
}
.commonWaku{
    border: 2px solid #0010ff;
    width: 400px;
    text-align: center;
    font-family: "M PLUS Rounded 1c", sans-serif;
}
.iconTab{
  margin-bottom: 15px;
}
.iconTab ul:after{
  content: "";
  clear: both;
  display: block;
}
.iconTab ul li:last-child{
  margin-right: 0;
}
.iconTab ul li{
  float: left;
  margin-right: 2%;
  margin-top:10px;
}
.iconTab ul li div.active a {
    border-left: solid 6px #13368b;
    color: #fff;
    box-shadow: 2px 3px 3px rgba(151, 171, 255, 0.9);
    background: #4360d1;
}
.iconTab ul li div a {
    display: inline-block;
    padding: 6px 8px 6px 4px;
    text-decoration: none;
    font-size: 0.85rem;
    background: #fff;
    border-left: solid 6px #395db3;
    color: #395db3;
    font-weight: bold;
    box-shadow: 2px 3px 3px rgba(255, 173, 151, 0.9);
}
.iconTab ul li div a:active {
    box-shadow: inset 0 0 2px rgba(255, 124, 92, 0.1);
    transform: translateY(2px);
}
.midashi_s {
    font-size: 1rem!important;
    font-weight: bold!important;
}
.midashi_s span {
    margin-left: 5px;
    color: #e73562;
    font-size: 0.7rem;
}
.midashi_s .fa-star{
  margin-right: -2px;
  color: #4169e1
}
.midashi_b {
    font-size: 1rem!important;
    font-weight: bold!important;
    border-bottom: 1px solid #333;
    padding-bottom: 3px;
    width: 90%!important;
    margin-left: 0;
}
.midashi_bx {
    font-size: 1rem!important;
    font-weight: bold!important;
    border-bottom: 1px solid #333;
    padding-bottom: 3px;
    margin-left: 0!important;
    width: 100%!important;
}
.chara_num .iconWaku ul li a p:nth-child(4){
    font-size: 0.7rem!important;
    font-family: "M PLUS Rounded 1c", sans-serif!important;
    color: #333!important;
    text-align: center;
    width: unset!important;
    padding: unset!important;
    margin: unset!important;
    margin-bottom: 5px!important;
}
.chara_sp .iconWaku ul li a p:nth-child(4){
    padding: 3px 0px!important;
    text-align: center!important;
    margin: 2px auto 4px!important;
    border-radius: 4px!important;
    font-family: "puchi_r", sans-serif!important;
    font-size: 0.6rem!important;
    line-height: 1.1!important;
    color: #fff;
}
.chara_sp .iconWaku ul li{
  height: 134px;
}
.chara_sp .iconWaku.min ul li{
  height: 106px;
}
.chara_num .midashi_b{
    color: #513743;
    border-bottom: 1px solid #513743;
}
.chara_num .midashi_b i{
	font-size: 1.4rem;
	margin-right: 4px;
	color: #13368b
}
.iconWaku ul li{
  position: relative;
}
.iconWaku ul li a img:last-child{
    position: absolute;
    top: 42px;
    right: 5px;
    width: 21px;
    opacity: 0.9;
}


.movieList {
  margin-left: 0;
}
.movieList ul:after{
  content: "";
  clear: both;
  display: block;
}
.movieList ul li .movieImg{
  border-radius: 0;
  margin-top: 2px;
}
.movieList ul li .modal-syncer{
  width: 100%;
}
.movieList ul li a .playImg {
}
.movieList ul li {
    float: left;
    width: 180px;
    margin: 5px 12px 0 0;
}
.midashi_line{
  position: relative;
  background: #e9967a;
  box-shadow: 0px 0px 0px 5px #e9967a;
  border: dashed 2px white;
  padding: 0.2em 0.5em;
  color: #fff;
  font-size: 1rem!important;
  display: inline;
  margin-left: 5px;
}

.missionWaku ul li{
  border:2px solid #13368b;
  border-radius: 8px;
  background: rgba(255,153,0,0.1);
  max-width: 720px;
  margin-top: 15px;
}
.missionWaku ul li div:nth-child(3) p:nth-child(1){
  font-family: "M PLUS Rounded 1c", sans-serif!important;
  font-size: 2rem!important;
}
.missionWaku ul li div:nth-child(3) p:nth-child(4){
  margin-top: 2px!important;
  font-family: "M PLUS Rounded 1c", sans-serif!important;
  font-size: 0.9rem!important;
}
.missionWaku ul li div:nth-child(3) p:nth-child(3){
  margin-top: 1px!important;
  font-size: 0.9rem!important;
}
.missionWaku ul li div:nth-child(3) p{
  margin-bottom: 0!important;
  line-height: 0.9!important;
}
.missionWaku ul li div:nth-child(3) img{
  width: 40px;
  margin-bottom: 4px;
}
.missionWaku ul li div:nth-child(3) {
    text-align: center;
}
.missionWaku ul li:after{
  content: "";
  clear: both;
  display: block;
}
.missionWaku ul li div:nth-child(1) p,.missionWaku ul li div:nth-child(3) span{
  display: table-cell;
  vertical-align: middle;
}
.missionWaku ul li div:nth-child(1) span{
  display: block;
}
.missionWaku ul li div:nth-child(2){
  border-left:2px solid #13368b;
  border-right:2px solid #13368b;
}
.missionWaku ul li div:nth-child(1),.missionWaku ul li div:nth-child(3){
  display: table;
  height: 100px;
  text-align: center;
}
.missionWaku ul li div:nth-child(2) p:nth-child(3){
  border-top:1px solid #13368b;
}
.missionWaku ul li div:nth-child(2) p:nth-child(1),.missionWaku ul li div:nth-child(2) p:nth-child(3){
  border-bottom:1px solid #13368b;
  background: rgba(255,153,0,0.2);
  text-align: center;
  padding:2px 2%!important;
  width: 96%!important;
  margin-left: 0!important;
}
.missionWaku ul li div p:nth-child(2),.missionWaku ul li div p:nth-child(4){
  font-size: 0.9rem!important;
  padding:0 2%;
  width: 96%!important;
}
.missionWaku ul li p{
  margin-bottom: 5px!important;
}
.missionWaku ul li div,.missionWaku ul li p{
  font-size: 0.8rem!important;
}
.missionWaku ul li div{
  float: left;
}
.missionWaku ul li div:nth-child(1) p span{font-size: 1.6rem!important;}
.missionWaku ul li div:nth-child(1) p{font-size: 0.8rem!important;font-family: "M PLUS Rounded 1c", sans-serif!important;}
.missionWaku ul li div:nth-child(3){width: 15%;}
.missionWaku ul li div:nth-child(2){width: 73%;}
.missionWaku ul li div:nth-child(1){width: 10%;}

.missionArea div i {
  margin-right: 6px;
  font-size: 1.7rem;
  color: #0010ff
}

.chara_skill .iconWaku ul li{
  height: 130px;
}
.chara_skill .midashi_b i,.chara_sp .midashi_b i{
	margin-right: 8px;
	font-size:1.5rem;
	color: #13368b;
}
.chara_skill .midashi_b,.chara_sp .midashi_b{
	color: #513743;
	border-bottom: 1px solid #513743;
}

.underLine{
	text-decoration: underline;
	color: #4d5aaf
}


.eventmissionWaku ul li{
  border:2px solid #13368b;
  border-radius: 8px;
  background: rgba(255,153,0,0.1);
  max-width: 720px;
  margin-top: 20px;
}
.eventmissionWaku ul li div:nth-child(4) p:nth-child(1),.eventmissionWaku ul li div:nth-child(5) p:nth-child(1),.eventmissionWaku ul li div:nth-child(6) p:nth-child(1){
  font-family: "M PLUS Rounded 1c", sans-serif!important;
  font-size: 2rem!important;
}
.eventmissionWaku ul li div:nth-child(4) p:nth-child(4),.eventmissionWaku ul li div:nth-child(5) p:nth-child(4),.eventmissionWaku ul li div:nth-child(6) p:nth-child(4){
  margin-top: 2px!important;
  font-family: "M PLUS Rounded 1c", sans-serif!important;
  font-size: 0.9rem!important;
}
.eventmissionWaku ul li div:nth-child(4) p:nth-child(3),.eventmissionWaku ul li div:nth-child(5) p:nth-child(3),.eventmissionWaku ul li div:nth-child(6) p:nth-child(3){
  margin-top: 1px!important;
  font-size: 0.9rem!important;
}
.eventmissionWaku ul li div:nth-child(6) p:nth-child(2){
	line-height: 1.1!important;
}
.eventmissionWaku ul li div:nth-child(4) p,.eventmissionWaku ul li div:nth-child(5) p,.eventmissionWaku ul li div:nth-child(6) p{
  margin-bottom: 0!important;
  line-height: 0.9!important;
}
.eventmissionWaku ul li div:nth-child(4) img,.eventmissionWaku ul li div:nth-child(5) img,.eventmissionWaku ul li div:nth-child(6) img{
  width: 30px;
  margin-bottom: 4px;
}
.eventmissionWaku ul li div:nth-child(4),.eventmissionWaku ul li div:nth-child(5),.eventmissionWaku ul li div:nth-child(6) {
    text-align: center;
}
.eventmissionWaku ul li:after{
  content: "";
  clear: both;
  display: block;
}
.eventmissionWaku ul li div:nth-child(1) p,.eventmissionWaku ul li div:nth-child(2) p,.eventmissionWaku ul li div:nth-child(4) span,.eventmissionWaku ul li div:nth-child(5) span,.eventmissionWaku ul li div:nth-child(6) span{
  display: table-cell;
  vertical-align: middle;
}
.eventmissionWaku ul li div:nth-child(1) span,.eventmissionWaku ul li div:nth-child(2) span{
  display: block;
}
.eventmissionWaku ul li div:nth-child(2),.eventmissionWaku ul li div:nth-child(4){
  border-left:2px solid #13368b;
  border-right:2px solid #13368b;
}
.eventmissionWaku ul li div:nth-child(2) p:nth-child(2){
  margin-top: 8%;
  text-align: center;
}
.eventmissionWaku ul li div:nth-child(5){
  border-right:2px solid #13368b;
}
.eventmissionWaku ul li div:nth-child(1),.eventmissionWaku ul li div:nth-child(2),.eventmissionWaku ul li div:nth-child(4),.eventmissionWaku ul li div:nth-child(5),.eventmissionWaku ul li div:nth-child(6){
  display: table;
  height: 160px;
  text-align: center;
}
.eventmissionWaku ul li div:nth-child(3) p:nth-child(3){
  border-top:1px solid #13368b;
}
.eventmissionWaku ul li div:nth-child(3) p:nth-child(1),.eventmissionWaku ul li div:nth-child(3) p:nth-child(3){
  border-bottom:1px solid #13368b;
  background: rgba(255,153,0,0.2);
  text-align: center;
  padding:2px 2%!important;
  width: 96%!important;
  margin-left: 0!important;
}
.eventmissionWaku ul li div p:nth-child(2),.eventmissionWaku ul li div p:nth-child(4){
  font-size: 0.8rem!important;
  padding:0 2%;
  width: 96%!important;
}
.eventmissionWaku ul li p{
  margin-bottom: 5px!important;
}
.eventmissionWaku ul li div,.eventmissionWaku ul li p{
  font-size: 0.8rem!important;
}
.eventmissionWaku ul li div:nth-child(3) p:nth-child(4),.eventmissionWaku ul li div:nth-child(3) p:nth-child(2){
	line-height: 1.5!important;
}
.eventmissionWaku ul li div{
  float: left;
}
.eventmissionWaku ul li div:nth-child(1) p span,.eventmissionWaku ul li div:nth-child(2) p span{font-size: 1.6rem!important;font-family: "M PLUS Rounded 1c", sans-serif!important;}
.eventmissionWaku ul li div:nth-child(1) p,.eventmissionWaku ul li div:nth-child(2) p{font-size: 0.8rem!important;font-family: "M PLUS Rounded 1c", sans-serif!important;}
.eventmissionWaku ul li div:nth-child(4),.eventmissionWaku ul li div:nth-child(5),.eventmissionWaku ul li div:nth-child(6){width: 11%;}
.eventmissionWaku ul li div:nth-child(3){width: 45%;}
.eventmissionWaku ul li div:nth-child(2){width: 10%;}
.eventmissionWaku ul li div:nth-child(1){width: 10%;}

.eventmissionWaku ul li div:nth-child(3) p:nth-child(2){
	/*height: 26px;*/
}

.eventmissionArea div i {
  margin-right: 6px;
  font-size: 1.4rem;
  color: #ba2636
}

.tabs {
  margin: 10px auto 0;
}

.tabs .tab_item:nth-child(2) {
    border-left: 2px solid #aaa;
}
.tabs .tab_item:nth-child(4) {
    border-right: 2px solid #aaa;
}
.tab_item {
    width: calc(98%/2);
    height: 50px;
    line-height: 50px;
    font-size: 1rem;
    text-align: center;
    color: #565656;
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
    border-top: 3px solid #ffad99;
    border-bottom: 1px solid #aaa;
    border-radius: 10px 10px 0px 0px;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    font-family: "puchi_r", sans-serif
}
.tab_item:hover {
  cursor: pointer;

}

input[name="tab_item"] {
  display: none;
}

.tab_content {
  display: none;
  clear: both;
  overflow: hidden;
}


#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
  display: block;
}

.tabs input:checked + .tab_item {
    color: #000;
    border-top: 3px solid #13368b;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #fff;
}

.rank_color_s{font-family: 'Unlock', cursive;color: #f8b500;}/* 黄色系 */
.rank_color_a{font-family: 'Unlock', cursive;color: #a22041;}/* 赤系 */
.rank_color_b{font-family: 'Unlock', cursive;color: #6c2c2f;}/* 茶色系 */
.rank_color_c{font-family: 'Unlock', cursive;color: #00552e;}/* 緑系 */
.rank_color_d{font-family: 'Unlock', cursive;color: #223a70;}/* 青系 */
.rank_color_e{font-family: 'Unlock', cursive;color: #302833;}/* 黒系 */

.event_mission .missionWaku ul li div:nth-child(3) img{
	width: 36px;
}

.event_mission .missionWaku ul li div:nth-child(2) p:nth-child(2){
  margin-top: 30px;
  text-align: center;
}

/*.iconTab ul li div.tabnone{
	display: inline-block;
	padding: 6px 8px 6px 4px;
	text-decoration: none;
	font-size: 0.85rem;
	background: #f7f7f7;
	font-weight: bold;
	border-left: solid 6px #aaa;
	color: #aaa;
	box-shadow: 0px 2px 2px rgba(170, 170, 153, 0.3);
}*/

.fontBig {
    text-align: center;
    margin: 20px 0 30px!important;
    font-size: 2rem!important;
    border: 2px solid #aaa;
    padding: 40px 0;
    border-radius: 10px;
    background: rgba(0,0,0,0.1);
    max-width: 430px;
    font-family: "M PLUS Rounded 1c", sans-serif;
}

.pageLinkline{
	text-decoration: underline;

}
.infoBtnArea{
  width: 96%;
}
a.infoBtn {
    display: block;
    margin: 10px auto 0;
    width: 100%;
    padding: 1px;
    text-decoration: none;
    line-height: 40px;
    color: #fff;
    font-size: 0.8rem;
    text-shadow: 0px -1px 0px #1701af;
    background: #fff;
    border: 1px solid #2600ff;
    border-radius: 20px;
    -webkit-box-shadow: 1px 1px 2px #ccc;
    -moz-box-shadow: 1px 1px 2px #ccc;
    box-shadow: 1px 1px 2px #ccc;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}
a.infoBtn span {
    display: block;
    height: 100%;
    width: 100%;
    text-align: center;
    background: #222f9c;
    background: -webkit-gradient(linear, left top, left bottom, from(#3b38d1), to(#222f9c));
    background: -moz-linear-gradient(top, #ffae13, #fe9902);
    background: -o-linear-gradient(top, #ffae13, #fe9902);
    background: -ms-linear-gradient(top, #ffae13, #fe9902);
    background: linear-gradient(top, #ffae13, #fe9902);
    border-radius: 20px;
}
a.infoBtn:hover{
  opacity: 0.8;
}
a.infoBtn:active{  /* クリックした時 */
  -ms-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  box-shadow: none;
}

.color_g{
  color: #7F7E7E;
}
#content input[type=button]:hover {
  cursor: pointer;
  opacity: 0.8;
}
#content input[type=button],#content input[type=button]:active {
    cursor: pointer!important;
    background: none!important;
    border: none!important;
    color: #767676!important;
    font-size: 1rem!important;
    padding: 10px 8px!important;
    border: 1px solid #E0E0E0!important;
    text-shadow: 0px 1px 1px #E8E8E8!important;
    background: rgb(247,247,247)!important;
    background: linear-gradient(top, rgba(247,247,247,1) 1%,rgba(242,242,242,1) 100%)!important;
    border-radius: 5px!important;
    box-shadow: 0px 1px 1px #FFF inset, 0 0 0px 5px #EAEAEA!important;
    transition: all 0.2s linear!important;
    margin:10px auto;
}
.mailConf_l{
    border-bottom: 1px solid #aaa;
    padding: 5px 5px 5px 5px;
    width: unset!important;
    display: inline-block;
    color: #333;
}
.mailConf{
    border: 1px solid #aaa;
    padding: 5px 5px 5px 5px;
    width: unset!important;
    display: block;
    margin-bottom: 30px!important;
    color: #333;
}
#content form{
  position: relative;
  padding-bottom: 55px;
}
#content{
position:relative;
margin:20px auto;
min-height:200px;
z-index:100;
padding:30px;
border:1px solid #383838;
background: #D1D1D1;
background: repeating-linear-gradient(-45deg, #5d76ff , #5d76ff 30px, #F2F2F2 30px, #F2F2F2 40px, #0010ff 40px, #0010ff 70px,#F2F2F2 70px, #F2F2F2 80px);
border-radius:8px;
box-shadow:0px 1px 6px #3F3F3F;
}
#content:after{
background:#F9F9F9;
margin:6px;
position: absolute;
content : " ";
bottom: 0;
left: 0;
right: 0;
top: 0;
z-index: -1;
border:1px #E5E5E5 solid;
border-radius:8px;
}
#content input:required, textarea:required {
-moz-box-shadow:none;
-webkit-box-shadow:none;
-o-box-shadow:none;
box-shadow:none;
}
#content input:not([type="submit"]),
#content textarea{
outline:none;
display:block;
width:97%;
padding:4px 8px;
border:1px dashed #DBDBDB;
color:#3F3F3F;
font-family:'Droid Sans',Tahoma,Arial,Verdana sans-serif;
font-size:14px;
border-radius:2px;
transition:background 0.2s linear,
box-shadow 0.6s linear;
}
#content input:not([type="submit"]):active,
#content textarea:active,
#content input:not([type="submit"]):focus,
#content textarea:focus{
background:#F7F7F7;
border:dashed 1px #969696;
box-shadow:2px 2px 7px #E8E8E8 inset;
}
#content input:not([type="submit"]){
}
#content textarea{
min-height:150px;
resize:vertical
}
::-webkit-input-placeholder  {
color:#BABABA;
font-style:italic;
}
#content input:-moz-placeholder,
#content textarea:-moz-placeholder{
color:#BABABA;
font-style:italic;
}

#content input[type=submit] {
    cursor: pointer;
    background: none;
    border: none;
    color: #767676;
    font-size: 1rem;
    padding: 10px 8px;
    border: 1px solid #E0E0E0;
    text-shadow: 0px 1px 1px #E8E8E8;
    background: rgb(247,247,247);
    background: linear-gradient(top, rgba(247,247,247,1) 1%,rgba(242,242,242,1) 100%);
    border-radius: 5px;
    box-shadow: 0px 1px 1px #FFF inset, 0 0 0px 5px #5d76ff;
    transition: all 0.2s linear;
    position: absolute;
    right: 0;
    bottom:0;
}
 
#content input[type=submit]:hover{
color:#686868;
border-color: #CECECE;
background: linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(242,242,242,1) 100%);
box-shadow:0px 1px 1px #FFF inset,
0 0 0px 5px #0010ff;
}
 
#content input[type=submit]:active,
#content input[type=submit]:focus{
color:#515151;
background: linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(242,242,242,1) 100%);
box-shadow:0px -1px 1px #FFF inset,
0 0 0px 5px #0010ff;
}

#content label{
color:#7F7E7E;
-webkit-transition: color 1s ease;
-moz-transition: color 1s ease;
transition: color 1s ease;
}
#content label:hover{
color:#191919;
}
#content label:before{
color:#C1BFBD;
transition: color 1s ease;
}
#content label:hover:before{
color:#969696;
transition: color 1s ease;
}
 
#content p{
margin-bottom:20px;
}
.indication{
color:#878787;
font-size:12px;
font-style:italic;
text-align:right;
padding-right:10px;
}
.required{
color:#E5224C;
}


.mailPost{
  text-align: center;
  margin: 40px auto 0;
  font-size: 1.5rem;
  font-family: "M PLUS Rounded 1c", sans-serif
}


.bottomAd{
  margin-bottom:30px;
}
.bottomAd a:first-child{
  margin-right: 20px;
}

#sideAd ul:after{
  content: "";
  clear: both;
  display: block;
}
#sideAd ul li img{
  border-radius: unset;

}
#sideAd ul li{
  float: left;
  width: unset;
  margin-left: 10px;
  border-bottom: unset;
  min-height: 66px
}

.liWaku ul:after{
  content: "";
  clear: both;
  display: block;
}
.liWaku ul li{
  float: left;
  border: 1px solid #ff7f50;
}
.lightWaku.ev_skill{
  max-width: 700px
}
/*.lightWaku.ev_skill li:nth-child(1){ width: 9%;}
.lightWaku.ev_skill li:nth-child(2){ width: 12%;}
.lightWaku.ev_skill li:nth-child(3){ width: 9%;}
.lightWaku.ev_skill li:nth-child(4){ width: 33%;}*/

.lightWaku.ev_skill ul:nth-child(1) li:nth-child(1){font-size: 0.9rem}
.lightWaku.ev_skill ul:nth-child(1) li:nth-child(2){font-size: 0.7rem}
.lightWaku.ev_skill ul:nth-child(1) li:nth-child(3){font-size: 0.7rem}
.lightWaku.ev_skill ul li:nth-child(1){font-size: 0.9rem}
.lightWaku.ev_skill ul li:nth-child(2){font-size: 0.9rem}
.lightWaku.ev_skill ul li:nth-child(3){font-size: 0.9rem}
.lightWaku.ev_skill ul:first-child li:first-child {
  width: 60px;
  padding:0 3px 0 17px;
}
.lightWaku.ev_skill ul:first-child li {
  padding:0 10px;
}
.lightWaku.ev_skill ul:nth-child(2) li:nth-child(2),.lightWaku.ev_skill ul:nth-child(3) li:nth-child(2),.lightWaku.ev_skill ul:nth-child(4) li:nth-child(2),.lightWaku.ev_skill ul:nth-child(5) li:nth-child(2) {
  padding:10px 19px;
}
.lightWaku.ev_skill ul:nth-child(2) li:nth-child(3),.lightWaku.ev_skill ul:nth-child(3) li:nth-child(3) {
  padding:10px 9px;
}
.lightWaku.ev_skill ul:nth-child(4) li:nth-child(3) {
  padding:10px 4.5px;
}
.lightWaku.ev_skill ul:first-child li{
  background: rgba(255,153,0,0.1);
}
.lightWaku.ev_skill ul:nth-child(5) li:nth-child(3) {
    min-width: 45px;
}
.lightWaku.ev_skill ul:nth-child(2) li div,.lightWaku.ev_skill ul:nth-child(3) li div,.lightWaku.ev_skill ul:nth-child(4) li div,.lightWaku.ev_skill ul:nth-child(5) li div {
  height: 110px
}
.lightWaku.ev_skill ul:first-child li div {
  height: 40px
}
.lightWaku.ev_skill ul li div {
    display: table-cell;
    vertical-align: middle;
}
.lightWaku.ev_skill ul li:first-child div a p:nth-child(3){
    font-size: 0.9rem!important;
    font-family: "M PLUS Rounded 1c", sans-serif!important;
    color: #333!important;
    text-align: center;
    width: unset!important;
    padding: unset!important;
    margin: unset!important;
    display: block;
}
.lightWaku.ev_skill ul li:first-child div a p:nth-child(2){
    font-size: 0.6rem!important;
    font-family: "M PLUS Rounded 1c", sans-serif!important;
    color: #333;
    text-align: center;
    width: unset!important;
    padding: 1px 0 0 0!important;
    margin: 0 0 2px 0!important;
    background: rgba(0,0,0,0.1);
    border-radius: 3px;
    display: block;
}
.lightWaku.ev_skill ul li:first-child div a img {
    border-radius: 20px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.8);
}
.pl8{
  padding-left: 8px
}
.skillText{
  text-align: left;
  font-size: 0.9rem
}


.lightWaku.ev_sp{
  max-width: 700px
}
/*.lightWaku.ev_sp li:nth-child(1){ width: 9%;}
.lightWaku.ev_sp li:nth-child(2){ width: 12%;}
.lightWaku.ev_sp li:nth-child(3){ width: 9%;}
.lightWaku.ev_sp li:nth-child(4){ width: 33%;}*/

.lightWaku. ul:nth-child(1) li:nth-child(1){font-size: 0.9rem}
.lightWaku.ev_sp ul:nth-child(1) li:nth-child(2){font-size: 0.9rem}
.lightWaku.ev_sp ul li:nth-child(1){font-size: 0.9rem;width: 60px}
.lightWaku.ev_sp ul:first-child li:first-child {
  width: 60px;
  padding:0 3px 0 17px;
}
.lightWaku.ev_sp ul:first-child li {
  padding:0 10px;
}
.lightWaku.ev_sp ul:nth-child(2) li:nth-child(2),.lightWaku.ev_sp ul:nth-child(3) li:nth-child(2),.lightWaku.ev_sp ul:nth-child(4) li:nth-child(2) {
  padding:10px 19px;
}
.lightWaku.ev_sp ul:nth-child(2) li:nth-child(3),.lightWaku.ev_sp ul:nth-child(3) li:nth-child(3) {
  padding:10px 9px;
}
.lightWaku.ev_sp ul:nth-child(4) li:nth-child(3) {
  padding:10px 4.5px;
}
.lightWaku.ev_sp ul:first-child li{
  background: rgba(255,153,0,0.1);
}
.lightWaku.ev_sp ul:nth-child(2) li div,.lightWaku.ev_sp ul:nth-child(3) li div,.lightWaku.ev_sp ul:nth-child(4) li div,.lightWaku.ev_sp ul:nth-child(5) li div {
  height: 110px
}
.lightWaku.ev_sp ul:first-child li div {
  height: 40px
}
.lightWaku.ev_sp ul li div {
    display: table-cell;
    vertical-align: middle;
}
.lightWaku.ev_sp ul li:first-child div a p:nth-child(3){
    font-size: 0.9rem!important;
    font-family: "M PLUS Rounded 1c", sans-serif!important;
    color: #333!important;
    text-align: center;
    width: unset!important;
    padding: unset!important;
    margin: unset!important;
    display: block;
}
.lightWaku.ev_sp ul li:first-child div a p:nth-child(2){
    font-size: 0.6rem!important;
    font-family: "M PLUS Rounded 1c", sans-serif!important;
    color: #333;
    text-align: center;
    width: unset!important;
    padding: 1px 0 0 0!important;
    margin: 0 0 2px 0!important;
    background: rgba(0,0,0,0.1);
    border-radius: 3px;
    display: block;
}
.lightWaku.ev_sp ul li:first-child div a img {
    border-radius: 20px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.8);
}

.lightWaku.ev_mission{
  max-width: 462px
}
.lightWaku.ev_mission li{
  width: 210px;
}
.lightWaku li{
  border-right: 1px solid #13368b;
}
.lightWaku li:last-child{
  border-right:unset;
}
.lightWaku ul:last-child{
  border-bottom: unset;
}
.lightWaku ul{
  border-bottom: 1px solid #13368b;
  text-align: center;
}
.lightWaku ul:after{
  content: "";
  clear: both;
  display: block;
}
.lightWaku li{
  float: left;
  padding:10px;
  font-family: "puchi_r", sans-serif
}
.lightWaku{
  border: 1px solid #13368b;
}
.novi{
  visibility: hidden;
}
.border_b{
  border-bottom: 1px solid #13368b;
}
.noborder_r{
  border-right:unset!important;
}

.eventboWaku ul li{
  border:2px solid #13368b;
  border-radius: 8px;
  background: rgba(255,153,0,0.1);
  max-width: 720px;
  margin-top: 10px;
}
.eventboWaku ul li p,.eventboWaku ul li span {
    display: table-cell;
    vertical-align: middle;
}
.eventboWaku ul li:after{
  content: "";
  clear: both;
  display: block;
}
.eventboWaku ul li div{
  float: left;
  text-align: center;
}
.eventboWaku ul li span a p:nth-child(3){
    font-size: 0.9rem!important;
    font-family: "M PLUS Rounded 1c", sans-serif!important;
    color: #333!important;
    text-align: center;
    width: unset!important;
    padding: unset!important;
    margin: unset!important;
    display: block;
}
.eventboWaku ul li span a p:nth-child(2){
    font-size: 0.6rem!important;
    font-family: "M PLUS Rounded 1c", sans-serif!important;
    color: #333;
    text-align: center;
    width: unset!important;
    padding: 1px 0 0 0!important;
    margin: 0 0 2px 0!important;
    background: rgba(0,0,0,0.1);
    border-radius: 3px;
    display: block;
}
.eventboWaku ul li a img {
    border-radius: 20px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.8);
}
.eventboWaku ul li span {
      width: 60px;
    margin: 0 10px 5px 0;
}
.eventboWaku ul li div:last-child{
  border-right: unset;
}
.eventboWaku ul li div{
    border-right: 1px solid #13368b;
    height: 100px;
    padding: 12px 18px 6px;
    width: 15%;
}
.eventboWaku ul li{
  border:2px solid #13368b;
  border-radius: 8px;
  background: rgba(255,153,0,0.1);
  max-width: 388px;
  margin-top: -2px;
}
.eventboWaku ul li p,.eventboWaku ul li span {
    display: table-cell;
    vertical-align: middle;
}
.h80 {
    height: 80px;
    font-size: 1rem!important;
    font-family: "puchi_l", sans-serif!important;
}
.h100 {
    height: 100px;
    font-size: 1rem!important;
    font-family: "puchi_l", sans-serif!important;
}
.h218 {
    height: 218px!important;
    font-size: 1rem!important;
    font-family: "puchi_l", sans-serif!important;
}

.tar {
    text-align: right;
}
.commonBtn {
    position: relative;
    display: inline-block;
    padding: 4px 10px;
    text-decoration: none;
    color: #FFF;
    background: #FF8147;
    border-radius: 4px;
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    border: solid 2px #0010ff;
    font-size: 1rem;
    letter-spacing: 1px;
}
.commonBtn i {
    font-size: 1.3rem;
    margin-left: 6px;
    vertical-align: middle;
}
.bbottom{
  font-size: 0.7rem!important
}
.thxText{
    text-align: right;
    margin-top: 3px;
    font-size: 0.7rem!important;
    color: #e2385a;
    max-width: 720px;
}

#toc_container ul.toc_list li ul li a.dot:before,#toc_container ul.toc_list li ul li a.calendarIcon:before,#toc_container ul.toc_list li ul li a.spIcon:before,#toc_container ul.toc_list li ul li a.skillIcon:before,#toc_container ul.toc_list li ul li a.flagIcon:before,#toc_container ul.toc_list li ul li a.charaIcon:before,#toc_container ul.toc_list li ul li a.pencilIcon:before,#toc_container ul.toc_list li ul li a.giftIcon:before,#toc_container ul.toc_list li ul li a.bellIcon:before,#toc_container ul.toc_list li ul li a.infoIcon:before,#toc_container ul.toc_list li ul li a.checkIcon:before { color:#333;}
#toc_container ul.toc_list li ul li a.tubeIcon:before { color:#ff0000;}

#toc_container ul.toc_list li a.dot:before { content: "・";position: absolute;top:0;left:0;color:#333;font-weight: bold;}
#toc_container ul.toc_list li a.calendarIcon:before { content: "\f073";font-family: icomoon;position: absolute;top:0;left:0;color:#333;font-weight: bold;}
#toc_container ul.toc_list li a.spIcon:before { content: "\f0e7";font-family: icomoon;position: absolute;top:0;left:0;color:#333;font-weight: bold;}
#toc_container ul.toc_list li a.skillIcon:before { content: "\f0d0";font-family: icomoon;position: absolute;top:0;left:0;color:#333;font-weight: bold;}
#toc_container ul.toc_list li a.flagIcon:before { content: "\f024";font-family: icomoon;position: absolute;top:0;left:0;color:#333;font-weight: bold;}
#toc_container ul.toc_list li a.charaIcon:before { content: "\f094";font-family: icomoon;position: absolute;top:0;left:0;color:#333;font-weight: bold;}
#toc_container ul.toc_list li a.pencilIcon:before { content: "\f5bc";font-family: icomoon;position: absolute;top:0;left:0;color:#333;font-weight: bold;}
#toc_container ul.toc_list li a.tubeIcon:before { content: "\f16a";font-family: icomoon;position: absolute;top:0;left:0;color:#333;font-weight: bold;}
#toc_container ul.toc_list li a.twitterIcon:before { content: "\f099";font-family: icomoon;position: absolute;top:0;left:0;color:#333;font-weight: bold;}
#toc_container ul.toc_list li a.giftIcon:before { content: "\f06b";font-family: icomoon;position: absolute;top:0;left:0;color:#333;font-weight: bold;}
#toc_container ul.toc_list li a.bellIcon:before { content: "\f0a2";font-family: icomoon;position: absolute;top:0;left:0;color:#333;font-weight: bold;}
#toc_container ul.toc_list li a.infoIcon:before { content: "\f05a";font-family: icomoon;position: absolute;top:0;left:0;color:#333;font-weight: bold;}
#toc_container ul.toc_list li a.checkIcon:before { content: "\f00c";font-family: icomoon;position: absolute;top:0;left:0;color:#333;font-weight: bold;}


#toc_container ul.toc_list li ul li a {
  padding-left: 18px;
  font-size: 0.9rem;
  font-weight: normal;
  line-height: 1;
  margin:10px 0;
}

#toc_container ul li:last-child {
    margin-bottom: 0;
}

#toc_container ul.toc_list li ul {
  margin:0 0 15px 20px;
}

#toc_container ul.toc_list li a:hover {
  color: #13368b
}
#toc_container ul.toc_list li a {
    line-height: 1.2;
    padding: 0px;
    font-size: 1rem;
    color: #333;
    display: block;
    margin:0 0 15px 0;
    text-decoration: none;
    position: relative;
    padding-left: 22px;
    border-bottom: 1px dotted #395db3;
    padding-bottom: 3px;
}
#toc_container ul.toc_list.toc_card li ul li a {
  padding-left: 18px;
}
#toc_container ul.toc_list.toc_card li a {
  padding-left: 4px;
}
#toc_container ul.toc_list li {
    background: none;
    padding-left: 0;
}

#toc_container ul.toc_list {
    margin: 6px 0;
}
#toc_container p,#toc_container a {
  font-family: "M PLUS Rounded 1c", sans-serif;
}
#toc_container p.toc_title {
    text-align: center;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 0 0 5px;
    border-bottom: 2px dotted #aaa;
    font-size: 1.2rem;
}

#toc_container {
    border: 1px solid #aaa;
    padding: 10px;
    margin-bottom: 1em;
    width: auto;
    display: table;
    font-size: 1rem;
    margin-top: 40px;
    min-width: 280px;
}

.minW200{
  min-width: 200px!important;
}

.adTop {
    width: 70%;
    margin: 10px 9% 0;
    line-height: 0;
}
#sideArea .a8ad a img{
    width: 100%;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.8);
    margin-top: 0px;
}

#sideArea #categories img {
  border-radius: unset;
  box-shadow: unset;
  position: absolute;
  right: 6%;
  top: 28%;
}

.cardList li div:nth-child(4) p{
  line-height: 1.6!important;
}
.cardList li div:nth-child(4) p:nth-child(4){
  border-top:1px solid #ff7f50;
  padding-top:5px;
}
.cardList li div:nth-child(4) p:nth-child(5){
  text-align: center;
}
.cardList li div:nth-child(4) p:nth-child(4) span{
  position: relative;
}
.cardList li div:nth-child(4) p:nth-child(4) span:before{
  content: url(/images/card/ss_s.png);
  position: absolute;
  top:-2px;
  left: -26px;
}
.cardList li div:nth-child(4) p:nth-child(3){
  margin-bottom: 10px!important;
}
.cardList li div:nth-child(4) p:nth-child(1){
  line-height: 1.3!important;
}
.cardList li div:nth-child(4){
  width:51.4%;
  border-right:unset;
  text-align: left;
}
.cardList li div:nth-child(4) p:nth-child(1),.cardList li div:nth-child(4) p:nth-child(4){
  text-align: center;
}
.cardList li div:nth-child(3) p:nth-child(2) span{
  font-size: 1.2rem!important;
  font-family: "M PLUS Rounded 1c", sans-serif!important;
}
.cardList li div:nth-child(3){
  width:10%;
  }
.cardList li div:nth-child(2) p:nth-child(2){
  font-size: 2.6rem!important;
  font-family: "M PLUS Rounded 1c", sans-serif!important;
}
.cardList li div:nth-child(2){
  width:10%;
}
.cardList li div p:first-child,.cardList li div:nth-child(4) p:nth-child(4){
  font-weight: bold!important;
}
.cardList li div:first-child p{
  font-size: 0.8rem!important;
}
.cardList li div:first-child{
  width: 20%;
}

.cardList li div p{
  margin-bottom: unset!important;
}
.cardList li div p:nth-child(2),.cardList li div:nth-child(4) p:nth-child(5){
  border-top:1px dashed #ff7f50;
  margin-top: 5px;
  padding-top: 5px;
}
.cardList li {
    font-size: 0;
    border: 2px solid #ff7f50;
    margin-bottom: 20px;
    border-radius: 8px;
}
.cardList li.h170 div{
  height: 190px
}
.cardList li div{
  display:inline-block;
  vertical-align:middle;
  border-right:1px solid #ff7f50;
  height: 160px;
  text-align: center;
  padding:1%;
}


.cardList_2 li div:nth-child(4) p{
  line-height: 1.6!important;
}
.cardList_2 li div:nth-child(4) p:nth-child(4){
  border-top:1px solid #ff7f50;
  padding-top:5px;
}
.cardList_2 li div:nth-child(4) p:nth-child(5){
  text-align: center;
}
.cardList_2 li div:nth-child(4) p:nth-child(4) span{
  position: relative;
}
.cardList_2 li div:nth-child(4) p:nth-child(4) span:before{
  content: url(/images/card/ss_s.png);
  position: absolute;
  top:-2px;
  left: -26px;
}
.cardList_2 li div:nth-child(4) p:nth-child(3){
  margin-bottom: 10px!important;
}
.cardList_2 li div:nth-child(4) p:nth-child(1){
  line-height: 1.3!important;
}
.cardList_2 li div:nth-child(4){
  width:51.4%;
  border-right:unset;
  text-align: left;
}
.cardList_2 li div:nth-child(4) p:nth-child(1),.cardList_2 li div:nth-child(4) p:nth-child(4){
  text-align: center;
}
.cardList_2 li div:nth-child(3) p:nth-child(2) span{
  font-size: 1.2rem!important;
  font-family: "M PLUS Rounded 1c", sans-serif!important;
}
.cardList_2 li div:nth-child(3){
  width:47%;
  }
.cardList_2 li div:nth-child(2) p:nth-child(2){
  font-size: 2.6rem!important;
  font-family: "M PLUS Rounded 1c", sans-serif!important;
}
.cardList_2 li div:nth-child(2){
  width:48%;
}
.cardList_2 li div p:first-child,.cardList_2 li div:nth-child(4) p:nth-child(4){
  font-weight: bold!important;
}
.cardList_2 li div:first-child p{
    font-size: 0.8rem!important;
    border-bottom: 1px solid #ff7f50;
    padding: 1px 0 3px;
}

.cardList_2 li div a img{
  width: 80%;
  margin-top: 2%;
}
.cardList_2 li div p{
  margin-bottom: unset!important;
}
.cardList_2 li div p:nth-child(2),.cardList_2 li div:nth-child(4) p:nth-child(5){
  border-top:1px dashed #ff7f50;
  margin-top: 5px;
  padding-top: 5px;
}
.cardList_2:after {
  content: "";
  display: block;
  clear: both;
}
.cardList_2 li > div:first-child{
  border-right: unset;
}

.cardList_2 li > div:last-child{
  border-right: unset;
}
.cardList_2 li {
    font-size: 0;
    border: 2px solid #ff7f50;
    margin-bottom: 20px;
    border-radius: 8px;
    float: left;
    width: 30%;
    margin-right: 1%;
}
.cardList_2 li.h170 div{
  height: 190px
}
.cardList_2 li div{
  display:inline-block;
  vertical-align:top;
  border-right:1px solid #ff7f50;
  text-align: center;
  padding:1%;
}


.cardList_s > li > div:nth-child(4) p{
  line-height: 1.6!important;
}
.cardList_s > li > div:nth-child(4) p:nth-child(4),.cardList_s > li > div:nth-child(4) p:nth-child(6){
  border-top:1px solid #395db3;
  padding-top:5px;
}
.cardList_s > li > div:nth-child(4) p:nth-child(4) span,.cardList_s > li > div:nth-child(4) p:nth-child(6) span{
  position: relative;
}
.cardList_s > li > div:nth-child(4) p:nth-child(3),.cardList_s > li > div:nth-child(4) p:nth-child(5){
  margin-bottom: 10px!important;
}
.cardList_s > li > div:nth-child(4) p:nth-child(1){
  line-height: 1.3!important;
}
.cardList_s > li > div:nth-child(4){
  width:56%;
  border-right:unset;
  text-align: left;
}
.cardList_s > li > div:nth-child(4) p:nth-child(1),.cardList_s > li > div:nth-child(4) p:nth-child(4),.cardList_s > li > div:nth-child(4) p:nth-child(6){
  text-align: center;
}
.cardList_s > li > div:nth-child(3) p:nth-child(2) span{
  font-size: 1.2rem!important;
  font-family: "M PLUS Rounded 1c", sans-serif!important;
}
.cardList_s > li > div:nth-child(3){
  width:15%;
  }
.cardList_s > li > div:nth-child(2){
  width:10%;
}
.cardList_s > li > div p:first-child,.cardList_s > li > div:nth-child(4) p:nth-child(4),.cardList_s > li > div:nth-child(4) p:nth-child(6){
  font-weight: bold!important;
}
.cardList_s > li > div:first-child p{
  font-size: 1rem!important;
}
.cardList_s > li > div:first-child{
  width: 20%;
}

.cardList_s > li > div p{
  margin-bottom: unset!important;
}
.cardList_s > li > div p:nth-child(2),.cardList_s > li > div:nth-child(4) p:nth-child(5),.cardList_s > li > div:nth-child(4) p:nth-child(7){
  border-top:1px dashed #395db3;
  margin-top: 5px;
  padding-top: 5px;
}
.cardList_s > li {
    border: 2px solid #395db3;
    border-radius: 8px;
    margin-top: 15px;
}
.cardList_s > li > div{
  display:inline-block;
  vertical-align:middle;
  border-right:1px solid #395db3;
  text-align: center;
  padding:1% 1% 1% 0.4%;
}

.cardList_s > li > div > ul li:after{
  clear: both;
  content: "";
  display: block;
}
.cardList_s > li > div > ul li span:first-child {
    width: 80%;
    display: block;
    text-align: center;
    color: #fff;
    padding: 2px 0;
    border-radius: 5px;
    background: #395db3;
    margin: 0 auto 4px;
}
.cardList_s > li > div > ul li p span {
    float: left;
    text-align: left;
    margin-left: 4%;
    margin-bottom: 4px;
}
.cardList_s > li > div ul li {
  margin-bottom: 10px;
}
.cardList_s > li > div ul {
    border-top: 1px dashed #395db3;
    margin-top: 5px;
    padding-top: 10px;
}

.skill_pa{background: #60a1f3;color: #fff;padding: 0 6px;margin-right: 3px;border-radius: 4px;}
.skill_li{background: #fa6869;color: #fff;padding: 0 6px;margin-right: 3px;border-radius: 4px;}
.cardList_s > li{
  position: relative;
  display: flex;
}
.cardList_s > li > span {
    position: absolute;
    top: -29px;
    left: 6px;
    background: #395db3;
    color: #fff;
    padding: 4px 15px;
    font-size: 1.25rem;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    line-height: 1;
}

span.detail_btn {
  display: block;
  text-align: right;
}
span.detail_btn span {
    position: relative;
    display: inline-block;
    padding: 5px 8px 5px;
    text-decoration: none;
    color: #FFF;
    background: #4360d1;
    font-size: 0.8rem;
    border-radius: 5px;
    border: 1px solid #1e224c;
    box-shadow: 1px 1px 0px #333a74;
}

.tal{
  text-align: left!important;
}

.searchArea{
  display: none;
}

.toc_close_area{
  padding-left: 5px;
  font-weight: normal!important;
  font-size: 0.9rem;
}
.toc_close{
  color: #478fce;
  cursor: pointer;
  width: 44px;
  text-align: center;
  display: inline-block;
}

.cardList_s > li > div:nth-child(1) p:nth-child(2) span span {
    display: inline-block;
    padding: 2px 6px 3px;
    border-radius: 5px;
    font-size: 0.85rem;
}
.cardList_s > li > div:nth-child(1) p:nth-child(2) > span {
    display: block;
    margin-top: 2px;
}
.cardList_s > li > div:nth-child(1) p:nth-child(2){
  margin-top: 5px;
  border-top:1px solid #395db3;
  padding-top:5px;
  font-size: 1rem;
  font-weight: bold;
}
.cardList_s > li > div:nth-child(2) p:nth-child(1) span{
  position: relative;
}
.cardList_s > li > div:nth-child(2) p:nth-child(1) span:before{
  content: url(/images/card/ss_s.png);
  position: absolute;
  top:-2px;
  left: -26px;
}
.cardList_s > li > div:nth-child(2){
  width: 7%;
  text-align: left;
}
.cardList_s > li > div:nth-child(2) p:nth-child(1){
  text-align: center;
}
.cardList_s > li > div:nth-child(2) p:nth-child(1){
  font-weight: bold!important;
}

.cardList_s > li > div:first-child{
  width: 20%;
}

.cardList_s > li > div p{
  margin-bottom: unset!important;
}
.cardList_s > li > div:nth-child(2) p:nth-child(2) span:nth-child(1){
  font-size: 2.6rem!important;
}
.cardList_s > li > div:nth-child(2) p:nth-child(2) span:nth-child(2){
    font-size: 0.75rem!important;
    color: #333;
    font-weight: bold;
    display: block;
}
.cardList_s > li > div:nth-child(2) p:nth-child(2){
  font-family: "M PLUS Rounded 1c", sans-serif!important;
  text-align: center;
  border-top:1px dashed #395db3;
  margin-top: 5px;
  padding-top: 5px;
}

.block{
  display: block;
}



.ranking_missionWaku > ul > li {
    border: 2px solid #13368b;
    border-radius: 8px;
    background: rgba(255,153,0,0.1);
    max-width: 720px;
    margin-top: 15px;
}

.ranking_missionWaku > ul > li > div:first-child p{
  font-size: 1.1rem!important;
  margin-bottom: 3px;
}
.ranking_missionWaku > ul > li > div:first-child{
    text-align: center;
    border-bottom: 2px solid #13368b;
    margin: 0 2%;
    padding: 6px 0 1px;
    /* font-size: 1rem!important; */
}

.ranking_missionWaku .rewardsWaku ul li div:nth-child(2) span{
    font-size: 1rem;
    font-family: "M PLUS Rounded 1c", sans-serif;
}
.ranking_missionWaku .rewardsWaku ul li div:nth-child(2){
  width: 82%;
  margin: 1% 0 0 1%;
}
.ranking_missionWaku .rewardsWaku ul li div:nth-child(1){
  width: 5%
}
.ranking_missionWaku .rewardsWaku ul li:last-child{
  border-bottom: none;
}
.ranking_missionWaku .rewardsWaku ul li{
    border-bottom: 1px dashed #13368b;
    width: 96%;
    padding: 4px 5px 0 5px;
}
.ranking_missionWaku .rewardsWaku ul li div{
 display:inline-block;
 vertical-align:middle;
}

.rewardsWaku{
    width: 94%;
    margin: 5px auto 5px;
}


.ranking_missionWaku.howto > ul > li > div:first-child p {
  margin-bottom: 5px!important;
}
.ranking_missionWaku.howto .rewardsWaku ul li div:nth-child(1) {
    width: 15%;
}
.simpleWaku2 ul li:first-child div{
  font-weight: bold!important;
  text-align: center!important;
}
.simpleWaku2 ul li:first-child{
  background: rgba(92, 173, 255, 0.35);
}
.simpleWaku2 ul li:last-child{
  border-bottom:none;
}
.simpleWaku2 ul li div:first-child{
  width: 14.9%;
}
.simpleWaku2 ul li div:last-child{
  border-left: 1px solid #13368b;
}
.simpleWaku2 ul li div:nth-child(2) img{
  vertical-align: bottom;
}
.simpleWaku2 ul li div:nth-child(2) span{
    font-size: 1rem;
    font-family: "M PLUS Rounded 1c", sans-serif;
}
.simpleWaku2 ul li div:nth-child(2){
    width: 82%;
    text-align: left;
}
.simpleWaku2 ul li div{
  display: inline-block;
  vertical-align: middle;
  padding: 5px 0;
  margin-bottom: 0px!important;
  font-family: "M PLUS Rounded 1c", sans-serif;
  min-width: 38px
}
.simpleWaku2 ul li{
  border-bottom: 1px solid #13368b;
}
.simpleWaku2 ul{
  border: 2px solid #13368b;
}
.simpleWaku2{
  margin-top: 10px;
  max-width: 600px;
  text-align: center;
}

.simpleWaku2 ul li div:last-child{
  padding: 2% 1%;
}

.simpleWaku1 ul li:first-child{
  background: rgba(92, 173, 255, 0.35);
  font-weight: bold!important;
}
.simpleWaku1 ul li:last-child{
  border-bottom:none;
}
.simpleWaku1 ul li p{
  padding: 5px 0;
  margin-bottom: 0px!important;
}
.simpleWaku1 ul li{
  border-bottom: 1px solid #13368b;
}
.simpleWaku1 ul{
  border: 2px solid #13368b;
}
.simpleWaku1{
  margin-top: 10px;
  max-width: 400px;
  text-align: center;
}

.mainImg_text{margin-left: 86px;min-height: 80px;}
.mainImg_area{position: relative;}
.mainImg_thumb{ width: 80px;position: absolute;top:0;left: 0; }
.toc_sm .cl80{ color: #b32d47; }
.toc_sm .cl90{ color: #e2385a; }
.toc_sm span{ padding-left: 2px;font-weight: bold;font-size: 0.8rem }
.toc_list .toc_sm{ display: block;font-size: 0.6rem; }
.midashi_b .toc_sm{ display: inline-block;font-size: 0.6rem;margin-left: 3px; }

.pc_block{
  display: block;
}
.sp_block{
  display: unset;
}
.rare_rank {
    font-family: 'Archivo Black', sans-serif;
    font-size: 1.6rem;
    line-height: 1;
    display: block;
    margin-bottom: 6px;
    color: #395db3;
}
.rank_color_s{
font-family: 'Unlock', cursive;
}

.marker_ore {
    background: linear-gradient(rgba(234,167,127,0) 50%, rgba(234,167,127,1) 90%);
    font-size: 1rem;
}
.event_sp span {
    display: inline-block;
    background: #bc7ef5;
    color: #fff;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.85rem;
}
.event_sp{
  text-align: center;
  margin-top: 2px;
}
.arch{
  font-family: 'Archivo Black', sans-serif!important;
}
.arch_pink{
  font-family: 'Archivo Black', sans-serif!important;
}
.color_rare5{
  color: #f72a6d;
}
.event_s_1 ul li a span p{
  font-size: 0.8rem!important;
  margin-top: 3px;
}
.event_s_1 ul li > p{
  margin-bottom: 0!important;
  font-size: 0.8rem!important;
  text-align: center;
  padding: 2px 0;
}
.event_s_1 ul li a span:nth-child(1){
  width: 22%;
  line-height: 0;
}
.event_s_1 ul li a span:nth-child(2) p{
  margin-bottom: 0;
}
.event_s_1 ul li a span:nth-child(2){
  width: 78%;
  margin-left: 1%;
  position: relative;
}
.event_s_1 ul li a{
  display: flex;
  padding: 2px;
}
.event_s_1 ul:after{
  clear: both;
  content: "";
  display: block;
}
.event_s_1 > div > ul:first-child {
  background: #ffe2c6;
}
.event_s_1 ul {
  display: flex;
    border: 1px solid #13368b;
    max-width: 398px;
    border-bottom: unset;
}
.event_s_1 ul:last-child {
    border-bottom: 1px solid #13368b;
}
.event_s_1 ul li:nth-child(3) img {
    width: 100%;
    border-radius: 6px;
    box-shadow: 1px 1px 2px 1px #959595;
}
.event_s_1 ul li:nth-child(1){
  width: 20%
}
.event_s_1 ul li:nth-child(1) p span{
  color: #333;
  font-weight: normal;
}
.event_s_1 ul li:nth-child(1) p{
  color: #e2385a;
  font-weight: bold;
  margin-top: 2px;
}
.event_s_1 ul:nth-child(1) li:nth-child(1) p{
  color: unset;
  font-weight: normal;
  margin-top: 0;
}

.event_s_1 ul li:nth-child(2){
  width: 10%;
}
.event_s_1 ul li:nth-child(2) p{
  font-family: 'Archivo Black', sans-serif;
  font-size: 1rem!important;
  line-height: 1;
}
.event_s_1 ul:nth-child(1) li:nth-child(2) p{
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 0.8rem!important;
  color: unset;
  line-height: 1.3;
}
.event_s_1 ul li:nth-child(3){
  width: calc(70% - 3px);
  border-right:unset;
}
.event_s_1 > div{
    display: inline-block;
    border: 1px solid #13368b;
}
.event_s_1 ul li{
  border-right: 1px solid #13368b;
}
.detaliBtn{
    background: #ee6f99;
    color: #fff;
    margin-left: 3px;
    padding: 1px 4px;
    border-radius: 4px;
    position: absolute;
    right: 5px;
    bottom: 2px;
}

.event_s_2 ul li a span p{
}
.event_s_2 ul li > p {
    text-align: center;
    margin-bottom: 0;
    line-height: 1.5;
    margin-top: 2px;
}
.event_s_2 > div > ul:first-child {
  background: #ffe2c6;
}
.event_s_2 ul {
    display: flex;
    border: 1px solid #13368b;
    max-width: 398px;
    border-bottom: unset;
}
.event_s_2 ul:last-child {
    border-bottom: 1px solid #13368b;
}
.event_s_2 ul li:nth-child(1){
  width: 20%;
}
.event_s_2 ul li:nth-child(2){
  width: 20%;
}
.event_s_2 ul li:nth-child(3){
  width: 20%;
}
.event_s_2 ul li:nth-child(4){
  width: calc(40% - 4px);
  border-right:unset;
}
.event_s_2 > div{
    display: inline-block;
    border: 1px solid #13368b;
    min-width: 400px;
}
.event_s_2 ul li{
  border-right: 1px solid #13368b;
}
.line_b{
  border-bottom: 1px solid #13368b!important;
}
.maWaku0 ul li p {
    text-align: center;
    margin-bottom: 0;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 4px;
}
.maWaku0 ul li a p {
        color: #8c1a4e;
    text-decoration: underline;
}
.maWaku0 > div > ul:first-child {
  /*background: #ffe2c6;*/
}
.maWaku0 ul {
    display: flex;
    border: 1px solid #13368b;
    max-width: 398px;
    border-bottom: unset;
}
.maWaku0 ul:last-child {
    border-bottom: 1px solid #13368b;
}
.maWaku0 ul li img{
  max-width: 80px;
  margin-top: 4px;
  border-bottom: 1px dashed #13368b;
  padding-bottom: 6px;
}
.maWaku0 ul li:nth-child(1){
  width: 33.3%;
}
.maWaku0 ul li:nth-child(2){
  width: 33.3%;
}
.maWaku0 ul li:nth-child(3){
  width: calc(33.3%);
  border-right:unset;
}
.maWaku0 > div{
    display: inline-block;
    border: 1px solid #13368b;
    min-width: 400px;
}
.maWaku0 ul li{
  border-right: 1px solid #13368b;
  text-align: center;
}




.maWaku ul li > p {
    text-align: center;
    margin-bottom: 0;
    line-height: 1.3;
    margin-top: 6px;
    margin-bottom: 5px;
}
.maWaku > div > ul:first-child {
  background: #ffe2c6;
}
.maWaku ul {
    display: flex;
    border: 1px solid #13368b;
    max-width: 398px;
    border-bottom: unset;
}
.maWaku ul:last-child {
    border-bottom: 1px solid #13368b;
}
.maWaku ul li img{
  max-width: 80px;
  margin-top: 3px;
}
.maWaku ul li:nth-child(1){
  width: 40%;
}
.maWaku ul li:nth-child(2){
  width: calc(60% - 3px);
  border-right:unset;
}
.maWaku > div{
    display: inline-block;
    border: 1px solid #13368b;
    min-width: 400px;
}
.maWaku ul li{
  border-right: 1px solid #13368b;
  text-align: center;
}
.event_s_3 ul li > p {
    text-align: center;
    margin-bottom: 0;
    line-height: 1.5;
    margin-top: 2px;
}
.event_s_3 > div > ul:first-child {
  background: #ffe2c6;
}
.event_s_3 ul {
    display: flex;
    border: 1px solid #13368b;
    max-width: 398px;
    border-bottom: unset;
}
.event_s_3 ul:last-child {
    border-bottom: 1px solid #13368b;
}
.event_s_3 ul li:nth-child(1){
  width: 30%;
}
.event_s_3 ul li:nth-child(2){
  width: calc(70% - 1px);
  border-right:unset;
}
.event_s_3 > div{
    display: inline-block;
    border: 1px solid #13368b;
    min-width: 400px;
}
.event_s_3 ul li > span p{
      margin-bottom: 0;
}
.event_s_3 ul li > span img{
    border-radius: 4px;
    box-shadow: 1px 1px 2px #d4d4d4;
}
.event_s_3 ul li > span{
  display: block;
  line-height: 1;
  margin-top: 2px;
}
.event_s_3 ul li > span:nth-child(1){
  width: 16%;
  margin-left: 1%;
  margin-right: 2%;
}
.event_s_3 ul li > span:nth-child(2){
  width: 81%;
}
.event_s_3 ul li{
  border-right: 1px solid #13368b;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.pt0{
  padding-top: 0!important;
}
.bgList{
  background: rgba(255,153,0,0.1);
}

.event_s_4 ul li a span p{
  font-size: 0.8rem!important;
  margin-top: 3px;
}
.event_s_4 ul li > p{
  margin-bottom: 0!important;
  font-size: 0.8rem!important;
  text-align: center;
  padding: 2px 0;
}
.event_s_4 ul li a span:nth-child(1){
  width: 16%;
  line-height: 0;
}
.event_s_4 ul li a span:nth-child(2) p{
  margin-bottom: 0;
}
.event_s_4 ul li a span:nth-child(2){
  width: 84%;
  margin-left: 1%;
  position: relative;
}
.event_s_4 ul li a{
  display: flex;
  padding: 2px;
}
.event_s_4 ul:after{
  clear: both;
  content: "";
  display: block;
}
.event_s_4 > div > ul:first-child {
  background: #ffe2c6;
}
.event_s_4 ul {
  display: flex;
    border: 1px solid #13368b;
    max-width: 398px;
    border-bottom: unset;
}
.event_s_4 ul:last-child {
    border-bottom: 1px solid #13368b;
}
.event_s_4 ul li:nth-child(2) img,.event_s_4 ul li:nth-child(3) img {
    width: 100%;
    border-radius: 6px;
    box-shadow: 1px 1px 2px 1px #959595;
}
.event_s_4 ul:nth-child(1) li:nth-child(1) p{
  font-size: 0.8rem!important;
  line-height: 1.3;
}

.event_s_4 ul li:nth-child(1){
  width: 15%;
}
.event_s_4 ul li:nth-child(1) p{
  font-family: 'Archivo Black', sans-serif;
  font-size: 1rem!important;
  line-height: 1;
}
.event_s_4 ul:nth-child(1) li:nth-child(2) p{
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 0.8rem!important;
  color: unset;
  line-height: 1.3;
}
.event_s_4 ul li:nth-child(2),.event_s_4 ul li:nth-child(3){
  width: calc(85% - 3px);
  border-right:unset;
}
.event_s_4 > div{
    display: inline-block;
    border: 1px solid #13368b;
}
.event_s_4 ul li{
  border-right: 1px solid #13368b;
}
[class^="fa-"], [class*=" fa-"]{
  font-size: 0.9rem!important;
}

.fa-clock{
  margin-right: 3px;
}


.cardList_s > li > div:first-child img {
    width: 80%;
    margin-top: 2px;
    max-width: 82px;
    border-radius: 10px;
}

.cardList_s > li > div.fire_waku:first-child img {border: 3px solid #a32535;}
.cardList_s > li > div.water_waku:first-child img {border: 3px solid #2f60b2;}
.cardList_s > li > div.thunder_waku:first-child img {border: 3px solid #b29614;}
.cardList_s > li > div.wind_waku:first-child img {border: 3px solid #539722;}
.cardList_s > li > div.shine_waku:first-child img {border: 3px solid #abb283;}
.cardList_s > li > div.dark_waku:first-child img {border: 3px solid #3f2843;}


li.fire_waku img {border: 3px solid #a32535;}
li.water_waku img {border: 3px solid #2f60b2;}
li.thunder_waku img {border: 3px solid #b29614;}
li.wind_waku img {border: 3px solid #539722;}
li.shine_waku img {border: 3px solid #abb283;}
li.dark_waku img {border: 3px solid #3f2843;}


.fire_bg{background: #a32535;color: #fff;}
.water_bg{background: #2f60b2;color: #fff;}
.thunder_bg{background: #b29614;color: #fff;}
.wind_bg{background: #539722;color: #fff;}
.shine_bg{background: #abb283;color: #fff;}
.dark_bg{background: #3f2843;color: #fff;}


.fire_color{color: #a32535;}
.water_color{color: #2f60b2;}
.thunder_color{color: #b29614;}
.wind_color{color: #539722;}
.shine_color{color: #abb283;}
.dark_color{color: #3f2843;}


.topBtn a .fa{
  font-size: 2rem!important;
}

.b_waku{
    border: 2px solid #395db3;
    background: #cddcff;
    color: #395db3;
}

.marker_blue {
    background: linear-gradient(rgba(137,146,255,0) 68%, rgba(137,146,255,1) 90%);
}
.marker_red {
background: linear-gradient(rgba(234,127,139,0) 68%, rgba(234,127,139,1) 90%);
}
.pl0{padding-left: 0!important;}

  .rightBtn {
    text-align: right;
  }
  .rightBtn a {
    position: relative;
    display: inline-block;
    padding: 4px 10px;
    text-decoration: none;
    color: #FFF;
    background: #4e92df;
    border-radius: 4px;
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    border: solid 2px #4e92df;
    font-size: 1rem;
    letter-spacing: 1px;
}






@media screen and (max-width:700px) {

.adside img{
  max-width: 90%!important;
  margin-left: 5%;
}
#sideArea img{
  max-width: 80px;
  border-radius: 10px;
}

#sideArea li div:first-child {
    width: 15%;
}

.simpleWaku2 ul li div:first-child{
  width: 14%;
}

.simpleWaku2 ul li:nth-child(3) div:nth-child(2),.simpleWaku2 ul li:nth-child(5) div:nth-child(2),.simpleWaku2 ul li:nth-child(7) div:nth-child(2) {
  text-align: center;
}
.simpleWaku2 ul li div {
  font-size: 0.9rem
}

.simpleWaku2 ul li div{
  min-width: 38px
}




.ranking_missionWaku .rewardsWaku ul li div:nth-child(2){
  margin: 0.5% 0 0 1%;
}

.ranking_missionWaku .rewardsWaku ul li div:nth-child(1){
  width: 15%
}

.ranking_missionWaku > ul > li {
    border: 2px solid #13368b;
    border-radius: 8px;
    background: rgba(255,153,0,0.1);
}




.searchArea .midashi_bx{
  margin-left: 0!important;
}
.searchArea{
  display: block;
  width: 96%;
  margin:0 auto;
}

.cardList li.h170 div {
  height: unset; 
}

.cardList li{
  font-size: 0;
  border:2px solid #ff7f50;
}

.cardList li div:first-child{
  border-top: unset;
}
.cardList li div:first-child img{
  width: 80%;
  margin-top: 2px;
}

.cardList li div {
    width: 100%!important;
}

.cardList li div p{
  width: 96%!important;
}

.cardList li div {
    display: block;
    vertical-align: unset;
    border-right: unset;
    border-top: 2px solid #ff7f50;
    height: unset;
    text-align: center;
    padding: 6px 0;
}


.cardList_2 li.h170 div {
  height: unset; 
}

.cardList_2 li:nth-child(even){
  margin-right: 0;
}
.cardList_2 li{
  font-size: 0;
  border:2px solid #ff7f50;
  width: 47%;
  margin-right: 3%;
  margin-bottom: 10px;
}

.cardList_2 li div:first-child{
  border-top: unset;
}
.cardList_2 li div:first-child img{
  width: 80%;
  margin-top: 2px;
}

.cardList_2 li div:nth-child(2) p:nth-child(2) {
    font-size: 1.6rem!important;
}

.cardList_2 li div:first-child p{
  min-height: 30px;
  border-bottom: unset;
      padding: 1px 0 0px;
}

.cardList_2 li div {
    width: 100%!important;
}

.cardList_2 li div p{
  width: 96%!important;
}

.cardList_2 li div {
    display: block;
    vertical-align: unset;
    border-right: unset;
    border-top: 2px solid #ff7f50;
    height: unset;
    text-align: center;
    padding: 6px 0;
}

.cardList_s > li.h170 div {
  height: unset; 
}

.cardList_s > li{
  border:2px solid #395db3;
  display: block;
}

.cardList_s > li > div:first-child{
  border-top: unset;
}

.cardList_s > li > div {
    width: 100%!important;
}

.cardList_s > li > div p{
  width: 96%!important;
}

.cardList_s > li > div {
    display: block;
    vertical-align: unset;
    border-right: unset;
    border-top: 2px solid #395db3;
    height: unset;
    text-align: center;
    padding: 6px 0;
}

#sideArea #categories img {
  top: 38%;
}

h4:before,h4:after{
  left:51%;
}

.topBtn a{
  bottom:55px;
}

.fontPuchi_l{
  font-family: "puchi_l", sans-serif;
}
.tagArea{
  margin: 15px 0 20px 0;
}
#archives li a:after, #categories li a:after{
  content: "";
}
#mainArea ol{
  line-height: 0.8;
  margin-bottom: 10px;
  margin-top: 15px;
}
#mainArea.lp h2:first-letter, .subTitle:first-letter{
  font-size: 1.4rem;
  margin-right: 1px;
}
#mainArea.lp h1 span,#mainArea.lp_top h1 span, .mainTitle span{
  font-size: 1rem;
  padding: 2% 2.5%;
}
#mainArea.lp h2, .subTitle{
  font-size: 1rem;
  margin: 2% 0 3%;
}
#mainArea ol li{
  font-size: 0.5rem;
}
.footerMenuArea{
  width: 88%;
}
.footerMenu{
  float: none;
  padding: 6%;
  width: 88%;
  margin: 0 auto 3%;
}
.footerMenu li{
  width: 100%;
}

.footerMenu li a:hover::after{
  color:#5d76ff;
}

.appImg img{
  width: 36%;
}
.Copyright {
  margin: 5% 0 45px;
  font-size: 0.6rem;
}
#archives li:after,#categories li:after{
  content: "\f101";
  font-family: icomoon;
  position: absolute;
  color:#333;
  top:25%;
  right: 0;
}
#sideArea li:hover::after{
  color:#5d76ff;
}
#newInfo li:after,#favInfo li:after{
  content: "\f101";
  font-family: icomoon;
  position: absolute;
  font-size: 1.3rem;
  color:#333;
  top:35%;
  right: 0;
}
#archives li a, #categories li a{
  border-bottom: none;
  padding:0;
  width: 100%;
}
#sideArea li a{
  padding: 6px 0;
  margin:0;
}
#sideArea li{
  border-bottom: 1px solid #aaa;
  padding: 6px 0;
  width: 100%;
  margin:0;
}
#sideArea{
  float: none;
  width: 100%;
  margin-left: 0;
}
#adInfo{
  margin:8% auto 0;
  width: 92%
}
#newInfo, #favInfo, #archives, #categories, #contact, #searchArea{
  margin:8% auto 10%;
  width: 92%
}
#sideArea h4{
  width: 100%;
  margin-bottom: 12px;
}
#sideArea h5{
  padding-bottom: 0;
  width: 100%;
}
#sideArea li div{
  display: inline-block;
  vertical-align: middle;
}
#sideArea li div:last-child{
  width: 69%;
  margin: 0 0 0 2%
}
#mainArea{
  width: 96%;
  float: none;
  margin-left: 2%;
  margin-bottom: 30px;
}
h1,.headTitle{
  font-size: 0.64rem;
  margin: 5px 0;
}
header p{
  font-size: 0.6rem;
}
.list h2{
  font-size: 0.96rem;
  line-height: 1.2em;
  border-bottom: 2px dashed #dcdcdc;
}
.list h3{
  width: 100%;
  font-size: 0.8rem;
    font-family: "M PLUS Rounded 1c", sans-serif;
}
.loading img{
  width: 20px;
}
.loading div{
  font-size: 20px;
}
nav li:nth-child(6) a{
  border-right: 2px solid #4360d1!important;
}
nav li:nth-child(5) a,nav li:nth-child(6) a{
  border-bottom: 2px solid #4360d1;
}
nav li:nth-child(1) a,nav li:nth-child(3) a,nav li:nth-child(5) a{
  border-left: 2px solid #4360d1;
}
nav li a{
  color: #4360d1;
  background: #fff;
  border-right: 2px solid #4360d1;
  border-top: 2px solid #4360d1;
  font-size: 0.8rem;
  padding:4% 0;
  font-weight: bold;
  font-family: "M PLUS Rounded 1c", sans-serif;
}
nav li{
  width:50%;
}
nav li a:hover{
  background-color: rgba(0, 63, 139, 0.4);
  -webkit-transition: 0.1s ease-in-out;
  -moz-transition: 0.1s ease-in-out;
  -o-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out;
}

p,h3{
  line-height: 1.4;
  font-size: 0.9rem;
  margin-left: 2%;
  width: 97%;
  font-weight: normal;
  font-family: "M PLUS Rounded 1c", sans-serif;
}
.color_1,.color_2,.color_3,.color_4,.color_5,.color_6,.color_7,.color_8,.color_9{
  color: #333;
  font-size: 0.9rem;
  margin:0 1px;
  font-weight: normal;
  font-family: "M PLUS Rounded 1c", sans-serif;
}
.modal-syncer{
  width: 80%;
  margin:0 auto;
}
.movieImg{
  margin-top: 8px;
}
.mainImg{
  width: 80%;
  margin: 0 auto;
  text-align: center;
}
.list li{
  transition: all .1s;
  padding:10px;
  width: 93%
}

.list li::before,
.list li::after {
  transition: all .1s;
}
header h1, header p,.headTitle{
  margin-left: 2%;
}
.bottomList li{
  width: 100%;
}
.smallImg{
  width: 16%;
}
.smallText{
  font-size: 0.7rem;
  width: 83%;
  margin-left: 1%;
  font-feature-settings : "palt";
}
.tagArea{
  margin-top: 0;
}
.tagArea i{
  font-size: 0.9rem;
}
.tagBtn{
  padding:6px 11px;
}
.moreRead{
  font-size: 0.8rem
}
.list .day{
  margin: 1% 0 5px 0;
}
.bottomPrev .arrow {
  width: 16%;
  padding-right: 3%;
}
.bottomNext .arrow {
  width: 16%;
  padding-left: 3%;
}
.bottomPrev, .bottomNext{
  width: 140px;
}
.prevMain .smallImg{
  display: none;
}
.prevMain .smallText {
    width: 95%;
    height: 25px;
    font-size: 0.6rem;
}
.arrow img {
    width: 100%;
}
.numWaku,.rankWaku,.charaWaku,.textWaku div{
  float:unset;
  width:unset;
}
.charaImg{
  text-align: center;
}
.charaWaku.cardArea img{
  width: 100%;
}
.charaWaku img{
  width: 50%;
  border-radius: 30px;
}
.charaWaku .charaName p:nth-child(2){
  font-family: "M PLUS Rounded 1c", sans-serif;
}
.charaWaku .charaName img{
}
.charaWaku{
  margin: 0 5% 36px;
}
.charaWaku .textWaku div{
  width: 96%!important;
  margin:40px auto;
}
.rankList{
  border: 2px solid #ff7f50;
  margin-top: 30px;
}
.numWaku p{
    font-size: 1.6rem!important;
    text-align: center;
    margin: 4px 0;
    font-family: initial;
}
.numWaku{
  margin: 0 5%;
}
.rankWaku p{
    font-size: 1.6rem!important;
    text-align: center;
    margin: 4px 0;
    font-family: initial;
}
.rankWaku{
  border-bottom: 1px solid #ff7f50;
  margin: 0 5%;
}
.textWaku div:last-child {
    margin: 40px auto;
}
.textWaku div {
    position: relative;
    margin: 40px auto;
    padding: 1% 1% 0;
    width: 87%;
    border: solid 3px #e9967a;
}
.textWaku div .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 0.8rem;
    background: #e9967a;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.textWaku div ul li:after {
  content: "";
  clear: both;
  display: block;
}
.textWaku div ul {
  padding-bottom: 6px
}
.textWaku div ul li:first-child {
  margin-top: 4px;
}
.textWaku div ul li {
  margin-top: 8px;
}
.textWaku div ul li p {
  float: left;
}
.textWaku div ul li p:nth-child(1) {
  width: 5%!important;
  margin:0!important;
}
.textWaku div ul li p:nth-child(2) {
  width: 95%!important;
  margin:0!important;
  line-height:1.4!important;
}
.textWaku div p {
    margin-top: 3px;
  font-family: "M PLUS Rounded 1c", sans-serif;

}
.textWaku div:nth-child(2) p:nth-child(2),.textWaku div:nth-child(3) p:nth-child(2){
  /*font-weight: bold!important;*/
}
.textWaku div:nth-child(2) p:nth-child(4),.textWaku div:nth-child(3) p:nth-child(4) {
  font-size: 0.8rem!important;
}
.bold{
  font-weight: bold;
}
.line_o{
    width: 96%!important;
}
.redBold{
  color: #dc143c;
  font-weight: bold;
}
.blueBold{
  color: #0000cd;
  font-weight: bold;
}
.box-title i{
  margin-right: 5px;
}
.img_s img{
  width: 40%;
}

.rankWaku p span{
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 1.4rem;
  margin-left: 5px;
}
.rankWaku p i{
  margin-right: 2px;
}
.rankWaku p{
  font-size: 1.3rem!important
}
.rankWaku p span{
  font-size: 0.7rem!important
}
.iconWaku ul li{
  width: 50px;
  margin:0 15px 10px 0;
  min-height: 100px
}
.charaAll{
  height: 69px!important;
}
.chara_skill .iconWaku ul li{
  height: 114px;
}
.eventArea img{
  margin-top: 5px;
}
.eventArea p{
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 0.7rem;
  letter-spacing: 1px;
}
.eventArea{
  width: 94%;
  margin:0 auto;
}
.fixMenu{
  display: block;
  position: fixed;
  top:2%;
  right: 2%;
  cursor: pointer;
  z-index: 100;
  display: none;
}
.fixMenu img{
  width:42px;
}
.popMenu {
  width: 300px;
  height: 100%;
  transition: all 0.5s;
  transform: translate(300px);
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1000;
  background-color: #395db3;
  color: #fff;
  padding-top: 30px;
}
.popMenu.open {
  transform: translate(0); 
}
.popList {
  overflow: auto;
}
.popList li a i {
  margin-right: 5px;
}
.popList li a {
  font-size: 1rem;
  font-family: "M PLUS Rounded 1c", sans-serif;
  letter-spacing: 1px;
    text-decoration: none;
    padding: 12px 0 7px 0px;
    display: block;
    color: #fff;
    border-bottom: 1px dotted #fff;
}
.closeBtn .fa{
    font-size: 1.4rem!important;
}
.closeBtn {
    position: absolute;
    top: 4px;
    right: 6px;
    color: #fff;
    cursor: pointer;
    font-size: 1.9rem;
}
.bgAll {
    display: none;
    position: fixed;
    background: rgba(0,0,0,0.7);
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    z-index: 500;
}
.popList li{
  font-weight: bold;
  font-size: 1rem;
  width: 94%;
  margin:0 auto;
}
.recordArea{
  font-size: 0.9rem;
  margin: 10px auto 0;
  width: 94%;
  line-height: 1.3;
}
.recordArea span{
  font-size: 0.6rem;
  padding-left: 5px;
}
.recordArea ul{
  margin-top:2px;
}
.recordArea ul li:last-child {
    border-right: 1px solid #fff;
}
.recordArea ul li a {
  color: #222;
  font-size:0.8rem;
  text-decoration: underline;
}
.recordArea ul li {
    float: left;
    font-size: 0.9rem;
    font-weight: bold;
    text-align: center;
    width: 54.5px;
    padding-top: 4px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
}
.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}
.recordTitle span{
  color: #fff;
  background: #2792c3;
  font-size: 1rem;
  padding:4px 51px;

}
.recordTitle{
  border:1px solid #fff;
  background: #fff;
  color: #2792c3;
  text-align: center;
  padding:5px 0;
  margin-bottom: 10px;
}
.icon-crown:before {
    margin-right: .33em;
}
.recordArea ul li p{
  line-height: 1.2;
}
.recordArea ul li p:nth-child(2){
  font-size: 0.6rem;
  font-weight: unset;
}
.recordArea ul li p:nth-child(3){
  margin-top: 5px;
}
.recordArea ul:after{
  content: "";
  clear: both;
  display: block;
}
.recordNext{
    font-size: 0.8rem;
    margin-top: 15px;
    text-align: right;
}

.fixMenuarea{
  display: block;
}
.bgImg,.logo-slider{
  width: 100%;
}
.block{
  display: block;
}
.commonWaku{
  width: 98%;
}
.iconWaku ul li a img:last-child{
    top: 36px;
    right: 5px;
    width: 18px;
}

.movieList {
  margin-left: 2%;
}
.movieList ul:after{
  content: "";
  clear: both;
  display: block;
}
.movieList ul li .movieImg{
  border-radius: 0;
  margin-top: 2px;
}
.movieList ul li .modal-syncer{
  width: 100%;
}
.movieList ul li a .playImg {
}
.movieList ul li {
    float: left;
    width: 30.3%;
    margin:0 3% 0 0;
}

.missionWaku ul li{
  border:2px solid #13368b;
  border-radius: 8px;
  background: rgba(255,153,0,0.1);
}
.missionWaku ul li div:nth-child(3) p:nth-child(4){
  margin-top: 2px!important;
  font-family: "M PLUS Rounded 1c", sans-serif!important;
  font-size: 0.9rem!important;
}
.missionWaku ul li div:nth-child(3) p{
  margin-bottom: 0!important;
  line-height: 0.9!important;
}
.missionWaku ul li div:nth-child(3) img{
  width: 40px;
  margin-top: 5px;
  margin-bottom: 0;
}
.missionWaku ul li div:nth-child(3) {
    text-align: center;
}
.missionWaku ul li:after{
  content: "";
  clear: both;
  display: block;
}
.missionWaku ul li div:nth-child(1) p,.missionWaku ul li div:nth-child(3) span{
  display: table-cell;
  vertical-align: middle;
}
.missionWaku ul li div:nth-child(1) span{
  display: block;
}
.missionWaku ul li div:nth-child(2){
  border-left:2px solid #13368b;
  border-right:2px solid #13368b;
}
.missionWaku ul li div:nth-child(1),.missionWaku ul li div:nth-child(3){
  display: table;
  height: 100px;
  text-align: center;
}
.missionWaku ul li div:nth-child(2) p:nth-child(3){
  border-top:1px solid #13368b;
}
.missionWaku ul li div:nth-child(2) p:nth-child(1),.missionWaku ul li div:nth-child(2) p:nth-child(3){
  border-bottom:1px solid #13368b;
  background: rgba(255,153,0,0.2);
  text-align: center;
  padding:1% 2%!important;
  width: 96%!important;
  margin-left: 0!important;
}
.missionWaku ul li div p:nth-child(2),.missionWaku ul li div p:nth-child(4){
  font-size: 0.7rem!important;
  padding:0;
  width: unset;
}
.missionWaku ul li div,.missionWaku ul li p{
  font-size: 0.6rem!important;
}
.missionWaku ul li div{
  float: left;
}
.missionWaku ul li div:nth-child(1) p span {
    font-size: 1.4rem!important;
    letter-spacing: -2px;
    padding-right: 3px;
}
.missionWaku ul li div:nth-child(1) p{font-size: 0.8rem!important;font-family: "M PLUS Rounded 1c", sans-serif!important;}
.missionWaku ul li div:nth-child(3){width: 25%;}
.missionWaku ul li div:nth-child(2){width: 63%;}
.missionWaku ul li div:nth-child(1){width: 10%;}

.iconTab ul li{
  margin-right: 10px;
}

.chara_skill .midashi_b i{
	margin-right: 5px;
	font-size:1.3rem;
}

.eventmissionWaku ul li{
  border:2px solid #13368b;
  border-radius: 8px;
  background: rgba(255,153,0,0.1);
  max-width: 720px;
  margin-top: 15px;
}

.eventmissionWaku ul li div:nth-child(4) p:nth-child(1),.eventmissionWaku ul li div:nth-child(5) p:nth-child(1),.eventmissionWaku ul li div:nth-child(6) p:nth-child(1){
  font-family: "M PLUS Rounded 1c", sans-serif!important;
  font-size: 2rem!important;
}
.eventmissionWaku ul li div:nth-child(4) p:nth-child(2),.eventmissionWaku ul li div:nth-child(5) p:nth-child(2),.eventmissionWaku ul li div:nth-child(6) p:nth-child(2){
	display: none;
}
.eventmissionWaku ul li div:nth-child(4) p:nth-child(4),.eventmissionWaku ul li div:nth-child(5) p:nth-child(4),.eventmissionWaku ul li div:nth-child(6) p:nth-child(4){
  margin-top: 2px!important;
  font-family: "M PLUS Rounded 1c", sans-serif!important;
  font-size: 0.7rem!important;
}
.eventmissionWaku ul li div:nth-child(4) p:nth-child(3),.eventmissionWaku ul li div:nth-child(5) p:nth-child(3),.eventmissionWaku ul li div:nth-child(6) p:nth-child(3){
  margin-top: 1px!important;
  font-size: 0.9rem!important;
}
.eventmissionWaku ul li div:nth-child(4) p,.eventmissionWaku ul li div:nth-child(5) p,.eventmissionWaku ul li div:nth-child(6) p{
  margin-bottom: 0!important;
  line-height: 0.9!important;
}
.eventmissionWaku ul li div:nth-child(4) img,.eventmissionWaku ul li div:nth-child(5) img,.eventmissionWaku ul li div:nth-child(6) img{
  width: 74%;
  margin-bottom: 4px;
  max-width: 32px;
}
.eventmissionWaku ul li div:nth-child(4),.eventmissionWaku ul li div:nth-child(5),.eventmissionWaku ul li div:nth-child(6) {
    text-align: center;
}
.eventmissionWaku ul li:after{
  content: "";
  clear: both;
  display: block;
}
.eventmissionWaku ul li div:nth-child(1) p,.eventmissionWaku ul li div:nth-child(2) p,.eventmissionWaku ul li div:nth-child(4) span,.eventmissionWaku ul li div:nth-child(5) span,.eventmissionWaku ul li div:nth-child(6) span{
  display: table-cell;
  vertical-align: middle;
}
.eventmissionWaku ul li div:nth-child(1) span,.eventmissionWaku ul li div:nth-child(2) span{
  display: block;
}
.eventmissionWaku ul li div:nth-child(2),.eventmissionWaku ul li div:nth-child(4){
  border-left:2px solid #13368b;
  border-right:2px solid #13368b;
}
.eventmissionWaku ul li div:nth-child(5){
  border-right:2px solid #13368b;
}
.eventmissionWaku ul li div:nth-child(1),.eventmissionWaku ul li div:nth-child(2),.eventmissionWaku ul li div:nth-child(4),.eventmissionWaku ul li div:nth-child(5),.eventmissionWaku ul li div:nth-child(6){
  display: table;
  height: 125px;
  text-align: center;
}
.eventmissionWaku ul li div:nth-child(3) p:nth-child(3){
  border-top:1px solid #13368b;
}
.eventmissionWaku ul li div:nth-child(3) p:nth-child(1),.eventmissionWaku ul li div:nth-child(3) p:nth-child(3){
  border-bottom:1px solid #13368b;
  background: rgba(255,153,0,0.2);
  text-align: center;
  padding:2px 2%!important;
  width: 96%!important;
  margin-left: 0!important;
}
.eventmissionWaku ul li div p:nth-child(2),.eventmissionWaku ul li div p:nth-child(4){
  font-size: 0.6rem!important;
  padding:0 2%;
  width: 94%!important;
}
.eventmissionWaku ul li p{
  margin-bottom: 5px!important;
}
.eventmissionWaku ul li div,.eventmissionWaku ul li p{
  font-size: 0.7rem!important;
}
.eventmissionWaku ul li div{
  float: left;
}
.eventmissionWaku ul li div:nth-child(1) p span,.eventmissionWaku ul li div:nth-child(2) p span{font-size: 1.1rem!important;font-family: "M PLUS Rounded 1c", sans-serif!important;}
.eventmissionWaku ul li div:nth-child(1) p,.eventmissionWaku ul li div:nth-child(2) p{font-size: 0.6rem!important;font-family: "M PLUS Rounded 1c", sans-serif!important;}
.eventmissionWaku ul li div:nth-child(4),.eventmissionWaku ul li div:nth-child(5),.eventmissionWaku ul li div:nth-child(6){width: 10%;}
.eventmissionWaku ul li div:nth-child(3){width: 46.8%;}
.eventmissionWaku ul li div:nth-child(2){width: 11%;}
.eventmissionWaku ul li div:nth-child(1){width: 9%;}

.eventmissionWaku ul li div:nth-child(3) p:nth-child(2){
	height: unset;
}
.eventmissionWaku ul li div:nth-child(4),.eventmissionWaku ul li div:nth-child(5){
	border-right: 1px solid #13368b;
}

.eventmissionArea div i {
  font-size: 1.7rem;
}

.event_mission .missionWaku ul li div:nth-child(3) img{
	width: 30px;
	margin-top: 0!important;
}
.event_mission .missionWaku ul li div:nth-child(3){
	height: 70px;
}
.event_mission .missionWaku ul li div:nth-child(3) p {
    margin-bottom: 0!important;
    line-height: 0.6!important;
}
.event_mission .missionWaku ul li div:nth-child(3) p:nth-child(4) {
    margin-top: 4px!important;
    font-family: "M PLUS Rounded 1c", sans-serif!important;
    font-size: 0.7rem!important;
}
.event_mission .missionWaku ul li div:nth-child(1) p {
    font-size: 0.6rem!important;
    font-family: "M PLUS Rounded 1c", sans-serif!important;
}

.event_mission .missionWaku ul li div:nth-child(1) p span{
    font-size: 1.1rem!important;
    font-family: "M PLUS Rounded 1c", sans-serif!important;
}
.event_mission .missionWaku ul li div:nth-child(2) p:nth-child(2), {
    font-size: 0.8rem!important;
}
.event_mission .missionWaku ul li div:nth-child(2) p:nth-child(2){
  margin-top: 18px;
}

.eventmissionWaku ul li div:nth-child(3) p:nth-child(4),.eventmissionWaku ul li div:nth-child(3) p:nth-child(2){
	line-height: 1.3!important;
}

.tab_item {
    width: calc(97%/2);
}
.eventmissionWaku ul li{
  margin-top: 15px;
}

.pageLink a span{
	display: none;
}
.pageLink a{
    font-size: 0.6rem;
}


.chara_sp .iconWaku.min ul li{
  height: 93px;
}

.infoBtnArea{
  width: 100%;
}
a.infoBtn {
    width: 100%;
}

.mailPost{
  text-align: center;
  margin: 30px auto 0;
  font-size: 1rem;
  font-family: "M PLUS Rounded 1c", sans-serif
}

.mailConf{
    display: inline-block;
    margin-bottom: 10px!important;
}

#sideAd ul li{
  min-height: 80px
}
#sideAd {
	width: 92%;
	margin:0 auto;
}



.lightWaku.ev_skill ul li:nth-child(2){display: none;}
.lightWaku.ev_skill ul li:nth-child(3){display: none;}

.lightWaku.ev_skill li{
  border-right: unset;
  border-left: 1px solid #13368b;
}
.lightWaku.ev_skill li:first-child {
    border-left: unset;
}

.lightWaku.ev_mission span {
  display: block;
}
.lightWaku.ev_mission li:last-child {
  padding:18px 10px 0;
}
.lightWaku.ev_mission li {
    width: 42%;
    height: 30px;
    padding: 10px 4%;
    font-size: 0.8rem
}

.lightWaku.ev_mission {
    max-width: 100%;
}

.eventboWaku {
  max-width: 294px;
}

.eventboWaku ul li div:first-child {
    padding: 12px 5px 6px!important;
    width: 17%
}
.eventboWaku ul li div {
    padding: 12px 12px 6px;
    width: unset;
}

.eventboWaku ul li span {
    width: 50px;
    margin: 0 10px 5px 0;
}

.eventboWaku ul li div {
    height: 85px;
}
.h218 {
    height: 188px!important;
}
.bbottom{
  font-size: 0.6rem!important
}

#toc_container{
  min-width: 264px;
  margin:25px auto 0;
}

#toc_container p.toc_title {
    font-weight: bold!important;
    font-size: 1.1rem!important;
    margin-bottom: 15px!important;
}
#toc_container ul.toc_list li a {
    font-size: 0.9rem;
    font-family: "M PLUS Rounded 1c", sans-serif;
}

.adTop {
    width: 60%;
    margin: 10px auto 0;
    line-height: 0;
}
.mainImg_text p{font-size: 0.75rem!important}


.cardList_s > li > div > ul li span:first-child{
  width: 90px;
  display: inline-block;
  text-align: center;
  color: #fff;
  padding: 0px 3px;
  border-radius: 4px;
  margin-bottom: unset;
  margin-right: 4%;
}
.cardList_s > li > div > ul li span:last-child{

}
.cardList_s > li > div ul li {
  /*margin-bottom: unset;*/
  text-align: left;
}

.cardList_s > li > div ul{
      width: 95%;
    margin: 5px auto 0;
}

span.detail_btn {
    margin-right: 10%;
}

.cardList_s > li > div:first-child p{
  font-size: 0.8rem!important;
}
.pc_block{
  display: unset;
}
.sp_block{
  display: block;
}
.event_sp + p{
  margin-top: 3px;
}
.event_s_1 ul li:nth-child(1) p span{
  font-size: 0.7rem;
}
.detaliBtn{
    bottom: 0px;
}

.event_s_2 > div{
    min-width: unset;
    width: 100%;
}

.maWaku0 > div,.maWaku > div{
    min-width: unset;
    width: 100%;
}

.maWaku0 ul li p {
  font-size: 0.8rem;
  line-height: 1.3;
}

.cardList_s > li > div:nth-child(2) p:nth-child(2){
  line-height: 1!important
}

.event_s_3 > div{
    min-width: unset;
    width: 100%;
}

[class^="fa-"], [class*=" fa-"]{
  font-size: 0.75rem!important;
}

#newInfo li:after,#favInfo li:after{
  font-size: 1rem;
}

.list img{
  border-radius: 8px;
}
.iconWaku ul li a p:nth-child(2) {
    width: 100%;
}
.iconWaku ul li a p:nth-child(2) > span:nth-child(1) {
    padding: 0 3px!important;
    text-align: center!important;
    margin: 2px auto 4px!important;
    border-radius: 4px!important;
    color: #fff;
    font-size: 0.7rem;
}
.iconWaku ul li a p:nth-child(3) {
    min-height: 31px;
}



}
