@charset "UTF-8";



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



 *     ブラウザのデフォルトのスタイルをリセット



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



/* 構造要素とブロックレベル要素 */



html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset {



  margin: 0;



  padding: 0;



  /* font-size:100%; */



}



/* 文字の自動調整の無効化 */



body {



  -webkit-text-side-adjust:none;



}



/* HTML5の新要素をプロックレベルへ。 */



section, nav, article, aside, hgroup, header, footer, figure, figcaption, summary {



  display: block;



  margin: 0;



  padding: 0;



  font-size:100%;



}



/* テーブルセルのボーダーの設定 */



table {



  border-collapse: collapse;



  border-spacing: 0;



  border-padding: 0;



  empty-cells:show;



}



/* 画像のリンクボーダーを非表示に */ 



img {



  border: 0;



}



/* リストスタイルの無効化 */



ul, ol {



  list-style: none;



}



/* 画像とフォームパーツの上下位置をテキストの真ん中に */



img, input, select, textarea {



  vertical-align: middle;



}



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



 *     共通設定(全css基本設定)



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



/* 共通 フォントサイズ*/



.sm_font_10 {



  font-size:0.8em;



}



.sm_font_12 {



  font-size:1em;



}



.sm_font_14 {



  font-size:1.2em;



}



.sm_font_16 {



  font-size:1.4em;



}



.sm_font_18 {



  font-size:1.6em;



}



/* 共通マージン*/



.sm_margin_2 {



  margin:2px;



}



.sm_margin_top2 {



  margin-top:2px;



}



.sm_margin_bottom2 {



  margin-bottom:2px;



}



.sm_margin_right2 {



  margin-right:2px;



}



.sm_margin_left2 {



  margin-left:2px;



}



.sm_margin_5 {



  margin:5px;



}



.sm_margin_top5 {



  margin-top:5px;



}



.sm_margin_bottom5 {



  margin-bottom:5px;



}



.sm_margin_right5 {



  margin-right:5px;



}



.sm_margin_left5 {



  margin-left:5px;



}



.sm_margin_10 {



  margin:10px;



}



.sm_margin_top10 {



  margin-top:10px;



}



.sm_margin_bottom10 {



  margin-bottom:10px;



}



.sm_margin_bottom20 {



  margin-bottom:20px;



}



.sm_margin_bottom30 {



  margin-bottom:30px;



}



.sm_margin_right10 {



  margin-right:10px;



}



.sm_margin_left10 {



  margin-left:10px;



}



.sm_padding5 {



  padding:5px;



}



.sm_padding_top5 {



  padding-top:5px;



}



.sm_padding_bottom5 {



  padding-bottom:5px;



}



.sm_padding_right5 {



  padding-right:5px;



}



.sm_padding_left5 {



  padding-left:5px;



}



/* 上寄せ*/



.sm_v-top {



  vertical-align:top;



}



/* 中心*/



.sm_v-center {



  vertical-align:center;



}



/* ｾﾝﾀﾘﾝｸﾞ*/



.sm_h-center {



  text-align:center;



}



/* 左*/



.sm_h-left {



  text-align:left;



}



/* 右*/



.sm_h-right {



  text-align:right;



}



/* 色設定*/



.sm_color_rd {



  color:#FF0033;/* 自動出力 */



}



.sm_color_bk {



  color:#fff;/* 自動出力 */



}



.sm_color_pr {



  color:#60C;/* 自動出力 */



}



.sm_color_pk {



  color:#F0F;/* 自動出力 */



}



.sm_color_or {



  color:#F90;/* 自動出力 */



}



.sm_color_dor {



  color:#F60;/* 自動出力 */



}















/*角丸設定*/



.sm_radius_top {



  border-radius: 5px 5px 0 0;



}



.sm_radius_bottom {



  border-radius: 0 0 5px 5px;



}



.sm_radius_all {



  border-radius: 5px;



}



.sm_text-shadow1{



  text-shadow:0 1px 0 #ccc;



}



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



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



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



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



 



 /* bodyの文字サイズ、インデント、カラー */



body {

  font-size: 1em;

  line-height: 1.2;

  font-weight: normal;

  /* color: #000; */

  background-color: #fff;

}







 /* リンクカラー自動出力(カラーセット) */



a{



  text-decoration: none;





}



a:hover{



  /*text-decoration: underline; 固定 */



  color:#003399;



}







#sm_header{



  margin:0px 0px 0px 0px;



}







#sm_header #sm_site-banner img{



}







.sm_header_catch{



  text-align:center;



}







.sm_header_catch img{



  -webkit-box-shadow:none;



}







/*ページTOPへ*/



.sm_page-top{



  text-align:right;



  height:40px;



  margin:0px 5px 0px 5px;



}



.sm_page-top a{



  margin:0px 0px 0px 170px;



  text-align:center;



  padding:5px 10px 5px 10px;



  font-size:0.8em;



  display: block;



  border:2px solid #D962AC;



  border-radius: 5px;



  color:#FFF;



  background: -webkit-gradient(linear,center top, center bottom, from(#C42F8C), to(#8C2265));



}







.sm_page-top a:hover{



  background: -webkit-gradient(linear,center top, center bottom, from(#8C2265), to(#C42F8C));



}







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



 *     プロパティのcss設定



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



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



.sm_content{

  margin:0 auto;

  max-width:480px;
  background-color:#fff;

}











/*TOPﾊﾞﾅｰ*/



h1#sm_site-banner{



  margin:0px;



  text-align:center;



}







h1#sm_site-banner img{



  width:100%;



  max-width:480px;



}







.sm_header_catch img{



  width:100%;



  max-width:480px;



}







/*ｾｸｼｮﾝｲﾝﾅｰの背景色、下線*/



section#sm_section-inner1,



section#sm_section-inner3{



  margin: 0;







}







section#sm_section-inner2,



section#sm_section-inner4{



  margin: 0px;







}











/*section-innerのキャッチ*/



section#sm_section-inner1 .sm_catch-banner h2,



section#sm_section-inner2 .sm_catch-banner h2,



section#sm_section-inner3 .sm_catch-banner h2,



section#sm_section-inner4 .sm_catch-banner h2{



  text-align:center;



  padding-bottom:0px;



}







section#sm_section-inner1 .sm_catch-banner h2 img,



section#sm_section-inner2 .sm_catch-banner h2 img,



section#sm_section-inner3 .sm_catch-banner h2 img,



section#sm_section-inner4 .sm_catch-banner h2 img{



  width:100%;



  max-width:480px;



}







/*section-innerのsm_sub_section*/



section#sm_section-inner1 section.sm_sub_section,



section#sm_section-inner2 section.sm_sub_section,



section#sm_section-inner3 section.sm_sub_section,



section#sm_section-inner4 section.sm_sub_section{



  padding:0px 5px 0px 5px;



}







/* 紹介文の色設定*/



.sm_ic1 {



  font-weight:bold;



  font-size:1.4em;



  line-height:1;



}







section#sm_section-inner2 .sm_ic1 {



  color:#FF0;



}







section#sm_section-inner3 .sm_ic1 {



  color:#3FF;



}







/* 画像の設定*/



.sm_centerimg{



  text-align:center;



  margin:0px;



}







.sm_centerimg div.sm_li_img img{



  padding: 2px;



  background-color: #000;



  margin-top: 10px;



}







section#sm_section-inner2 .sm_centerimg div.sm_li_img img{



  background-color: #000000;



}







section#sm_section-inner3 .sm_centerimg div.sm_li_img img{



  background-color:#000000;



}







.sm_leftimg{



  margin:0px;



}







.sm_leftimg div.sm_li_img img{



  padding:2px;



  background-color:#000;



  float:left;



  margin:0px 5px 5px 5px;



}







section#sm_section-inner2 .sm_leftimg div.sm_li_img img{



  background-color:#000;



}







section#sm_section-inner3 .sm_leftimg div.sm_li_img img{



  background-color:#000;



}







div.sm_hrimg{



  margin:5px 0px 5px 0px;



  text-align:center;



}







.sm_titlelink{



  text-align:left;



  margin: 5px 0px;



}







section#sm_section-inner1 .sm_titlelink p.sm_info,



section#sm_section-inner2 .sm_titlelink p.sm_info,



section#sm_section-inner3 .sm_titlelink p.sm_info,



section#sm_section-inner4 .sm_titlelink p.sm_info{



  color:#000;



}











.sm_titlelink p.sm_info a{



  color:#000;



}







.sm_titleinfo{



  font-size:0.8em;



  line-height:1.2;



  color:#333;



  margin:0px 0px 10px 0px;



}







.sm_btnset{



  text-align:center;

}







.sm_btnset li{



  width:45%;



  text-align:right;



  float:left;



  padding-bottom:0px;



}







.sm_btnset li:last-child{



  width:45%;



  text-align:left;



  float:right;



}







.sm_btnset2{



  text-align:center;



}







.sm_btnset2 li{



  width:49%;



  margin:auto;



  padding-bottom:0px;



}







.sm_docomopt{





        line-height:0px;

  margin-bottom:5px;



}







.sm_docomopt img{



  width:100%;



  max-width:480px;



}











.sm_copyright{



  margin:0px;



  padding:0px 10px 10px 10px;



  color:#000;



  font-size:0.6em;



}







div.sm_clear{



  clear:both;



  height:0px;



}







div.sm_clear hr{



  visibility:hidden;



}







/* バナーアニメt1 */



.sm_t1_anime_big {



  margin: 0px auto;



  width: 300px;



  border:2px solid #000;



}







.sm_t1_anime_big ul li {



  list-style: none;



}







.sm_t1_anime_big_mask {



  width: 300px;



  height: 150px;



  overflow: hidden;



  position: relative;



}







ul.sm_t1_anime_big_box {



  top: 0;



  left: 0;



  width: 600px;



  position: absolute;



  margin: 0;



  padding: 0;



}







ul.sm_t1_anime_big_box li {



  width: 300px;



  float: left;



  position: relative;



}







@-webkit-keyframes t1_AutoSlidePhoto1 {



  0% {left:0px;}



  45% {left:0px;}



  50% {left:-300px;}



  95% {left:-300px;}



  100% {left:0px;}



}



ul.sm_t1_anime_big_box {



  -webkit-animation-name: t1_AutoSlidePhoto1;



  -webkit-animation-duration: 6s;



  -webkit-animation-iteration-count:infinite;



}







.sm_title{



  margin: 0px 3px 3px 3px;







}



.sm_title img{



  width:100%;



  max-width:150px;



  border-color: #000;



  border-style: solid;



  border-width: 1px;



}







.sm_btn{



  text-align:center;



  margin: 3px 3px 0px 3px;







}



.sm_btn img{



  width:100%;



  max-width:140px;



}



.sm_link{



  color: #FF3366;



  text-decoration: underline;



  font-weight:bold;



}











.sm_mag_btn{



  margin:5px 3px;



  text-align:center;



}



.sm_mag_btn img{



  width: 100%;



  max-width: 150px;



}







.sm_cimg{



  line-height:0px;



  text-align:right;



  width:304px;



  margin:0px auto;



}



.sm_cbkg1{

  background-color:#fff;

        padding-bottom:30px;

}



.sm_cbkg2{

  background-color:#fff;

        padding-bottom:10px;

        margin-bottom:15px;

}



.sm_clear{

 clear:both;



}





.sm_copyright2{

        width:95%;

  margin:10px auto 0;

        text-align:left;

  color:#000;

  font-size:0.8em;

}





.sm_copyright3{

        width:95%;

  margin:10px auto;

        padding:5px;

        text-align:left;

  color:#000;

  font-size:0.8em;

        background-color:#fff;

        border:1px #000 solid;

}











.gamen_thum_small img{



  width:90px;



  border:solid 1px #666;



}







.gamen_title_name{



  font-size: 14px;



  line-height:1.2;



  margin-bottom:5px;



  font-weight:bold;



  color: #351f01;



}



.gamen_title_name a{



  color: #351f01;



  text-decoration: underline;



}







.gamen_author_name{



  font-size: 12px;



  line-height:1.2;



  margin-bottom:5px;



  font-weight:bold;



  color: #7e5720;



}



.gamen_author_name a{



  text-decoration: underline;



  color: #7e5720;



}







.gamen_title_txt{



  padding:0 5px;
  color: #fff;
  font-size: 1em;

}







.gamen_itembox{



  margin:0px 0px 5px;



  padding:10px;



  background-color: #fff;



}



.sm_docomopt{

  clear:both;

  margin-bottom:10px;



}



.sm_docomopt img{

  width:100%;

  max-width:480px;

      vertical-align:top; 

}







/* マーキー */

.gamen_mq{

  width:100%;

  max-width:480px;

  margin:10px auto 5px;

  padding:5px 0px;

  color:#fff;

  font-size:1em;

  background-color: #3399CC;

  text-align:left;

}
.gamen_mq a{
  color:#fff;

}



/* 還元表示 */

.gamen_cbt{

  width:90%;

  float: left;

  font-weight:bold;

  text-align:center;

  color:#fff;

  background-color:#f00;

  padding:5x;

  margin:5px 0;

  font-size:0.8em;



/* border-radius */

border-radius:5px;

-webkit-border-radius:5px;

-moz-border-radius:5px;

/* border */

border:1px solid #f00;



}



/* キャン渡りボタン */

.gamen_canbtn{

  margin:10px auto;

  width:95%;

  float: center;

  font-weight:bold;

  text-align:center;

  color:#000;

  background-color:#fff;

  background-image: linear-gradient(white,#ececec);

  margin:15px auto;

  font-size:1em;

  height:50px;



/* border-radius */

border-radius:3px;

-webkit-border-radius:3px;

-moz-border-radius:3px;

/* border */

border:1px solid #dddddd;



}



.gamen_canbtn  a{

     color:#000;

     text-decoration: none;

     display: block;

     height:50px;

     line-height:1em;



}





.gamen_canbtn2{

  margin:10px auto;

  width:98%;

  float: center;

  font-weight:bold;

  text-align:center;

  color:#000;

  background-color:#fff;

  background-image: linear-gradient(white,#ececec);

  margin:3px auto;

  font-size:1.3em;

  height:70px;



/* border-radius */

border-radius:3px;

-webkit-border-radius:3px;

-moz-border-radius:3px;

/* border */

border:1px solid #dddddd;



}



.gamen_canbtn2  a{

     color:#000;

     text-decoration: none;

     display: block;

     height:70px;

     line-height:4.5em;



}





.gamen_canbtn3{

  margin:10px auto;

  width:300px;

  float: center;

  font-weight:bold;

  text-align:center;

  color:#000;

  background-color:#fff;

  background-image: linear-gradient(white,#ececec);

  margin:5px auto;

  font-size:1em;

  height:30px;



/* border-radius */

border-radius:3px;

-webkit-border-radius:3px;

-moz-border-radius:3px;

/* border */

border:1px solid #dddddd;



}



.gamen_canbtn3  a{

     color:#000;

     text-decoration: none;

     display: block;

     height:30px;

     line-height:1em;



}





.gamen_bg_color{

  background-color: #fff;
  width:98%;
  max-width:480px;
  margin-bottom:15px;
  padding:5px;

}

.gamen_bg_color2{

  background-color: #fff;
  width:98%;
  max-width:480px;
  margin-bottom:15px;
  padding:5px;

}






/* タイトル用 */







.gamen_thum_big img{



  width:150px;



  border:solid 1px #000;



}





.gamen_thum_big2{

   padding-bottom:5px;



}



.gamen_thum_big2 img{



  width:135px;

  border:solid 1px #000;



}



.gamen_thum_big3{

   padding-bottom:5px;



}



.gamen_thum_big3 img{



  width:85px;

  border:solid 1px #000;



}



.gamen_comathum{

   padding-bottom:5px;



}



.gamen_comathum img{



  width:100%;

        max-widh:450px;



  border:solid 1px #000;



}





.gamen_title_name{



  font-size: 1em;



  margin-bottom:5px;



  font-weight:bold;



  color: #000;



}



.gamen_title_name a{



  color: #351F01;



  text-decoration: underline;



}




.gamen_cla{

        clear:both;

}

.gamen_2thum img{
  border:1px #000 solid;
  width:100%;
  max-width:380px;
  margin:5px auto;
}

.gamen_line {
  background: linear-gradient(transparent 60%, #FFFF9F 0%);
}


.gamen_img img{
  width:100%;
  max-width:480px;
  margin-bottom:10px;
}

.gamen_mqa{
  background-color:#fd7979;
}

.gamen_mqb{
  background-color:#e9fac2;
}

.gamen_mqc{
  background-color:#90e8d8;
}

.gamen_btn img{
  width:140px;
}


.gamen_title_name{

  line-height:1.2;

  margin:5px 0;
  padding:5px;
  color: #000;
  background-color:#ccc;
  border-bottom:#ccc;  

}



.gamen_title_name a{

  color: #000;
  border-bottom:#D4D106;  

}

.gamen_title_name hover{

  color: #ccc;
  border-bottom:#D4D106;  
}


.gamen_title_name2{

  font-size: 14px;

  line-height:1.2;

  margin-bottom:5px;

  font-weight:bold;

  color: #351F01;

}



.gamen_title_name2 a{

  color: #351F01;

  text-decoration: underline;

}



.gamen_author_name{

  font-size: 1em;

  line-height:1.2em;

  color: #000;

    margin:5px 0;

}



.gamen_author_name a{

  text-decoration: underline;

  color: #000;

}


.gamen_author_names{

  font-size: 1em;

  line-height:1.2em;

  color: #fff;

    margin:5px 0;

}



.gamen_author_names a{

  text-decoration: underline;

  color: #fff;

}


.gamen_ulink a{
  color:#000;

}

.gamen_ulink a:link{
  color:#000;

}


.gamen_ulink a:visited{
  color:#000;

}

.gamen_ulink a:hover{
  color:#fff;

}




.gamen_label{

  margin-bottom:15px;
}

.gamen_label span{
  color:#fff;
  font-size:1.2em;
  background-color:#041d81;
  padding:5px;
  margin-bottom:50px;
  line-height:1.5em;
}


.box8 {
  text-align:left;
    padding: 0em 0.3em;
    margin: 0.5em 0 0.2em;
    color: #232323;
    background: #fff;
    border-left: solid 10px #041d81;
  font-size:1.5em;
}
.box8 p {
    margin: 0; 
    padding: 0;
}

.box9 {
  text-align:left;
    padding: 0 0 0.5em 0;
    color: #041d81;
  font-size:1.3em;
}

.gamen_revew{
  text-align:left;
  font-size:1.3em;
  line-height:1.6em;  
}

.gamen_title_txt2{
  padding:5px;
  margin:5px 0;
  background-color:#F2F2F2;
  color: #000;

  font-size: 0.9em;
  line-height:1.8em;

    clear:both;

}


.gamen_title_txt2 span{
  border-bottom: dashed 1px #848484;
}

.kakomi-te1 {
    padding: 3px;
    border: #041d81 dashed 1px;
    background: #fff;
  width:95%;
  margin:0 auto;
}


.gamen_flame1{
  border-radius:20px;
  width:90%;
  background-color:#fff;
  padding:10px;
  margin:5px auto 20px;
  font-size:1.2em;

}

/********************************************************************
  オツな漫画の味にシビれる
********************************************************************/

/* margin-bottm */
.mb5{margin-bottom: 5px!important;}
.mb10{margin-bottom: 10px!important;}
.mb15{margin-bottom: 15px!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;}
.mb70{margin-bottom: 70px!important;}
.mb80{margin-bottom: 80px!important;}

/*padding-top*/
.pt10{padding-top: 10px!important}
.pt20{padding-top: 20px!important}
.pt30{padding-top: 30px!important}

/*text*/
.text_left{text-align: left}
.text_right{text-align: right}
.text_center{text-align: center;}
.text_ju{text-align: justify;}
.fw_b{font-weight: bold;}

.fsz8{font-size: 0.5em;}
.fsz10{font-size: 0.625em;}
.fsz12{font-size: 0.75em;}
.fsz14{font-size: 0.875em;}
.fsz18{font-size: 1.125em;}
.fsz20{font-size: 1.25em;}
.fsz22{font-size: 1.375em;}
.fsz24{font-size: 1.5em;}
.fsz26{font-size: 1.625em;}
.fsz28{font-size: 1.75em;}

/*flex*/
.fl{display: flex;}/*コンテンツ回り込み*/
.ju{justify-content: space-between;}/*左右にわける*/
.ju_sa{justify-content: space-around;}/* 各アイテムを均等に配置し各アイテムの両側に半分の大きさの間隔を置く */
.ju_left{justify-content: left;}
.ju_f_end{justify-content: flex-end;}
.ju_se{justify-content: space-evenly;}/* 各アイテムを均等に配置し各アイテムの周りに同じ大きさの間隔を置く */
.ju_center{justify-content: center;}
.items_center{align-items: center;}



/********************************************************************
  共通
  mainタグで設定したidに修正
********************************************************************/

#kawaii_pc {
  margin: 0 auto;
  width: 100%;
  max-width: 770px;
  background-color: #fff;
  text-align: center;
  color: #171717!important;
}

#kawaii_pc img {
  width: 100%;
  height: auto;
}

#kawaii_pc ul li {
    list-style: none;
    font-size: 1.2em;
}


/********************************************************************
  通常記述
********************************************************************/

/* ********************************************
  キャンペーン期間枠～ページ内リンク前まで
******************************************** */

/* キャンペーン期間枠 */
.campaign_period{
  padding: 20px;
  background-color: #FFF564;
  color: #49413C!important;
}

.campaign_period p{
  font-size: 2rem;
  color: #49413C!important;
}


/* キャンペーンキャッチ */
.campaign_catch{
  display: inline-block;
  padding: 10px;
  margin: 10px 10px 0;
  border-bottom: solid 1px #49413C;
  border-top: solid 1px #49413C;
}


/* キャンペーンイントロ枠_背景色 */
.campaign_intro{
	background-image: url(/sol/cc/N/special/230818_kawaii/images/back.png);
}


/* キャンペーンイントロ_紹介文吹き出し */
.fukidashi {
  position: relative;
  display: inline-block;
  margin: 0.75em 0 1.5em;
  padding: 20px;
  min-width: 120px;
  max-width: 100%;
  width: 75%;
  color: #837e45;
  background: #FFF;
  line-height: 1.4;
  text-align: justify;
  font-size: 1.6rem;
  border: double 5px;
  text-align: center;
}
  
.fukidashi:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #FFF;
  border: solid 2px;
}


/* ＼Choice／ 文字色、太さ、色 */
.choice_moji{
  padding: 10px;
  margin-bottom: 0px;
  font-weight: bold;
  font-size: 3rem;
  color: #48403C!important;
}



/* ********************************************
  ページ内ジャンプリンク
******************************************** */

.sec_container{
  font-size: 1.15rem;
}

.sec_item{
  display: inline-block;
  /* ↑コメントアウトするとページいっぱいにリンクタグが広がります */
  margin-bottom: 10px;
}

.sec_item a{
  display: block;
  padding: 5px 10px;
}


/* テーマ別ジャンプリンクカラー調整 */
/* テーマ(1) */
.theme01_linkcolor{
  border: 1px solid #000;
  background-color: #AD100F;
  box-shadow: 2px 2px 0 #0F1012;
}

.theme01_linkcolor a{
  color: #FFF!important;
}

/* テーマ(2) */
.theme02_linkcolor{
  border: 1px solid #000;
  background-color: #1353B9;
  box-shadow: 2px 2px 0 #0F1012;
}

.theme02_linkcolor a {
  color: #FFF!important;
}

/* テーマ(3) */
.theme03_linkcolor{
  border: 1px solid #000;
  background-color: #FF709C;
  box-shadow: 2px 2px 0 #0F1012;
}

.theme03_linkcolor a{
  color: #FFF!important;
}

/* テーマ(4) */
.theme04_linkcolor{
  border: 1px solid #000;
  background-color: #FF709C;
  box-shadow: 2px 2px 0 #0F1012;
}

.theme04_linkcolor a{
  color: #FFF!important;
}

/* テーマ(5) */
.theme03_linkcolor{
  border: 1px solid #000;
  background-color: #FF709C;
  box-shadow: 2px 2px 0 #0F1012;
}

.theme05_linkcolor a{
  color: #FFF!important;
}


/* ********************************************
  テーマ別カラー調整
******************************************** */

.theme01_wrapper,
.theme02_wrapper,
.theme03_wrapper,
.theme04_wrapper,
.theme05_wrapper{
  padding: 5px 0;
}

/* 背景カラー */
.theme01_wrapper{
  background-color: #FFF564;
}

.theme02_wrapper{
	background-image: url(/sol/cc/N/special/230818_kawaii/images/back.png);    /* 背景画像指定 */
}

.theme03_wrapper{
  background-color: #FFF564;
}

.theme04_wrapper{
	background-image: url(/sol/cc/N/special/230818_kawaii/images/back.png);    /* 背景画像指定 */
}

.theme05_wrapper{
  background-color: #FFF564;
}

/* テーマキャッチカラー */
.theme01_wrapper h2{
  font-size: 2.25rem;
  color: #AD100F!important;
}

.theme02_wrapper h2{
  font-size: 2.25rem;
  color: #1353B9!important;
}

.theme03_wrapper h2{
  font-size: 2.25rem;
  color: #FF709C!important;
}

.theme04_wrapper h2{
  font-size: 2.25rem;
  color: #FF709C!important;
}

.theme05_wrapper h2{
  font-size: 2.25rem;
  color: #FF709C!important;
}

/* ********************************************
  作品紹介 スライダーコマ有
******************************************** */

.theme01_shoukai,
.theme02_shoukai,
.theme03_shoukai,
.theme03_shoukai,
.theme03_shoukai{
  max-width: 770px;
  width: 85%;
  margin: 0 auto 15px;
  padding: 20px;
  border-radius: 10px;
}

.theme01_shoukai h3,
.theme02_shoukai h3,
.theme03_shoukai h3,
.theme04_shoukai h3,
.theme05_shoukai h3{
  font-size: 1.5rem;
  display: block;
  padding: 6px 0 4px 0;
  margin-bottom: 10px;
  line-height: 1.4;
}

/* テーマ別カラー調整 */
/* テーマ(1) */
.theme01_shoukai{
  background-color: #FFF;
  box-shadow: 0px 0px 5px #464646;
}

.theme01_shoukai h3{
  border-top: 2px solid #AD100F;
  border-bottom: 2px solid #AD100F;
  color: #AD100F!important;
}

/* テーマ(2) */
.theme02_shoukai{
  background-color: #FFF;
  box-shadow: 0px 0px 5px #464646;
}

.theme02_shoukai h3{
  border-top: 2px solid #1353B9;
  border-bottom: 2px solid #1353B9;
  color: #1353B9!important;
}

/* テーマ(3) */
.theme03_shoukai{
  background-color: #FFF;
  box-shadow: 0px 0px 5px #464646;
}

.theme03_shoukai h3{
  border-top: 2px solid #FF709C;
  border-bottom: 2px solid #FF709C;
  color: #FF709C!important;
}

/* テーマ(4) */
.theme04_shoukai{
  background-color: #FFF;
  box-shadow: 0px 0px 5px #464646;
}

.theme04_shoukai h3{
  border-top: 2px solid #FF709C;
  border-bottom: 2px solid #FF709C;
  color: #FF709C!important;
}
/* テーマ(5) */
.theme03_shoukai{
  background-color: #FFF;
  box-shadow: 0px 0px 5px #464646;
}

.theme05_shoukai h3{
  border-top: 2px solid #FF709C;
  border-bottom: 2px solid #FF709C;
  color: #FF709C!important;
}

/* 作品紹介_ジャケット箇所 */
.comic_container{
  display: flex;
  justify-content: space-around;
  width: 100%;
  max-width: 540px;
  margin: 10px auto;
}

.comic_item{
  flex: 1;
  text-align: justify;
}

.comic_item2{
  flex: 2.5;
  text-align: justify;
}

.comic_item:first-child {
  margin-right: 10px;
}

.title_pict {
  box-shadow: 2px 2px 4px #CCC;
}

.title_name{
  display: inline-block;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 3px;
  /* color: #0068C0!important; */
}

.auther_name{
  font-size: 1.25rem;
  margin-bottom: 15px;
  text-decoration: solid;
}

/* .auther_name a{
  color: #0068C0!important;
} */



/* コマ終わりの「詳しくはこちらから」ボタン */
.kwsk_wrap{
  height: auto;
  display: flex;
  justify-content: center;
}

.kwsk_btn{
  display: flex;
  align-items: center;
}

.kwsk_btn a{
  display: block;
  text-decoration: none;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
  vertical-align: middle;
  width: 300px;
  margin: auto;
  padding: 1rem 1.5rem;
  background: linear-gradient(to top, rgb(255, 200, 0), #fefe27);
  color: #0F1012;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
  transition: 0.5s;
  border-radius: 3px;
  font-size: 1.5rem;
}


/* コピーライト */
small{
  font-size: .78rem;
  font-weight: bold;
}


/* あらすじ */
.arasuji{
  font-size: 1.15rem;
  line-height: 1.4;
}


/* アピールアイコン */
.appeal{
  display: flex;
  margin-bottom: 10px;
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
}

.btn_free,.btn_nebiki,.btn_shidoku,.btn_pt{
  display: inline-block;
  padding:5px;
  margin-right: 5px;
  font-size: 1.15rem;
}

/* 無料 */
.btn_free{
  border: 1px solid #00C2FF;
  color: #00C2FF!important;
}

/* 値引き */
.btn_nebiki{
  border: 1px solid #FF002E;
  color: #FF002E!important;
}

/* 試読増量 */
.btn_shidoku{
  border: 1px solid #00B428;
  color: #00B428!important;
}

/* ポイント還元 */
.btn_pt{
  border: 1px solid #6900BC;
  color: #6900BC!important;
}


/* 無料立読み＆詳しくみるボタン */
.title_top_container{
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 540px;
  margin: 10px auto 0;
}

.title_top_item{
  flex: 1;
  text-align: justify;
}

.btn_tachiyomi {
  display: inline-block;
  justify-content: space-around;
  padding: 10px 0;
  margin-right: 10px;
  background-color: #d9d9d9;
  box-shadow: 1px 1px 5px #c6c6c6;
  border-radius: 2px;
}

.btn_tachiyomi span{
  display: block;
  text-align: center;
  color: #1b0000!important;
  font-size: 14px;
}

.btn_kuwashiku {
  display: inline-block;
  justify-content: space-around;
  padding: 10px 0;
  background-color: #FFC700;
  box-shadow: 1px 1px 5px #c6c6c6;
  border-radius: 2px;
}

.btn_kuwashiku span{
  display: block;
  text-align: center;
  color: #1b0000!important;
  font-size: 14px;
}

/* PCコマなし枠 */

.comic_container_pc{
  max-width: 770px;
  width: 90.3%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.theme01_shoukai_pc,
.theme02_shoukai_pc,
.theme03_shoukai_pc,
.theme04_shoukai_pc,
.theme05_shoukai_pc{
  width: 300px;
  height: auto;
  margin-right: 15px;
  margin-bottom: 15px;
  padding: 20px;
  border-radius: 10px;
  text-align: left;
}

.theme01_shoukai_pc:nth-child(2n),
.theme02_shoukai_pc:nth-child(2n),
.theme03_shoukai_pc:nth-child(2n),
.theme04_shoukai_pc:nth-child(2n),
.theme05_shoukai_pc:nth-child(2n){
  margin-right: 0;
}

.theme01_shoukai_pc h3,
.theme02_shoukai_pc h3,
.theme03_shoukai_pc h3,
.theme04_shoukai_pc h3,
.theme05_shoukai_pc h3{
  font-size: 1.5rem;
  display: block;
  padding: 6px 0 4px 0;
  margin-bottom: 10px;
  line-height: 1.4;
  text-align: center;
}

.theme01_shoukai_pc .comic_container,
.theme02_shoukai_pc .comic_container,
.theme03_shoukai_pc .comic_container,
.theme04_shoukai_pc .comic_container,
.theme05_shoukai_pc .comic_container{
  height: 220px;
  padding-bottom: 10px;
}

.theme01_shoukai_pc > .auther_name,
.theme02_shoukai_pc > .auther_name,
.theme03_shoukai_pc > .auther_name,
.theme04_shoukai_pc > .auther_name,
.theme05_shoukai_pc > .auther_name{
  font-size: 1.25rem;
  margin-bottom: 10px;
}



/* テーマ別カラー調整 */
/* テーマ(1) */
.theme01_shoukai_pc{
  background-color: #FFF;
  box-shadow: 0px 0px 5px #464646;
}

.theme01_shoukai_pc h3{
  border-top: 2px solid #AD100F;
  border-bottom: 2px solid #AD100F;
  color: #AD100F!important;
}

.theme02_shoukai_pc{
  background-color: #FFF;
  box-shadow: 0px 0px 5px #464646;
}

.theme02_shoukai_pc h3{
  border-top: 2px solid #1353B9;
  border-bottom: 2px solid #1353B9;
  color: #1353B9!important;
}

.theme03_shoukai_pc{
  background-color: #FFF;
  box-shadow: 0px 0px 5px #464646;
}

.theme03_shoukai_pc h3{
  border-top: 2px solid #FF709C;
  border-bottom: 2px solid #FF709C;
  color: #FF709C!important;
}

.theme04_shoukai_pc{
  background-color: #FFF;
  box-shadow: 0px 0px 5px #464646;
}

.theme04_shoukai_pc h3{
  border-top: 2px solid #AD100F;
  border-bottom: 2px solid #AD100F;
  color: #AD100F!important;
}

.theme05_shoukai_pc{
  background-color: #FFF;
  box-shadow: 0px 0px 5px #464646;
}

.theme05_shoukai_pc h3{
  border-top: 2px solid #AD100F;
  border-bottom: 2px solid #AD100F;
  color: #AD100F!important;
}

/********************************************************************
  swiper※触らない
********************************************************************/

.swiper {
  width: 770px;
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
  }

.swiper-slide img {
  width: 100%;
  height: auto;
  }
  
.swiper-slide-next,
.swiper-slide-prev{
  opacity: 0.5;
  }



/********************************************************************
  画面CLS対応
  mainタグで設定したidに修正
********************************************************************/
#kawaii_pc .gamen_width_max{
  width: 770px;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
}

#kawaii_pc .gamen_width_max img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 770px;
  height: 100%;
}

/* 100%サイズ */
#kawaii_pc .cls_all{
  position: relative;
  width: 100%;
  margin: 0 auto;
}

/* 50%サイズ */
#kawaii_pc .cls_half{
  position: relative;
  width: 50%;
  margin: 0 auto;
  }

/* 75%サイズ */
#kawaii_pc .cls_75{
  position: relative;
  width: 75%;
  margin: 0 auto;
  }

/*以下個別CLS*/
#kawaii_pc .upper_cls{padding-bottom: calc(41.6666%);}
#kawaii_pc .koma_cls{padding-bottom: calc(82.9562%);}