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

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

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

.topimage h1{
   /* border-radius: 50px;*/
    background: #87771D!important;
    color: #fff;
    padding: 10px 0;
}

ul.li-s-no{
    list-style: none!important;
}
ul.li-s-no li{
    display: inline-block;
    width: 45%;
    margin-left: 0;
    vertical-align: top;
    box-sizing: border-box;
    padding: 5px;
    font-size: 14px;
}
ul.li-s-no li strong{
    display: block;
}
.red{
    color: red;
}
.col2-2 ul.li-s-no li{
    font-weight: bold;
}
.bg-box{
    position: relative;
}
.bg-box .bg-img{
    position: absolute;
    bottom: -50px;
    right: 0;
    width: 70%;
    max-width: 700px;
    z-index: 0;
}
.bg-box .col2-1,.bg-box .col2-2{
    position: relative;
    z-index: 1;
}
.tracklist h3 span{
    display: block;
    font-size: 80%;
}

.bg-box01{
    background: #F2EADF;
    padding: 10px;
}

ul.cont-2-box{
    margin-bottom: 0;
}
ul.cont-2-box li{
    float: left;
    width: 50%;
    margin-left: 0;
    list-style: none;
}
.flex-ttl{
    display: flex;
	align-items: center;
}
.flex-ttl:after{
    content: "";
	flex-grow: 1;
	height: 1px;
	background: #444;
	display: block;
    margin-left: .4em;
}


.color-blue{
    color: #5976BA;
}
.color-red{
    color: #EB6872;
}
.color-green{
    color: #00AC97;
}
.color-yellow{
    color: #C1AB04;
}
.color-gray{
    color: #727171;
}
.size-l{
    font-size: 22px!important;
}
.size-m{
    font-size:19px!important;
}
.size-s{
    font-size: 16px!important;
}


blockquote {
    background: #eee;
    border-radius: 10px;
    display: inline-block;
    font-style: italic;
    line-height: 1.8;
    margin: 10px 0 40px;
    padding: 25px 25px 20px;
    position: relative;
	font-style: normal;
}

blockquote::before {
    content: '“';
    color: #ccc;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 80px;
    line-height: 1;
    position: absolute;
    top: -15px;
    left: 5px;
}

blockquote::after {
    content: '”';
    color: #ccc;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 80px;
    line-height: 1;
    position: absolute;
    bottom: -60px;
    right: 5px;
}
/*============ スマートフォン用 ===========*/
@media screen and (max-width: 767px) {


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


}/* Media Query for SmartPhone */