﻿.jktitle {
    padding: 5px 0 5px 10px !important;
}

.jk_copy{
	padding-bottom:10px;
}

.tracklist2 li {

	list-style: decimal;
	list-style-position: inside;
	margin-left: 0;
	background: #f5f5f5;
	padding: 6px 6px 6px 15px !important;
	border-bottom: 2px dotted #e5e5e5;
	padding: 6px 6px 6px 35px;
	margin-left: 0;
}

.syuroku{
	padding-top:30px;
	text-align:right;
}

.cmn_column03{
    padding-bottom: 30px;
}

.furoku_img{
	margin: 0px 100px 20px !important;
}

.parent {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.div1 { grid-area: 1 / 1 / 2 / 3; }
.div2 { grid-area: 1 / 3 / 2 / 4; }



.padding30{
	padding:30px;
}


.padding-top20{
	padding-top:20px;
}

.padding-bottom20{
	padding-bottom:20px;
}

.padding-left20{
	padding-left:20px;
}

.align-right{
	text-align:right;
}

.parent2 {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.div3 { grid-area: 1 / 1 / 2 / 2; }
.div4 { grid-area: 1 / 2 / 2 / 4; }

.parent3 {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.div5 { grid-area: 1 / 1 / 2 / 2;
	padding:0 20px 20px;
 }
.div6 { grid-area: 1 / 2 / 2 / 4;
	padding:0 20px 20px;
 }


.parent4 {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.div7 { grid-area: 1 / 1 / 2 / 2;
 	padding:0 20px 20px; }
.div8 { grid-area: 1 / 2 / 2 / 3;
 	padding:0 20px 20px; }
.div9 { grid-area: 1 / 3 / 2 / 4;
 	padding:0 20px 20px; }

.pari{
color: green;
    background-color: #f5f09b;
    font-weight: bold;
    padding: 10px;
    margin: 10px 0px;
    border-left: 15px solid #bd0aaf;
}

.tracklist2 li {
    list-style-type: none;
	
}

.tracklist2 li::before {
position: relative;
    top: -2px;
    left: -6px;
    display: inline-block;
    width: 15px;
    height: 15px;
    content: '';
    border-radius: 100%;
    background: #bd0aaf;
}


@media screen and (max-width: 767px) {
.layout_column03 {
  display: block !important;
}

.wrapper .column_arrow .column_arrow_item2:after, .wrapper .column_arrow .column_arrow_item.arrow-small:after{
	top:350px !important;
}

.padding-top20{
	padding-top:2px;
}
}