@charset "shift_jis";

/* アクセントカラー指定 ここから================ */

#pankuzu,
#recom-title {
  background: #800000;
}

#script h2 {
  color: #XXXXXX;
}

#script h2,
#script h3 {
  border-color: #XXXXXX;
}

/* アクセントカラー指定 ここまで================ */



/* トップ画像 */

#main-background {
  background: #000 url(/img/usr/goodsdetail/yqq_contents2/img/syouwashi1.jpg) top center no-repeat;
  background-size: cover;
  height: 340px; 

}

#first-page #main-background {
  height: 450px; /* 1ページ目のトップイメージの高さ */
  text-align: right;
}

#top-wrap {
  background: rgba(0,0,0,0); /* 背景色のブラック透過度を設定(0.3～0.6の範囲で)*/
}

#main-background,
#main-background h1 a {
  color: #fff; /* タイトル文字色 */
}

#main-background h1 {
  font-family: NotoserifJP !important; /* NotoserifJP = 明朝体 / NotoSansJP = ゴシック体*/
  font-size: 28px; /* 2ページ目以降の文字サイズ */
  font-weight: 700; /* 300 / 500 / 700 */
  padding-top: 50px; /* 2ページ目以降の上余白 */
}

#first-page #main-background h1 {
  padding-top: 80px; /* 1ページ目の上余白 */
  font-size: 46px; /* 1ページ目の文字サイズ */
}

.copy{
	padding-top:10px!important;
}

/* エピソード */

#script .block h2,
#script .block h3 {
  font-family: NotoSansJP !important; /* NotoserifJP = 明朝体 / NotoSansJP = ゴシック体*/
  font-weight: 700; /* 300 / 500 / 700 */
}

#script .block h2 span {
  color: #333;
  font-weight: 500; /* 300 / 500 / 700 */
}



/* スマートフォン用CSSここから */
@media screen and (max-width: 767px) {


/* トップ画像 */

#top-wrap {
    background: rgba(0,0,0,0.5);
}

  #main-background h1,
  #first-page #main-background h1 {
    font-size: 20px; /* 2ページ目以降の文字サイズ */
    font-family: serif !important; /* serif = 明朝体 / sans-serif = ゴシック体*/
    font-weight: bold; /* normal / bold */
    padding-top: 40px; /* 2ページ目以降の上余白 */
  }

  #first-page #main-background h1 {
    font-size: 26px; /* 1ページ目の文字サイズ */
    padding-top: 60px; /* 1ページ目の上余白 */
    padding-bottom: 0;
  }



/* エピソード */

#script .block h2,
#script .block h3 {
  font-family: sans-serif !important; /* serif = 明朝体 / sans-serif = ゴシック体*/
}

#script .block h2 span {
  color: #333;
  font-size:  70%;
}

.right-img {
    margin: 0 auto !important;
    padding: 30px 0px !important;
}


/* スマートフォン用CSSここまで */
} /* @media max-width:566px */


#prof-main p {
font-size:90%;
}

#prof-main p em {
font-size:100%;
}

.main-background2{
height: 160px !important;
}

#script-main .right-img {
    margin: 20px 20px 15px 0px;
}