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

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,
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, 
.bx-wrapper .bx-pager.bx-default-pager a:focus {
	background: #F94D65; /* キーカラーを指定 */
}

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

.main1c h2, .main1c h3, .main1c #message p {
	font-family:  'Noto Serif JP', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN','HG明朝E','ＭＳ Ｐ明朝','ＭＳ 明朝',serif;
	font-weight: 900;
}

#message {
	margin: 20px 0 1px;
    border: 2px solid #dcd27b;
    border-radius: 20px;
    padding: 15px 25px 1px 210px;
    background: #fff9d0 url(../../ekikyou/img/ekikyou_bg.png) bottom left no-repeat;
    background-size: 200px;
}


#message p {
	margin-bottom: 10px;
}


#section01 > .col2-2 {
	background: #efeeec;
	padding: 15px 15px 1px;
	box-sizing: border-box;
}

.textright {
	text-align: right;
}

.mb10 {
	margin-bottom: 10px;
}

em {
	color: red;
}

.main1c .green {
	color: #22a416 !important;
}

.main1c .black {
	color: #111 !important;
}

.tracklist h3 {
	font-size: 26px;
	font-size: 2.6rem;
}

.tracklist .underline {
	display: block;
	padding-bottom: 6px;
}

.tracklist div span {
	font-size: 75%;
	padding: 0 0 6px;
	color: #F94D65;
	letter-spacing: 2px;
}


.tracklist .col3-1,
.tracklist .col3-2 {
    margin-right: 3.5%;
}

.tracklist .col3-1,
.tracklist .col3-2,
.tracklist .col3-3 {
	width: 28%;
	margin-bottom: 30px;
}

.tracklist .col3-1,
.tracklist .col3-2,
.tracklist .col3-3 {
	padding: 0 15px 15px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+50,ffeff8+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 50%, #ffeff8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 50%,#ffeff8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 50%,#ffeff8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffeff8',GradientType=0 ); /* IE6-9 */
box-shadow: 0 1px 8px #ccc;
padding-top: 10px;
}

.line-black:before {
	background: #aaa;
}



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


.whole-bg img {
width: 50vw;
margin: 0 auto;
}

#message {
padding: 5vw 5vw 100px;

background-size: 100px;

background-position: bottom center;
}

.tracklist .col3-1, .tracklist .col3-2, .tracklist .col3-3 {
    width: 79vw;
    margin-bottom: 30px;
    margin: 3vw;
}

#additional img {
width: 60vw;
margin: 0 auto;
}

#additional h3 {
margin-top: -15px;
}

#shop_contents2 > .hidden-link {
padding-top: 30px;
}



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


}/* Media Query for SmartPhone */