@charset "UTF-8";

.jktitle {
    padding: 5px 0 5px 10px !important;
}

.jk_copy{
	padding-bottom:10px;
}

.tracklist2 li {

	list-style: none;
	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;
}

.margin10{
	    margin: 10px 0px !important;
}

.clm_title{
	color:#fff;
	background-color:#000;
	margin-bottom:10px;
	padding:20px;
	font-size:120%;
	font-weight:bold;
}

.parent {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
}



.div1 { grid-area: 1 / 1 / 2 / 2;
	text-align:center; }
.div2 { grid-area: 1 / 2 / 2 / 3;
	text-align:left;
	margin-left:25px; }

@media screen and (max-width: 767px) {
.div2{
text-align:center;
}
}

.hdbefore{
	display:inline-block;
	color:#fff;
	background-color:#000;
	font-weight:bold;
	border-radius:30px;
	padding:5px 30px;
	margin-bottom:5px;
}

.back_red{
	background-color:#d63d38;
}

.orange_waku{
	border:solid 3px orange;
	padding:30px;
}

.width600{
flex: 0 1 600px !important;
}

.width640{
    flex: 0 1 640px !important;
}


.wrapper .column_arrow .column_arrow_item:after {
right:-10px;
}

.tracklist2 li {
    margin-left: 0;
    background: #f5f5f5;
    padding: 6px 6px 6px 15px !important;
    border-bottom: 2px dotted #e5e5e5;
    padding: 6px 6px 6px 35px;
    margin-left: 0;
}


.tracklist2 {
  counter-reset: episode;
  list-style: none;
  padding-left: 0;
}

.tracklist2 li {
  counter-increment: episode;
}

.tracklist2 li::before {
  content: "第" counter(episode) "話. ";
}

/* 話数を表示しない */

.tracklist2 li.no_episode::before {
  content: "";
}


.tracklist3 li::before {
  content: "劇場版第" counter(episode) "作. ";
}

.tracklist2 li.episode3 {
  counter-reset: episode 2;
}

.tracklist4 {
  counter-reset: episode 2;
}

.sub {
    color: #888;
    display: block;
    font-size: 15px;
    line-height: 1.3;
    padding: 5px 0 0 15px;
}



/* 共通CSS */ 


.copy{
	padding-bottom:10px;
}


/* オーダーボタンのマウスオーバー */ 

.order_btn a:hover {
    opacity: 0.6 !important;
}


/* 画像拡大の際の、虫眼鏡 */ 

.imgzoom{
position: relative;
}

.imgzoom:after {
    content: '';
    background: url(/defaultShop/js/base2016_js/zoom_icon.png) top left no-repeat;
    width: 25px;
    height: 25px;
    background-size: 25px;
    display: block;
    display: inline-block;
    position: absolute;
    bottom: 5px;
    right: 5px;
    pointer-events: none;
}

.cmn_column03_img{
	text-align:center;
}