@charset "UTF-8";


/*--------------------------------------------------------------------
初期設定
--------------------------------------------------------------------*/


/* =============== 標準化 */

/* ------ framework */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp, var, i, dl, dt, dd, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary,time, mark, audio, video
{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; font-style:normal;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display:block;}
audio, canvas, video {display:inline-block;}
html {overflow-y:scroll;}
body {-webkit-text-size-adjust:100%;}

/* ------ block elements */
ul {margin:0; padding:0; list-style-type:none;}
ol {margin:0; padding:0 0 0 2em;}
p {margin:0 0 0.6em;}

/* ------ inline elements */
a {outline:none; background:transparent;}
a:focus, a:active, a:hover {outline:none;}
a[onclick="return false;"] {cursor:default;}
small {font-size:80%;}
sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}

/* ------ form */
button, input, select, textarea {font-family:inherit; font-size:100%; margin:0;}
button, input {line-height:normal;}
button, select {text-transform:none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button; cursor:pointer;}
button[disabled], html input[disabled] {cursor:default;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box; padding:0;}
input[type="search"] {-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
textarea {overflow:auto; vertical-align:top;}

/* ------ table */
table {border-collapse:collapse; border-spacing:0;}
caption {text-align:left;}

/* ------ img */
img {border:0; vertical-align:bottom;}
.ie7 img {-ms-interpolation-mode:bicubic;}

/* ------ fonts */
@font-face {
  font-family: 'cabinsemibold';
  src: url('../fonts/cabin-semibold-webfont.eot');
  src: url('../fonts/cabin-semibold-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/cabin-semibold-webfont.woff2') format('woff2'),
       url('../fonts/cabin-semibold-webfont.woff') format('woff'),
       url('../fonts/cabin-semibold-webfont.ttf') format('truetype'),
       url('../fonts/cabin-semibold-webfont.svg#cabinsemibold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'cabinbold_italic';
  src: url('../fonts/cabin-bolditalic-webfont.eot');
  src: url('../fonts/cabin-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/cabin-bolditalic-webfont.woff2') format('woff2'),
       url('../fonts/cabin-bolditalic-webfont.woff') format('woff'),
       url('../fonts/cabin-bolditalic-webfont.ttf') format('truetype'),
       url('../fonts/cabin-bolditalic-webfont.svg#cabinbold_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}

.mw700 {max-width:700px; margin-left:auto; margin-right:auto;}
.mw800 {max-width:800px; margin-left:auto; margin-right:auto;}
.IB {display:inline-block;}

/* ------ スペース */
/* .mt: margin-top */
.mt0 {margin-top:0!important;} .mt03 {margin-top:.3em!important;} .mt06 {margin-top:.6em!important;} .mt08 {margin-top:.8em!important;} .mt1 {margin-top:1em!important;} .mt15 {margin-top:1.5em!important;} .mt2 {margin-top:2em!important;} .mt10 {margin-top:10px!important;} .mt20 {margin-top:20px!important;} .mt25 {margin-top:25px!important;} .mt30 {margin-top:30px!important;} .mt35 {margin-top:35px!important;} .mt40 {margin-top:40px!important;} .mt50 {margin-top:50px!important;} .mt60 {margin-top:60px!important;} .mt70 {margin-top:70px!important;} .mt80 {margin-top:80px!important;}
/* .mb: margin-bottom */
.mb0 {margin-bottom:0!important;} .mb03 {margin-bottom:.3em!important;} .mb06 {margin-bottom:.6em!important;} .mb1 {margin-bottom:1em!important;} .mb15 {margin-bottom:1.5em!important;} .mb2 {margin-bottom:2em!important;} .mb10 {margin-bottom:10px!important;} .mb20 {margin-bottom:20px!important;} .mb25 {margin-bottom:25px!important;} .mb30 {margin-bottom:30px!important;} .mb35 {margin-bottom:35px!important;} .mb40 {margin-bottom:40px!important;} .mb50 {margin-bottom:50px!important;} .mb60 {margin-bottom:60px!important;} .mb70 {margin-bottom:70px!important;} .mb80 {margin-bottom:80px!important;} 
/* .mv: vertical margin */
.mv0 {margin-top:0!important; margin-bottom:0!important;} .mv03 {margin-top:.3em!important; margin-bottom:.3em!important;} .mv06 {margin-top:.6em!important; margin-bottom:.6em!important;} .mv1 {margin-top:1em!important; margin-bottom:1em!important;} .mv15 {margin-top:1.5em!important; margin-bottom:1.5em!important;} .mv2 {margin-top:2em!important; margin-bottom:2em!important;} .mv10 {margin-top:10px!important; margin-bottom:10px!important;} .mv20 {margin-top:20px!important; margin-bottom:20px!important;} .mv25 {margin-top:25px!important; margin-bottom:25px!important;} .mv30 {margin-top:30px!important; margin-bottom:30px!important;} .mv35 {margin-top:35px!important; margin-bottom:35px!important;} .mv40 {margin-top:40px!important; margin-bottom:40px!important;} .mv50 {margin-top:50px!important; margin-bottom:50px!important;} .mv60 {margin-top:60px!important; margin-bottom:60px!important;} .mv70 {margin-top:70px!important; margin-bottom:70px!important;} .mv80 {margin-top:80px!important; margin-bottom:80px!important;} 
/* .ml: margin-left */
.ml03 {margin-left:.3em!important;} .ml06 {margin-left:.6em!important;} .ml08 {margin-left:.8em!important;} .ml1 {margin-left:1em!important;} .ml15 {margin-left:1.5em!important;} .ml2 {margin-left:2em!important;} .ml10 {margin-left:10px!important;} .ml20 {margin-left:20px!important;} .ml25 {margin-left:25px!important;} .ml30 {margin-left:30px!important;} .ml35 {margin-left:35px!important;} .ml40 {margin-left:40px!important;} .ml50 {margin-left:50px!important;} .ml60 {margin-left:60px!important;} .ml70 {margin-left:70px!important;} .ml80 {margin-left:80px!important;} 
/* .pl: padding-left */
.pl10 {padding-left:10px!important;} .pl20 {padding-left:20px!important;} .pl25 {padding-left:25px!important;} .pl30 {padding-left:30px!important;} .pl35 {padding-left:35px!important;} .pl40 {padding-left:40px!important;} .pl50 {padding-left:50px!important;} .pl60 {padding-left:60px!important;} .pl70 {padding-left:70px!important;} .pl80 {padding-left:80px!important;}

/* ------ その他レスポンシブ */
@media print, screen and (min-width:601px) {
  .pcFlL {float:left;}
  .pcFlR {float:right;}
  .pcFlL.pcPad {padding-left:20px; padding-bottom:15px; box-sizing:border-box;}
  .pcFlR.pcPad {padding-right:20px; padding-bottom:15px; box-sizing:border-box;}
  [class*="pcW"] {box-sizing:border-box;}
  .pcW10 {width:10%;} .pcW15 {width:15%;} .pcW20 {width:20%;} .pcW25 {width:25%;} .pcW30 {width:30%;} .pcW35 {width:35%;} .pcW40 {width:40%;} .pcW45 {width:45%;} .pcW50 {width:50%;} .pcW55 {width:55%;} .pcW60 {width:60%;} .pcW65 {width:65%;} .pcW70 {width:70%;} .pcW75 {width:75%;} .pcW80 {width:80%;} .pcW85 {width:85%;} .pcW90 {width:90%;}
}

/*--------------------------------------------------------------------
基本レイアウト
--------------------------------------------------------------------*/


/* =============== 全体 */

body {background:url(../../images/common/bg.gif) repeat-y 0 0; font:14.5px/1.6 "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; *font-size:small; *font:x-small; font-weight:500;}

/* =============== ヘッダ */

header {position:fixed; top:0; left:0; z-index:18000; width:225px; background:#9B0D0D;}
header h1, .sns {margin-left:15px;}
header h1 {padding-top:15px;}
header nav {margin:18px 0 25px;}
.gnav li {position:relative;}
.gnav li a,
.gnav li span  {position:relative; display:block; padding:.1em 15px; text-decoration:none; color:#fff; text-transform:uppercase; font-size:131%; font-family:'Karla', Arial, Helvetica, sans-serif;}
.gnav > li > a:not(:last-child):before,
.gnav > li > a:not(:last-child):after {content:""; position:absolute; top:calc(50% - 1px); right:15px; width:8px; border-top:2px #fff solid; transition:.2s all;}
.gnav > li:not(:hover) > a:not(:last-child):not(:hover):not(.on):after {transform:rotate(90deg);}
.gnav li ul {max-height:0; opacity:.4; transition:all .3s;overflow:hidden; padding:0 1.6em;}
.sns {margin-top:30px; overflow:hidden; zoom:1;}
.sns li {float:left; display:inline; margin-right:4px;}
header .spBtn {display:none;}


/* =============== メイン */

#main {position:relative; z-index:10; margin:0 20px 0 250px; padding:15px 0 60px; min-width:710px; overflow:hidden; zoom:1;}


/* =============== フッタ */

footer {clear:both; margin:0 20px 0 250px; text-align:center; font-size:85%; color:#555;}
footer p {margin-bottom:0; padding-bottom:.8em;}


@media (min-width:601px) {
  header nav {display:block!important;}
  .gnav li:hover ul,
  .gnav li ul:hover,
  .gnav li .on + ul {max-height:600px; opacity:1; margin-bottom:.5em;}
  .gnav li li a:before {content:""; display:block; position:absolute; left:0; top:0; height:100%; border-left:2px #fff solid;}
  footer nav {display:none;}

}
@media screen and (max-width:600px) {
  .sp {display:block;}
  * {min-width:0!important;}
  #main img {max-width:100%; height:auto;}
  .mask {background:rgba(0,0,0,.66); position:fixed; z-index:9000; top:0; left:0; width:100%; height:100%; display:none;}
  body {background:none;}
  header {position:relative; z-index:10000; width:100%; height:73px; background:#9B0D0D;}
  header h1 {position:relative;}
  header h1 img {height:43px;}
  header nav {position:absolute; top:73px; left:0; z-index:100; width:100%; margin:0; background:#9B0D0D; display:none;}
  header .spBtn {display:block; position:absolute; top:calc(50% - 11px); right:15px; width:21px; height:21px; cursor:pointer;}
  .gnav {border-bottom:1px rgba(255,255,255,.6) solid;}
  .gnav li {border-top:1px rgba(255,255,255,.6) solid;}
  .gnav li a,
  .gnav li span {padding:.6em 15px;}
  .gnav > li > a:not(:last-child):after {transform:rotate(90deg);}
  .gnav > li > a:not(:last-child).open:after {transform:rotate(0deg);}
  .gnav .open + ul {max-height:600px; opacity:1; margin-bottom:.5em;}
  header .sns {margin-top:20px; padding-bottom:20px;}
  header .sns li + li {margin-left:6px;}
  #main {margin:0 15px; min-width:0;}
  footer {margin:0; background:#9b0d0d; text-align:left;}
  footer .sns {margin:20px 15px;}
  footer p {color:#fff; text-align:center;}
}
                 
                 

/* =============== 共通利用 */

.textBtn {margin:18px 0 40px; text-align:right;}
.textBtn a {display:inline-block; padding:0 4px; background:#555; color:#fff; text-decoration:none; font-size:85%;}

/* ------ テキスト装飾ほか */
a {color:#000;}
a:hover img {filter:alpha(opacity=80); opacity:0.80;}
.clear {clear:both;}
.center{text-align:center;}
.text_right {text-align:right;}
.bold {font-weight:bold;}
.it {font-style:italic;}
.red {color:#f36;}
.em {font-size:116%;}
.note {font-size:85%; line-height:1.5; margin-bottom:1.2em;}
.nowrap {white-space:nowrap;}
.en {font-size:93%; color:#555;}

/* ------ 見出しとブロック */
.pageTitle {margin:0 0 25px; padding-bottom:8px; border-bottom:2px #9B0D0D solid; line-height:1.33; font-size:190%; font-family:'cabinbold_italic', Arial bold italic, Helvetica, sans-serif; font-weight:normal;}
.pageTitle2 {margin:0 0 25px; padding-bottom:5px; border-bottom:2px #9B0D0D solid; line-height:1.33; font-size:160%; font-family:'cabinbold_italic', Arial bold italic, Helvetica, sans-serif; text-align:right; font-weight:normal;}
.secTitle1 {margin:40px 0 12px; line-height:1.4; font-size:174%; font-family:'cabinbold_italic', Arial bold italic, Helvetica, sans-serif; font-weight:normal;}
.subsecTitle1 {margin:24px 0 6px; padding-left:6px; border-left:#9b0d0d 6px solid; font-size:108%; font-weight:bold;}
.subsec_title2 {}
.supl {background:#f4f4ee; padding:1em 1.5em; margin:15px 0;}
.supl *:last-child {margin-bottom:0;}
.first {margin-top:0!important;}
.divided {margin-top:25px; padding-top:25px; border-top:1px #ccc dotted;}

@media (max-width:600px){
  .pageTitle {font-size:160%;}
  .pageTitle2 {font-size:145%;}
}

/* ------ ul, ol, dl */
ul.square {margin:0; padding:0 0 0 1.5em; list-style-type:square;}
ul.disc {margin:0; padding:0 0 0 1.5em; list-style-type:disc;}
ul.spaced, ol.spaced {margin:2em 0;}
ul.spaced li, ol.spaced li {margin:0.75em 0;}
ul.semispaced, ol.semispaced {margin:1em 0;}
ul.semispaced li, ol.semispaced li {margin:0.3em 0;}
ul.double_column {overflow:hidden; zoom:1;}
ul.double_column li {width:300px; float:left;}
dl.spaced dt {margin-bottom:0.4em;}
dl.spaced dd {margin-bottom:1.2em;}

/* ------ table.bordered */
table.bordered th, table.bordered td {padding:0.4em 0.7em; border:1px #ccc solid;}
table.bordered th {background:#f2f2f2; vertical-align:middle;}
table.bordered .thead th {background:#e8e8e8;}
.full {width:100%;}
.almost_full {width:98%; margin-left:1%; margin-right:1%;}
@media (max-width:600px){
  .tableWrap {padding:10px; border:6px #e4e4e4 solid; overflow-x:auto;}
  .tableWrap:before {content:"横にスクロールすると表全体が見られます"; display:block; margin-bottom:.6em; font-size:11px;}
  .tableWrap table {width:800px; font-size:93%;}
}
                   
/* ------ .table_like [前後1.5em / セル縦余白1em / ボーダー全セル上下 / <dd>オフセット12em] */
.table_like {margin:1.5em 0; border-top:1px #666 dotted;}
.table_like dt {padding-top:1em;}
.table_like dd {margin-top:-1.5em; padding:0 0 1em 12em; border-bottom:1px #666 dotted;}

/* .btn */
.btn1 a, a.btn1,
.btn1 button, button.btn1 {display:inline-block; padding:.4em .8em .5em; border:1px #C21B23 solid; text-decoration:none; color:#C21B23;}
.btn1 a:before, a.btn1:before,
.btn1 button:before, button.btn1:before {content:""; display:inline-block; height:6px; width:6px; margin-right:.4em; border:#C21B23 solid; border-width:2px 2px 0 0; transform:rotate(45deg);}

.btn2 a, a.btn2 {}
.btn2 a:before, a.btn2:before {content:""; display:inline-block; height:6px; width:6px; margin-right:.4em; border:#000 solid; border-width:2px 2px 0 0; transform:rotate(45deg);}


/*--------------------------------------------------------------------
ページ個別
--------------------------------------------------------------------*/

#mv {position:absolute; left:0; top:0; width:100%; height:200px; min-width:980px; background:url(../../images/mv.jpg) no-repeat 0 40%; background-size:100% auto;}

#homeMenu {position:relative; background:url(../../images/store/newslide01.jpg) no-repeat 50% 10%; background-size:cover; overflow:hidden;}
#homeMenu:before {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.6);}
#homeMenu ul {position:relative; z-index:10; overflow:hidden;}
#homeMenu li {position:relative; text-align:center;}
#homeMenu a {line-height:1.2; text-decoration:none; text-transform:uppercase; font-family:'Karla', Arial, Helvetica, sans-serif; color:#fff;}

@media (min-width:601px){
  #homeMenu {min-width:750px; margin-left:225px;}
  #homeMenu ul {width:85%; margin:0 auto;}
  #homeMenu li {display:table; float:left; width:33.33%; height:45vw; min-height:450px;}
  #homeMenu a {display:table-cell; width:100%; height:100%; vertical-align:middle; font-size:40px;}
  #homeMenu a:after {content:""; display:block; width:120px; height:2px; position:absolute; left:calc(50% - 60px); top:calc(50%  + 1.5em); background:#fff; transition:all .3s;}
  #homeMenu a:hover:after {width:200px; left:calc(50% - 100px);}
}
@media (max-width:600px){
  #homeMenu ul {display:-webkit-box; display:-ms-flexbox; display:flex; margin:0;}
  #homeMenu ul li {width:33.33%; height:60vw;}
  #homeMenu a {position:relative; display:block; height:100%; font-size:5.5vw; vertical-align:middle;}
  #homeMenu a span {display:block; width:100%; position:absolute; top:50%; left:0; text-align:center; transform:translate(0,-50%);}
  #homeMenu li + li a:after {content:""; display:block; height:30%; position:absolute; left:0; top:35%; border-left:2px #fff solid;}
}
#blog .loader {text-align:center; margin:40px 0;}
#blog ul {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;} 
#blog li {width:24%; border-top:3px #555 solid; margin:0 0 0 1.33%; padding-top:3px;}
#blog li:nth-child(4n+1) {margin-left:0;}
#blog .entTitle {margin-bottom:6px; font-weight:bold;}
#blog .entImg {height:60px; margin:3px 0 6px; overflow:hidden;}
#blog .entImg img.pc {width:100%; margin-top:-50px;}
#blog .entImg img.sp {width:100%; display:none;}
#blog .entBody {overflow:hidden; zoom:1; line-height:1.45em; font-size:85%;}
#blog .entBody a {text-decoration:none;}
#blog .entBody a:hover {text-decoration:underline;}
#blog .entBody a span {display:inline-block; text-decoration:underline;}
#blog .entFade {
  position:absolute; bottom:0; width:100%; height:50px; 
  background: -moz-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,1)); /* Firefox用 */  
  background: -o-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1)); /* Opera */
  background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(rgba(255,255,255,1))); /* Safari,Google Chrome用 */
  background: linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,1));
}
#blog .entLink {display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
#blog .entLink:hover {background:#fff; opacity:.2; filter:alpha(opacity=20);}
#blog p.archive {margin:20px 0 40px;}

#home_releases ul {overflow:hidden;}
#home_releases li {float:left; width:calc((100% - 50px) / 6);}
#home_releases li:not(:first-child) {margin-left:10px;}
#home_releases li a {position:relative; display:block; padding-top:100%;}
#home_releases li a > * {position:absolute; top:0; left:0; width:100%; height:100%;}


#home_map iframe, #store_map iframe {width:100%; margin-bottom:8px;}
#home_webshop {clear:both;}
#home_webshop div {margin-bottom:8px; background:url(../../images/bnr_sswatcher.jpg) no-repeat right bottom; background-size:100% auto;}
#home_webshop a {display:block; color:#fff; text-decoration:none; font-family:'cabinsemibold', Arial bold italic, Helvetica, sans-serif; font-size:350%; line-height:150px; letter-spacing:0.02em;}
#home_webshop a:hover {background:rgba(225,225,225,0.2);}
#home_webshop a img {margin-bottom:10px;}

#artist_list {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
#artist_list li {width:33%;}
#artist_list li:nth-child(6n-2), #artist_list li:nth-child(6n-1), #artist_list li:nth-child(6n) {background:#f4f4ee;}
#artist_list li a {display:inline-block; vertical-align:middle; text-decoration:none;}
#artist_list li a.artist_thumbnail {height:50px; width:50px; margin:6px; padding:0; background:#e3e3da;}
#artist_list li a.artist_list_name {width:160px; margin:0 5px 0 2px; padding:.5em 0; line-height:1.3;}
.artist_img {margin-bottom:25px;}
.artist_releases li {display:block; padding:.5em .8em;}
.artist_releases span {padding-left:1em; font-size:85%; display:inline-block;}
.artist_name {margin:20px 0 12px; font-size:174%; font-family:'cabinbold_italic', Arial bold italic, Helvetica, sans-serif; font-weight:normal;}

#release_list li {position:relative; overflow:hidden; zoom:1;}
#release_list li:nth-child(2n) {background:#f4f4ee;}
#release_list a {display:block; padding:10px 10px 0; text-decoration:none;}
#release_list img {float:left; width:80px; margin:0 10px 10px 0;}
#release_list span {display:block; margin-bottom:10px;}

.release_headline {margin:20px 0 25px; font-family:'cabinbold_italic', Arial bold italic, Helvetica, sans-serif; font-weight:normal;}
.release_artist {font-size:146.5%;}
.release_title {font-size:174%;}
.release_img {float:left; width:225px; background:#fff;}
.release_img img {width:200px; margin:0 25px 15px 0;}
.release_desc {margin:0 0 5px 225px;}
.purchase a {display:inline-block; padding:1px 1em; border-radius:.4em; background:#9B0D0D; text-decoration:none; color:#fff;}
.purchase span {display:inline-block; padding:1px 1em; border-radius:.4em; background:#bbb; text-decoration:none; color:#fff;}
.tracklist {margin:20px 0 30px 225px;}
.release_text iframe {max-width:100%;}
.artist_info {background:#f4f4ee; margin:25px 0 15px; padding:10px 16px;}

#store_gallery {float:right; width:40%; max-width:660px; min-width:300px;}
#store_gallery .bx-wrapper {padding-left:20px;}
#store_gallery .bx-wrapper .bx-prev {left:30px;}
#store_text {padding-bottom:20px;}
#abImg {float:right; width:40%; max-width:660px; min-width:300px; padding-bottom:40px; display:inline;}
#abImg img {margin-left:20px; width:100%;}
#store_address {margin-bottom:40px;}

#contact_intro b {display:inline-block; width:6.5em; font-weight:normal;}

form {margin-top:40px;}
form dl {width:700px; margin:25px 0; overflow:hidden;}
form dl > * {position:relative; top:-1px; border-top:1px #ccc solid;}
form dt {clear:left; float:left; width:11em; padding:1em 0; line-height:1.33; font-weight:bold;}
form dt.req:before {content:"*"; color:#e46;}
form dt i {font-weight:normal; font-size:93%;}
form dd {float:left; width:calc(100% - 11em); padding:1.3em 0;}
form em {display:inline-block; padding:0 .4em; background:#f60; font-size:77%; font-weight:normal; color:#fff;}
form input, form select {margin:2px;}
form .sizeL {width:500px;}
form .sizeM {width:350px;}
form .sizeS {width:200px;}
form .sizeSS {width:80px;}
form textarea {width:500px; height:8em;}
form #submitBtn {display:none;}
form .button p {width:600px; line-height:3em; background:#ddd; border-radius:10px; margin-left:40px; text-align:center; cursor:pointer;}

form table {margin-bottom:15px;}
form th {width:10em;}
form .error {color:#e03;}
form .button button {margin-right:5px; padding:0 1.5em; background:#ddd; border:0; border-radius:10px; line-height:3em;}

/* 旧 */
.article_date {margin-bottom:25px;}
#article_list li:nth-child(2n) {background:#f4f4ee;}
#article_list li a {display:block; padding:.5em .8em;}
/* 新 */
#articles ul {height:530px; overflow:hidden; display:none;}
#articles li {display:inline; position:relative; float:left; width:24%; height:150px; border-top:3px #555 solid; margin:0 1.33% 25px 0; padding-top:3px; overflow:hidden;}
#articles li.end {margin-right:0;}
#articles .entTitle {margin-bottom:6px; line-height:1.33;}
#articles .entTitle a {text-decoration:none;}
#articles .entImg {height:90px; margin-bottom:6px; overflow:hidden;}
#articles .entImg img {width:100%; margin-top:-25px;}
#articles .entBody {overflow:hidden; zoom:1; line-height:1.2em;}
#articles .entLink {display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
#articles .entLink:hover {background:#fff; opacity:.2; filter:alpha(opacity=20);}

@media screen and (min-width:1240px) {
  #artist_list li:nth-child(n) {width:25%;}
  #artist_list li:nth-child(6n-2), #artist_list li:nth-child(6n-1), #artist_list li:nth-child(6n) {background:none;}
  #artist_list li:nth-child(8n-3), #artist_list li:nth-child(8n-2), #artist_list li:nth-child(8n-1), #artist_list li:nth-child(8n) {background:#f4f4ee;}
}
@media screen and (min-width:1580px) {
  #artist_list li:nth-child(n) {width:20%;}
  #artist_list li:nth-child(8n-3), #artist_list li:nth-child(8n-2), #artist_list li:nth-child(8n-1), #artist_list li:nth-child(8n) {background:none;}
  #artist_list li:nth-child(10n-4), #artist_list li:nth-child(10n-3), #artist_list li:nth-child(10n-2), #artist_list li:nth-child(10n-1), #artist_list li:nth-child(10n) {background:#f4f4ee;}
}

@media (min-width:601px){
  #home_twitter {float:right; margin-bottom:40px;}
  #home_map {width:calc(100% - 350px); float:left; margin-bottom:40px;}
  #home_map h2 {margin-top:0;}
}
@media screen and (max-width:600px) {
  #mv {top:30px;}
  #mv + #main {padding-top:200px;}
  #blog ul {display:block;}
  #blog li {width:auto; float:none; display:block; margin:0; padding:12px 0; height:auto!important; overflow:hidden; zoom:1; border-top:1px #555 dotted;}
  #blog ul li:first-child {border:0; padding-top:0;}
  #blog ul li:nth-child(n+6) {display:none;}
  #blog .entTitle {display:none;}
  #blog .entImg {width:60px; float:left; margin:3px 10px 6px 0;}
  #blog .entImg img.pc {display:none;}
  #blog .entImg img.sp {display:block;}
  #blog .entBody {font-size:93%;}

  #home_releases li {width:calc((100% - 30px) / 3); margin-left:10px;}
  #home_releases li:nth-child(3n+1) {clear:left; margin-left:0;}
  #home_releases li:nth-child(n+4) {margin-top:15px;}
  #home_releases li img.mh100 {max-width:200%;}

  #home_twitter {max-width:400px; margin:0 auto 40px; text-align:center;}
  #home_twitter iframe {width:100%!important; height:500px!important; max-height:500px!important;}

  #home_webshop div {background-size:auto 100%;}
  #home_webshop a {text-indent:30px; font-size:320%;}

  #artist_list li {float:none; width:100%;}
  #artist_list li:nth-child(6n-2), #artist_list li:nth-child(6n-1), #artist_list li:nth-child(6n) {background:none;}
  #artist_list li:nth-child(2n) {background:#f4f4ee;}
  #artist_list li a.artist_list_name {width:auto; min-width:220px;}

  #store_gallery {float:none; width:auto; min-width:0;}
  #store_gallery .bx-wrapper {padding-left:0;}
  #store_gallery .bx-wrapper .bx-prev {left:10px;}
  #store_text {padding:0;}
  #abImg {float:none; width:auto; min-width:0;}
  #abImg img {margin:0 0 15px;}
  #store_address {margin-top:40px;}
  iframe {max-height:300px;}

  #contact_intro b {display:inline;}
  form dl, form .button p {width:auto; margin-left:0;}
  form dt {float:none; width:auto;}
  form dt br {display:none;}
  form dt i {display:inline-block; margin-left:.4em;}
  form dd {float:none; width:auto; border:0; padding-top:0;}
  form input, form textarea {max-width:90%;}

  #articles li {width:49%; margin-right:1.5%;}
  #articles li:nth-child(2n) {margin-right:0!important;}
}

@media screen and (max-width:479px) {
  .release_img {float:none; width:auto; margin-bottom:20px; text-align:center;}
  .release_img img {width:290px; max-width:100%; margin:0 0 10px;}
  .release_desc {margin-left:0;}
  .tracklist {margin-left:0;}
}


#newsList .post {padding-bottom:80px; margin-bottom:40px; border-bottom:2px #aaa dotted; overflow:hidden; zoom:1;}
#newsList .post .release_headline,
#newsList .post .artist_name {margin-bottom:6px; font-size:146.5%;}
#newsList .post .release_headline a,
#newsList .post .artist_name a,
#newsEntry .artist_name a {text-decoration:none;}
.more_info a {color:#9B0D0D; font-weight:bold;}
.pagination {margin:30px 0; text-align:center;}
.pagination .current_page {display:inline-block; margin-right:2px; padding:1px 6px;}
.pagination a {display:inline-block; margin-right:2px; padding:1px 6px; border:1px #ccc solid; background:#fff; text-decoration:none;}


.toSchd.btn1 a {display:block; margin-bottom:2em; padding:.5em; background:#eee; border:0; text-align:center; text-decoration:none; font-weight:bold; font-size:108%; color:#C21B23; box-shadow:none;}
.toSchd a:before {border-color:#C21B23;}

.endorseList {margin:30px 0;}
.endorseList li {display:inline-block; margin:10px 25px 20px 0; font-weight:bold;}
.endorseList li > * {display:inline-block; font-weight:normal; text-align:center;}
.endorseList img {height:45px; margin:.3em 0;}

@media (min-width:601px){
  .toSchd {display:none;}
}
@media (max-width:600px){
  .endorseList img {height:40px!important;}
  .endorseList li.synk {display:block; margin-right:0;}
}

.schdNav {width:100%; display:table;}
.schdNav > li {display:table-cell; width:4rem; box-sizing:border-box; background:rgba(155,13,13,.7); text-align:center; line-height:2rem; color:#fff;}
.schdNav > li.current {width:calc(100% - 8rem); border:#fff solid; border-width:0 2px; background:rgba(155,13,13,1); font-family:'cabinbold_italic', Arial bold italic, Helvetica, sans-serif; font-size:123.1%; cursor:default;}
.schdNav > li a {display:block; width:100%; background:rgba(155,13,13,1); color:#fff; text-decoration:none;}
.schdNav > li:first-child a:before {content:""; display:inline-block; vertical-align:8%; width:4px; height:4px; margin-right:4px; border:#fff solid; border-width:0 1px 1px 0; transform:rotate(135deg);}
.schdNav > li:last-child a:after {content:""; display:inline-block; vertical-align:8%; width:4px; height:4px; margin-left:4px; border:#fff solid; border-width:0 1px 1px 0; transform:rotate(-45deg);}

.schdList {margin-top:50px;}
.schdList > div {display:none; overflow:hidden; position:relative; max-width:1300px; margin:0 auto;}
.schdList > div[style] + div[style] {margin-top:30px; padding-top:30px; border-top:1px #888 solid;}
.schdList .evDate {font-family:'cabinbold_italic', Arial bold italic, Helvetica, sans-serif; color:#9B0D0D;}
.schdList .evDate b {display:inline-block; margin-right:.2em;  font-size:116%; font-weight:normal;}
.schdList .evTtl {font-size:131%;}
.schdList .hasDesc {cursor:pointer;}
.schdList .evActs {margin:.4em 0;}
.schdList .evBandPics ul {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; padding:0 5px;}
.schdList .evBandPics li {margin:.3%;}
.schdList .evBandPics img {height:100%;}
.rsvBtn {display:inline-block; margin:.4em 0; padding:.2em .6em; background:#f49000; color:#fff; font-weight:bold; text-decoration:none;}
.rsvBtn:before {content:""; display:inline-block; vertical-align:10%; width:5px; height:5px; margin-right:.4em; border:#fff solid; border-width:2px 2px 0 0; transform:rotate(45deg);}
.rsvBtn i {display:inline-block; font-size:85%;}
.rsvBtn i:before {content:"[";}
.rsvBtn i:after {content:"]";}
.schdList dt + dd {margin-top:1em; padding-left:10px; border-left:8px #f4f4ee solid; box-sizing:border-box;}
.schdList .evBandPics {padding-top:25px;}
.schdList .evTxt {padding-top:15px;}
.schdList .evTxt .-btn {display:inline-block; padding:0 .6em; border:1px #9B0D0D solid; font-size:85%; cursor:pointer; color:#9B0D0D;}
.schdList .evTxt .-btn:before {content:""; display:inline-block; vertical-align:8%; width:4px; height:4px; margin-right:6px; border:#9B0D0D solid; border-width:0 1px 1px 0; transform:rotate(45deg); transition:.2s all;}
.schdList .evTxt .-btn.on:before {transform:rotate(-135deg);}
.schdList .evTxt .-body {text-align:left; transition:.2s all; box-sizing:border-box; opacity:0;}
.schdList .evTxt .-btn:not(.on) ~ .-body > * {display:none;}
.schdList .evTxt .-btn.on ~ .-body {padding:.8em 0; opacity:1;}

@media (min-width:601px){
  .schdList .evDate {width:9.5rem; margin-bottom:.6rem; line-height:1.6rem;}
  .schdList .evDate b span {font-size:133%;}
  .schdList .evDate b span:before {content:" ";}
  .schdList .evActs {font-size:116%;}
  .schdList .evReserve {margin-top:.4em;}
  .schdList .evFlyer {width:35%; float:right; padding:0 0 15px 20px; box-sizing:border-box;}
  .schdList .evFlyer img {max-width:100%;}
  .schdList .evBandPics li {min-height:120px; max-height:150px; height:calc((100vw - 270px - 9.5rem) * .55 / 5);}
  .schdList .evFlyer ~ .evTtl,
  .schdList .evFlyer ~ .evActs,
  .schdList .hasFlyer + dd {margin-right:40%;}
}
@media (min-width:1100px){
  .schdList .evDate {float:left;}
  .schdList .evDate b span:before {content:"\A"; white-space:pre;}
  .schdList .evTtl,
  .schdList .evActs,
  .schdList dt + dd,
  .schdList .evBandPics,
  .schdList .evTxt {margin-left:9.5rem;}
}
@media (max-width:600px){
  .schdList .evDate b span {font-size:116%;}
  .schdList .evDate b span:before {content:"/";}
  .schdList .evFlyer {margin:1em auto; text-align:center;}
  .schdList .evFlyer.-ls img {width:100%;}
  #main .schdList .evFlyer.-pt img {max-width:300px;}
  .schdList dt + dd {margin-top:.4em;}
  .schdList .evBandPics li {min-height:50px; height:calc(100vw * .25);}
  #main .schdList .evBandPics li img {height:100%;}
  .schdList .evTxt {clear:both; text-align:center;}
}

/*@media (min-width:601px){
  body:not(.evEntry) .bannerArea1,
  .evEntry .bannerArea2 {width:1200px; max-width:100%; margin:40px auto;}
  body:not(.evEntry) .bannerArea1:before,
  .evEntry .bannerArea2 {content:""; display:block; padding-top:84%; background:url(../../images/cmffi_pc.png) no-repeat 50% 50%; background-size:contain;} 
}            
@media (max-width:600px){
  body:not(.evEntry) .bannerArea1,
  .evEntry .bannerArea2 {width:100%; margin:30px auto;}
  body:not(.evEntry) .bannerArea1:before,
  .evEntry .bannerArea2 {content:""; display:block; padding-top:219%; background:url(../../images/cmffi_sp.png) no-repeat 50% 50%; background-size:contain;} 
}*/        


/*--------------------------------------------------------------------
外部ライブラリ
--------------------------------------------------------------------*/

.formTable {width:100%; margin:25px 0;}
.formTable th {width:25%; padding:.8em 0; border-top:1px #bbb dotted; font-weight:bold; text-align:left;}
.formTable td {width:75%; padding:.8em 0; border-top:1px #bbb dotted;}
.formTable tr:first-child > * {border-top:0;}
.error_messe {color:#e00;}
@media (max-width:600px){
  .formTable, .formTable tbody, .formTable tr {display:block;}
  .formTable th, .formTable td {display:block; width:auto; padding:.4em 0; border:0;}
  .formTable th {padding:.4em .6em; font-weight:bold; background:#0002;}
  .formTable tr + tr {margin-top:15px;}
}


.thumbFrame {display:inline-block; position:relative; vertical-align:bottom; text-align:center; overflow:hidden; width:100%; height:100%; margin:0!important; padding:0!important; overflow:hidden;}
.thumbFrame img {position:absolute; max-width:500%; max-height:500%; opacity:0; transition:opacity .2s;}
.thumbFrame img.mw100 {max-width:100%; left:0; top:50%; transform:translate(0,-50%);}
.thumbFrame img.mh100 {max-height:100%; left:50%; top:0; transform:translate(-50%,0);}
.thumbFrame img[class*='100'] {opacity:1;}
.loadingBg:before {content:"loading..."; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:11px; color:#aaa;} 


/* --------------- .eml */
.eml {cursor:pointer;}
.eml abbr {display:inline; width:1em; overflow:hidden; white-space:nowrap;}
.eml abbr:not(.done):before {content:"@";}

/* --------------- bxslider */
.bx-wrapper {position:relative; margin:0 auto 60px; padding:0; *zoom:1;}
.bx-wrapper img {max-width:100%; display:block;}
.bx-wrapper .bx-viewport {/*-moz-box-shadow:0 0 5px #ccc; -webkit-box-shadow:0 0 5px #ccc; box-shadow:0 0 5px #ccc;*/ border:solid #fff 5px; left:-5px; background:#fff;}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position:absolute; bottom:-30px; width:100%;}
.bx-wrapper .bx-loading {min-height:50px; background:url(../img/bx_loader.gif) center center no-repeat #fff; height:100%; width:100%; position:absolute; top:0; left:0; z-index:2000;}
.bx-wrapper .bx-pager {text-align:center; font-size:.85em; font-family:Arial; font-weight:bold; color:#666; padding-top:20px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display:inline-block; *zoom:1; *display:inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background:#666; text-indent:-9999px; display:block; width:10px; height:10px; margin:0 5px; outline:0; border-radius:5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background:#000;}
.bx-wrapper .bx-prev {left:10px; background:url(../img/bx_controls.png) no-repeat 0 -32px;}
.bx-wrapper .bx-next {right:10px; background:url(../img/bx_controls.png) no-repeat -43px -32px;}
.bx-wrapper .bx-prev:hover {background-position:0 0;}
.bx-wrapper .bx-next:hover {background-position:-43px 0;}
.bx-wrapper .bx-controls-direction a {position:absolute; top:50%; margin-top:-16px; outline:0; width:32px; height:32px; text-indent:-9999px; z-index:9999;}
.bx-wrapper .bx-controls-direction a.disabled {display:none;}
.bx-wrapper .bx-controls-auto {text-align:center;}
.bx-wrapper .bx-controls-auto .bx-start {display:block; text-indent:-9999px; width:10px; height:11px; outline:0; background:url(../img/bx_controls.png) -86px -11px no-repeat; margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {background-position:-86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {display:block; text-indent:-9999px; width:9px; height:11px; outline:0; background:url(../img/bx_controls.png) -86px -44px no-repeat; margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {background-position:-86px -33px;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align:left; width:80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right:0; width:35px;}
.bx-wrapper .bx-caption {position:absolute; bottom:0; left:0; background:#666\9; background:rgba(80, 80, 80, 0.75); width:100%;}
.bx-wrapper .bx-caption span {color:#fff; font-family:Arial; display:block; font-size:.85em; padding:10px;}

/* --------------- fancybox */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {padding:0; margin:0; border:0; outline:none; vertical-align:top;}
.fancybox-wrap {position:absolute; top:0; left:0; z-index:18010;}
.fancybox-skin {position:relative; background:#f9f9f9; color:#444; text-shadow:none; border-radius:4px;}
.fancybox-opened {z-index:18018;}
.fancybox-opened .fancybox-skin {box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-outer,
.fancybox-inner {position:relative;}
.fancybox-inner {overflow:hidden;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling:touch;}
.fancybox-error {color:#444; font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin:0; padding:15px; white-space:nowrap;}
.fancybox-image,
.fancybox-iframe {display:block; width:100%; height:100%;}
.fancybox-image {max-width:100%; max-height:100%;}
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {background-image:url('../img/fancybox_sprite.png');}
#fancybox-loading {position:fixed; top:50%; left:50%; margin-top:-22px; margin-left:-22px; background-position:0 -108px; opacity:0.8; cursor:pointer; z-index:18015;}
#fancybox-loading div {width:44px; height:44px; background:url('../img/fancybox_loading.gif') center center no-repeat;}
.fancybox-close {position:absolute; top:-18px; right:-18px; width:36px; height:36px; cursor:pointer; z-index:18020;}
.fancybox-nav {position:absolute; top:0; width:40%; height:100%; cursor:pointer; text-decoration:none; 
  background:transparent url('../img/blank.gif'); /* helps IE */ -webkit-tap-highlight-color:rgba(0,0,0,0); z-index:8040;}
.fancybox-prev {left:0;}
.fancybox-next {right:0;}
.fancybox-nav span {position:absolute; top:50%; width:36px; height:34px; margin-top:-18px; cursor:pointer; z-index:8040; visibility:hidden;}
.fancybox-prev span {left:10px; background-position:0 -36px;}
.fancybox-next span {right:10px; background-position:0 -72px;}
.fancybox-nav:hover span {visibility:visible;}
.fancybox-tmp {position:absolute; top:-99999px; left:-99999px; visibility:hidden; max-width:99999px; max-height:99999px; overflow:visible !important;}
.fancybox-lock {overflow:hidden;}
.fancybox-overlay {position:absolute; top:0; left:0; overflow:hidden; display:none; z-index:18005; background:url('../img/fancybox_overlay.png');}
.fancybox-overlay-fixed {position:fixed; bottom:0; right:0;}
.fancybox-lock .fancybox-overlay {overflow:auto; overflow-y:scroll;}
.fancybox-title {visibility:hidden; font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position:relative; text-shadow:none; z-index:8050;}
.fancybox-opened .fancybox-title {visibility:visible;}
.fancybox-title-float-wrap {position:absolute; bottom:0; right:50%; margin-bottom:-35px; z-index:8050; text-align:center; max-width:90%;}
.fancybox-title-float-wrap .child {display:inline-block; margin-right:-100%; padding:2px 20px; 
  background:transparent; /* Fallback for web browsers that doesn't support RGBa */ background:rgba(0, 0, 0, 0.8); border-radius:15px; 
  text-shadow:0 1px 2px #222; color:#FFF; font-weight:bold; line-height:24px; width:680px;}
.fancybox-title-outside-wrap {position:relative; margin-top:10px; color:#fff;}
.fancybox-title-inside-wrap {padding-top:10px;}
.fancybox-title-over-wrap {position:absolute; bottom:0; left:0; color:#fff; padding:10px; background:#000; background:rgba(0, 0, 0, .8);}