@charset "UTF-8";

/********************************************************************
	追加
********************************************************************/

/*高さ指定*/
.hight_01{height: auto;}

/*margin-bottom　外側の下方向にスペースを空けたい時に使用*/
.m_mb15{margin-bottom: -15px!important;}
.m_mb30{margin-bottom: -30px!important;}
.m_mb45{margin-bottom: -45px!important;}
.m_mb70{margin-bottom: -70px!important;}
.mb5{margin-bottom: 5px!important;}
.mb10{margin-bottom: 10px!important;}
.mb15{margin-bottom: 15px!important;}
.mb20{margin-bottom: 20px!important;}
.mb25{margin-bottom: 25px!important;}
.mb30{margin-bottom: 30px!important;}
.mb35{margin-bottom: 35px!important;}
.mb40{margin-bottom: 40px!important;}
.mb45{margin-bottom: 45px!important;}
.mb50{margin-bottom: 50px!important;}
.mb55{margin-bottom: 55px!important;}
.mb60{margin-bottom: 60px!important;}
.mb65{margin-bottom: 60px!important;}
.mb70{margin-bottom: 70px!important;}
.mb80{margin-bottom: 80px!important;}
.mb90{margin-bottom: 90px!important;}
.mb100{margin-bottom: 100px!important;}
.mb110{margin-bottom: 110px!important;}
.mb120{margin-bottom: 120px!important;}
.mb130{margin-bottom: 130px!important;}
.mb150{margin-bottom: 150px!important;}
.mb155{margin-bottom: 155px!important;}
.mb160{margin-bottom: 160px!important;}
.mb165{margin-bottom: 165px!important;}
.mb180{margin-bottom: 180px!important;}
.mb200{margin-bottom: 200px!important;}
.mb220{margin-bottom: 220px!important;}
.mb280{margin-bottom: 280px!important;}
.mb300{margin-bottom: 300px!important;}
.mb490{margin-bottom: 490px!important;}


/*margin-bottom　%調整　外側の下方向にスペースを空けたい時に使用*/
.mb3_per{margin-bottom: 3%!important;}
.mb4_per{margin-bottom: 4%!important;}
.mb5_per{margin-bottom: 5%!important;}
.mb6_per{margin-bottom: 6%!important;}
.mb7_per{margin-bottom: 7%!important;}
.mb8_per{margin-bottom: 8%!important;}
.mb9_per{margin-bottom: 9%!important;}
.mb9-4_per{margin-bottom: 9.4%!important;}
.mb9-5_per{margin-bottom: 9.5%!important;}
.mb10_per{margin-bottom: 10%!important;}
.mb11_per{margin-bottom: 11%!important;}
.mb12_per{margin-bottom: 12%!important;}
.mb12-5_per{margin-bottom: 12.5%!important;}
.mb13_per{margin-bottom: 13%!important;}
.mb14_per{margin-bottom: 14%!important;}
.mb15_per{margin-bottom: 15%!important;}
.mb15-2_per{margin-bottom: 15.2%!important;}
.mb15-8_per{margin-bottom: 15.8%!important;}
.mb16_per{margin-bottom: 16%!important;}
.mb16-5_per{margin-bottom: 16.5%!important;}
.mb17_per{margin-bottom: 17%!important;}
.mb18_per{margin-bottom: 18%!important;}
.mb20_per{margin-bottom: 20%!important;}
.mb25_per{margin-bottom: 25%!important;}
.mb30_per{margin-bottom: 30%!important;}
.mb35_per{margin-bottom: 35%!important;}
.mb40_per{margin-bottom: 40%!important;}
.mb45_per{margin-bottom: 45%!important;}
.mb50_per{margin-bottom: 50%!important;}
.mb55_per{margin-bottom: 55%!important;}
.mb60_per{margin-bottom: 60%!important;}
.mb65_per{margin-bottom: 60%!important;}
.mb70_per{margin-bottom: 70%!important;}
.mb80_per{margin-bottom: 80%!important;}
.mb90_per{margin-bottom: 90%!important;}
.mb100_per{margin-bottom: 100%!important;}
.mb110_per{margin-bottom: 110%!important;}
.mb120_per{margin-bottom: 120%!important;}
.mb130_per{margin-bottom: 130%!important;}
.mb150_per{margin-bottom: 150%!important;}
.mb155_per{margin-bottom: 155%!important;}
.mb160_per{margin-bottom: 160%!important;}
.mb165_per{margin-bottom: 165%!important;}
.mb180_per{margin-bottom: 180%!important;}
.mb200_per{margin-bottom: 200%!important;}
.mb220_per{margin-bottom: 220%!important;}
.mb280_per{margin-bottom: 280%!important;}
.mb300_per{margin-bottom: 300%!important;}
.mb490_per{margin-bottom: 490%!important;}


/*margin-top 　外側の上方向にスペースを空けたい時に使用*/
.mt20{margin-top: 20px!important;}
.mt25{margin-top: 25px!important;}
.mt35{margin-top: 35px!important;}
.mt50{margin-top: 50px!important;}
.mt60{margin-top: 60px!important;}
.mt70{margin-top: 70px!important;}
.mt80{margin-top: 80px!important;}
.mt90{margin-top: 90px!important;}
.mt140{margin-top: 140px!important;}

/*margin-top 　%調整　外側の上方向にスペースを空けたい時に使用*/
.mt1_per{margin-top: 1%!important;}
.mt2_per{margin-top: 2%!important;}
.mt5_per{margin-top: 5%!important;}
.mt7_per{margin-top: 7%!important;}
.mt9_per{margin-top: 9%!important;}
.mt10_per{margin-top: 10%!important;}
.mt11_per{margin-top: 11%!important;}
.mt12_per{margin-top: 12%!important;}
.mt13_per{margin-top: 13%!important;}
.mt14_per{margin-top: 14%!important;}
.mt15_per{margin-top: 15%!important;}
.mt16_per{margin-top: 16%!important;}
.mt17_per{margin-top: 17%!important;}
.mt18_per{margin-top: 18%!important;}
.mt20_per{margin-top: 20%!important;}
.mt25_per{margin-top: 25%!important;}
.mt35_per{margin-top: 35%!important;}
.mt50_per{margin-top: 50%!important;}
.mt60_per{margin-top: 60%!important;}
.mt70_per{margin-top: 70%!important;}
.mt80_per{margin-top: 80%!important;}
.mt90_per{margin-top: 90%!important;}
.mt140_per{margin-top: 140%!important;}


/*margin-right 　外側の右方向にスペースを空けたい時に使用*/
.mr10{margin-right: 10px!important;}
.mr12{margin-right: 12px!important;}
.mr15{margin-right: 15px!important;}
.mr20{margin-right: 20px!important;}
.mr25{margin-right: 25px!important;}

/*margin-right 　%調整 外側の右方向にスペースを空けたい時に使用*/
.mr4_per{margin-right: 4%!important;}
.mr8_per{margin-right: 8%!important;}

/*margin-left 　外側の右方向にスペースを空けたい時に使用*/
.ml10{margin-left: 10px!important;}
.ml15{margin-left: 15px!important;}
.ml80{margin-left: 80px!important;}

/*padding-top　内側の上方向にスペースを空けたい時に使用*/
.pt10{padding-top: 10px!important;}
.pt20{padding-top: 20px!important;}
.pt30{padding-top: 30px!important;}

/*padding-top　%調整　内側の上方向にスペースを空けたい時に使用*/
.pt1_per{padding-top: 1%!important;}
.pt5_per{padding-top: 5%!important;}
.pt10_per{padding-top: 10%!important;}
.pt15_per{padding-top: 15%!important;}
.pt20_per{padding-top: 20%!important;}
.pt30_per{padding-top: 30%!important;}

/*padding-bottom　内側の下方向にスペースを空けたい時に使用*/
.pb10{padding-bottom: 10px!important;}
.pb20{padding-bottom: 20px!important;}
.pb30{padding-bottom: 30px!important;}

/*padding-bottom　内側の下方向にスペースを空けたい時に使用*/
.pb1_per{padding-bottom: 1%!important;}
.pb4_per{padding-bottom: 4%!important;}
.pb10_per{padding-bottom: 10%!important;}
.pb11_per{padding-bottom: 11%!important;}
.pb15_per{padding-bottom: 15%!important;}
.pb20_per{padding-bottom: 20%!important;}
.pb30_per{padding-bottom: 30%!important;}

/*margin マイナス*/
.mb-minus10{margin-bottom: -10px!important;}
.mb-minus15{margin-bottom: -15px!important;}
.mb-minus20{margin-bottom: -20px!important;}
.mb-minus25{margin-bottom: -25px!important;}
.mb-minus30{margin-bottom: -30px!important;}
.mb-minus35{margin-bottom: -35px!important;}
.mb-minus40{margin-bottom: -40px!important;}
.mb-minus80{margin-bottom: -80px!important;}
.mb-minus125{margin-bottom: -125px!important;}
.mb-minus150{margin-bottom: -150px!important;}
.mb-minus220{margin-bottom: -220px!important;}

/*margin マイナス%調整*/
.mb-minus2_per{margin-bottom: -2%!important;}
.mb-minus2-5_per{margin-bottom: -2.5%!important;}
.mb-minus3-5_per{margin-bottom: -3.5%!important;}
.mb-minus4_per{margin-bottom: -4%!important;}
.mb-minus5_per{margin-bottom: -5%!important;}
.mb-minus7-5_per{margin-bottom: -7.5%!important;}
.mb-minus10_per{margin-bottom: -10%!important;}
.mb-minus15_per{margin-bottom: -15%!important;}
.mb-minus20_per{margin-bottom: -20%!important;}
.mb-minus25_per{margin-bottom: -25%!important;}
.mb-minus30_per{margin-bottom: -30%!important;}
.mb-minus35_per{margin-bottom: -35%!important;}
.mb-minus40_per{margin-bottom: -40%!important;}
.mb-minus45_per{margin-bottom: -45%!important;}
.mb-minus55_per{margin-bottom: -55%!important;}
.mb-minus65_per{margin-bottom: -65%!important;}
.mb-minus80_per{margin-bottom: -80%!important;}
.mb-minus125_per{margin-bottom: -125%!important;}
.mb-minus150_per{margin-bottom: -150%!important;}
.mb-minus220_per{margin-bottom: -220%!important;}

/*margin マイナス%調整*/
.mt-minus1_per{margin-top: -1%!important;}
.mt-minus3_per{margin-top: -3%!important;}
.mt-minus5_per{margin-top: -3%!important;}
.mt-minus10_per{margin-top: -10%!important;}
.mt-minus11_per{margin-top: -11%!important;}

/*横幅のサイズ指定*/
.width8{width: 8%!important;}
.width10{width: 10%!important;}
.width15{width: 15%!important;}
.width16{width: 16%!important;}
.width17{width: 17%!important;}
.width18{width: 18%!important;}
.width19{width: 19%!important;}
.width20{width: 20%!important;}
.width21{width: 21%!important;}
.width22{width: 22%!important;}
.width23{width: 23%!important;}
.width24{width: 24%!important;}
.width25{width: 25%!important;}
.width26{width: 26%!important;}
.width27{width: 27%!important;}
.width28{width: 28%!important;}
.width29{width: 29%!important;}
.width30{width: 30%!important;}
.width31{width: 31%!important;}
.width32{width: 32%!important;}
.width33{width: 33%!important;}
.width34{width: 34%!important;}
.width35{width: 35%!important;}
.width36{width: 36%!important;}
.width37{width: 37%!important;}
.width38{width: 38%!important;}
.width39{width: 39%!important;}
.width40{width: 40%!important;}
.width41{width: 41%!important;}
.width42{width: 42%!important;}
.width43{width: 43%!important;}
.width44{width: 44%!important;}
.width45{width: 45%!important;}
.width46{width: 46%!important;}
.width47{width: 47%!important;}
.width48{width: 48%!important;}
.width49{width: 49%!important;}
.width50{width: 50%!important;}
.width51{width: 51%!important;}
.width52{width: 52%!important;}
.width53{width: 53%!important;}
.width54{width: 54%!important;}
.width55{width: 55%!important;}
.width56{width: 56%!important;}
.width57{width: 57%!important;}
.width58{width: 58%!important;}
.width59{width: 59%!important;}
.width60{width: 60%!important;}

.width65{width: 65%!important;}
.width70{width: 70%!important;}
.width75{width: 75%!important;}
.width78{width: 78%!important;}
.width80{width: 80%!important;}
.width81{width: 81%!important;}
.width82{width: 82%!important;}
.width83{width: 83%!important;}
.width84{width: 84%!important;}
.width85{width: 85%!important;}
.width88{width: 88%!important;}
.width90{width: 90%!important;}
.width91{width: 91%!important;}
.width93{width: 93%!important;}
.width95{width: 95%!important;}
.width100{width: 100%!important;}

/*text　テキストの揃え方指定　親要素に入れること*/
.text-left{text-align: left!important;}/*左揃え*/
.text-right{text-align: right!important;}/*右揃え*/
.text-center{text-align: center!important;}/*中央ぞろえ*/

/*img　画像の揃え方　クラス名のみ親要素に入れること(margin_○○ img　←imgは不要)*/
.margin-right img{margin: 0 0 0 auto!important;}
.margin-left img{margin: auto 0 0 0!important;}

/*possition　基準となる位置を決める　親要素に入れること*/
.position-relative{position: relative;}/*従来の位置*/
.position-absolute{position: absolute;}/*親の左上が基準*/

/*flex　横並びに使用　親要素に入れる 子要素はwidthで横幅を決めておくこと*/
.flex{display: flex;}

/*flex使用時のコンテンツの配置　flexと同じく親要素に入れること*/
.justify-sb{justify-content: space-between;}/*左右にわける*/
.justify-sa{justify-content: space-around;}/* 各アイテムを均等に配置し各アイテムの両側に半分の大きさの間隔を置く */
.justify-left{justify-content: left;}/*左配置*/
.justify-flex-end{justify-content: flex-end;}/*要素の終わり*/
.justify-se{justify-content: space-evenly;}/* 各アイテムを均等に配置し各アイテムの周りに同じ大きさの間隔を置く */
.justify-center{justify-content: center;}/*真ん中*/

.items-center{align-items: center;}/*子要素を上下中央で揃える*/
.flex-wrap{flex-wrap: wrap;}/*コンテンツを折り返す*/
.flex-start{align-items: flex-start;}/* 子の上端を揃える */
.flex-end{align-items: flex-end;}/*下揃え*/
.row-reverse{flex-direction: row-reverse;}/*順番入れ替え*/

.flex-shrink{flex-shrink: 0;}/*要素を折り返しさせない*/
.flex-grow{flex-grow:1;}/*高さを揃える※親要素にflex-direction:columnを入れること*/
.flex-direction{flex-direction:column;}/*上から下に垂直方向に並べる*/
.margin-top-auto{margin-top: auto;}/*親要素にflexとflex-direction:column;で下揃え*/

/*aos用*/
.overflow-hidden{overflow: hidden;}

/********************************************************************
	共通
********************************************************************/
html {
  scroll-behavior: smooth; /* スムーススクロール */
}

/*line-heightリセット*/
#gnjtormjy p,#gnjtormjy a,#gnjtormjy ul li,#gnjtormjy h1,#gnjtormjy h2,#gnjtormjy h3,#gnjtormjy h4,#gnjtormjy h5,#gnjtormjy h6,#gnjtormjy h7{
	line-height: 1;
}

/*buttonリセット*/
#gnjtormjy button{padding: 0; background: none; border: none;}

/*ページ全体の指定*/
#gnjtormjy{
	margin: 0 auto;/*中央揃え*/
	max-width: 770px;/*最大横幅*/
	background: transparent;/*背景色*/
	text-align: center;/*テキスト中央揃え*/
	position: relative;
}

/*ページの内側共通*/
#gnjtormjy .wrap{
	margin: 0 auto;/*中央揃え*/
	padding: 20px 0 70px 0;/*要素の上下余白*/
	max-width: 93%;/*最大横幅*/
	box-sizing: border-box;
}

/*ページ内の文章指定*/
#gnjtormjy p{
    text-align: center;/*中央揃え*/
    color: #000000;/*文字色*/
	font-family: "Yu Gothic", "游ゴシック", "YuGothic", sans-serif;/*フォント*/
	font-weight: 700; /* 太字にする */
    font-size: 1.5rem;/*フォントサイズ*/
	letter-spacing:  0em;/*文字間*/
	line-height: 2rem;/*行間*/
}

#gnjtormjy img{
	max-width: 100%;
	height: auto;
	margin: 0 auto;
    display: inline-block;
}

#gnjtormjy .img_width100 img{width: 100%;}
#gnjtormjy .img_auto img{width: auto!important;}

/*色*/
#gnjtormjy .orange{color: #f19007!important;}
#gnjtormjy .red{color: #f60e39!important;}
#gnjtormjy .wine-red{color: #c93b66!important;}
#gnjtormjy .blue{color: #0fc3c8!important;}
#gnjtormjy .light-blue{color: #0fc3c8!important;}
#gnjtormjy .green{color: #00a1be!important;}
#gnjtormjy .pink{color: #ee008c!important;}
#gnjtormjy .white{color: #fff!important;}
#gnjtormjy .black{color: #00000a!important;}

/*太字*/
#gnjtormjy .bold{font-weight: bold;}

/*リスト*/
#gnjtormjy ul{
	list-style: none;
}
#gnjtormjy ul li{
	color: #24281f;
	text-align: center;/*中央揃え*/
    font-size: 1.8rem;/*フォントサイズ*/
	letter-spacing:  0em;/*文字間*/
	line-height: 2.8rem;/*行間*/
}


/********************************************************************
	追加共通
********************************************************************/
.align-self-flex-end{align-self: flex-end;}/*下揃え　親要素がflex*/

.scroll-target {
  scroll-margin-top: 80px; /* ジャンプした先のセクション上に必要な余白を指定 */
}



/**************************************************************
	キャンペーン期間
********************************************************************/
#gnjtormjy .camTerm {
	background-color: #000000;
	color: #FFFFFF; /* 文字色指定 */
	font-family: "Yu Gothic", "游ゴシック", "YuGothic", sans-serif;/*フォント*/
	letter-spacing: 0.1em; /* 文字間*/
}

/********************************************************************
	以下　内容の調整
********************************************************************/

/********************************************************************
	イントロダクション
********************************************************************/

#gnjtormjy #introduction {
	background: linear-gradient(0deg, #6dff6a, #b5a7fc);
	background-size: 100%;
	position: relative;
	z-index: 90;
	padding: 7% 0 7% 0;
}

#gnjtormjy #introduction .introduction-wrap{
	max-width: 680px;
	margin: 0 auto;
}

#gnjtormjy #introduction .introduction-text{
	max-width: 680px;
	margin: 0 auto;
}

#gnjtormjy #introduction .dotbox{
    border: 5px dotted #FFFFFF;
    padding: 6%;
    margin: 0 auto;
    width: 88%;
}

#gnjtormjy #introduction .feeling-button {
  	width: calc(33.33% - 6%); /* 3列分＋余白を調整 */
	display: flex;
  	justify-content: center;
  	align-items: center;
	transition: transform 0.3s ease; /* アニメーションを滑らかに */
}


#gnjtormjy #introduction .feeling-button:hover {
	transform: rotate(20deg);
}

/********************************************************************
	ピックアップ6作品（共通）
********************************************************************/
  /* グリーン背景*/
#gnjtormjy #pick-up .bg-green{
	background-color: #6dff6a;
	background-size: 100%;
	position: relative;
	z-index: 90;
	padding: 8% 0 8% 0;
}

  /* パープル背景 */
#gnjtormjy #pick-up .bg-purple{
	background-color: #b5a7ff;
	background-size: 100%;
	position: relative;
	z-index: 90;
	padding: 8% 0 8% 0;
}

  /* キャッチコピーと気分のスタンプ--現実ドラマ*/
#gnjtormjy #pick-up .pick-up-wrap_01{
	max-width: 680px;
	margin: 0 auto;
}


#gnjtormjy #pick-up .pick-up-wrap_02{
	max-width: 710px;
	margin: 0 0 0 2%;
}
#gnjtormjy #pick-up .feeling-button_lean {
  transform: rotate(-20deg);           /* -20度だけ回転 */
  transform-origin: center center;   /* 画像の中心を基準に回転 */
}

/********************************************************************
	コマサムスライダー
********************************************************************/
/* ドットのliを丸くする */
.slick-dots li {
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background-color: #000;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 中のbutton要素を透明化（表示されないようにする） */
.slick-dots li button {
  opacity: 0;
  width: 100%;
  height: 100%;
  border: none;
  padding: 0;
  background: transparent;
  cursor: pointer;
}

/* アクティブ状態のドットを色変更 */
.slick-dots li.slick-active {
  background-color: #b5a7ff;
}

#gnjtormjy .thumbs {
  max-width:100%;
  margin:0 auto;
}

#gnjtormjy #pick-up .dots-wrap_1,#gnjtormjy #pick-up .dots-wrap_2 {
    display: flex;
    justify-content: center;
	bottom: -30px; 
}

#gnjtormjy #pick-up .dots-wrap_1 li,
#gnjtormjy #pick-up .dots-wrap_2 li  {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: #000000;
    border-radius: 50%;
    cursor: pointer; 
}

#gnjtormjy #pick-up .dots-wrap_1 li:hover,.dots-wrap_1 li.slick-active {
    background: #b5a7ff!important;
}

#gnjtormjy #pick-up .dots-wrap_2 li:hover,.dots-wrap_2 li.slick-active {
    background: #fe57e4!important;
}

#gnjtormjy #pick-up .dots-wrap_1 li button,
#gnjtormjy #pick-up .dots-wrap_2 li button {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	opacity: 0;
    outline: none;
	padding: 0;
    border: none;
    background-color: transparent;
}

#gnjtormjy #pick-up .slick-dotted.slick-slider{
	margin: 0;
}

#gnjtormjy #pick-up .slick-list{
    margin: 0 0 2% 0; /* サムネイルと丸の間に余白を追加 */
}
#gnjtormjy #pick-up .dots-wrap_1 li:hover,.dots-wrap_1 li.slick-active {
    background: #b5a7ff;
}

#gnjtormjy #pick-up .dots-wrap_2 li:hover,.dots-wrap_2 li.slick-active {
    background: #fe57e4;
}

/*コマの戻る矢印*/
#gnjtormjy #pick-up .prev-arrow {
	position: absolute;
    left: -3%;
    top: 35%;
	z-index:200;
}

/*コマの戻る矢印　1枚目を表示の際に透過させる*/
#gnjtormjy #pick-up .prev-arrow.slick-disabled img {
  opacity: 0.4;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

/*コマのつぎへ矢印*/
#gnjtormjy #pick-up .next-arrow {
	position: absolute;
    right: -4%;
    top: 35%;
	z-index:200;
}

/*コマの次へ矢印　最後のページを表示の際に透過させる*/
#gnjtormjy #pick-up .next-arrow.slick-disabled img {
  opacity: 0.4;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

#gnjtormjy #pick-up.slide-arrow {
	background: none;
	border: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 200;
}

#gnjtormjy #pick-up .slide-arrow img {
	width: 100%;
	height: auto;
}
  /* コマのコピーライト-現実ドラマ*/
#gnjtormjy #pick-up .coma-copy{
	position: absolute;
    display: inline-block;
	left: 50%; transform: translateX(-50%);
    bottom: 0.8%;
	margin:0 auto;
	font-size: 0.9rem;/*フォントサイズ*/
	color: #FFFFFF;/*文字色*/
	letter-spacing:  0.1em;/*文字間*/
	white-space: nowrap;/*改行しない*/
	font-weight: 700; /* 太字にする */
	z-index:300;
}

  /* コマのコピーライト--魔女*/
#gnjtormjy #pick-up .coma-copy-black{
	position: absolute;
    display: inline-block;
	left: 50%; transform: translateX(-50%);
    bottom: 0.8%;
	margin:0 auto;
	font-size: 0.9rem;/*フォントサイズ*/
	color: #000000;/*文字色*/
	letter-spacing:  0.1em;/*文字間*/
	white-space: nowrap;/*改行しない*/
	font-weight: 700; /* 太字にする */
	z-index:300;
}

  /* コマの装飾--現実ドラマ*/
#gnjtormjy #pick-up .koma-bg-decoration_green{
	margin: 0 auto 5px auto;
	width: 686px;
	box-sizing: border-box;
	border: 3px solid #000000;
	box-shadow: 7px 7px 0 0 #000000;
	background-color:#000000;
	position: relative;
	z-index: 90;
}

  /* コマの装飾--魔女 */
#gnjtormjy #pick-up .koma-bg-decoration_pink{
	margin: 0 auto 5px auto;
	width: 686px;
	box-sizing: border-box;
	border: 3px solid #fe57e4;
	box-shadow: 7px 7px 0 0 #000000;
	background-color:#fe57e4;
	position: relative;
	z-index: 90;
}


/********************************************************************
	コミック情報（ピックアップ6作品）
********************************************************************/

#gnjtormjy #pick-up .comic_wrap{
    margin:0 auto;
	max-width:680px;
}

/* 現実ドラマ-タイトル・タイトル1行 */
#gnjtormjy #pick-up .comic_title_1_1 a{
    text-align: center;/*中央揃え*/
    color: #000000!important;/*文字色*/ 
	font-family: "Yu Gothic", "游ゴシック", "YuGothic", sans-serif;/*フォント*/
	font-weight: 700; /* 太字にする */
    font-size: 3rem;/*フォントサイズ*/
	letter-spacing:  0em;/*文字間*/
	line-height: 3.2rem;/*行間*/
	background-color: #FFFFFF;
	padding: 3% 3% 1% 3%;
	display:inline-block;
	text-decoration: none;
}
/* 現実ドラマ-タイトル・タイトル1行（長いタイトル） */
#gnjtormjy #pick-up .comic_title_1_2 a{
    text-align: center;/*中央揃え*/
    color: #000000!important;/*文字色*/ 
	font-family: "Yu Gothic", "游ゴシック", "YuGothic", sans-serif;/*フォント*/
	font-weight: 700; /* 太字にする */
    font-size: 2.6rem;/*フォントサイズ*/
	letter-spacing:  0em;/*文字間*/
	line-height: 2.6rem;/*行間*/
	background-color: #FFFFFF;
	padding: 3% 3% 1% 3%;
	display:inline-block;
	text-decoration: none;
}

/* 魔女-タイトル（1行） */
#gnjtormjy #pick-up .comic_title_2_1 a{
    text-align: center;/*中央揃え*/
    color: #fe57e4!important;/*文字色*/ 
	font-family: "Yu Gothic", "游ゴシック", "YuGothic", sans-serif;/*フォント*/
	font-weight: 700; /* 太字にする */
    font-size: 3.2rem;/*フォントサイズ*/
	letter-spacing:  0em;/*文字間*/
	line-height: 3.2rem;/*行間*/
	background-color: #000000;
	padding: 3% 3% 2% 3%;
	display:inline-block;
	text-decoration: none;
}

/* 魔女-タイトル（２行） */
#gnjtormjy #pick-up .comic_title_2_2 a{
    text-align: center;/*中央揃え*/
    color: #fe57e4!important;/*文字色*/ 
	font-family: "Yu Gothic", "游ゴシック", "YuGothic", sans-serif;/*フォント*/
	font-weight: 700; /* 太字にする */
    font-size: 2.8rem;/*フォントサイズ*/
	letter-spacing:  0em;/*文字間*/
	line-height: 3rem;/*行間*/
	background-color: #000000;
	padding: 3% 3% 2% 6%;
	display:inline-block;
	text-decoration: none;
}

#gnjtormjy #pick-up .comic_title_1 a:hover,#gnjtormjy #pick-up .comic_title_2 a,#gnjtormjy #pick-up .comic_title_2_2 a:hover{
	text-decoration: none;
}


#gnjtormjy #pick-up .comic_container_right img{
	display:block;
}

#gnjtormjy #pick-up .comic_container_left img{
	display:block;
}



#gnjtormjy #pick-up .comic_author, #gnjtormjy #pick-up .comic_author a{
    text-align: center;/*中央揃え*/
    color: #000000 !important;/*文字色*/
	font-family: "Yu Gothic", "游ゴシック", "YuGothic", sans-serif;/*フォント*/
	font-weight: 700; /* 太字にする */
    font-size: 2.3rem;/*フォントサイズ*/
	letter-spacing: 0em;/*文字間*/
	line-height: 2.3rem;/*行間*/
	display:inline-block;
	text-decoration: none;
}

#gnjtormjy #pick-up .comic_author a:hover{
	
	text-decoration: none;
}
/********************************************************************
	その他の作品
********************************************************************/
  /* ハーフ＆ハーフの背景*/
#gnjtormjy #other-comic .bg-green-purple{
	background: linear-gradient(to right, #6dff6a 50%, #b5a7ff 50%);
	background-size: 100%;
	position: relative;
	z-index: 90;
	padding: 17% 0 5% 0;
}

#gnjtormjy #other-comic .band,#gnjtormjy #precautions .band{
	position:absolute;
	z-index: 200;
}

#gnjtormjy #other-comic .other-comic_wrap{
	max-width:340px;
	margin:0 auto;
}

/********************************************************************
	注意事項
********************************************************************/
#gnjtormjy #precautions .bg-white{
	max-width: 70%;
    background-size: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    margin: 0 auto;
    padding: 2% 1% 2% 1%;
}

#gnjtormjy #precautions .bg-gradation{
	background: linear-gradient(0deg, #b5a7fc, #6dff6a);
	background-size: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	padding: 8% 0% 6% 0%;
}

#gnjtormjy #precautions .precautions-text {
text-align: center;
    color: #000000;
    font-family: "Yu Gothic", "游ゴシック", "YuGothic", sans-serif;
    font-weight: 400;
    font-size: 1.2rem;
    letter-spacing: 0em;
    line-height: 1.6rem;
}

/********************************************************************
	上部クーポンarea非表示
********************************************************************/
.contents_right .couponArea2022{display: none;}