@charset "shift_jis";

/*============ 商品ページ個別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: #8b0000; /* キーカラーを指定 */
}

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: #8b0000; /* キーカラーを指定 */
}

h3, .style-h3, .open-link a span,.hidden-link a span, .spec-title, .main1c .button, .underline
{
	border-color: #8b0000; /* キーカラーを指定 */
}


h3.yotei{
	background: linear-gradient(to right, #d0d7f0, #fff);
}

h3.yotei::before{
	background:#476ae7;
}


h3.health{
	background: linear-gradient(to right, #cbf9fe, #fff);
}

h3.health::before{
	background:#3e9ea9;
}


h3.kiroku{
	background: linear-gradient(to right, #bff8d0, #fff);
}

h3.kiroku::before{
	background:#507c5d;
}


h3.money{
	background: linear-gradient(to right, #ecbff8, #fff);
}

h3.money::before{
	background:#941bb4;
}

h3.brain{
	background: linear-gradient(to right, #f1cc73, #fff);
}

h3.brain::before{
	background:#da9f12;
}

h3.diary{
	background: linear-gradient(to right, #d991c0, #fff);
}

h3.diary::before{
	background:#8c2368;
}




.tracklist ul li {
  padding: 6px !important;
}

.width1000{
	width:1000px;
}

.border{
	border:1px solid #666;
}

.benri{
	font-size:150% !important;
	font-weight: bold;
	text-align: center;
	margin-bottom:0px !important;

}

.information{
	text-align: center !important;
	font-size: 90% !important;
	margin-bottom:0px !important;
}

.backcolor{
	background-color:#fbdac8;
	padding:20px;
	border-radius: 30px;
}

.backcolor_green{
	background-color:#dbebc4;
}

.back_deepgreen{
	background-color:#65ab31 !important;;
}

.green{
	color: #65ab31 !important;
	display: inline !important;
	font-size: 100% !important;
	font-weight: bold;
	border-top: none !important;
}

.orange{
	color: #e17b34 !important;
	display: inline !important;
	font-size: 100% !important;
	font-weight: bold;
	border-top: none !important;

}

.red{
	color: #FF0000 !important;
	display: inline !important;
	font-size: 100% !important;
	font-weight: bold;
	border-top: none !important;

}


.red2{
	color: #FF0000 !important;
	display: inline !important;
	font-size: 80% !important;
	font-weight: bold;
	border-top: none !important;

}


.back_blue{
	background-color:#0068b7 !important;;
}

.backcolor_small{
	background-color: #e17b34;
	padding: 5px;
	border-radius: 10px;
	text-align: center;
	margin-bottom: 5px !important;
	color:#fff;
}

.underline{
	padding-top: 30px;
	border-bottom: solid 3px #8b0000;
}




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


  /* ここにスマホ専用のCSSを記入 */

.width1000 {
    width: 100%;
}


}/* Media Query for SmartPhone */