﻿.jktitle {
    padding: 5px 0 5px 10px !important;
}

.jk_copy{
	padding-bottom:10px;
}

.tracklist ol, .tracklist ul {
	border-top: none ;
	background:none;

}

.tracklist ol li {
	text-indent: 0px;
	border-left:none;
}

.order_btn{
	padding:30px 60px !important;
}

@media screen and (max-width: 767px) {


.tracklist ol, .tracklist ul {
	border-left:none;

}

.tracklist ul li {
        width: 100%;
	border-right: none;
	border-bottom:none;
        padding: 0px;
}
.jacket{
	width:100%;
}

.order_btn{
	padding:30px 0px !important;
	
}

}

.tracklist ul li {
    border-bottom: none;
}

.jacket{
	border:none;
	box-shadow:none;
}

.tracklist2 li {

	list-style: decimal;
	list-style-position: inside !important;
	margin-left: 0 !important;
	background: #f5f5f5 !important;
	padding: 6px 6px 6px 15px !important;
	border-bottom: 2px dotted #e5e5e5 !important;
	padding: 6px 6px 6px 25px !important;
	margin-left: 0 !important;
}

.sub {
    color: #888 !important;
    display: block !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
    text-indent: 0 !important;
    padding: 5px 0 !important;
}

.syuroku{
	padding-top:30px;
	text-align:right;
}

.cmn_column03{
    padding-bottom: 30px;
}

.furoku_img{
	margin: 0px 100px 20px !important;
}

.back_black{
	background-color:#000;

}

@media screen and (max-width: 767px) {
.back_black{
	font-size:70%;
}

.fontmini{
	font-size:68% !important;
}
}

.white{
	color:#fff;
}

.pink{
	color:#ea5550;
}
.center{
	text-align:center;
}

.syunocase{
	padding: 0 60px;
}

.pianist {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
padding-top:30px;
}



.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 1 / 2 / 2 / 3; }
.div3 { grid-area: 1 / 3 / 2 / 4; }
.div4 { grid-area: 1 / 4 / 2 / 5; }
.div5 { grid-area: 2 / 1 / 3 / 2; }
.div6 { grid-area: 2 / 2 / 3 / 3; }
.div7 { grid-area: 2 / 3 / 3 / 4; }
.div8 { grid-area: 2 / 4 / 3 / 5; }

@media screen and (max-width: 767px) {
.pianist {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 1 / 2 / 2 / 3; }
.div3 { grid-area: 1 / 3 / 2 / 4; }
.div4 { grid-area: 2 / 1 / 3 / 2; }
.div5 { grid-area: 2 / 2 / 3 / 3; }
.div6 { grid-area: 2 / 3 / 3 / 4; }
.div7 { grid-area: 3 / 1 / 4 / 2; }
.div8 { grid-area: 3 / 2 / 4 / 3; }

}

.point_copy{
	padding:10px 0px;
}

.open-link a span, .hidden-link a span, .spec-title, .main1c .button, .underline{border-color: #6B1685; background-color:#6B1685;}
.open-link a:hover span, .open-link a:active span, .hidden-link a:hover span, .hidden-link a:active span{color: #6B1685; background-color: #fff;}
@media screen and (max-width:767px) {
.open-link a span, .hidden-link a span, .spec-title, .main1c .button, .underline{width: 60%;}
}
.open-link::before, .open-link, .hidden-link{border-bottom: 0px;}