/*
Template:twentyseventeen
Theme Name:spiritualbeast
*/


@charset "utf-8";

/* ////////////////////////////////////////////
 *                 RESET
 * //////////////////////////////////////////// */

/*
YUI 3.4.1 (build 4118)
Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}

/*
YUI 3.4.1 (build 4118)
Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
body{font:14px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}

img{vertical-align: bottom;}
strong{font-weight: bold;}
#header table,#sidebar table,#footer table,#shop-other table{border-collapse:collapse;border-spacing:0}
#shop-other table{width:100%;}

/* ////////////////////////////////////////////
 *                 BASE & LAYOUT
 * //////////////////////////////////////////// */

/* clearfix
------------------------------------------*/
.clear{ clear: both; }
.clearfix{ zoom: 1; }
.clearfix:after{ content: ""; display: table; clear: both; }

/* base
------------------------------------------*/
body,th,td,h1,h2,h3,h4,h5,h6,table,td,th{
    color: #000;	
	font-family: "Avenir", "Open Sans", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "Roboto", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 1.6;
}
a{ color: #c00; text-decoration: none; }
a:hover{ color: #c00; text-decoration: underline; }
a:hover.alpha img{ filter: alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60; }
.alpha input:hover{ filter: alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60; }

a img, a:hover img{
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
		 -o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
}

*{ outline: none; }

#breadcrumb,
.copyright,
.main-releases li,
.releases-list li,
.category-artists .entry-title,
.artist-once h3,
.videos-list li h2,
#current h1,
#former h1,
#worldwide h1,
.category-current .entry-title,
.category-former .entry-title,
.category-worldwide .entry-title,
.contact-info p{
	font-family: 'Crimson Text', serif;
}

/*.logo a:hover img, #sidebar a:hover img, #main a:hover img{ filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }*/

/* IE6 message */
.ie6-message{ padding: 10px 0; width: 100%; text-align: center; background: #feefda; border: #f7941d 1px solid; }
.ie6-message a{ color: #00f; }

/* general class
------------------------------------------*/

/* frame
------------------------------------------*/

body{	
	color:#fff;
	background:#000 url(/wp/img/page-title-bg.png) repeat-x center 170px;
	font-family: "Noto Sans Japanese";
}

body.home{	
	background:#000;
}
.page-id-55 .wrap{
	background: url(/wp/img/contact-title.png) no-repeat center 70px;	
}
.category-artists .wrap,
.category-current .wrap,
.category-former .wrap,
.category-worldwide .wrap,
#artists .wrap,
#current .wrap,
#former .wrap,
#worldwide .wrap{
	background: url(/wp/img/artists-title.png) no-repeat center 70px;	
}
.category-events .wrap,
#events .wrap{
	background: url(/wp/img/events-title.png) no-repeat center 70px;	
}
.category-news .wrap,
#news .wrap{
	background: url(/wp/img/news-title.png) no-repeat center 70px;	
}
.category-releases .wrap,
#releases .wrap{
	background: url(/wp/img/releases-title.png) no-repeat center 70px;	
}
.category-videos .wrap,
#videos .wrap{
	background: url(/wp/img/video-title.png) no-repeat center 70px;	
}
.category-notes .wrap,
#notes .wrap{
	background: url(/wp/img/notes-title.png) no-repeat center 70px;	
}
.search .wrap{
	background: url(/wp/img/search-title.png) no-repeat center 70px;
	padding:250px 0 0 0;
}
.home .wrap{
	width: 100%;
}
.wrap{
	margin: 0 auto;
	width: 980px;
}
#header{
	width:1040px;
	margin:0 auto;
	height:170px;
	position:relative;
}

#header h1 {
	position:absolute;
	top:35px;
	left:0;
}
.main-nav {
	position:absolute;
	top:105px;
	left:0;
}
.main-nav li{
	float:left;
	margin:0 20px 0 0;
}
#header .cart-nav {
	position:absolute;
	top:15px;
	right:0;
}
#header .cart-nav li{
	float:left;
	margin:0 0 0 15px;
}
.cart-nav li img{
	max-height:72px;
}
#header .linkbanner {
	width:220px;
	position:absolute;
	top:40px;
	left:650px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#header .linkbanner li{
	width: 25px;
	margin:0 10px;
}
#header .linkbanner img{
	width:100%;
}
.header-trans {
	position:absolute;
	top:105px;
	right:0;
}
.input-group {
	width:200px;
	height:36px;
	border:1px solid #333;
	background:#222;
	float:right;
	margin:94px 178px 0 0;
	position:relative;
}
.input-group .form-control{
	background:transparent;
	border:0;
	color:#fff;
	line-height:36px;
	width:175px;
	margin:0 0 0 5px;
}
.input-group .input-group-btn{
	position:absolute;
	top:6px;
	right:9px;
}
#main {
	width:980px;
	margin:0 auto;
	position:relative;
}
.main-image {
	background:url(/wp/img/bg.png) center 0;
	overflow:hidden;
}
.main-image-inner{
	width:980px;
	margin:0 auto;
	position:relative;
}
.main-image-body {
	width:1280px;
	overflow:hidden;
	margin:0 0 0 -150px;
}

.main-image-inner .bx-prev,
.main-image-inner .bx-next {position:absolute;z-index:1000;top:250px;width:50px;height:50px;color:transparent;}
.main-image-inner .bx-prev:hover,
.main-image-inner .bx-next:hover {color:transparent}
.main-image-inner .bx-prev {left:-175px; background:url(/wp/img/slideshow-prev.png) no-repeat center top}
.main-image-inner .bx-next {right:-175px; background:url(/wp/img/slideshow-next.png) no-repeat center top}

.main-video {
	overflow:hidden;
	padding:0 0 100px 0;
}
.main-video li img{
	width: 320px;
	height: 180px;
	object-fit: cover;
}
.main-videos-btn{
	width:980px;
	overflow:hidden;
	text-align:center;
	margin:0 auto;	
	padding:50px 0 50px;
}
.main-video h2,
.main-releases h2,
.main-info h2{
	padding:50px 0;
	text-align:center;
}
.main-releases {
	text-align:center;
	background:url(/wp/img/bg.png) center 0;
}
.main-releases-inner,
.main-info{
	width:980px;
	margin:0 auto;
	overflow:hidden;
}
.main-releases ul,
.releases-list ul{
	overflow:hidden;
	margin:0 0 0 0;
}
.main-releases li,
.releases-list li{
	width:140px;
	float:left;
	margin:0 28px 40px 0;
	text-align:center;
	font-size:16px;
	line-height:14px;
}

.main-releases li:nth-child(6n),
.releases-list li:nth-child(6n){
	margin:0 0 28px 0;
}

.main-releases li .img-wrap,
.releases-list li .img-wrap{
	display: block;
	width:140px;
	height: 140px;
	margin:0 0 15px;
	text-align: center;
	overflow: hidden;
}

.main-releases li span
.releases-list li span,
.main-info li span{
}

.main-releases li span.album,
.releases-list li span.album,
.main-info li span.album{
	display:inline-block;
	padding:10px 0;
	font-size:14px;
}

.main-releases li span.code,
.releases-list li span.code,
.main-info li span.code{
	font-size:12px;
}

.main-releases li span.date,
.releases-list li span.date,
.main-info li span.date{
	font-size:12px;
	color:#999;
}

.main-releases-btn{
	width:980px;
	overflow:hidden;
	padding:20px 0 50px;
}

.main-releases-btn a img,
.main-info-btn a img{
	width:130px;
}

.main-info li{
	width:440px;
	height:260px;
	float:left;
	padding:20px;
	margin:0 0 20px 0;
	background:#222;
	position:relative;
}
.main-info li:nth-child(2n){
	margin:0 0 20px 20px;
}
.main-info li h3{
	width:200px;
	height:255px;
	overflow:hidden;
	float:left;
	margin:0 20px 0 0;
}
.main-info li h3 img{
	width:200px;
	height:auto;
}
.main-info li h4{
	font-weight:bold;
	font-size:16px;
	line-height:18px;
	margin:0 0 10px;
}
.main-info li p{
	font-size:13px;
	margin:0 0 10px;
	float:right;
	width:220px;
	overflow:hidden;
}
.main-info li span{
	position:absolute;
	bottom:25px;
	left:240px;
	font-size:12px;
}
.main-info-btn{
	position:absolute;
	bottom:20px;
	right:20px;
}

.pagetop-btn {
	position:fixed;
	bottom:30px;
	right:30px;
}

#footer {
	margin:100px 0 0;
	text-align:center;
}

.fnav {
	background:url(/wp/img/bg.png) 0 0;	
}
.fnav li{
	display:inline-block;
	padding:70px 10px;
}

.footer-logo img{
	width:280px;
	padding:40px 0;
}

.footer-nav li {
	display:inline-block;
	padding:0px 10px 35px;
}

.footer-nav .linkbanner {
	display: flex;
	align-items: center;
	justify-content: center;
}
.footer-nav .linkbanner li{
	width: 25px;
}
.footer-nav .linkbanner img{
	width:100%;
}

.copyright {
	font-size:11px;
	padding:0 0 35px;
	color:#999;
}

#breadcrumb {
	height:250px;
	line-height:250px;
	text-align:center;
	color:#999;
	font-size:12px;
	letter-spacing:3px;
}
#breadcrumb>div{
	display:inline-block;
}
#breadcrumb a{
	color:#fff;
}

.entry-title,
#news h1.page-title,
#events h1.page-title,
#videos h1.page-title {
	background:#222;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	padding:5px 15px;
	margin:0 0 40px;
}

#artists h1.page-title {
	display:none;
}

.entry-title a {
	color:#fff;
}

.entry-title .date,
.page-title .date{
	font-size:12px;
	color:#999;
	margin:0 0 0 10px;
}

#current h1.page-title,
#former h1.page-title,
#worldwide h1.page-title{
	font-size:20px;
	letter-spacing:10px;
	color:#fff;
	text-align:center;
	margin:0 0 50px;
}

#current h1.page-title .date,
#former h1.page-title .date,
#worldwide h1.page-title .date {
	display:none;
}

.entry-content {
	margin:0 0 100px;
	overflow:hidden;
}

.entry-content p {
	margin:0 0 20px;
}

.entry-content p img {
	max-width:100%;
	height:auto;
}

.entry-content h4,
.entry-once h4{
	border-left:3px solid #8B0000;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	margin:0 0 10px;
	padding:0 10px;
}

ul.inner,
.videos-list {
	overflow:hidden;
}
li.artist-once{
	width:300px;
	height:300px;
	float:left;
	margin:0 40px 0 0;
	text-align:center;
}

li.artist-once:nth-child(3n){
	margin:0 0 0 0;
}

li.artist-once .trim-img{
	display: block;
	margin:0 0 10px;
	/* border:1px solid #444; */
}

li.artist-once h3 a{
	color:#fff;
	font-size:20px;
}

.artists-once img:first-child{
	width:680px;
	margin:0 150px 50px;
	/* border:1px solid #333; */
}

.videos-list li h2 {
	color:#fff;
}

.videos-list li {
	width:300px;
	float:left;
	margin:0 40px 50px 0;
	text-align:center;
}

.videos-list li:nth-child(3n){
	margin-right:0;
}

.videos-list li a{
	/* border:1px solid #444; */
	display:block;
	margin:0 0 10px;
}

.videos-list li img{
	width:300px;
	height:auto;
}

.wpcf7 input,
.wpcf7 textarea {
	width:975px;
	margin:10px 0 0 0;
	padding:10px 0;
	border-radius:5px;
}

.wpcf7 .wpcf7-submit{
	width:300px;
	margin:40px 0 0 345px;
}

.category-artists .page-title,
.category-events .page-title,
.category-news .page-title,
.category-releases .page-title,
.category-videos .page-title,
.page-id-55 .page-title,
.page-id-55 .entry-title,
#releases .page-title{
	display:none;
}

.pager {
	overflow:hidden;
	text-align:center;
}
.pager .page-numbers{
	display:inline-block;
	border:1px solid #333;
	padding:5px 10px;
}

.contact-info {
	width:980px;
	text-align:center;
	margin:0 0 50px;
}

.icon-search {
	display:none;
}