#bgColor{
background:#f7fdd8;
/*
background:#ecf9fb;　夏
background:#ffeccf;　秋
background:#fefce7;　冬
*/
}

.btnAreaCli{
  padding:0 0 10px;
  text-align: center;
}
.btnAreaCli li,.moreinfo_speck li{
  list-style: none;
}
.spring .btnAreaCli{ background:url(https://aimg-static-ssl.gree.net/img/common/ab5c18a82ebbd620a79148b70716bfeb669.png) repeat; }/*春*/
.summer .btnAreaCli{ background:url(https://aimg-static-ssl.gree.net/img/common/ada039775b609312a60d48c67fcdd38c559.png) repeat; }/*夏*/
.autumn .btnAreaCli{ background:url(https://aimg-static-ssl.gree.net/img/common/b1283efbdb2e1f6a90af700b6f3199e6247.png) repeat; }/*秋*/
.winter .btnAreaCli{ background:url(https://aimg-static-ssl.gree.net/img/common/6a7d0951265ea1d565bb6f11f45feaa2463.png) repeat; }/*冬*/


/**/
.nowBtn img{
  width:90%;
}

#modal-content,
#modal-content-foot {
	width: 100% ;
	margin: 0 ;
	position: fixed ;
  top:15%;
	/*display: none ;*/
	z-index: 101 ;
}

#modal-content h2,
#modal-content-foot h2{
  text-align: center;
}
#modal-content h2 img,
#modal-content-foot h2 img{
  width:80%;
}

.gameBtnSelect{
  padding-top:30px;
}
.gameBtnSelect a img{
  width:90%;
}
#modal-overlay-cli,
#modal-overlay-cli-foot {
	z-index: 100 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}



.gameBtnSelect li:nth-child(1){
  margin-bottom:2vw !important;
}


.clfx { *zoom: 1; }
.clfx:after { content: "";display: table;clear: both;}


.btnAreaCli.foot{
  margin-top:8vw;
  padding:0;
  text-align: center;
  background:none;
}

.navAreaCli{
  padding:15px 0 0;
  width:100%;
  text-align: center;
}
.navAreaCli ul{
  padding:0;
}
.navAreaCli img{
  width:24%;
}
.navAreaCli li{
  display:inline;
}
.bookAreaCli{
  position:relative;
  width:100%;
  background: url(https://aimg-static-ssl.gree.net/img/common/770ea4c924266100d1d55126761bf0f9898.png);
  background-size: 100% auto;
  z-index: 1;
  margin-bottom:9vw;
}
.bookAreaCli:after{
  position:absolute;
  bottom:-8vw;
  display:block;
  content:"";
  width:100%;
  height:8.7vw;
  background: url(https://aimg-static-ssl.gree.net/img/common/553d7125af59d0e2a5eccf864d113e43573.png) no-repeat;
  background-size:100% auto;
  z-index: 2;
}

.bookAreaMain{
  width:80%;
  margin:0 auto;
}
.titleBook{
    line-height: 0;
}
.titleBook img{
  width:100%;
  margin:0;
}
.chara{
  margin: 0;
  margin-left: 1.4vw;
  width: 95%;
}
.chara img{
  width:100%;
}


/**/
.speckArea{
  display:block;
  width:86%;
  height:55vw;
  margin:2vw auto 0;
  font-size:4vw;
  line-height: 120%;
}
.speckArea dt{
  clear: both;
  float: left;
  position:relative;
  display:block;
  width:25%;
}
.speckArea dt:before{
  position:relative;
  display:inline-block;
  content:"■";
  width:2.5vw;
}
.speckArea dd{
  float:left;
  position:relative;
  display:block;
  width:70%;
  margin-bottom:2vw;
  margin-left:3vw;
}
.speckArea dd:before{
  position:relative;
  display:inline-block;
  content:":";
  width:3vw;
  margin-left:-3vw;
}

.moreinfo_speck{
  font-size:3vw;
  line-height: 1.2;
}
/**/


.manga{
  text-align: center !important;
}
.manga .shoukai{
  display:block;
  margin:0 auto;
  width:95% !important;
}
.manga .shoukai img{
  width:100%;
}

.manga .ttlManga{
  display:block;
  background:#532837;
  color:#FFF;
  padding:10px 0;
  width:76.5%;
  margin:50px auto 20px;
}


.sns a{
  display:block;
  margin-bottom:30px;
}
.sns a img{
  width:100%;
}

.btnPagetop_cli{
  position: relative;
  display:block;
  width:80px;
  float:right;
  margin-right:15px;
  margin-bottom:-50px;
  z-index: 20;
}
.btnPagetop_cli img{
  width:100%;
}
.ftImg{
  position: relative;
  width:100%;
  z-index: 1;
}






/* -------
instafeed
------- */

#instafeed li{
  width:100%;
  height:auto;
  list-style: none;
  display: inline-block;
  margin:0 auto 50px;
  padding:0;
  float:left;
  word-wrap: break-word;
  line-height: 170%;
  letter-spacing: .5px;
  font-size:14px;
  padding-bottom:25px;
  border:1px dotted #DDD;
  background:#FFF;
}
#instafeed li img{
  width:100%;
  line-height: 0;
  border: 0;
}
#instafeed li .textArea{
padding:20px 20px 0;
}
#instafeed li .textArea span{
display:block;
color:#333;
letter-spacing: 1px;
line-height: 130%;
}
.textArea small{
font-weight: bold;
display:block;
margin-bottom:10px;
}

@media (max-width: 360px) {
  .mangaImg{
    width: 100%;
  }
}