@charset "UTF-8";



/* ====================================================

 *     サイト全体の基本スタイル

 *     背景色、文字色、リンク色はカラーセット設定で変化

 * ==================================================== */





/*背景*/

.gamen_bg_color1{
  background-color:#000;

}




/*txtカラー*/

.gamen_txt_pu{

  color: #60C;  

}



.gamen_underline{

  text-decoration: underline;

}





/*width100%のバナー*/

.gamen_width_max{

  text-align: center;

  line-height: 0px;


}

.gamen_width_max img{

  max-width: 100%;

}








/* sample
------------------------------------------------------------- */
.titleinfo_box{
  display:table;
  width:100%;
  margin: 8px auto 20px;
  text-decoration:none;
}
.left_box{
  display:table-cell;
  width:150px;
  padding:0 8px 0 3px;
  vertical-align:top;
}
.left_box a{
  display:block;
}
.left_box img{
  width:100%;
  max-width: 500px;
  border: 1px solid #3f3f3f;
  border-radius: 2px;
}
.right_box{
  display:table-cell;
  padding:0 3px 0 0;
  vertical-align:top;
}
.right_box .title_name{
  text-align:left;
  font-size:1.5em;
}
.right_box .title_name a{
  color:#3f3f3f;
}
.right_box .author_name{
  text-align:left;
  font-size:1.5em;
  height: auto;
  white-space: normal;
}
.right_box .author_name a{
  color:#3f3f3f;
}
.right_box .appeal_text{
  margin-top: 5px;
  text-align: left;
}
.right_box .appeal_text span{
  display: inline-block;
  padding:2px 7px 1px 7px;
  background: #3f3f3f;
  border: 1px solid #3f3f3f;
  border-radius: 3px;
  text-align: left;
  font-size: 12px;
  font-weight:bold;
  color: #FFF;
}
.right_box .intro{
  margin: 3px 0;
  line-height: 1.3;
  text-align:left;
  color:#3f3f3f;
}
.right_box .btn_box {
  display: table;
  width:auto;
  margin:7px 0 0 auto;
  box-sizing:content-box;
  -webkit-box-sizing:content-box;
}
.right_box .btn_box_left {
  display: table-cell;
  width:92px;
  padding:2px 2px 2px 0;
}
.right_box .btn_box_right {
  display: table-cell;
  width:92px;
  padding:2px 0 2px 2px;
}
.right_box .btn_read,
.right_box .btn_buy {
  display:inline-block;
  width:160px;
  height:30px;
  margin:0;
  padding:0;
  line-height:32px;
  vertical-align:middle;
  text-align:center;
  background: #FFF;
  border: 1px solid #3f3f3f;
  border-bottom: 2px solid #3f3f3f;
  border-right: 1px solid #3f3f3f;
  border-radius: 3px;
  font-size:13px;
  font-weight:bold;
  color: #3f3f3f;
  white-space:nowrap;
  cursor:pointer;
}
.attention_info {
  margin-top:10px;
  padding: 4px 6px;
  background: #3f3f3f;
  border: solid 1px #3f3f3f;
  border-radius: 3px;
  text-align:left;
  font-size:12px;
  font-weight:bold;
  color: #3f3f3f;
}
.attention_info a{
  color: #3f3f3f;
}




.left_box2{
  display:table-cell;
  width:250px;
  padding:0 8px 0 3px;
  vertical-align:top;
}
.left_box2 a{
  display:block;
}
.left_box2 img{
  width:100%;
  max-width: 240px;
}





.text_box{
  text-align:left;
  font-size:1.4em;
  padding-top:5px;
}



.gamen_bkg{
  background-color:#fff;
  padding:20px 0;
	  background-image:url("/sol/pcc/N/special/konwake/images/bkg.jpg");


}

.gamen_bkg2{
  background-color:#fff;
  padding:20px 0;
	  background-image:url("/sol/pcc/N/special/konwake/images/bkg_2.jpg");


}

/* common
-------------------------------------------------------------*/
.contents_area{
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
  text-align: left;
}
.common_box {
  margin: 13px 8px 38px;
}
.common_box img{
  max-width: 480px;
  width: 100%;
}
.common_box .title {
  margin: 0 auto;
  text-align: center;
}
.common_box .contents {
  margin: 10px auto;
  line-height: 1.6;
  color:#883939;
}

/*
  cm_manga
-------------------------------------------------------------*/


.cm_manga_list ul{
  list-style: none;
}



.cm_manga header p {
  line-height: 1.75;
  margin-bottom: 10px;
}
.cm_manga_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -10px;
}
.cm_manga_list li {
  list-style: none;
  width: 20%;
  margin:0 5px 10px;
  padding: 0 10px;
}
.cm_manga_list li a {
  text-decoration: none;
  text-decoration-skip-ink: none;
      
}
.cm_manga_list li a:hover {
    text-decoration: underline;
}
.cm_manga_list li a p {
  line-height: 1.3;
}

.cm_manga_list li .btn {
  font-weight: bold;
}

.cm_manga_list li a .btn {
  margin-top: 12px;
  font-size: 1.2rem;
  font-weight: bold;
}
.cm_manga_list li a .btn:hover {
  opacity: 1;
  text-decoration: underline;
}
.cm_manga_list li a:hover p {
  text-decoration: underline;
}
.cm_manga_list li a:hover .btn {
  opacity: 0.7;
  text-decoration: underline;
}
.cm_manga_category {
  margin-bottom: 8px;
  text-align: center;
}
.cm_manga_image {
  margin-bottom: 12px;
  text-align: center;
}
.cm_manga_image img {
  width: 100%;

  height: 236px;
  border: 1px solid #ccc;
}
.cm_manga_author {
  font-size: 1.4rem;
}


/*
  reciatal_intro
-------------------------------------------------------------*/
.reciatal_intro {
  margin-bottom: 70px;
}
.reciatal_intro_image {
  margin-bottom: 70px;
}
.reciatal_intro_body {
  text-align: center;
}
.reciatal_intro_body h2 {
  margin-bottom: 25px;
}
.reciatal_intro_body h2 img {
  margin: auto;
}
.reciatal_intro_body p {
  font-size: 1.8rem;
  line-height: 2;
}

/*
  reciatal_movie
-------------------------------------------------------------*/
.reciatal_movie {
  margin-bottom: 80px;
  font-size: 1.8rem;
  text-align: center;
}
.reciatal_movie .section_title {
  margin: 0 0 25px;
}
.reciatal_movie .section_image_item {
  display: block;
  position: relative;
  width: 800px;
  margin: 0 auto 30px;
  padding: 12px;
}
.reciatal_movie .section_image_item::before {
  content: "SPECIAL";
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 10;
  right: -30px;
  top: -40px;
  width: 90px;
  height: 90px;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  background-color: #ff9000;
  border-radius: 50%;
  transform: rotate(10deg);
}

/*
  reciatal_feature
-------------------------------------------------------------*/
.reciatal_feature {
  margin-bottom: 100px;
  padding: 65px 0 80px;
  background-color: #E6E6E6;
}
.reciatal_feature_box {
  padding: 70px 50px;
  background-color: #fff;
}
.reciatal_feature_section + .reciatal_feature_section {
  margin-top: 80px;
}
.reciatal_feature_row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
.reciatal_feature_row.reverse .reciatal_feature_image {
  order: 1;
}
.reciatal_feature_row.reverse .reciatal_feature_body {
  order: 2;
}
.reciatal_feature_row.full {
  display: block;
}
.reciatal_feature_image {
  width: 50%;
  text-align: right;
}
.reciatal_feature_row.full .reciatal_feature_image {
  width: 100%;
  text-align: center;
}
.reciatal_feature_image img {
  margin: -35px -25px 0 0;
}
.reciatal_feature_row.reverse .reciatal_feature_image {
  text-align: left;
}
.reciatal_feature_row.reverse .reciatal_feature_image img {
  margin-right: 0;
  margin-left: -25px;
}
.reciatal_feature_body {
  width: 50%;
}
.reciatal_feature_row.full .reciatal_feature_body {
  width: 100%;
}
.reciatal_feature_row.full .reciatal_feature_image img {
  margin: 0;
}
.reciatal_feature_body h2 {
  margin-bottom: 40px;
  padding-bottom: 30px;
  border-bottom: 1px solid #666
}
.reciatal_feature_row.full .reciatal_feature_body h2 {
  padding-bottom: 0;
  text-align: center;
  border-bottom: none;
}
.reciatal_feature_row.full .reciatal_feature_body h2 span {
  display: inline-block;
  padding-bottom: 15px;
  border-bottom: 1px solid #666
}
.reciatal_feature_text {
  line-height: 2.4;
  background-image: linear-gradient(180deg, rgba(229, 229, 229, 0) 0%, rgba(229, 229, 229, 0) 98.5%, #000 100%);
  background-repeat: repeat-y;
  background-size: 100% 2.4em;
  font-size: 110%;
}



.gamen_can{
  margin:20px auto 0 ;
  text-align:left;


}

.gamen_can p{
  font-weight:bold;

}




.btn_box_title{
  display:inline-block;
  width:90px;
  height:30px;
  margin:5px auto 15px;
  padding:0;
  line-height:32px;
  vertical-align:middle;
  text-align:center;
  background: #FFF;
  border: 1px solid #3f3f3f;
  border-bottom: 2px solid #3f3f3f;
  border-right: 1px solid #3f3f3f;
  border-radius: 3px;
  font-size:13px;
  font-weight:bold;
  color: #3f3f3f;
  white-space:nowrap;
  cursor:pointer;
}


.btn_box_title a{
  color: #3f3f3f;
}


.btn_box_img img{
  border: 1px solid #3f3f3f;
}


.nag_can{
  margin:10px auto;
  padding:10px;
  font-size:1.3em;
  border:1px solid #3f3f3f;
  width:80%;
  text-align:left;
}


.nag_can span{
  color:#3f3f3f;
}



.knk_read{
  width:770px;
  margin:0 auto 50px;
  padding:10px 0;
  text-align:center;
  background-color:#000;
  font-size:2.5em;
  color:#ff0;

}


.knk_box{
  margin:40px auto;
}


.knk_box2{
  width:80%;
  padding:20px;
  margin:40px auto;
  border:#3f3f3f 1px solid;
  background-color:#fff;
}




.knk_readtxt{
  font-size:2.2em;
  font-weight:bold;
  color:#3f3f3f;
  letter-spacing:0.2em;
  padding-bottom:30px;

}

.knk_txt{
  margin-top:10px;
  font-size:1.5em;
  color:#3f3f3f;
}

.knk_txt2{
  margin-top:10px;
  font-size:2.5em;
  line-height:2em;
  color:#3f3f3f;

}
.knk_txt2 span{
  border-bottom: dotted 2px #87CEFA;
  }
  
  

.gamen_cast{
  padding:5px;
  width:170px;
  float: left;
}




.gamen_castimg img{
  width:95%;
  height:95%;
}

.gamen_castname{
  font-weight:bold;
  font-size:1.1em;
  padding-top:5px;


}




.gamen_box{
  padding:5px;
  float: left;
  width:48%;
}


.gamen_80 img{
  width:80%;
  height:80%;
}

.wc_coment1{
  text-align:left;
  font-size:2em;
  padding-top:50px;
}

.wc_coment2{
  text-align:left;
  font-size:3em;
}