body {
  background: #000;
  color:#fff;
}

main {
  background-image: none;
  background: #000;
}

section#discography {
  background: #000;
  letter-spacing: 0;
  width:100%;
  max-width:1280px; margin:20px auto;
}


section#discography .section_in {
  padding: 30px 50px;
  width: 100%;
  max-width: 1280px;
  box-sizing: border-box;
  margin: 0 auto;
  letter-spacing: 0;
}

section#discography .section_in h1 {
  display: block;
  font-weight: 700;
  padding: 10px 15px;
  box-sizing: border-box;
}

@media print, screen and (max-width: 960px) {
  section#discography .section_in {
    padding: 30px 40px;
  }
  section#discography .section_ttl h1{padding:0 40px;}

}


@media print, screen and (max-width: 768px) {
  section#discography .section_ttl h1{padding:0 20px;}
  section#discography .section_in {
    padding: 30px 20px;
  }
}

@media print, screen and (max-width: 640px) {
  section#discography {
    background: #000;
    letter-spacing: 0;
  }
  section#discography .section_in {
    padding: 30px 20px;
  }
}

@media print, screen and (max-width: 480px) {
  section#discography .section_in {
    padding: 30px 12px;
  }
  section#discography .section_in .section_ttl {
    margin-bottom: 15px;
  }
  section#discography .section_in h1 {
    font-size: 24px;
  }
}

section.normal_block .section_in h1 img{height:48px;}
.section_in .item_list{width:100%; letter-spacing:-0.4em; padding:20px 0;}
.section_in .item_list .item{width:36%; display:inline-block; vertical-align:top; letter-spacing:0; padding:15px;  box-sizing:border-box;}
.section_in .item_list .item .name{padding:15px 0 15px; font-size:16px; font-weight:700; color:#e3007e; text-align:center;}

@media print, screen and (max-width: 960px) {
  section.normal_block .section_in h1 img{height:40px;}
  .section_in .item_list{width:100%; letter-spacing:-0.4em; padding:20px 0;}
  .section_in .item_list .item{width:48%; padding:10px; box-sizing:border-box;}
  .section_in .item_list .item .name{padding:15px 5px 15px; font-size:15px; box-sizing:border-box;}
}

@media print, screen and (max-width: 768px) {
  section.normal_block .section_in h1 img{height:36px;}
  .section_in .item_list{width:100%; letter-spacing:-0.4em; padding:20px 0;}
  .section_in .item_list .item{width:48%; padding:10px; box-sizing:border-box;}
  .section_in .item_list .item .name{padding:15px 5px 15px; font-size:15px; box-sizing:border-box;}
}

@media print, screen and (max-width: 640px) {
  .section_in .item_list{width:100%; letter-spacing:-0.4em; padding:20px 0;}
  .section_in .item_list .item{width:100%; padding:0; box-sizing:border-box;}
  .section_in .item_list .item .name{padding:15px 15px 15px; font-size:15px; box-sizing:border-box;}

}

.section_in .detail_item h2{font-size:32px; font-weight:700; color:#d11d7d;}
.section_in .detail_item .top_txt{font-size:16px; padding:20px 0; line-height:1.7; font-weight:500;}
.section_in .detail_item .top_txt a{color:#d11d7d; text-decoration:underline;}
.section_in .detail_item .top_txt a:hover{text-decoration:none;}
.section_in .detail_item .bottom_txt{font-size:16px; padding:30px; line-height:1.7; font-weight:500; box-sizing:border-box; border-radius:10px; border:solid 1px #bbb; background:#fff; color:#333;}
.section_in .detail_item .bottom_txt img{width:auto !important; height:auto !important; max-width:100% !important;}
.section_in .detail_item .bottom_txt a{color:#d11d7d; text-decoration:underline;}
.section_in .detail_item .bottom_txt a:hover{text-decoration:none;}

.section_in .detail_item table{width:100%;}
.section_in .detail_item table td{vertical-align:top; padding:40px 0; }
.section_in .detail_item table td.left_column{width:35%;}
.section_in .detail_item table td.left_column .btn02 a{display:block; background:#d11d7d; color:#fff; font-size:18px; font-weight:700; text-align:center;padding:15px; box-sizing:border-box; text-decoration:none; transition:all .4s;}
.section_in .detail_item table td.left_column .btn02 a:hover{opacity:.75;}
.section_in .detail_item table td.left_column img{width:100%; margin-bottom:10px;}
.section_in .detail_item table td.right_column{width:65%; padding-left:25px; box-sizing:border-box; line-height:1.8;}
.section_in .detail_item table td .media_type{background:#d11d7d; color:#fff; font-size:13px; font-weight:900; display:inline-block; padding:3px 6px; box-sizing:border-box;}
.section_in .detail_item table td .media_ttl{padding:10px 0 5px; font-size:24px; font-weight:700;}
.section_in .detail_item table td .media_date,
.section_in .detail_item table td .media_num,
.section_in .detail_item table td .media_price{font-size:15px; font-weight:500;}
.section_in .detail_item table td .includes{padding:20px 0 0; font-size:15px !important;}

@media print, screen and (max-width: 992px) {
  .section_in .detail_item h2{font-size:28px;}
  .section_in .detail_item .top_txt{font-size:15px; padding:20px 0;}
  .section_in .detail_item .bottom_txt{font-size:15px; padding:25px;}
  .section_in .detail_item table{width:100%;}
  .section_in .detail_item table td{padding:35px 0; }
  .section_in .detail_item table td.left_column{width:38%;}
  .section_in .detail_item table td.right_column{width:62%; padding-left:25px;}
  .section_in .detail_item table td .media_type{font-size:13px; padding:3px 6px;}
  .section_in .detail_item table td .media_ttl{padding:10px 0 5px; font-size:24px; font-weight:700;}
  .section_in .detail_item table td .media_date,
  .section_in .detail_item table td .media_num,
  .section_in .detail_item table td .media_price{font-size:15px;}
  .section_in .detail_item table td .includes{padding:20px 0 0; font-size:15px !important;}
}

@media print, screen and (max-width: 768px) {
  .section_in .detail_item h2{font-size:24px;}
  .section_in .detail_item .top_txt{font-size:14px; padding:20px 0;}
  .section_in .detail_item .bottom_txt{font-size:14px; padding:20px;}
  .section_in .detail_item table{width:100%;}
  .section_in .detail_item table td{padding:30px 0; }
  .section_in .detail_item table td.left_column{width:38%;}
  .section_in .detail_item table td.right_column{width:62%; padding-left:25px;}
  .section_in .detail_item table td .media_type{font-size:12px; padding:2px 4px;}
  .section_in .detail_item table td .media_ttl{padding:10px 0 5px; font-size:18px; font-weight:700;}
  .section_in .detail_item table td .media_date,
  .section_in .detail_item table td .media_num,
  .section_in .detail_item table td .media_price{font-size:14px;}
  .section_in .detail_item table td .includes{padding:20px 0 0; font-size:15px !important;}
}

@media print, screen and (max-width: 640px) {
  .section_in .detail_item h2{font-size:21px;}
  .section_in .detail_item .top_txt{font-size:14px; padding:20px 0;}
  .section_in .detail_item .bottom_txt{font-size:14px; padding:20px;}
  .section_in .detail_item table{width:100%;}
  .section_in .detail_item table td{padding:30px 0; border:none;}
  .section_in .detail_item table td.left_column{width:100%; display:block; padding:30px 20px 20px; box-sizing:border-box;}
  .section_in .detail_item table td.left_column img{width:100%;}
  .section_in .detail_item table td.right_column{width:100%; display:block; padding:20px 20px 30px; box-sizing:border-box;}
  .section_in .detail_item table td .media_type{font-size:12px; padding:2px 4px;}
  .section_in .detail_item table td .media_ttl{padding:10px 0 5px; font-size:18px; font-weight:700;}
  .section_in .detail_item table td .media_date,
  .section_in .detail_item table td .media_num,
  .section_in .detail_item table td .media_price{font-size:14px;}
  .section_in .detail_item table td .includes{padding:20px 0 0; font-size:15px !important;}
}

.shop_list{width:100%; max-width:800px; margin:0 auto; letter-spacing:-0.4em; padding:20px; box-sizing:border-box; }
.shop_list span{display:inline-block; vertical-align:top; width:23%; margin:2% 1% 0 1%;}
.shop_list span img{width:100%;}

@media print, screen and (max-width: 520px) {
  .shop_list{width:100%; max-width:800px; margin:0 auto; letter-spacing:-0.4em; padding:10px; box-sizing:border-box; }
}
@media print, screen and (max-width: 480px) {
  .shop_list{width:100%; max-width:800px; margin:0 auto; letter-spacing:-0.4em; padding:10px; box-sizing:border-box; }
  .shop_list span{display:inline-block; vertical-align:top; width:48%; margin:2% 1% 0 1%;}
}
