@charset "shift_jis";

/*============ 商品ページ個別CSS ===========*/

/* ページ固有の色を下記3つの要素に同一で入力 (白ヌキ文字を置いても読める程度の濃さで）*/


ol {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.5em;
  background:#f5ecf4;
}
ol li {
  position: relative;
  padding-left: 80px;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 50px;
}



ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background:  #ffffff;
  color:#702815;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 27px;
  border-radius: 50%;
  left: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}




h2 .itetitle, .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: #ba55d3; /* キーカラーを指定 */
}

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

h2{ font-family: 楷書MCBK1;
}



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




.list{
	 font-size: 30px !important;
         font-weight: bold;
}


.bg-img{ 
	width: 400px;
	margin-left: auto;	
}

.red{
	color:#cc1237;
}

.bold{
	font-weight:bold;
}




.textbook{
margin-top:100px;
}
.sp-link{
display:none;
}

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


.pc-link{
display:none;
}

.sp-link{
display:block !important;
}
  /* ここにスマホ専用のCSSを記入 */


}/* Media Query for SmartPhone */