@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*/

.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;}

.mt20{margin-top: 20px!important;}
.mt50{margin-top: 50px!important;}
.mr15{margin-right: 15px!important;}

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


.pb20{padding-bottom: 20px!important}
.pb30{padding-bottom: 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;}

.fc_pink{color: #FF0062!important;}
.fc_gray{color: #8b8b8b!important;}
.fc_orange{color: #FC4C02!important;}
.fc_black{color: #000!important;}
.fc_green{color: #388b7b!important;}

.fb{font-weight: bold;}

/*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;}



/********************************************************************
  共通
********************************************************************/

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

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

#moacomi .moacomi_menu ul li a:hover,
#moacomi .moacomi_menu_tokushu ul li a:hover,
#moacomi .pagetop_shoei_title a:hover,
#moacomi .pagetop_shoei_auther a:hover,
#moacomi .pagebotton_shoei_container a:hover,
#moacomi .campaign_contents_container a:hover{
  text-decoration: none;
}


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

/* キャンペーン期間 */
.campaign_kikan{
  background-color:#F77384;
  padding: 10px 0;
  line-height: 1.6;
}

/* メニューボタン */
.moacomi_menu{
  background-color: #FFFC7D;
  padding: 20px 0;
}

.moacomi_menu ul{
  width: 95%;
  margin: 0 auto;  
  display: grid;
  grid-template-rows: repeat(1, 1fr);
  grid-template-columns: repeat(4, 1fr);
  gap: 10px 20px;
}

.moacomi_menu ul li a{
  width: 100%;
  height: 45px;
  display: inline-block;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}


.moacomi_menu_tokushu{
  background-color: #FFFC7D;
  padding: 20px 0;
}

.moacomi_menu_tokushu ul{
  width: 95%;
  margin: 0 auto;  
  display: grid;
  grid-template-rows: repeat(1, 1fr);
  grid-template-columns: repeat(3, 1fr);
  gap: 10px 20px;
}

.moacomi_menu_tokushu ul li a{
  width: 100%;
  height: 45px;
  display: inline-block;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}


.a_btn_white{
  background-color: #fff;
  box-shadow: 2px 2px 1px 0px #3c1f17;
  color: #3c1f17!important;
}

.a_btn_pink{
  background-color: #F77384;
  box-shadow: 2px 2px 1px 0px #3c1f17;
  color: #3c1f17!important;
}

.a_btn_blue{
  background-color: rgb(110, 236, 211) ;
  box-shadow: 2px 2px 1px 0px #3c1f17;
  color: #3c1f17!important;
}

/* ページ上部の書影リンク */
.pagetop_shoei_container{
  display: grid;
    grid-template-columns: 1fr 1.5fr;
  gap: 10px 20px;
  text-align: justify;
  padding: 30px;
  margin: 0 120px;
  background-color: #fff;
  box-shadow: 5px 5px #F77384;
}

.pagetop_shoei_title,.pagetop_shoei_auther{
  margin-bottom: 10px;
}

.pagetop_title_font{
  color: #000;
  font-weight: bold;
  font-size: 1.4rem;
}

.pagetop_auther_font{
  color: #000;
  font-weight: bold;
  font-size: 1rem;
}

.pagetop_muryo{
  display: inline-block;
  padding: 10px 20px;
  background-color: #fcfe15;
  color: #ff0062;
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.pagetop_shoei_container_right{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.pagetop_shoei_container_bottom{
  display: flex;
  text-align: center;
}

.pagetop_muryotachiyomi,.pagetop_kuwashiku{
  display: inline-block;
  padding: 10px;
  width: 110px;
  border-radius: 5px;
  border: #8b8b8b solid 1px;
  background-color: #fff;
  margin-right: 5px;
  color: #717171!important;
  font-weight: bold;
  box-shadow: 1px 1px 1px 0 #bfbfbf;
  font-size: 1rem;
}

.bg_mokuji{
	/* background-image: url(/sol/pcc/N/special/231122_shdinm/images/mokuji_back.jpg);
  background-size: contain; */
  background-color: #FFFC7D;
  padding-bottom: 20px;
}

/* キャラクターチャート、インタビュー背景色 */
.character_chart,.story_moacomi,.interview,.interview_henshu,.campaign_contents,.campaign_contents_title{
  background-color: #FFFC7D;
}


/* 装飾リボン */
/* .interview::before{
  content: '';
  width: 100%;
  max-width: 770px;
  height: 50px;
  display: inline-block;
  vertical-align: middle;
	background-image: url(https:/auto/images/fix/231122_shdinm/ribbon.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 15px;
} */

/* .campaign_contents::after{
  content: '';
  width: 100%;
  max-width: 770px;
  height: 50px;
  display: inline-block;
  vertical-align: middle;
	background-image: url(https:/auto/images/fix/231122_shdinm/ribbon.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 15px;
} */

/* 装飾波top */
/* .interview_henshu::after{
  content: '';
  width: 100%;
  max-width: 770px;
  height: 120px;
  display: inline-block;
  vertical-align: middle;
	background-image: url(https:/auto/images/fix/231122_shdinm/nami.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0;
} */

.kakioroshi::after{
  content: '';
  width: 100%;
  max-width: 770px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
	background-image: url(https:/auto/images/fix/240124_shdmcp/illust_under.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0;
}

/* 画像margin調整 */
.character_chart_image,.story_moacomi_image,.kakioroshi_illust{
  margin: 20px 40px 0 40px;
}


/* インタビュー */
.interview{
  padding-bottom: 10px;
  line-height: 1.5;
}

.interview_henshu{
  line-height: 1.5;
}

.interview_qa{
  margin: 0 40px;
  background-color: #fff;
  text-align: justify;
}

.interview_qa_q{
  margin: 20px;
}

.interview_qa_a{
  background-color: #ffe2e2;
  padding: 10px;
  margin-top: 5px;
}

.interview_henshu .interview_qa_a{
  background-color: #fff8de;
  padding: 10px;
  margin-top: 5px;
}


.interview_qa_q:first-child{
  margin-top: 0;
  padding-top: 20px;
}

.interview_qa_q:last-child{
  padding-bottom: 20px;
}


/* 描き下ろしイラスト */
.kakioroshi{
  background-color: #F67683;
}

.kakioroshi h2{
  padding-top: 20px;
}

.staff_oshi_point > div{
  margin-bottom: 20px;
}

.staff_oshi_point{
  margin: 20px 40px;
  padding: 20px;
  background:#fff;
  border-radius: 10px;
}

.point_marker{
  display: inline-block;
  font-size: 1.75rem;
  background:linear-gradient(transparent 60%, #FCFE15 60%);
  font-weight: bold;
}

.oshi_catch{
  display: inline-block;
  font-weight: bold;
  font-size: 1.25rem;
  margin-bottom: 20px;
}

.oshi_bun{
  text-align: justify;
  line-height: 1.5;
}


/* ページ下部書影 */
.pagebotton_shoei_container{
  background-color: #fff;
  margin: 20px 40px;
  padding: 20px;
  border-radius: 10px;
}

.pagebottom_shoei_container_btn{
  display: flex;
  justify-content: center;
}

.pagebottom_muryotachiyomi,.pagebottom_kuwashiku{
  display: inline-block;
  padding: 10px 20px;
  width: 110px;
  border-radius: 5px;
  border: #8b8b8b solid 1px;
  background-color: #fff;
  margin-right: 5px;
  color: #717171!important;
  font-weight: bold;
  box-shadow: 1px 1px 1px 0 #bfbfbf;
  font-size: 1rem;
}

.pagebottom_title_font{
  display: inline-block;
  color: #F67683!important;
  border-bottom: #F67683 1px dotted;
  padding-bottom: 2px;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 1.5rem;
}

/* コピーライト */
small{
  display: inline-block;
  margin-bottom: 20px;
  font-weight: bold;
  font-size: .8rem;
}

/* キャンペーン対象作品一覧 */
.bg_white{
  margin: 0 40px;
  background-color: #fff;
}

.campaign_contents{
  padding-bottom: 30px;
}

.campaign_contents > h2{
  padding: 20px 0;
}

.campaign_contents_container{
  display: grid;
  grid-template-rows: repeat(3, 1fr);
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  padding: 20px;
}

.campaigncontents_title{
  display: inline-block;
  color: #6a6a6a!important;
  margin: 10px 0;
  /* overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; */
  /* font-weight: bold; */
  font-size: .75rem;
}
.campaign_contents_muryo{
  display: block;
  background-color: #FCFE15;
  color: #ff0062!important;
  padding: 5px 0;
  font-weight: bold;
  margin-top: 10px;
}

/* 書影影 */
.shoei_shadow{
  box-shadow: 1px 1px 2px gray;
}

/********************************************************************
  画面CLS対応
********************************************************************/
#moacomi .gamen_width_max{
  width: 770px;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
}

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

#moacomi .cls_all{
  position: relative;
  width: 100%;
  margin: 0 auto;
}

#moacomi .cls_half{
  position: relative;
  width: 50%;
  margin: 0 auto;
  }

#moacomi .cls_90{
  position: relative;
  width: 90%;
  margin: 0 auto;
  }

/*以下個別CLS*/

#moacomi .upper_cls{padding-bottom: calc(41.5584%);}
#moacomi .image01_cls{padding-bottom: calc(161.2987%);}
#moacomi .image02_cls{padding-bottom: calc(279.2207%);}
#moacomi .image03_cls{padding-bottom: calc(17.1428%);}
#moacomi .image04_cls{padding-bottom: calc(39.6411%);}
#moacomi .image05_cls{padding-bottom: calc(65.2528%);}
#moacomi .image06_cls{padding-bottom: calc(17.1428%);}