@charset "utf-8";
/* CSS Document */
/*============ 商品ページ個別CSS ===========*/

/* ページ固有の色を下記3つの要素に同一で入力 (白ヌキ文字を置いても読める程度の濃さで）*/

h2 .itemtitle, .open-link a:hover span, .open-link a:active span, .hidden-link a:hover span, .hidden-link a:active span, #container .main1c .button:hover,#container .main1c .button:active
{
	color: #640125; /* キーカラーを指定 */
}

h2::before, h2::after, .accordion-block div, .tab-menu dl dt, .open-link a span,.hidden-link a span, p.point-number, .topimage h1, .whole-bg, .main1c .button, .whole-topimage, h3::before, .spec-title::before, .style-h3::before
{
	background: #640125; /* キーカラーを指定 */
}

h3, .style-h3, .open-link a span,.hidden-link a span, .spec-title, .main1c .button, .underline
{
	border-color: #640125; /* キーカラーを指定 */
}


.mark {
  background: linear-gradient(transparent 40%, #f6bfbc  80%);
}

/* 他ページへのリンク削除はじまり */

#topicpath{
	display:none;
}

#sns_top{
	display:none !important;
}

.topimage {
	padding:0px;
}

.global-navi-bar{
	display:none;
}

/* 他ページへのリンク削除おわり */

/* SPだけもしくはPCだけ見える設定はじまり */

.sp{
	display:none !important;
}

.pc{
	display:block !important;
}


@media screen and (max-width: 767px) {

.sp{
	display:block !important;
}

.pc{
	display:none !important;
}


}

/* SPだけもしくはPCだけ見える設定おわり */



/* 背景色調整はじまり */

h2 {
  border-top: none;
}

#introduction {
  background: linear-gradient(to bottom, #ffeaf0 0%,#ffffff 30%,#ffffff 50%,#ffeaf0 100%);
}

#miryoku{
  background: linear-gradient(to bottom, #e3e8c9 0%,#ffffff 30%,#ffffff 50%,#e3e8c9 100%);
}

#tracklist_area {

  background: linear-gradient(to bottom, #ebf6f7 0%,#ffffff 5%);
  margin-bottom: 20px;
}

/* 背景色調整おわり */


/* TOP画像調整はじまり */

.topimage li{
	width:1300px !important;
}



@media screen and (max-width: 767px) {
  .topimage li {
    font-size: 0;
    width: 100% !important;
  }

  .topimage h1 {
    color: #fff;
    padding: 3vw 3%;
    margin: 0;
	background: #640125;
  }



}


/* TOP画像調整おわり */




/* h2文字調整はじまり */

h2.pc{

font-family: YakuHanMPs, 'NotoserifJP', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN','HG明朝E','ＭＳ Ｐ明朝','ＭＳ 明朝',serif !important;
  font-weight: bold;
  font-weight: 700;
  border-top: none;
  font-size: 56px;
  letter-spacing: -2px;
  text-shadow: 0 0 10px #fff;
  height: auto;
  line-height: 1.2;
  padding: 0 0 20px;
  margin: 0px 0 15px;
	padding-top: 20px;
	padding-bottom: 60px;

/*
display: block;
  font-family: Reimin Y10 Heavy, YakuHanMPs, 'NotoserifJP', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN','HG明朝E','ＭＳ Ｐ明朝','ＭＳ 明朝',serif !important;  font-weight: bold;
  font-weight: 700;
  line-height: 1.5;
  font-feature-settings: "palt";
  text-shadow: 0 0 10px #fff;
  height: auto;
*/
}

h2 .itemtitle {
  font-family: YakuHanJPs, 'ヒラギノ角ゴ Pro', 'メイリオ', 'Meiryo', sans-serif;
  letter-spacing: 0;
  position: absolute;
  font-size: 15px;
  font-weight: normal;
  bottom: 35px !important;
  right: 0;
  padding: 0;
}

h2{
	text-align:center;
}

@media screen and (max-width: 767px) {
h2 .itemtitle {
  bottom: -20px !important;

}

}


@media screen and (max-width: 767px) {
h2{
	display: block;
	font-family: YakuHanMPs, 'NotoserifJP', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN','HG明朝E','ＭＳ Ｐ明朝','ＭＳ 明朝',serif !important;
  font-weight: bold;
  font-weight: 900;
	font-size: 155%;
  text-shadow:
    0.3px 0.3px 0,
    0.3px -0.3px 0,
    -0.3px 0.3px 0,
    -0.3px -0.3px 0,
    0.3px 0 0,
    0 0.3px 0,
    -0.3px 0 0,
    0 -0.3px 0;

}

.itemtitle{
	text-shadow:none;
	display: inline-block;

}


}
/* h2文字調整おわり */



/* point調整はじまり */

@media screen and (max-width: 767px){


.feature .point {
    padding-left: 20px;
    margin-top: 0;
    margin-bottom: 0;
    border: none;
    padding-bottom: 0;
}

.point_width{
    padding-left: 10px !important;
    margin-top: 0;
    margin-bottom: 0;
    border: none;
    padding-bottom: 0;
}

.h3_sp{
	padding-top: 16px!important;
	padding-bottom: 18px!important;
}





}



/* point調整おわり */



.huyou img{
	width:60%;
	margin: 0 auto;
}

.huyou {
	margin:0px;
}


@media screen and (max-width: 767px) {

.huyou img{
	width:100%;
}

.huyou{
	margin:0 60px !important;
}

}


.red{
	color:#9e3d3f ;
}

.bold{
		font-weight:bold;

}

.small{
	font-size:70%;
}

.flex{
	display:flex;
}

.order1{
	order: 1;
}

.order2{
	order: 2;
}

.order3{
	order: 3;
}

.order4{
	order: 4;
}

.order5{
	order: 5;
}

.order6{
	order: 6;
}

ul li {
  list-style: none !important;
}

ul.annotation li::before {
  content: '※'!important;
}

.writer{
	background-color: #640125;
  color: #fff;
  padding: 10px;
  margin-bottom: 0px;
}
/*============ スマートフォン用 ===========*/
@media screen and (max-width: 767px) {

.topimage li{
	width:100% !important;
}


.topimage{
	margin-bottom:0px;
}

  /* ここにスマホ専用のCSSを記入 */


}/* Media Query for SmartPhone */


