@charset "UTF-8";
/*---------------------
		フォント設定
---------------------*/
/*
@font-face {
	font-family: 'rounded';
	font-weight: normal;
	src: url('../fonts/rounded-mplus-2p-light.ttf')  format('truetype');
} */
/*---------------------
		タグ初期設定
---------------------*/
img {
  max-width: 100%;
  height: auto;
  border: none;
}

/*---------------------
		共通クラス
---------------------*/
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: ' ';
  clear: both;
  display: block;
}
.pc {
  display: block;
}
.sp {
  display: none;
}

/*---------------------
		illust_pop
---------------------*/
div#column_one * {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
div#column_one.pc_column_one {
  min-width: 641px;
}
#illust_pop #column_one .find_tab_list {
  border-bottom: 3px solid #9c1a1a;
  margin: 2rem 0 1.5rem;
}
#illust_pop #column_one .find_tab_list li {
  text-align: center;
  display: inline-block;
  width: 23.8%;
  border: 1px solid #eee;
  border-radius: 5px 5px 0 0;
  background: #eee;
  background: linear-gradient(#ffffff, #dddddd);
}
#illust_pop #column_one .find_tab_list li a {
  display: block;
  color: #000;
  text-decoration: none;
  padding: 13px 0;
  font-weight: bold;
}
#illust_pop #column_one .find_tab_list li a .under_arrow_img {
  margin: 0 6px 0 0;
  display: inline-block;
  width: 1rem;
}
#illust_pop #column_one .find_tab_list li a .under_arrow_img img {
  display: none;
}
#illust_pop #column_one .find_tab_list li a .under_arrow_img img.off {
  display: block;
}
#illust_pop #column_one .find_tab_list li.active {
  border: 1px solid #9a1e20;
  background: #9a1e20;
  background: linear-gradient(to bottom, #b73535 0%, #9c1a1a 100%);
}
#illust_pop #column_one .find_tab_list li.active a {
  color: #fff;
}
#illust_pop #column_one .find_tab_list li.active a .under_arrow_img img.off {
  display: none;
}
#illust_pop #column_one .find_tab_list li.active a .under_arrow_img img.on {
  display: block;
}

#illust_pop #column_one .find_tab_list li:hover {
  border: 1px solid #9a1e20;
  background: #9a1e20;
  background: linear-gradient(to bottom, #b43336 0%, #991b1f 100%);
}
#illust_pop #column_one .find_tab_list li:hover a {
  color: #fff;
}
#illust_pop #column_one .find_tab_list li:hover a .under_arrow_img img.off {
  display: none;
}
#illust_pop #column_one .find_tab_list li:hover a .under_arrow_img img.on {
  display: block;
}
#illust_pop #column_one .sp_find_tab_list {
  text-align: center;
}
#illust_pop #column_one .sp_find_tab_list li {
  display: inline-block;
  width: 48%;
  margin: 0 1% 2% 0;
  background-size: 1rem;
}
#illust_pop #column_one .sp_find_tab_list li a {
  padding: .5rem 0;
  display: block;
  color: #fff;
  background: #cccccc;
  text-decoration: none;
  font-weight: bold;
}
#illust_pop #column_one .sp_find_tab_list li a span {
  background: url("../../img/under_arrow_on.png") no-repeat 0;
  background-size: 1rem;
  padding: 0 0 0 1.5rem;
}
#illust_pop #column_one .sp_find_tab_list li:nth-child(even) {
  margin: 0 0 2% 0;
}
#illust_pop #column_one .sp_find_tab_list li.active a {
  background: #bf0d0d;
}

.topic_boxB_02{display:inline-block;width:19.5%;padding:5px 10px}
.txtcenter{text-align:center;}
.download_btn01{float:right;}
.topic_boxB_title{float:left;font-size:15px;width:80%}
.poptitle{color:#979797;font-size:18px;margin:20px 0;padding-bottom:3px;border-bottom:2px solid #979797;padding-left:7px;}
.poptitle2{color:black;font-size:15px;}
.pmtb{margin:10px 0}
.item_area1{ background: #fff;border: 1px solid #ddd;width: 100%;padding: 1.5rem 1.5rem 0 1.5rem;}
.pop_h140{text-align:center}

/*---------------------
	レスポンシブ対応
---------------------*/
@media only screen and (max-width: 980px) {
  #illust_pop #column_one .find_tab_list li a {
    font-size: .9rem;
  }
  #illust_pop #column_one .find_tab_list li a .under_arrow_img {
    width: .9rem;
  }
}
@media only screen and (max-width: 750px) {

}

@media only screen and (max-width: 680px) {
.topic_boxB_02{display:inline-block;width:48%;padding:0 10px}
.topic_boxB_title{float:left;font-size:14px;width:70%}
}



@media only screen and (max-width: 640px) {
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
}
@media only screen and (max-width: 375px) {
  /* line 958, ../di/sass/style.scss */
  html, body {
    font-size: 14px;
  }
}