/*
Theme Name: kingsrock_renewal
Author: 株式会社ディグラ
*/

@charset "UTF-8";
/* CSS Document */

body {margin:0;padding:0;font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;font-size: 62.5%;line-height:200%;color:#fff;background:#080808;overflow-x: hidden;-webkit-text-size-adjust: 100%;}
ol,ul,li {list-style:none;margin:0;padding:0;}
dl,dt,dd {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;margin:0;padding:0;}
p {margin:0 0 1em;padding:0;}
a { overflow: hidden; color:#b90707;text-decoration: none;border:none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
a:hover,a:active { color: #b97807;border:none;outline:none;}
a:hover img , a:active img {border:none;outline:none;}

html,body {height:100%;}
h1 {font-weight:normal;}
h2 {font-weight:normal;}
h3 {font-weight:normal;}
img {max-width: 100%;width:auto;height: auto;display:block;}

header:after,
article:after,
section:after,
div:after,
ul:after,
dl:after {
  content: "";
  display: block;
  clear: both;
}

.pc {display:block;}
.sp {display:none;}
.spbr,.ipadbr{display: none;}

#wrap {width: 100%;margin:0 auto;}

#header {max-width:1200px;margin:0 auto;padding:10px 0 25px;}
#header .logo {float:left;}
#header .logo span {vertical-align:bottom;display:inline-block;margin-right:10px;}
#header .logo .rock {width:230px;}
#header .logo .records {width:150px;}
#header .search_area {float:right;margin-top: 25px;}
#header .search_area form {position:relative;}
#header .search_area input[type="text"] {font-size: 13px;padding: 8px 45px 8px 10px;width: 15em;border:none;-webkit-appearance: none;border-radius:0;line-height:1;}
#header .search_area input[type="submit"] {background:#000 url(images/icon_serach.png) no-repeat center;background-size:16px;padding: 8px 10px;height:35px;width:40px;border:none;position:absolute;right:0;top:0;-webkit-appearance: none;border-radius:0;line-height:1;border:1px solid #222;}

.header_logo {float:left;}
.header_logo h1 , .header_logo .logos {vertical-align:bottom;display:inline-block;margin-right:10px;}
.header_logo h1 {width:230px;}
.header_logo .logos span {width:auto;height:22px;display:inline-block;vertical-align:bottom;margin-right:5px;}
.header_logo .logos span.records {height:18px;}
.header_logo .logos span img {height:22px;}
.header_logo .logos span.records img {height:18px;}

#navi {max-width:1200px;margin:0 auto;font-family: 'Metal Mania', cursive;}
#navi li {/*width:16.55%;*/width:14.28%; box-sizing: border-box; float:left;border-left:1px solid #333;border-top:1px solid #333;border-bottom:1px solid #333;text-align:center;}
#navi li:last-child {border-right:1px solid #333;}
#navi li a {line-height:50px;font-size:22px;color:#fff;display:block;}
#navi li a:hover , #navi li a.current-menu-item {background:#9b0505;}
body#artist #navi li:nth-child(4) a {background:#9b0505;}
body#artist #navi li:nth-child(4) li a {background:none;}
.sub_navi {display:none;}

#mainimg {max-width:1200px;margin:20px auto;}
#mainimg img {width:100%;}
.slider-container {
  position: relative;
}
.slider.slick-initialized {
  display: block;
}
.slider-arrow {
  position: absolute;
  top: 50%;
  height: 36px;
  margin-top: -18px;
  color: #fff;
  line-height: 36px;
  font-size: 48px;
  opacity:.8;
  cursor: pointer;
  z-index: 10;
}
.slider-prev {
  left: 10px;
}
.slider-next {
  right: 10px;
}
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
    color: #999;font-size: 80px;
}


#contents {max-width:1200px;margin:0 auto 5em;}

#main {width:930px;float:right;margin-top: 50px;}
#main .head_title {font-size:1.3em;margin-bottom:15px;}
#main .head_title span {font-family: 'Metal Mania', cursive;font-size:2.5em;margin-right:10px;}

#main.top .top_in {position:relative;margin-bottom: 4em;}
#main.top .top_in .more {position:absolute;right:0;top:0; }
#main.top .top_in .more a {border:1px solid #333;padding:.1em 1.5em .2em;font-family: 'Metal Mania', cursive;font-size:2em;color:#fff;}
#main.top .top_in .more a:hover {opacity:.7;}
.head_title.news_ttl span {color:#b97807;}
.head_title.release_ttl span {color:#b90707;}
.head_title.movie_ttl span {color:#0e6cd5;}

#main.top .list {background:#fff;padding:0;}
#main.top .list li {font-size:1.3em;line-height:1.3;float:left; outline:none;}
#main.top .list li .photo {margin-bottom:1em;height:100px;overflow:hidden;background:#080808;position:relative;}
#main.top .list li .photo img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
#main.top .list li a {padding:15px;color:#222;display:block;position:relative;height: 270px;border-right:1px solid #444;width: 155px;    outline: none;}
#main.top .list li a:hover {opacity:.7;}
#main.top .list li h3 {display:block;font-weight:bold;margin-bottom:.5em;}
#main.top .list li .day {text-align:right;position:absolute;right:15px;bottom:0;color:#999;font-size:12px;margin-bottom:15px;}

#main.top .list li .jacket {margin-bottom:1em;background:#080808;position:relative;height:155px;display: block;overflow: hidden;}
#main.top .list li .jacket img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
#main.top .list li .release_date {color:#333;font-size:11px;margin-bottom:.5em;font-weight:bold;}

#side {width:250px;float:left;margin-top: 30px;}
#side .side-box {margin-bottom:20px;}
#side .sns div {border:1px solid #333;margin-bottom: 1.5em;}
#side h3 {background:#1a1a1a;text-align:center;font-size:1.5em;padding:.5em 0;}
#side .visit li {border-bottom:1px dotted #333;font-size:1.25em;}
#side .visit li a {display:block;color:#ccc;padding:1em 0;}
#side .visit li a:hover {opacity:.6;}
#side .visit li span {display:block;}
#side .visit li span.artist {font-weight:bold;color:#fff;}
#side .visit li span.day {text-align:right;margin-top:.3em;}
#side .visit .more {text-align:right;margin-top:1em;}
#side .visit .more a {font-family: 'Metal Mania', cursive;color:#fff;font-size:2.2em;}
#side .visit .more a:hover {color:#9b0505;}
#side .visit .more:before{font-family:ionicons;font-size:16px;content: "\f3d3";margin-right:8px;color:#9b0505;}
#side .special li {margin-top:15px;border:1px solid #333;}

#pagetop {position:fixed;right:3%;bottom:5%;width:40px;z-index:10;opacity: .7;}
#pagetop a:before {font-family:ionicons;font-size:40px;content: "\f126";color:#333;}
#footer {max-width:1200px;margin:0 auto;text-align:right;padding-top:30px;}
#footer .logo span {vertical-align:bottom;display:inline-block;margin-right:10px;}
#footer .logo .rock {width:150px;}
#footer .logo .records {width:120px;}
#footer ul {margin:2em 0;}
#footer li {display:inline-block; vertical-align:middle;font-size:1.2em;}
#footer li:after {content:"|";margin:0 3px;}
#footer .copy {color:#999;}


.entry {padding:0 0 3em;}
.entry h2 {font-size:2.8em;margin: 1em 0;font-family:'Helvetica Neue', 'Noto Sans Japanese','Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;line-height:1.3;font-weight:600;}
.entry h2 span.name {display:block;margin-bottom:.3em;font-size:.7em;}
.entry h2 span.name span:after {content:" / ";color:#b97807;}
.entry h2 span.name span:last-child:after {content:"";}
.entry h2 span.name a {color:#b97807;}
.entry h2 span.name a:hover {opacity:.7;}
.entry h3 {font-size:1.8em;margin:1em 0;}
.entry h4 {font-size:1.3em;font-weight:bold;margin-bottom:1em;}
.entry p , .entry li {font-size:1.3em;margin-bottom:1em;}
.entry_head .photo img {margin:0 auto;}

.sub_entry {margin: 3em 0 0;padding: 0 0 2em;}
.sub_entry h2.head_title {border-top: 1px dotted #333;padding-top: 2.5em;padding-left: 1.5%;}

#head_title h1 {font-family: 'Metal Mania', cursive;font-size: 3em;margin-bottom: 20px;color: #b90707;padding-left: 1.5%;line-height: 1;letter-spacing:.05em;}

.page_share {margin-bottom:2em;}
.page_share li {display:inline-block; vertical-align:top;}
.archive .list {letter-spacing:-.4em;}
.archive .list li {width:20%;letter-spacing:normal;display:inline-block; vertical-align:top;font-size:1.3em;}
.archive .list li p {margin-bottom:.5em;}
.archive .list .list_in a {padding:5%;display:block;color:#fff;height:320px;overflow: hidden;}
.archive .list .list_in a:hover {background:#222;}
.archive .list .list_in .photo {display: block;overflow: hidden;border: 1px solid #222;margin-bottom: 1em;background:#000;position:relative;height: 160px;overflow: hidden;}
.archive .list .list_in .photo img {margin:0 auto;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);max-height: 100%;}
.archive .list .list_in h2 { margin:1em 0;font-size:1.1em;}
.archive .list .list_in span {color:#aaa;display:block;}
.archive .list .list_in .name span {color:#fff;display:block;}

.archive .list_text {padding:0 2%;}
.archive .list_text li {font-size:1.3em;margin-top:1em;}
.archive .list_text li:first-child {margin-top:2em;}
.archive .list_text li span {display:block;font-size:.8em;}
.archive .list_text li:before {font-family:ionicons;font-size:16px;content: "\f3d3";margin-right:8px;color:#9b0505;float:left;}
.archive .list_text a {color:#fff;display:block;}
.archive .list_text a span {color:#666;}
.archive .list_text a:hover {opacity:.7;}

.archive .three_box .list li {width:33.3%;}
.archive .three_box .list .list_in a {padding:5%;display:block;color:#fff;height:320px;overflow: hidden;}
.archive .three_box .list .list_in .photo {}
.archive .three_box .tour_box {margin-bottom:4em;}

.archive .four_box .list li {width:25%;}
.archive .four_box .list .list_in a {padding:5%;display:block;color:#fff;height:370px;overflow: hidden;}
.archive .four_box .list .list_in .jacket {height:200px;}

.list .list_in .jacket {display: block;border: 1px solid #222;margin-bottom: 1em;background:#000;position:relative;height: 165px;overflow: hidden;}
.list .list_in .jacket img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.movie .list .list_in .jacket {height:120px;}
.movie .list .list_in a {height:255px;}
.movie .list .list_in p {margin-bottom:0;}
.movie .list .list_in .time , .movie .list .list_in .title {color:#aaa;}

.release_in .text {color:#ccc;font-size:.9em;line-height:1.6;}

.release .jacket_img {float:left;width:38%;}
.release .jacket_img .photo {margin-bottom:3em;}
.release .jacket_img img {margin:0 auto; max-width: 260px;}
.release .special_btn a {padding: .7em 1em;font-size: 1.3em;display: block;margin: 1.2em auto 0;color: #fff;border: 1px solid #fff;width: 150px;text-align: center;}
.release .special_btn a:hover {background:#9b0505;border:1px solid #9b0505;}
.release .special_btn a:before {font-family:ionicons;font-size:12px;content: "\f3d3";margin-right:8px;}
.release .discinfo {float:right;width:60%;}
.release .discinfo h2 {border:none;font-size:2em;margin-bottom:1em;margin-top:0;}
.release .discinfo h2 span.name {display:block;font-size:1em;margin-bottom:.5em;}
.release .discinfo h2 span.name span:after {content:" / ";color:#b97807;}
.release .discinfo h2 span.name span:last-child:after {content:"";}
.release .discinfo h3 {background:#222;padding:.4em .8em .3em;font-family:'Helvetica Neue', 'Noto Sans Japanese','Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;font-size:1.5em;}
.release .discinfo .date span {display:block;}
.release .discinfo .track {margin-top:3em;}

/*ダウンロードボタン追加*/
.btn-area{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.eshop a {display:table;background:#b90707;padding:.7em 1em;color:#fff;margin:2em 0;}
.eshop a:hover {background:#9b0505;}
.eshop a:before{font-family:ionicons;font-size:22px;content: "\f3f8";margin-right:8px;display: inline-block; vertical-align: top;margin-top: -1px;}

.download{margin-left: 3%;}
.download a {display:table;background:#b90707;padding:.7em 1em;color:#fff;margin:2em 0;}
.download a:hover {background:#9b0505;}
.download a:before{font-family:ionicons;font-size:22px;content: "\f41f";margin-right:8px;display: inline-block; vertical-align: top;margin-top: -1px;}
/*ダウンロードボタン追加*/

.releasedetail {margin-top: 3em;}
.releasedetail a {background:#b90707;padding:.7em 1.5em;color:#fff;margin:2em 0; width:40%; font-size: 1.3em;}
.releasedetail a:hover {background:#9b0505;}
.releasedetail a:before{font-family:ionicons;font-size:12px;content: "\f3d3";margin-right:8px;}

.special_in {}
.remodal-wrapper {padding: 0;}
.remodal-overlay {background: rgba(0, 0, 0, 0.9);}
.remodal {padding:0;background:none;max-width: 920px;color:#fff;}
.remodal-close {top: 2.5%;left: 2%;}
.remodal h2 {font-size:2.4em;margin:0 0 1em;font-family:'Helvetica Neue', 'Noto Sans Japanese','Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;line-height:1.3;font-weight:600;}
.remodal h3 {font-size:1.8em;margin:1em 0;}
.remodal h4 {font-size:1.3em;font-weight:bold;margin-bottom:1em;}
.special_in {padding: 5%;text-align:left;background:none;}
.special_in .box{margin-top: 2em; /*text-align: center;*/} 
.special_in .box img{display: inline-block;}

.special_in .box .center{text-align: center;}

.special_in p {font-size:1.3em;}

/*CLOSEボタン*/
.special_in .close_btn {background:none;color:#fff;border:1px solid #fff;padding:.8em 3em;font-size:1.4em;margin:4em auto 0;display:table; cursor:pointer;text-decoration:none;font-family:'Helvetica Neue', 'Noto Sans Japanese','Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;}
.special_in .close_btn:hover {background:#9b0505;border:1px solid #9b0505;}
/*CLOSEボタン*/

/*詳細ボタン*/
.special_in .link_btn {background:none;color:#fff;border:1px solid #fff;padding:.8em 3em;font-size: 1.1em; margin: 1em auto 1em; display: inline-block; cursor:pointer;text-decoration:none;font-family:'Helvetica Neue', 'Noto Sans Japanese','Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif ;min-width: 30%;text-align: center;}
.special_in .link_btn:hover {background:#9b0505;border:1px solid #9b0505;}
/*詳細ボタン*/

.single_in {padding:0 0 2em 1.5%;}

/* add css */
.ly_accordion {
  border: 1px solid #000;
  border-bottom: 0;
}
.ly_accordion .bl_inner {
  padding: 0 1em;
  border-bottom: 1px solid #000;
}
.ly_accordion .el_heading {
  display: block;
  margin: 0;
  padding: .5em;
  color: #000;
  border-bottom: 1px solid #000;
  background: #d5d5d5;
}
.ly_accordion .bl_content {
  overflow: hidden;
  max-height: 0;
  transition: max-height .2s ease-out;
}
.ly_accordion .el_radio {
  display: none;
}
.ly_accordion .el_radio:checked + .bl_content {
  max-height: 9999px;
  transition: max-height 1s ease-in;
}


.youtube {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;border:1px solid #181818;}
.youtube iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.artist_in {padding-left: 1.5%;}
.artist_in h2 {font-size:2em;}
.artist_in .photo img {margin:0 auto;}
.artist_in .list .list_in .photo {height:110px;}
.artist_in .list .list_in a {height:185px;}

.archive .list_text li .tour_box {margin-top:1em;margin-left:15px;}
.archive .list_text li .tour_box p {margin-bottom:0;}
.archive .list_text li .tour_box span {display:inline;font-size:1em;}
.single.live .tour_box {/*margin-bottom: 4em;*/margin-bottom: 2em;}
.single.live .tour_box h3 , .single.live .tour_box p {margin-bottom:.8em;}

.artist_search_area {margin:3% 0;}
.artist_search {padding:1% 3%;text-align: center;}
.artist_search ul {text-align:center;letter-spacing:-.4em;display:inline-block; vertical-align:middle;}
.artist_search:before {display:inline-block; vertical-align:top;content:"英語で探す：";color:#b90707;letter-spacing:normal;font-size: 1.3em;padding-top:.3em;font-weight:bold;width: 7em;text-align: right;}
.artist_search .box {text-align:left;display: inline-block;vertical-align: top;width: 80%;}
.artist_search li {display:inline-block; vertical-align:top;font-family: 'Metal Mania', cursive;font-size: 1.7em;margin:.3em 0 .5em 0;letter-spacing:normal;}
.artist_search li a {color:#fff;display:block;padding:0 .4em;}
.artist_search li a:hover {color:#9b0505;}
.archive .change_list .list_in .photo {height:110px;}
.archive .change_list .list_in a {height:185px;}

.artist_search.japanese:before {content:"日本語で探す：";}
.artist_search.japanese li {font-family:'Helvetica Neue', 'Noto Sans Japanese','Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;font-size: 1.4em;margin-top: .3em;}
.artist_search.japanese .box ul {margin-right:1em;}

.special_footer {padding-top:3em;}
.special_footer_in {padding:0 1.5%;}
.special_footer .name span:after {/*content:" / ";*/content:"";color:#fff;}
.special_footer .name span:last-child:after {content:"";}

.search .four_box .list .list_in .jacket {height: 160px;}
.search .four_box .list .list_in a {height:300px;}
.search .result_text {padding-left:1%;font-size:1.3em;}

/*投稿一覧ボタン 3カラム*/
.news p.mb3em{margin-bottom: 3em;}
.news .discinfo{width:100%; height:auto;}
.news .infobox p{font-size:1.3em;}
.news .infobox{width:30%; /*margin-left:2.5%;*/ margin-left:0%; float:left; margin-right: 5%;}
.news .infobox:nth-of-type(3n){
	margin-right: 0;
}

.news .infobox img{display: block;margin: 0 auto; width: 100%;}
.news .cf{zoom:1;}
.news .cf:after{content:"";display:block;clear:both;}
.news .newsbtn {background-color:#b90707;border:solid 1px #b90707;color:#fff;box-sizing:border-box;/*max-width:260px;*/width:100%;display:block;/*line-height:2.4;*/ padding:.7em 1em; margin:1em auto 0;text-align:center;/*font-size:1.2em;*/ font-size:1em;transition:0.5s;}
.news .newsbtn:hover{background-color:#000; border:solid 1px #fff; color:#fff;box-sizing:border-box; outline: none;}
.news .newsbtn:before {font-family:ionicons; font-size:12px; color: #fff; content: "\f3d3"; margin-right:8px;}
.news .discinfo > p,.old_discinfo > p{text-align:left;padding-left: 2em;}

.news .discinfo > p{
	padding-left: 0;
}

/*投稿一覧ボタン 3カラム*/

/*詳細ボタン*/
.news .detailbtn{background-color:#b90707;border:solid 1px #b90707;color:#fff;box-sizing:border-box; 
max-width:260px; display:block; line-height:2.8;margin:1em 0;text-align:center;font-size:1em;transition:0.5s;}
.news .detailbtn:hover{background-color:#000; border:solid 1px #fff; color:#fff; box-sizing:border-box; outline: none;}
.news .detailbtn:before {font-family:ionicons; font-size:12px; color: #fff; content: "\f3d3"; margin-right:8px;}

.newsbtn_text {
	color:#fff; 
	font-family:ionicons; 
	font-size:1em;}
/*詳細ボタン*/

/* ページナビ============================*/
.pagination {clear:both;padding: 4em 0 2em;position:relative;font-size:1.2em;text-align: center;}
.pagination span:first-child {display:none;}
.pagination span, .pagination a {display:inline-block;vertical-align: top;margin:5px;padding:.4em 1em;width:auto;color: #fff;background:none;border: 1px solid #9b0505;}
.pagination a {color: #fff;background: none;border: 1px solid #333;text-decoration:none;}
.pagination a:hover{background:#9b0505;color:#fff;border: 1px solid #333;}
.pagination .current{padding:.4em 1em;background:#9b0505;color: #fff;border: 1px solid #333;}

/* 投稿画像等設定========================*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {max-width: 100%; height: auto;}
.alignleft,img.alignleft {display: inline;float: left;margin-right: 15px;}
.alignright,img.alignright {display: inline;float: right;margin-left: 15px;}
.aligncenter,img.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}
img.alignleft,img.alignright,img.aligncenter {margin-bottom: 12px;}
.wp-caption {max-width: 632px !important;text-align: left;}
.wp-caption img {margin-bottom:.5em;}
.wp-caption p.wp-caption-text {color: #333;}

/* --------------------------------------------------------------------
	メガメニュー
--------------------------------------------------------------------- */
.mega_menu {display:none;}
.mega_menu .artist_search_area {max-width:1200px;margin:2% auto;}
#navi > ul > li {text-align: center;float: left;}
#navi li ul.mega_menu {
	width: 100%;
	text-align: left;
	position: absolute;
	z-index: 1;
	left: 0;
	padding: 0;
	background:rgba(0,0,0,.8);
}
#navi li.mega_box {
	width: 100%;
	margin:0 auto;
	display: block;
	position:relative;
	overflow:hidden;
	    border: none;
    border-top: 1px solid #333;
}
#navi li .mega_cat_box li {
	display:block;
	margin:0 0 .8em;
	width: auto;
	    float: none;
    display: inline-block;
    vertical-align: top;
	border: none;
}
#navi li .mega_cat_box li a {font-size:1em;line-height: 1;}
#navi li .mega_cat_box li a:hover {background:none;color:#b90707;}
#navi li .mega_cat_box.artist_search:before {padding-top:0;}

.on_repot{
width: 420px; float: left; margin: 0px 20px 10px 0;
}
.on_repot2{
width: 420px; float: left;
}
.on_repot3{
width: 420px; float: left; margin: 0px 20px 10px 0;    clear: both;
}
.on_repot4{
width: 420px; float: left;    clear: both;    margin-bottom: 30px;
}

@media screen and (max-width:1260px) {
#header {max-width: 96%;}
#navi {max-width:100%;}
#contents {max-width:100%;}
#side {width: 20%;padding-left: 2%;}
#main {width: 74%;padding-right: 2%;}
#main.top .list li a {width:auto;}
#footer {max-width: 96%;text-align:left;padding-bottom: 3%;}
.archive .list li {width: 25%;}
}
@media screen and (max-width:1120px) {
.archive .four_box .list .list_in .jacket {height: 165px;}
}
@media screen and (max-width:1023px) {
#navi li {/*width: 16.5%;*/width: 14.28%;}
#navi li a {font-size:20px;}
#navi li:last-child a{font-size: 16px;}	
#mainimg {max-width: 100%;margin: 2em auto 5em;}
#main {width: 96%;padding-right: 0;margin: 0 auto;float: none;}
#side {width: 96%;padding-left: 0;margin: 0 auto;float: none;}
.side_in_first {width: 35%;float: right;}
.side_in_second {width: 62%;margin-left: 0;float: left;}
#side .special li {width:48%;float:left;}
#side .special li:nth-child(even) {float:right;}

#head_title h1 {padding-top:1em;}
#main iframe {width:100%;}

.archive .four_box .list .list_in .jacket {height: 200px;}
.list .list_in .jacket {height: 200px;}
}

@media screen and (max-width:960px) {
#header {padding: 10px 0 20px;}
#header .logo {float: none;margin: 0 auto;text-align: center;}
#header .logo span {margin:0 .5em}
#header .logo .rock {width: 260px;}
#header .logo .records {width: 140px;}
#header .search_area {float: none;max-width: 400px;margin: 5% auto 0;}
#header .search_area input[type="text"] {width:75%;}
.header_logo {float: none;text-align: center;}

.on_repot{
width: 100%;     
display: block;
float: none;
margin-bottom: 30px;
}
.on_repot2{
width: 100%;     
display: block;
float: none;
margin-bottom: 30px;
}
.on_repot3{
width: 100%;     
display: block;
float: none;
margin-bottom: 30px;
}
.on_repot4{
width: 100%;     
display: block;
float: none; 
margin-bottom: 30px;
}

.on_repot img{
margin: 0px auto; 
}
.on_repot2 img{
margin: 0px auto; 
}
.on_repot3 img{
margin: 0px auto; 
}
.on_repot4 img{
margin: 0px auto 30px; 
}


}

@media screen and (max-width:850px) {
.archive .four_box .list .list_in a {height:320px;}
.archive .four_box .list .list_in .jacket {height: 165px;}
.list .list_in .jacket {height: 165px;}
   
/*投稿一覧ボタン 2カラム*/
.news .infobox{width:48%; margin:1em auto 5em; text-align: center; margin-right: 2.5%;/*padding: 0 2%;*/box-sizing: border-box;}
	
.news .infobox:nth-of-type(even){margin-right: 0}
/*.news .infobox p{width:45.77%;}*/
.news .discinfo > p{text-align:left;/*padding-left: 3.5vw;*/}
.news .ipadbr{display: block;}

.news .discinfo > p{
	padding-left: 0;
}	
/*投稿一覧ボタン 2カラム*/	
}

@media screen and (max-width:735px) {
.header_logo h1 {margin: 0 auto 1em;display: block;}
.header_logo .logos span {margin:0 5px;}

.archive .list li {width: 33.3%;}
.archive .list .list_in a {height:auto;}
.archive .list .list_in .photo {height:125px;}
.archive .three_box .list li {width: 33.3%;}
.archive .four_box .list li {width: 33.3%;}
.archive .four_box .list .list_in a {height:auto;}
.archive .four_box .list .list_in .jacket {height: 200px;}
.list .list_in .jacket {height: 200px;}
}
@media screen and (max-width:667px) {


#navi li {width: 33%;margin-top: -1px;}
#navi li:last-child {border-right: none; border-left: 0; width: 100%;}
#navi li:nth-child(3n) {float:right;}

#main {width: 90%;}
#main.top .list li a {height:240px;}
#main.top .list li .jacket {height: auto;min-height: 140px;}
#main.top .top_in .more {position: relative;width: 100%;margin-top: 5%;}
#main.top .top_in .more a {width: 100%;display: block;text-align: center;padding: .5em 0;}
#main .head_title {font-size: 1.2em;}
.entry h2 {font-size:2.2em;}

.release .jacket_img {float: none;width: 100%;}
.release .discinfo {float: none;width: 100%;padding-top: 5%;}

.single_in {padding: 0 0 2em 0;}

.archive .four_box .list .list_in .jacket {height: 165px;}
.archive .three_box .list .list_in a {height:auto;}
.list .list_in .jacket {height: 165px;}

.artist_search {padding: 0;text-align: center;}
.artist_search .box {width: 90%;text-align: center;}
.artist_search li a {padding: 0 .3em;}
   
   /*投稿一覧ボタン　２カラムマージン調整*/
      .news .infobox{width:47%;margin-right: 6%;}

/*ダウンロードボタン追加*/
.btn-area{
    display: block;
}
.download{margin-left: 0%;}
/*ダウンロードボタン追加*/
	
}

@media screen and (max-width:567px) {
.archive .list li {width: 50%;}
.archive .list .list_in a {height:auto;}
.archive .list .list_in .photo {height:125px;}
.archive .three_box .list li {width: 50%;}
.archive .three_box .list .list_in a {height:auto;}
.archive .four_box .list li {width: 50%;}
.archive .four_box .list .list_in a {height:auto;}
.archive .four_box .list .list_in .jacket {height: 165px;}
.list .list_in .jacket {height: 165px;}
   /*   投稿一覧ボタン　１カラム*/
   .news .infobox{width:80%; margin:1em auto 5em; float:none;text-align: center;}
   .news .infobox:nth-of-type(even){margin-right: auto}
   .news .infobox img{display: block;margin: 0 auto;}
   /*.news .infobox p{width:45.77%;}*/
   .news .discinfo > p{text-align: center;padding: 0;}
   .news .spbr{display: block;}
	
.news .infobox:nth-of-type(3n){
margin-right:auto;
}
.news .center{
	text-align: center;
}   
	
}

@media screen and (max-width:414px) {
#header .logo .rock {width: 48%;}
#header .logo .records {width: 34%;}
#header .search_area {max-width: 80%;}

.header_logo .logos span.records {display: block;margin: 0 auto 10px;width: 120px;}
.header_logo .logos span {height: 20px;margin: 0 3px;}

#side .special li {width:100%;float:none;margin:5% auto;border:none;}
#side .special li:nth-child(even) {float:none;}
#side .special li img {margin:0 auto;}
.slick-dots li , .slick-dots li button {
    width: 10px;
    height: 10px;
}

#side {width:90%;}
.side_in_first {width: 100%;display: block;float:none;margin:0 auto;}
.side_in_second {width: 100%;float:none;margin:0 auto;}
#side .side-box.tw {text-align:center;}
#side .side-box.tw iframe {width:370px !important;height:400px !important;margin:0 auto !important;}
#side .sns {max-width: 250px;margin: 0 auto 2em;}
#side .sns div { height: 50px;}
#side .sns div a {display:block;height: 50px;}
#side .sns div a img {height:100%;}
#side .visit .more {text-align: center;width: 100%;margin: 5% 0 10%;}
#side .visit .more a {border: 1px solid #333;padding: .5em 0;display:block;}
#side .visit .more:before {content:"";margin:0;}

}

@media screen and (max-width:375px) {
.archive .four_box .list .list_in .jacket {height: 145px;}
.list .list_in .jacket {height: 145px;}

#side .side-box.tw iframe {width:340px !important;}
}
@media screen and (max-width:320px) {
.archive .four_box .list .list_in .jacket {height: 125px;}
.list .list_in .jacket {height: 125px;}

#side .side-box.tw iframe {width:290px !important;}
}

@media screen and (max-device-width:1366px) {
#navi li ul.mega_menu {display:none !important;}
.sub_navi {display:block;text-align:right;padding-right:2%;}
.sub_navi div {display: inline-block;vertical-align: middle;margin-left: 2em;}
.sub_navi div a {display:block;padding:1.5em 0 .5em;text-align:center;font-size:1.4em;color:#fff;}
.sub_navi div a:before {font-family:ionicons;font-size:16px;content: "\f3d3";margin-right:8px;color:#9b0505;display:inline-block; vertical-align:middle;}
}
@media screen and (max-device-width:768px) {
.sub_navi div a {font-size:1.3em;}
}
@media screen and (max-device-width:414px) {
#navi li a {line-height: 45px;font-size: 19px;}
.sub_navi { text-align: center;padding-right: 0;}
.sub_navi div {width: 100%;margin-left: 0;}
.sub_navi div a {padding: .8em 0;background: #222;border-bottom:1px solid #000;}


}