@charset "UTF-8";


/*----------------------------------------------------------------------------------------------------------------------------------------

  初期設定

----------------------------------------------------------------------------------------------------------------------------------------*/


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

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; 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%;}

ul {margin:0; padding:0; list-style-type:none;}
ol {margin:0; padding:0 0 0 1.6em;}
p {margin:0;}

a {outline:none; background:transparent;}
a:focus, a:active, a:hover {outline:none;}
small {font-size:80%;}
sub, sup {font-size:70%; line-height:0; position:relative; vertical-align:baseline;}
sup {top:-.5em;}
sub {bottom:-.25em;}

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 {border-collapse:collapse; border-spacing:0;}
caption {text-align:left;}

img {border:0; vertical-align:bottom;}


/* =============== 汎用スタイルライブラリ */

/* ------ 配置 */
a:hover img {opacity:.8;}
.clear {clear:both;}
br.clear {line-height:0;}
.clearfix {zoom:1;}
.clearfix:after {content:""; display:block; clear:both;}
.center, .ctr {text-align:center!important;}
.blkC {display:block; margin-left:auto!important; margin-right:auto!important;}
.txR {text-align:right!important;}
.txL {text-align:left!important;}
.flR {float:right;}
.flL {float:left;}
.flR.-space {margin:0 0 10px 15px;}
.flL.-space {margin:0 15px 10px 0;}
.blk {display:block;}
.inBlk, .IB, .spanIB > span {display:inline-block;}
.tight {letter-spacing:-.02em;}
.nowrap {white-space:nowrap;}
.full {width:100%;}
img.mw100, .mw100 img {max-width:100%;}
img.mh100, .mh100 img {max-height:100%;}
.hid {display:none;}

/* ------ テキスト装飾 */
a {color:#1a1a1a;}
.note {font-size:80%; line-height:1.5; color:#707070;}
.bold {font-weight:bold;}
.it {font-style:italic;}
.lg1 {font-size:108%;} .lg2 {font-size:116%;} .lg3 {font-size:124%;} .lg4 {font-size:132%;} .lg5 {font-size:140%;}
.sm1 {font-size:93%;} .sm2 {font-size:84%;} .sm3 {font-size:77%;} .sm4 {font-size:70%;}
.red {color:#e36;}
.gray {color:#707070;}
.underline {text-decoration:underline;}
.min {font-family:"游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; font-weight:700; transform:rotate(.03deg);}
blockquote {border-left:5px #ccc solid; border-left-color:rgba(0,30,60,.1); padding-left:12px;}

/* ------ スペース */
/* .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;}

/* ------ ul, ol */
.liIB > li {display:inline-block; margin-right:1.5em;}
ul.disc {list-style-type:disc; padding-left:1.5em;}
ul.square {list-style-type:square; padding-left:1.5em;}
.lowerAlpha {list-style:lower-alpha; padding-left:1.5em;}
.lowerRoman {list-style-type:lower-roman;}
.lm03 > li + li {margin-top:.3em;}
.lm06 > li + li {margin-top:.6em;}
/* スラッシュ区切り */
.slashed > li {display:inline-block;}
.slashed > li:after {display:inline-block; content:"/"; margin:0 .4em; transform:rotate(20deg); color:#555;}
.slashed > li:last-child:after {display:none;}
/* 読点区切り */
.ten > li {display:inline-block;}
.ten > li:after {display:inline-block; content:"、";}
.ten > li:last-child:after {display:none;}
/* 番号かっこ囲み */
.kakko {list-style:none; padding-left:2.5em;}
.kakko > li:before {display:inline-block; width:2.5em; margin-left:-2.5em; text-align:center;}
.kakko > li:nth-child(1):before {content:"(1)";} .kakko > li:nth-child(2):before {content:"(2)";} .kakko > li:nth-child(3):before {content:"(3)";} .kakko > li:nth-child(4):before {content:"(4)";} .kakko > li:nth-child(5):before {content:"(5)";} .kakko > li:nth-child(6):before {content:"(6)";} .kakko > li:nth-child(7):before {content:"(7)";} .kakko > li:nth-child(8):before {content:"(8)";} .kakko > li:nth-child(9):before {content:"(9)";} .kakko > li:nth-child(10):before {content:"(10)";} .kakko > li:nth-child(11):before {content:"(11)";} .kakko > li:nth-child(12):before {content:"(12)";} .kakko > li:nth-child(13):before {content:"(13)";} .kakko > li:nth-child(14):before {content:"(14)";} .kakko > li:nth-child(15):before {content:"(15)";} .kakko > li:nth-child(16):before {content:"(16)";} .kakko > li:nth-child(17):before {content:"(17)";} .kakko > li:nth-child(18):before {content:"(18)";} .kakko > li:nth-child(19):before {content:"(19)";} .kakko > li:nth-child(20):before {content:"(20)";}
/* 番号丸囲み */
ol.circled {list-style-type:none;}
ol.circled > li:before {display:inline-block; width:1.2em; margin:0 .1em 0 -1.3em;}
ol.circled > li:nth-child(1):before {content:"①";} ol.circled > li:nth-child(2):before {content:"②";} ol.circled > li:nth-child(3):before {content:"③";} ol.circled > li:nth-child(4):before {content:"④";} ol.circled > li:nth-child(5):before {content:"⑤";} ol.circled > li:nth-child(6):before {content:"⑥";} ol.circled > li:nth-child(7):before {content:"⑦";} ol.circled > li:nth-child(8):before {content:"⑧";} ol.circled > li:nth-child(9):before {content:"⑨";} ol.circled > li:nth-child(10):before {content:"⑩";} ol.circled > li:nth-child(11):before {content:"⑪";} ol.circled > li:nth-child(12):before {content:"⑫";} ol.circled > li:nth-child(13):before {content:"⑬";} ol.circled > li:nth-child(14):before {content:"⑭";} ol.circled > li:nth-child(15):before {content:"⑮";} ol.circled > li:nth-child(16):before {content:"⑯";} ol.circled > li:nth-child(17):before {content:"⑰";} ol.circled > li:nth-child(18):before {content:"⑱";} ol.circled > li:nth-child(19):before {content:"⑲";} ol.circled > li:nth-child(20):before {content:"⑳";}

/* ------ table */
table {margin-top:.6em; margin-bottom:.6em;}
table:not(.formTable) th, table:not(.formTable) td {padding:.4em .7em; border:1px #bbb solid; line-height:1.4; vertical-align:middle;}
table:not(.formTable) th {background:#f5f5f5; background:rgba(0,0,0,.04); text-align:center; font-weight:normal;}
table:not(.formTable) td {background:#fff;}
.thead th, .thead td {border-bottom:3px #bbb double;}
.thead th {background:#e0e0e0; background:rgba(0,0,0,.12);}
.noDouble {border-bottom:1px #bbb solid!important;}
.almostFull {width:98%; margin-left:1%; margin-right:1%;}
.tdCenter td, .tdC td, .td1Center td:nth-child(1), .td2Center td:nth-child(2), .td3Center td:nth-child(3), .td4Center td:nth-child(4), .td5Center td:nth-child(5), .td6Center td:nth-child(6) {text-align:center;}
.tdLeft td, .tdL td, .td1L td:nth-child(1), .td2L td:nth-child(2), .td3L td:nth-child(3), .td4L td:nth-child(4), .td5L td:nth-child(5), .td6L td:nth-child(6) {text-align:left;}
.tdRight td, .tdR td, .td1R td:nth-child(1), .td2R td:nth-child(2), .td3R td:nth-child(3), .td4R td:nth-child(4), .td5R td:nth-child(5), .td6R td:nth-child(6) {text-align:right;}
.noWr1 tr > *:nth-child(1), .noWr2 tr > *:nth-child(2), .noWr3 tr > *:nth-child(3), .noWr4 tr > *:nth-child(4), .noWr5 tr > *:nth-child(5), .noWr6 tr > *:nth-child(6) {white-space:nowrap;}
.tate1 {display:inline-block; width:1em; text-align:center;}
.tate90 {display:inline-block; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); transform-origin:50% 50%;}
.plain th, .plain td {padding:.2em; border:0; background:none;}

@media (max-width:600px){
  th, td {padding:.4em;}
  .tableWrap {width:700px;}
}

/* ------ 横方向の段組 */
.col2, .col3, .col4, .col5, .col2m, .col3m, .col4m, .col5m, .pcCol2, .pcCol3, .pcCol4, .pcCol5, .pcCol2m, .pcCol3m, .pcCol4m, .pcCol5m, .spCol2, .spCol3, .spCol4, .spCol5, .spCol2m, .spCol3m, .spCol4m, .spCol5m {overflow:hidden; padding:0; list-style-type:none;}
.col2 > *, .col3 > *, .col4 > *, .col5 > * {position:relative; float:left;}
.col2 > * {width:49.999%;} .col3 > * {width:33.333%;} .col4 > * {width:24.999%;} .col5 > * {width:19.999%;}
.col2 > *:nth-child(2n+1), .col3 > *:nth-child(3n+1), .col4 > *:nth-child(4n+1), .col5 > *:nth-child(5n+1) {clear:left;}
.col2m > *:nth-child(n), .col3m > *:nth-child(n), .col4m > *:nth-child(n), .col5m > *:nth-child(n) {position:relative; top:-20px; float:left; margin:20px 0 0 20px;}
.col2m > * {width:calc((100% - 21px) / 2);}
.col3m > * {width:calc((100% - 41px) / 3);}
.col4m > * {width:calc((100% - 61px) / 4);}
.col5m > * {width:calc((100% - 81px) / 5);}
.col2m > *:nth-child(2n+1), .col3m > *:nth-child(3n+1), .col4m > *:nth-child(4n+1), .col5m > *:nth-child(5n+1) {clear:left; margin-left:0;}

@media (min-width:601px){
  .pcCol2 > *, .pcCol3 > *, .pcCol4 > *, .pcCol5 > * {position:relative; float:left;}
  .pcCol2 > * {width:49.999%;} .pcCol3 > * {width:33.333%;} .pcCol4 > * {width:24.999%;} .pcCol5 > * {width:19.999%;}
  .pcCol2 > *:nth-child(2n+1), .pcCol3 > *:nth-child(3n+1), .pcCol4 > *:nth-child(4n+1), .pcCol5 > *:nth-child(5n+1) {clear:left;}
  .pcCol2m > *:nth-child(n), .pcCol3m > *:nth-child(n), .pcCol4m > *:nth-child(n), .pcCol5m > *:nth-child(n) {position:relative; top:-20px; float:left; margin:20px 0 0 20px;}
  .pcCol2m > * {width:calc((100% - 21px) / 2);}
  .pcCol3m > * {width:calc((100% - 41px) / 3);}
  .pcCol4m > * {width:calc((100% - 61px) / 4);}
  .pcCol5m > * {width:calc((100% - 81px) / 5);}
  .pcCol2m > *:nth-child(2n+1), .pcCol3m > *:nth-child(3n+1), .pcCol4m > *:nth-child(4n+1), .pcCol5m > *:nth-child(5n+1) {clear:left; margin-left:0;}
}

@media (max-width:600px){
  .spCol2 > *, .spCol3 > *, .spCol4 > *, .spCol5 > * {position:relative; float:left;}
  .spCol2 > * {width:49.999%;} .spCol3 > * {width:33.333%;} .spCol4 > * {width:24.999%;} .spCol5 > * {width:19.999%;}
  .spCol2 > *:nth-child(2n+1), .spCol3 > *:nth-child(3n+1), .spCol4 > *:nth-child(4n+1), .spCol5 > *:nth-child(5n+1) {clear:left;}
  .spCol2m > *:nth-child(n), .spCol3m > *:nth-child(n), .spCol4m > *:nth-child(n), .spCol5m > *:nth-child(n) {position:relative; top:-20px; float:left; margin:20px 0 0 20px;}
  .spCol2m > * {width:calc((100% - 21px) / 2);}
  .spCol3m > * {width:calc((100% - 41px) / 3);}
  .spCol4m > * {width:calc((100% - 61px) / 4);}
  .spCol5m > * {width:calc((100% - 81px) / 5);}
  .spCol2m > *:nth-child(2n+1), .spCol3m > *:nth-child(3n+1), .spCol4m > *:nth-child(4n+1), .spCol5m > *:nth-child(5n+1) {clear:left; margin-left:0;}
}

/* .idt: 直下第一要素をヘッダとするインデント */
.idt1 {padding-left:1em!important;}
ul.idt1 > li > *:first-child, .idt1:not(ul) > *:first-child {display:inline-block; width:1em; margin-left:-1em;}
.idt15 {padding-left:1.5em!important;}
ul.idt15 > li > *:first-child, .idt15:not(ul) > *:first-child {display:inline-block; width:1.5em; margin-left:-1.5em;}
.idt2 {padding-left:2em!important;}
ul.idt2 > li > *:first-child, .idt2:not(ul) > *:first-child {display:inline-block; width:2em; margin-left:-2em;}
.idt25 {padding-left:2.5em!important;}
ul.idt25 > li > *:first-child, .idt25:not(ul) > *:first-child {display:inline-block; width:2.5em; margin-left:-2.5em;}
.idt3 {padding-left:3em!important;}
ul.idt3 > li > *:first-child, .idt3:not(ul) > *:first-child {display:inline-block; width:3em; margin-left:-3em;}
.idt4 {padding-left:4em!important;}
ul.idt4 > li > *:first-child, .idt4:not(ul) > *:first-child {display:inline-block; width:4em; margin-left:-4em;}
.idt5 {padding-left:5em!important;}
ul.idt5 > li > *:first-child, .idt5:not(ul) > *:first-child {display:inline-block; width:5em; margin-left:-5em;}
.idt6 {padding-left:6em!important;}
ul.idt6 > li > *:first-child, .idt6:not(ul) > *:first-child {display:inline-block; width:6em; margin-left:-6em;}
.idt7 {padding-left:7em!important;}
ul.idt7 > li > *:first-child, .idt7:not(ul) > *:first-child {display:inline-block; width:7em; margin-left:-7em;}
.idt8 {padding-left:8em!important;}
ul.idt8 > li > *:first-child, .idt8:not(ul) > *:first-child {display:inline-block; width:8em; margin-left:-8em;}

/* メールフォームPHP関係 */
.sizeL {width:93%;}
.sizeM {width:70%;}
.sizeS {width:50%; min-width:150px;}
.sizeSS {width:12%; min-width:80px;}
input, select, textarea {margin:2px;}
input[type="radio"], input[type="checkbox"] {margin:0 .3em 0 0;}
textarea {width:93%; height:10em;}
textarea, input:not([type]), input[type="text"] {padding:.3em .5em; border:0; background:#fff;}
label {display:inline-block; margin-right:1.2em;}
button.wont_submit {display:block; height:0; overflow:hidden; opacity:0;}

.button {text-align:center;}
.button button {margin:2px; padding:.3em 1em; border:0; background:rgba(80,80,80,.5); color:#fff; font-weight:bold;}
dt.req:after {content:"必須"; display:inline-block; vertical-align:10%; margin-left:.6em; padding:0 .4em; background:var(--themeYellow); line-height:1.7; font-size:11px;}

.error, .error_messe {color:#e35;}
.error_messe + .error_messe {margin-top:-.4em;}
.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;}

@media (min-width:601px) {
  .pcSizeM {width:50%;}
  .pcSizeS {width:25%;}
  .pcSizeSS {width:15%;}
}

@media (max-width:600px){
  input[type="text"], .sizeL, .sizeM, input[type="search"], textarea {width:93%; box-sizing:border-box;}
  .pcSizeM, .pcSizeS, .pcSizeSS {max-width:93%;}
  .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;}
}

/* ------ その他レスポンシブ */
@media (min-width:601px) {
  .sp, .sp.IB {display:none;}
  .pcIB {display:inline-block;}
  .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;}
  .pcC {text-align:center;}
  [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%;}
}

@media (max-width:600px) {
  img {max-width:100%; height:auto;}
  .pc {display:none;}
  .sp, .spBL {display:block;}
  .sp.IB, .spIB {display:inline-block;}
  .sp.IL {display:inline;}
  div.sp, p.sp {display:block;}
  img.sp, br.sp {display:inline-block;}
  span.sp {display:inline;}
  .spC {text-align:center;}
  .spMt20 {margin-top:20px!important;}
  [class*="spW"] {box-sizing:border-box;}  
  .spW10 {width:30%;} .spW15 {width:35%;} .spW20 {width:30%;} .spW25 {width:35%;} .spW30 {width:30%;} .spW35 {width:35%;} .spW40 {width:40%;} .spW45 {width:45%;} .spW50 {width:50%;} .spW55 {width:55%;} .spW60 {width:60%;} .spW65 {width:65%;} .spW70 {width:70%;} .spW75 {width:75%;} .spW80 {width:80%;} .spW85 {width:85%;} .spW90 {width:90%;}
}




/*----------------------------------------------------------------------------------------------------------------------------------------

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


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

html {font-size:62.5%; --themeBrown:#F6E7C6; --themeDarkBrown:#3D3131; --themeYellow:#EABE32;}
body {display:flex; flex-direction:column; min-height:100vh;/* flexはフッタ下の余白発生防止用 */
  background:var(--themeBrown) url(../../images/bg.jpg) no-repeat 70% 50% / cover fixed; font:1.6rem/1.8 "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Yu Gothic", メイリオ, Meiryo, sans-serif; font-weight:500; color:#2a2a2a; font-feature-settings:"pkna";}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-family:inherit;}
main {-webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1;}
.content {margin:0 auto; position:relative;}
.content:after {content:""; display:block; clear:both;}

@media (min-width:601px) {
  body:not(#home):not(.noPT):before {content:""; display:block; position:absolute; z-index:0; top:-70px; left:0; width:100%; height:calc(180px + 30vw); min-height:530px; background:#8401;}
  .pageHeader, main, .pageFooter {width:100%; min-width:980px;}
  :not(main) .content {width:calc(100% - 50px); min-width:950px;}
  main .content {width:calc(100% - 100px); min-width:900px;}
  main .pageTitle ~ .content {width:calc(100% - 360px);}
}


@media (max-width:600px) {
  body {font-size:1.4rem;}
  .navOverlay {width:100%; height:100%; position:fixed; top:0; left:0; z-index:10; background:rgba(0,0,0,.4); display:none; z-index:9000;}
  .pageHeader, .pageFooter {min-width:320px;}
  .content {width:auto; margin:0 2rem;}
}


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

.pageHeader {position:relative; z-index:10001; width:100%; letter-spacing:.03em;}
.pageHeader a {position:relative; display:block; text-decoration:none; color:#3b3131;}
.pageHeader nav li {position:relative; font-family:'Noto Sans JP', sans-serif; font-weight:500;}

@media (min-width:601px) {
  #spNav {display:none;}
  .pageHeader .__siteName {float:left; padding-top:10px;}
  .pageHeader .__siteName a {width:140px; height:95px; background:url(../../images/common/_header_logo_pc.png) no-repeat 0 50%; background-size:contain;}
  .pageHeader .__siteName a img {display:none;}  
  .pageHeader nav {display:block!important; float:right;}
  .pageHeader .gnav {display:table; width:100%; font-size:1.6rem;}
  .pageHeader .gnav:after {content:""; display:block; clear:both;}
  .pageHeader .gnav > li {display:table-cell; min-width:4em; padding:.8em 0; text-align:center;}
  .pageHeader .gnav > li + li {padding-left:calc(1vw);}
  .pageHeader .gnav > li a {padding:1.3em .7em; box-sizing:border-box;}
  .pageHeader .gnav > li a.on > span {display:inline-block; padding-bottom:.03em; border-bottom:2px #3b3131 solid;}
}

@media (max-width:600px) {
  .pageHeader {background:#3D3131; color:#fff;}
  .pageHeader .content {margin:0;}
  .pageHeader .__siteName {float:none; margin:10px 12px; width:40%; overflow:hidden; white-space:nowrap; text-indent:100%; background:url(../../images/common/header_logo_sp.png) no-repeat 0 50%; background-size:contain; line-height:36px;}
  #spNav {display:block; width:38px; height:38px; position:absolute; z-index:10; top:calc(50% - 18px); right:10px; box-sizing:border-box; text-align:center; cursor:pointer;}
  #spNav:before {content:""; display:block; width:32px; height:3px; position:absolute; top:calc(50% - 2px); left:2px; margin:0 auto 2px; background:#fff; transition:.2s transform;}
  #spNav:after {content:""; display:block; width:32px; height:3px; position:absolute; top:calc(50% - 2px); left:2px; margin:0 auto 2px; background:#fff; box-shadow:0 -9px 0 #fff, 0 9px 0 #fff; transition:.2s transform;}
  #spNav.open:before {transform:rotate(-135deg);}
  #spNav.open:after {box-shadow:none; transform:rotate(135deg);}
  .pageHeader nav {display:none; position:absolute; width:100%; box-shadow:0 4px rgba(0,0,0,.2);}
  .pageHeader .gnav {display:block; background:rgba(45,33,33,.93);}
  .pageHeader .gnav li {float:none; display:block; width:auto;}
  .pageHeader .gnav li + li {}
  .pageHeader .gnav a {display:block; padding:.8em 12px; box-shadow:0 -1px 0 rgba(255,255,255,.1) inset; color:#fff;}
  .pageHeader .gnav > ul > li + li > a {border-top:1px rgba(255,255,255,.2) solid;}
}

/* ナビ副階層 */
.pageHeader nav .pr + ul {display:block; width:100%; opacity:0; height:0; max-height:0; overflow:hidden; transition:max-height .2s linear, opacity .1s linear; box-sizing:border-box; color:#fff;}
.pageHeader nav .pr + ul a {position:relative; display:block; padding:.8em 10px; background:rgba(100,100,100,.9); color:#fff;}
.pageHeader nav .pr + ul li + li a:before {content:""; width:90%; position:absolute; top:0; left:5%; border-top:1px rgba(255,255,255,.2) solid;}

@media (min-width:601px) {
  .pageHeader .gnav .pr + ul {display:block!important; position:absolute;}
  .pageHeader .gnav li .pr:hover + ul,
  .pageHeader .gnav li .pr + ul:hover {opacity:1; height:auto; max-height:1000px;}
}

@media (max-width:600px) {
  .pageHeader .gnav .pr {position:relative;}
  .pageHeader .gnav .pr:before,
  .pageHeader .gnav .pr:after {content:""; display:block; position:absolute; left:auto; right:12px; top:50%; width:6px; height:auto; margin-top:-1px; border:#fff solid; border-width:2px 2px 0 0;}
  .pageHeader .gnav .pr:after {transform:rotate(90deg); transition:all .2s;}
  .pageHeader .gnav .pr.open + ul {position:relative; display:none; opacity:1; width:100%!important; height:auto; max-height:500px; margin:0; padding:0;}
  .pageHeader .gnav .pr + ul a {padding:.75em 12px .75em 24px; background:rgba(255,255,255,.15);}
  .pageHeader .gnav .pr + ul li + li a:before {width:calc(100% - 40px); left:20px;}
  .pageHeader .gnav .pr.open + ul {position:relative; display:none; opacity:1; width:100%!important; height:auto; max-height:500px; margin:0; padding:0;}
  .pageHeader .gnav .pr.open:after {transform:rotate(0deg);}
}


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

.pageFooter .content {padding:30px 0 10px; border-top:6px rgba(61,49,49,.7) solid; font-size:1.4rem;}
.pageFooter a {text-decoration:none;}
.pageFooter .fNav {overflow:hidden; line-height:1.5;}
.pageFooter .fNav li {float:left; position:relative; left:-1em; padding:.2em 1em;}
.pageFooter .fNav li + li:before {content:""; display:block; position:absolute; top:50%; left:0; height:1rem; border-left:1px #3a3131 solid; transform:translate(0,-50%);}
.pageFooter .fNav a {display:block; min-width:3em; text-align:center;}
.pageFooter .fNav img[src*="_tw"] {height:1.4rem; opacity:.75; vertical-align:-6%;}
.pageFooter address {margin:1rem 0;}
.pageFooter .__copyright {font-size:1.2rem; text-align:right;}

@media (min-width:601px) {
}

@media (max-width:600px) {
}


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

/* ページタイトル */
.pageTitle .content {width:100%; color:var(--themeDarkBrown);}
.pageTitle h1 {position:relative; z-index:10; line-height:1.2; font-family:"Raleway", sans-serif; font-weight:900; font-size:10rem; text-transform:uppercase; /*color:rgba(60,135,0,.7);*/}
.pageTitle p {position:relative; z-index:10; margin:0; line-height:1.5; font-family:"Noto Sans JP", sans-serif; font-weight:900; font-size:3rem;}
.noPT .pageTitle {display:block!important; overflow:hidden; max-height:0; padding:0!important;} 
.noPT main .content {padding:30px 0 100px;}

/* パンくず */
.breadcrumb {margin:25px 0; line-height:1.5; font-size:85%;}
.breadcrumb li {float:left;}
.breadcrumb li:after {content:""; display:inline-block; width:6px; height:6px; margin:0 .4em; border:#333 solid; border-width:1px 1px 0 0; transform:rotate(45deg);}
.breadcrumb li:last-child:after {display:none;}
.breadcrumb a {text-decoration:none;}

/* コンテンツエリア マージン指定 */
main .pageTitle ~ .content,
main .pageTitle ~ section > .content {padding:50px 0 100px;}
main *:last-child {margin-bottom:0;}
main * + p,
main * + ul,
main * + ol,
main * + dl,
main * + table {margin-top:1rem;}
main ul:not[class] {padding-left:1.5em; list-style-type:disc;}
main ul:not[class] > li > ul:not[class] {padding-left:1.5em; list-style-type:circle;}


@media (min-width:601px) {
  main {min-width:980px; line-height:1.8;}
  .pageTitle {position:relative; padding-bottom:40px;}
  body:where(:not(.smallHeader)) .pageTitle h1 {position:absolute; bottom:52%; left:20px;}
  body:where(:not(.smallHeader)) .pageTitle h1 + p {position:absolute; top:48%; left:20px;}
  .pageTitle h1 + p:after {content:""; display:none; width:41vw; min-width:420px; height:20px; position:absolute; bottom:-75px; background:rgba(220,200,50,.8);}
  .pageTitle .pic {position:relative; width:60%; height:35vw; min-height:400px; overflow:hidden; margin-left:calc(40% + 50px); box-shadow:60px 40px 0 rgba(220,200,50,.0);}
  .pageTitle .pic img {width:101%; position:absolute; top:50%; left:50%; transform:translate(-50.5%,-50%);}
  body:not(#home).smallHeader:before {height:310px; min-height:0; top:0;}
  .smallHeader .pageTitle {text-align:center;}
}

@media (max-width:600px) {
  main {position:relative; width:100%; min-width:320px; overflow:hidden;}
  main .pageTitle ~ .content,
  main .pageTitle ~ section > .content {width:auto; margin:0 15px;}
  .pageTitle {position:relative; display:table; width:100%; height:60vw; overflow:hidden;}
  .pageTitle .content {display:table-cell; vertical-align:middle; height:100%; margin:0; color:rgba(255,255,255,1);}
  .pageTitle h1 {width:90%; margin-left:5%; color:rgba(230,226,220,.6); line-height:1; font-size:16vw;}
  .pageTitle h1 + p {width:86%; margin-left:7%;}
  .pageTitle .pic {position:absolute; left:0; top:0; height:100%; width:100%; background:#433;}
  .pageTitle .pic img {width:100%; opacity:.5; filter:blur(.8px);}
  .smallHeader .pageTitle {height:auto; padding:30px 0; background:rgba(150,130,50,.1);}
  .smallHeader .pageTitle h1 {color:var(--themeDarkBrown);}
  .smallHeader .pageTitle h1 + p {color:var(--themeDarkBrown);}
}




/*----------------------------------------------------------------------------------------------------------------------------------------

  汎用パーツ

----------------------------------------------------------------------------------------------------------------------------------------*/


/* H2～H6 */

h2, .h2 {margin:0 0 1rem; text-align:center; font-size:3.6rem; font-weight:900; font-family:"Noto Sans JP", sans-serif; letter-spacing:.04em; color:var(--themeDarkBrown);}
* + h2, * + .h2 {margin-top:3em;}
h2:before, .h2:before {content:""; display:none; width:0; height:0; border:0; transform:none;}
h2:after, .h2:after {content:""; display:none; width:0; height:0; border:0; transform:none;}

h3, .h3 {position:relative; margin:0 0 .6rem; padding-left:.8em; font-size:2.4rem; font-weight:bold;}
* + h3, * + .h3 {margin-top:1.5em;}
h3:before, .h3:before {content:""; display:block; position:absolute; left:0; top:.2em; width:.35em; height:calc(100% - .4em); background:var(--themeYellow);}
h3:after, .h3:after {content:""; display:none; width:0; height:0; border:0; transform:none;}

h4, .h4 {margin:0 0 .5rem; font-size:1.8rem; font-weight:bold;}
* + h4, * + .h4 {margin-top:1.4em;}
h4:before, .h4:before {content:""; display:none; width:0; height:0; border:0; transform:none;}
h4:after, .h4:after {content:""; display:none; width:0; height:0; border:0; transform:none;}

h5, .h5 {margin:0 0 .4rem; font-size:1.7rem; font-weight:bold;}
* + h5, * + .h5 {margin-top:1.2em;}
h5:before, .h5:before {content:""; display:none; width:0; height:0; border:0; transform:none;}
h5:after, .h5:after{content:""; display:none; width:0; height:0; border:0; transform:none;}

h6, .h6 {margin:0 0 .2rem; font-size:1.6rem; font-weight:bold;}
* + h6, * + .h6 {margin-top:.8em;}
h6:before, .h6:before {content:""; display:none; width:0; height:0; border:0; transform:none;}
h6:after, .h6:after {content:""; display:none; width:0; height:0; border:0; transform:none;}

main h4 + *, main .h4 + *,
main h5 + *, main .h5 + *,
main h6 + *, main .h6 + * {margin-top:0;}

@media (min-width:601px) {
}

@media (max-width:600px) {
  h2, .h2 {font-size:2.7rem;}
  h3, .h3 {font-size:1.8rem;}
}

/* .btn */
.btn1 a, a.btn1,
.btn1 button, button.btn1 {display:inline-block; min-width:200px; padding:.4em .8em .5em; background:var(--themeYellow); box-shadow:0 -3px 0 rgba(0,0,0,.1) inset; text-decoration:none; border:0; font-family:"Noto Sans JP", sans-serif; font-size:2.2rem; font-weight:bold;}
.btn1 a:before, a.btn1:before,
.btn1 button:before, button.btn1:before {content:""; display:inline-block; vertical-align:10%; height:6px; width:6px; margin-right:.4em; border:#000 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);}

/* .brkTop/Btm, hr */
.brkTop1 {margin-top:30px!important; padding-top:30px!important; border-top:1px rgba(0,0,0,.2) dashed;}
.brkBtm1 {margin-bottom:30px!important; padding-bottom:30px!important; border-bottom:1px rgba(0,0,0,.2) dashed;}
.brkTop2:before,
.brkBtm2:after {content:""; display:block; width:70%; margin:60px 15%; border-top:1px rgba(0,0,0,.2) solid;}
hr {background:none; margin:30px 0; border-top:1px rgba(0,0,0,.2) dashed; border-width:1px 0 0;}

/* dl.styled */
dl.styled {margin:50px 0; border-bottom:1px #ccc dotted;}
dl.styled.-openEnd,
dl.styled.-openTop > dt:first-child {border:0;}
dl.styled > dt {padding:1.2em 0 .4em; border-top:1px #ccc dotted; font-weight:bold; font-size:123.1%;}
dl.styled > dd {padding-bottom:1.2em;}
dl.styled > dd + dd {margin-top:1.6em;}

/* ul.styled */
ul.styled {border:#ccc dotted; border-width:1px 0; overflow:hidden;}
ul.styled > li {position:relative; padding:1em 0;}
ul.styled > li + li:after {content:""; display:block; position:absolute; left:-100px; top:0; width:calc(100% + 100px); border-top:1px #ccc dotted;}

@media (min-width:601px){
  .columned {column-count:2; column-gap:2em;}
}

/* .tableLike */
.tableLike {margin:1.5em 0; overflow:hidden;}
.tableLike dt {clear:left; width:25%; float:left; padding:1em 1.2em; font-weight:bold; box-sizing:border-box;}
.tableLike dd {width:75%; float:left; padding:1em 0; box-sizing:border-box;}
.tableLike.dt15 dt {width:15%;}
.tableLike.dt15 dd {width:85%;}
.tableLike dt:first-child,
.tableLike dt:first-child + dd {border-top:0;}

@media (max-width:600px){
  .tableLike[class*="spFlat"]:before {display:none;}
  .tableLike.-spFlatA dt {float:none; width:auto; padding:.6em 0 .1em; border:0;}
  .tableLike.-spFlatA dd {float:none; width:auto; padding:0 0 .8em; border:0;}
  .tableLike.-spFlatA dd + dt {border-top:1px #989898 solid;}
  .tableLike.-spFlatB dt,
  .tableLike.-spFlatB dd {float:none; width:auto; padding:.4em 0; border:0;}
  .tableLike.-spFlatB dt {padding:.4em 0 0;}
  .tableLike.-spFlatB dd + dt {margin-top:15px;}
}

/* .hNTable: .tableLikeを見出しと任意のタグで */
.h2Table, .h3Table, .h4Table, .h5Table {position:relative; overflow:hidden; padding-bottom:.8rem; border-bottom:1px #bbb dotted;}
.h2Table:before, .h3Table:before, .h4Table:before,.h5Table:before {content:""; display:block; position:absolute; top:0; left:0; width:20%; height:100%; background:rgba(40,40,0,.08);}
.h2Table > *, .h3Table > *, .h4Table > *, .h5Table > * {position:relative; z-index:1; display:block; float:right; width:80%; margin:.6rem 0 0; padding:0 .8rem; box-sizing:border-box;}
.h2Table > h2, .h3Table > h3, .h4Table > h4, .h5Table > h5 {clear:both; float:left; width:20%; padding:.8rem; border-top:1px #bbb dotted; font-size:1rem; color:inherit;}
.h2Table > h2 + *, .h3Table > h3 + *, .h4Table > h4 + *, .h5Table > h5 + * {padding-top:.8rem; border-top:1px #bbb dotted;}
.h2Table > h2:first-child + *, .h3Table > h3:first-child + *, .h4Table > h4:first-child + *, .h5Table > h5:first-child + * {margin-top:0;}
.h2Table > .disc, .h3Table > .disc, .h4Table > .disc, .h5Table > .disc,
.h2Table > .square, .h3Table > .square, .h4Table > .square, .h5Table > .square {padding-left:2em;}

@media (max-width:600px){
  .h2Table.-spFlat, .h3Table.-spFlat, .h4Table.-spFlat {padding-bottom:.5rem;}
  .h2Table.-spFlat:before, .h3Table.-spFlat:before, .h4Table.-spFlat:before {display:none;}
  .h2Table.-spFlat > *, .h3Table.-spFlat > *, .h4Table.-spFlat > * {float:none; width:auto; margin:0; padding:0;}
  .h2Table.-spFlat > h2, .h3Table.-spFlat > h3, .h4Table.-spFlat > h4 {float:none; width:auto; padding:.5rem 0 .2rem;}
  .h2Table.-spFlat > h2 + *, .h3Table.-spFlat > h3 + *, .h4Table.-spFlat > h4 + * {float:none; width:auto; margin:0; padding:0; border-top:0;}
  .h2Table.-spFlat > * + h2, .h3Table.-spFlat > * + h3, .h4Table.-spFlat > * + h4 {margin-top:.5em;}
}

/* form要素 */
select {-webkit-appearance:none; -moz-appearance:none; appearance:none; padding-right:30px; border-radius:0; background:#eee url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%23000000" d="M7,10L12,15L17,10H7Z" /></svg>') no-repeat 100% 50%; background-size:24px auto;}
select:after {content:""; position:absolute; right:10px; top:calc(50% - 5px); display:block; border-left:10px transparent solid; border-bottom:10x #1a1a1a solid; transform:rotate(45deg);}
p.form__note {margin-top:.3em; font-size:85%;}
span.form__note {display:inline-block; font-size:85%;}



/*----------------------------------------------------------------------------------------------------------------------------------------

  ページ個別

----------------------------------------------------------------------------------------------------------------------------------------*/


/* =============== トップページ */

.mv {position:relative; background:url(../../images/mv.jpg) no-repeat 50% 50%; background-size:cover;}
.homeBlock01 li {position:relative; overflow:hidden; box-shadow:0 1px 15px #3003;}
.homeBlock01 li:before {content:""; display:block; border-bottom:30px #fff8 solid; border-left:30px transparent solid; position:absolute; bottom:0; right:0; z-index:10;}
.homeBlock01 li a {position:relative; display:block; text-decoration:none; background:#fff;}
.homeBlock01 li a:before {content:""; display:block; position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background:rgba(30,20,20,.5); transition:.15s all;}
.homeBlock01 li a span {display:block; position:absolute; z-index:5; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; letter-spacing:.1em; font-weight:700; font-size:3.6rem; font-family:"Noto Sans JP", sans-serif; opacity:0; white-space:nowrap;}
/*.homeBlock01 li a:after {position:absolute; z-index:2; top:50%; left:50%; transform:translate(-50%,-50%); font-family:"Raleway", sans-serif; font-weight:900; font-size:4.5vw; line-height:1; text-transform:uppercase; color:rgba(255,255,255,1);}*/
.homeBlock01 li a:after {content:""; display:block; position:absolute; z-index:2; top:0; left:0; width:100%; height:100%;}
.homeBlock01 li a:hover span {opacity:1;}
.homeBlock01 li a:hover:after {opacity:.2; color:#433; white-space:pre;}
.homeBlock01 li a[href*="cafe"]:after {background:url(../../images/title_cafe.png) no-repeat 50% 50%; background-size:80% auto;}
.homeBlock01 li a[href*="schedule"]:after {background:url(../../images/title_schedule.png) no-repeat 50% 50%; background-size:80% auto;}
.homeBlock01 li a[href*="merch"]:after {background:url(../../images/title_merch.png) no-repeat 50% 50%; background-size:80% auto;}
/*.homeBlock01 li a[href*="cafe"]:after {content:"CAFE";}
.homeBlock01 li a[href*="schedule"]:after {content:"Live/\A Exhibition";}
.homeBlock01 li a[href*="merch"]:after {content:"Merchan\A -dise";}*/
.homeBlock01 li a:not([href*="schedule"]) span {letter-spacing:.8em; text-indent:.8em;}
.homeBlock01 li img {width:100%;}
.newsList dl > div {overflow:hidden; padding:1.4em 0;}
.newsList dl > div  + div {border-top:1px solid rgba(0,0,0,.2);}
.newsList dt {font-weight:bold; font-family:"Arial",sans-serif;}
.homeBlock03 {padding-bottom:60px;}
.homeBlock03 .newsList .btn1 a {font-size:1.8rem; font-weight:bold; font-family:inherit;}

@media (min-width:601px){
  .mv {min-width:980px; height:56.25vw; max-height:900px; min-height:680px; margin:-110px 0 0;}
  .homeBlock01 ul {display:flex; justify-content:space-between; margin-top:-90px;}
  .homeBlock01 ul:after {content:""; display:block; clear:both;}
  .homeBlock01 li {width:calc(33.333% - 20px); text-align:center;}
  .homeBlock01 li:nth-child(3n+1) {clear:left; margin-left:0;}
  .homeBlock01 li a:hover:before {opacity:.3;}
  .homeBlock01 li a:hover img {opacity:1;}
  .homeBlock03 .newsList {float:left; width:calc(100% - 400px);}
  .homeBlock03 .newsList h2 {text-align:left;}
  .homeBlock03 .twEmbed {float:right;}
  .newsList dt {float:left; width:8em;}
}

@media (max-width:600px){
  #home .pageHeader {background:none; box-shadow:-60px 0 0 rgba(61,49,49,.6) inset;}
  #home .pageHeader .__siteName {visibility:hidden;}
  #home .pageHeader #spNav.open + nav {box-shadow:0 4px rgba(0,0,0,.2), 0 -70px 0 var(--themeDarkBrown);}
  .mv {height:70vw; margin-top:-65px; background-position:68% 50%;}
  .mv ~ main {overflow:visible;}
  .homeBlock01 ul {display:flex; flex-wrap:wrap; gap:10px; width:100%; margin-top:-20px;}
  .homeBlock01 li {display:block; width:100%;}
  .homeBlock01 li:before {border-bottom:20px #fff8 solid; border-left:20px transparent solid;}
  .homeBlock01 li a {position:relative; height:33vw; text-align:center; background:var(--themeDarkBrown);}
  .homeBlock01 li a:after {font-size:4rem; background-size:67% auto!important;}
  .homeBlock01 li img {position:absolute; z-index:0; top:0; left:0; height:100%; width:100%; object-fit:cover;}

  .homeBlock03 .newsList {margin-bottom:60px;}
}

/* ===============  */

.about_slider {width:100%; max-width:900px; margin:40px auto 60px;}

.newsEntries article + article {border-top:1px solid rgba(0,0,0,.2);}
.newsEntries .__body {overflow:hidden;}
.newsEntries .__body img {max-width:100%; height:auto;}

@media (min-width:601px){
  .newsEntries article + article {margin-top:80px; padding-top:80px;}
  .newsEntries .__body {margin-top:40px;}
}

@media (max-width:600px){
  .newsEntries article + article {margin-top:40px; padding-top:40px;}
  .newsEntries .__body {margin-top:20px;}
}

/* ===============  */
.foodGallery {margin:0 20px 60px;}
.foodGallery .slick-prev {left:-20px;}
.foodGallery .slick-next {right:-20px;}
.foodGallery img {width:96%; margin:0 2%;}
.foodMenu {overflow:hidden; margin-top:2em;}
.foodMenu > li {margin-bottom:2em;}
.foodMenu ul {display:none;}
.foodMenu h3 small {display:inline-block; opacity:.8; font-size:1.6rem;}

@media (min-width:601px){
  .foodMenu > li {width:48%; float:left; margin-left:4%;}
  .foodMenu > li:nth-child(2n+1) {clear:left; margin-left:0;}  
}
@media (max-width:600px){
}

.tabs {position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; width:calc(100% - 20px); margin:40px 10px 25px;}
.tabs:before {content:""; display:block; position:absolute; left:-10px; bottom:0; width:12px; border-bottom:2px var(--themeDarkBrown) solid;}
.tabs:after {content:""; display:block; position:absolute; right:-10px; bottom:0; width:12px; border-bottom:2px var(--themeDarkBrown) solid;}
.tabs li {position:relative; width:33.333%;}
.tabs.-schdl li {width:50%;}
.tabs li:before {content:""; display:block; position:absolute; left:0; bottom:0; width:1px; border-bottom:2px var(--themeDarkBrown) solid;}
.tabs li:after {content:""; display:block; position:absolute; right:0; bottom:0; width:1px; border-bottom:2px var(--themeDarkBrown) solid;}
.tabs a {display:block; margin:0 1px; padding:.1em 0; border:var(--themeDarkBrown) solid; border-width:2px 0 0; text-align:center; text-decoration:none; font-weight:bold; box-sizing:border-box;}
.tabs a:not(.on) {background:var(--themeDarkBrown); color:#e7e0b2;}
.tabs a.on {border-width:2px 2px 0; color:var(--themeDarkBrown);}

[id*="tabCnt_"]:not(.on) {display:none;}
[id*="tabCnt_"] > h2:first-child {display:none;}

@media (min-width:601px){
  .tabs a {font-size:2rem;}
}


.timeTable dt {font-weight:bold;}

@media (min-width:601px){
  .timeTable {display:table; width:100%;}
  .timeTable > div {position:relative; display:table-cell; text-align:center;}
  .timeTable > div:after {content:""; display:block; min-width:100px;}
  .timeTable > div + div {padding-left:30px;}
  .timeTable > div + div:before {content:""; position:absolute; left:10px; top:calc(50% - 7px); display:block; border:7px transparent solid; border-left:10px rgba(61,49,49,.7) solid; border-right:0;}
  .timeTable > div > * {background:#0001;}
  .timeTable dt {padding-top:.4em;}
  .timeTable dd {padding-bottom:.2em;}
}

@media (max-width:600px){
  .timeTable > div {position:relative; padding:.6em 1em; background:rgba(255,255,255,.4);}
  .timeTable > div:after {content:""; display:block; clear:both;}
  .timeTable > div + div {margin-top:30px;}
  .timeTable > div + div:before {content:""; position:absolute; top:-20px; left:calc(50% - 7px); display:block; border:7px transparent solid; border-top:10px rgba(61,49,49,.7) solid; border-bottom:0;}
  .timeTable dt {width:5em; float:left;}
  .timeTable dd {width:calc(100% - 5em); float:left;}
}

.eqpList {overflow:hidden; padding:1px 0;}
.eqpList > div {position:relative; top:-1px; display:table; width:100%; border-bottom:1px rgba(61,49,49,.2) solid; line-height:1.6; break-inside:avoid;}
.eqpList > div > * {display:table-cell; padding:.6em 1em;}
.eqpList dt {width:33%; background:#0001;}

@media (min-width:601px){
  .eqpList {columns:2; column-gap:20px;}
}

.mapFrame {height:600px; margin:30px 0;}

@media (max-width:600px){
  .mapFrame {height:400px;}
}

.tabs.-schdl {margin-top:0;}
.tabs.-schdl ~ h2 {display:none;}

.schdNav {width:100%; display:table;}
.schdNav > li {display:table-cell; width:4rem; box-sizing:border-box; text-align:center; }
.schdNav > li.current {width:calc(100% - 8rem); font-weight:900; font-family:"Noto Sans JP", sans-serif; letter-spacing:.04em; font-size:3.6rem; cursor:default;}
.schdNav > li a {display:block; width:100%; text-decoration:none;}
.schdNav > li:first-child a:before {content:""; display:inline-block; vertical-align:8%; width:12px; height:12px; margin-right:4px; border:var(--themeDarkBrown) solid; border-width:0 5px 5px 0; transform:rotate(135deg);}
.schdNav > li:last-child a:after {content:""; display:inline-block; vertical-align:8%; width:12px; height:12px; margin-left:4px; border:var(--themeDarkBrown) solid; border-width:0 5px 5px 0; transform:rotate(-45deg);}

.schdList {margin-top:50px;}
.schdList > div {display:none; position:relative; max-width:1300px; margin:0 auto;}
.schdList > div:after {content:""; display:block; clear:both;}
.evDate {font-weight:bold; font-family:"Noto Sans JP", sans-serif;}

.evDate b {font-size:2rem;}
.evDate b span {font-size:2.4rem;}
.evTtl {font-size:1.8rem; font-weight:bold; }
.evTtl b {font-size:2rem;}
.evTxtSwitch {position:relative; display:inline-block; padding:.1em .6em; background:var(--themeDarkBrown); color:#e7e0b2; font-size:1.3rem; cursor:pointer;}
.evTxtSwitch:before {content:""; display:inline-block; vertical-align:10%; width:4px; height:4px; margin-right:.5em; border:#e7e0b2 solid; border-width:0 0 2px 2px; transform:rotate(-45deg); transition:all .3s;}
.open .evTxtSwitch:before  {transform:rotate(135deg);}
.opened .evTxtSwitch {display:none;}
.evBandPics {margin-bottom:2rem;}
.evReserve {margin-top:1rem;}
.evTxtBody {overflow:hidden; clear:both; max-height:0; opacity:0; transition:.3s all;}
.open .evTxtBody, .opened .evTxtBody {max-height:2000px; opacity:1; padding:1rem 1.4rem; background:rgba(150,130,50,.1);}

.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:.4em 1em .5em; background:var(--themeYellow); box-shadow:0 -3px 0 rgba(0,0,0,.1) inset; font-weight:bold; text-decoration:none;}
.rsvBtn:before {content:""; display:inline-block; vertical-align:10%; width:5px; height:5px; margin-right:.4em; border:#3a3a3a solid; border-width:2px 2px 0 0; transform:rotate(45deg);}

.exhibition
.exhbTtl {margin-bottom:.3rem; padding-left:0;}
.exhbTtl:before {display:none;}
.exhbPeriod {font-size:1.8rem; font-weight:bold;}

.exhibition:before,
.exhibition:last-child:after,
.schdList > div[style]:before,
.schdList > div[style]:last-child:after {content:""; clear:both; display:block; position:relative; left:-1.6rem; width:calc(100% + 1.6rem); margin:30px 0; border-top:1px rgba(10,0,0,.2) solid;}

@media (min-width:601px){
  .tabs.-schdl {margin-bottom:80px;}
  .schdNav {margin-bottom:80px;}
  .schdList > div {box-sizing:border-box;}
  .schdList > div[style] dt > div:first-child {width:240px; float:left;}
  .evDate {width:240px; box-sizing:border-box; margin-bottom:2rem;}
  .evFlyer {width:240px;}
  .evFlyer img {width:100%;}
  .evTtl:nth-child(n) {width:calc((100% - 280px) * .48); float:left; margin-left:40px;}
  .evDesc {float:right; width:calc((100% - 280px) * .46); margin-bottom:3rem;}
  .evBandPics {margin-left:280px; clear:right;}
  .schdList .evBandPics li {min-height:120px; max-height:150px; height:calc((100vw - 270px - 9.5rem) * .55 / 5);}
  .evTxtBody {clear:both; margin-left:280px;}
}
@media (max-width:600px){
  .schdList .evBandPics li {min-height:50px; height:calc(100vw * .25);}
  #main .schdList .evBandPics li img {height:100%;}
  .schdNav > li.current {font-size:2.7rem;}
  .evFlyer:nth-child(n) {margin:1.5rem auto; text-align:center;}
  .evFlyer img {max-width:300px; max-height:360px;}
  .evDesc {height:auto!important;}
  .evDesc:before {content:""; display:block; width:8px; height:8px; background:rgba(255,255,255,.9); border-radius:50%; margin:1rem auto;}
  .rsvBtn {margin:1rem 0;}
  .evBandPics {margin-top:2rem;}
}


/*----------------------------------------------------------------------------------------------------------------------------------------

  外部ライブラリ等

----------------------------------------------------------------------------------------------------------------------------------------*/


/* --------------- MTページネーション */
.pagination {margin:30px 0; text-align:center;}
.pagination .current_page {display:inline-block; margin:6px 1px; padding:1px 6px; font-weight:bold;}
.pagination .current_page:only-child {display:none;}
.pagination a {display:inline-block; margin:6px 1px; padding:1px 6px; text-decoration:none;}

.pagination.-json ol {display:inline; margin:0; padding:0;}
.pagination.-json li {display:inline-block;}
.pagination.-json .is-current {font-weight:bold;}

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

/* --------------- slick */
/* slider */
.slick-slider {position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-list {position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus {outline:none;}
.slick-list.dragging {cursor:pointer; cursor:hand;}
.slick-slider .slick-track,
.slick-slider .slick-list {-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track {position:relative; top:0; left:0; display:block; margin-left:auto; margin-right:auto;}
.slick-track:before,
.slick-track:after {display:table; content:'';}
.slick-track:after {clear:both;}
.slick-loading .slick-track {visibility:hidden;}
.slick-slide {display:none; float:left; height:100%; min-height:1px;}
[dir='rtl'] .slick-slide {float:right;}
.slick-slide img {display:block;}
.slick-slide.slick-loading img {display:none;}
.slick-slide.dragging img {pointer-events:none;}
.slick-initialized .slick-slide {display:block;}
.slick-loading .slick-slide {visibility:hidden;}
.slick-vertical .slick-slide {display:block; height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden {display:none;}

.slick-loading .slick-list {background:#fff url('../slick/ajax-loader.gif') center center no-repeat;}

/* Icons */
@font-face {font-family:'slick'; font-weight:normal; font-style:normal; src:url('../slick/slick.eot'); src:url('../slick/slick.eot?#iefix') format('embedded-opentype'), url('../slick/slick.woff') format('woff'), url('../slick/slick.ttf') format('truetype'), url('../slick/slick.svg#slick') format('svg');}
/* Arrows */
.slick-prev,
.slick-next {font-size:0; line-height:0; position:absolute; top:50%; display:block; width:20px; height:20px; padding:0; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); cursor:pointer; color:transparent; border:none; outline:none; background:transparent; z-index:100;}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {color:transparent; outline:none; background:transparent;}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {opacity:1;}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {opacity:.25;}

.slick-prev:before,
.slick-next:before {font-family:'slick'; font-size:20px; line-height:1; opacity:.75; color:rgba(100,100,100,.5); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

.slick-prev {left:10px;}
[dir='rtl'] .slick-prev {right:-25px; left:auto;}
.slick-prev:before {content:'←';}
[dir='rtl'] .slick-prev:before {content:'→';}

.slick-next {right:10px;}
[dir='rtl'] .slick-next {right:auto; left:-25px;}
.slick-next:before {content:'→';}
[dir='rtl'] .slick-next:before {content:'←';}

/* Dots */
.slick-dotted.slick-slider {margin-bottom:30px;}
.slick-dots {position:absolute; bottom:-25px; display:block; width:100%; padding:0; margin:0; list-style:none; text-align:center;}
.slick-dots li {position:relative; display:inline-block; width:14px; height:14px; margin:0 5px; padding:0; cursor:pointer;}
.slick-dots li button {font-size:0; line-height:0; display:block; width:20px; height:20px; padding:5px; cursor:pointer; color:transparent; border:0; outline:none; background:transparent;}
.slick-dots li button:hover,
.slick-dots li button:focus {outline:none;}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {opacity:1;}
.slick-dots li button:before {font-family:'slick'; font-size:6px; line-height:20px; position:absolute; top:0; left:0; width:20px; height:20px; content:'•'; text-align:center; opacity:.25; color:black; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.slick-dots li.slick-active button:before {opacity:.75; color:black;}

/* --------------- modaal */
/*! Modaal - accessible modals - v0.4.4 by Humaan, for all humans. http://humaan.com
 */
.modaal-noscroll {overflow:hidden;}
.modaal-accessible-hide {position:absolute !important; clip:rect(1px 1px 1px 1px); /* IE6, IE7 */ clip:rect(1px, 1px, 1px, 1px); padding:0 !important; border:0 !important; height:1px !important; width:1px !important; overflow:hidden;}
.modaal-overlay {position:fixed; top:0; left:0; width:100%; height:100%; z-index:999; opacity:0;}
.modaal-wrapper {display:block; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; overflow:auto; opacity:1; box-sizing:border-box; -webkit-overflow-scrolling:touch; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.modaal-wrapper * {box-sizing:border-box; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-backface-visibility:hidden;}
.modaal-wrapper .modaal-close {border:none; background:transparent; padding:0; -webkit-appearance:none;}
.modaal-wrapper.modaal-start_none {display:none; opacity:1;}
.modaal-wrapper.modaal-start_fade {opacity:0;}
.modaal-wrapper *[tabindex="0"] {outline:none !important;}
.modaal-wrapper.modaal-fullscreen {overflow:hidden;}
.modaal-outer-wrapper {display:table; position:relative; width:100%; height:100%;}
.modaal-fullscreen .modaal-outer-wrapper {display:block;}
.modaal-inner-wrapper {display:table-cell; width:100%; height:100%; position:relative; vertical-align:middle; text-align:center; padding:80px 25px;}
.modaal-fullscreen .modaal-inner-wrapper {padding:0; display:block; vertical-align:top;}
.modaal-container {position:relative; display:inline-block; width:100%; margin:auto; text-align:left; color:#000; max-width:1000px; border-radius:0px; background:#fff; box-shadow:0 4px 15px rgba(0, 0, 0, 0.2); cursor:auto;}
.modaal-container.is_loading {height:100px; width:100px; overflow:hidden;}
.modaal-fullscreen .modaal-container {max-width:none; height:100%; overflow:auto;}
.modaal-close {position:fixed; right:20px; top:20px; color:#fff; cursor:pointer; opacity:1; width:50px; height:50px; background:rgba(0, 0, 0, 0); border-radius:100%; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.modaal-close:focus,
.modaal-close:hover {outline:none; background:#fff;}
.modaal-close:focus:before,
.modaal-close:focus:after,
.modaal-close:hover:before,
.modaal-close:hover:after {background:#b93d0c;}
.modaal-close span {position:absolute !important; clip:rect(1px 1px 1px 1px); /* IE6, IE7 */ clip:rect(1px, 1px, 1px, 1px); padding:0 !important; border:0 !important; height:1px !important; width:1px !important; overflow:hidden;}
.modaal-close:before,
.modaal-close:after {display:block; content:" "; position:absolute; top:14px; left:23px; width:4px; height:22px; border-radius:4px; background:#fff; -webkit-transition:background 0.2s ease-in-out; transition:background 0.2s ease-in-out;}
.modaal-close:before {-webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.modaal-close:after {-webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.modaal-fullscreen .modaal-close {background:#afb7bc; right:10px; top:10px;}
.modaal-content-container {padding:30px;}
.modaal-confirm-wrap {padding:30px 0 0; text-align:center; font-size:0;}
.modaal-confirm-btn {font-size:14px; display:inline-block; margin:0 10px; vertical-align:middle; cursor:pointer; border:none; background:transparent;}
.modaal-confirm-btn.modaal-ok {padding:10px 15px; color:#fff; background:#555; border-radius:3px; -webkit-transition:background 0.2s ease-in-out; transition:background 0.2s ease-in-out;}
.modaal-confirm-btn.modaal-ok:hover {background:#2f2f2f;}
.modaal-confirm-btn.modaal-cancel {text-decoration:underline;}
.modaal-confirm-btn.modaal-cancel:hover {text-decoration:none; color:#2f2f2f;}
.modaal-instagram .modaal-container {width:auto; background:transparent; box-shadow:none !important;}
.modaal-instagram .modaal-content-container {padding:0; background:transparent;}
.modaal-instagram .modaal-content-container > blockquote {width:1px !important; height:1px !important; opacity:0 !important;}
.modaal-instagram iframe {opacity:0; margin:-6px !important; border-radius:0 !important; width:1000px !important; max-width:800px !important; box-shadow:none !important; -webkit-animation:instaReveal 1s linear forwards; animation:instaReveal 1s linear forwards;}
.modaal-image .modaal-inner-wrapper {padding-left:140px; padding-right:140px;}
.modaal-image .modaal-container {width:auto; max-width:100%;}
.modaal-gallery-wrap {position:relative; color:#fff;}
.modaal-gallery-item {display:none;}
.modaal-gallery-item img {display:block;}
.modaal-gallery-item.is_active {display:block;}
.modaal-gallery-label {position:absolute; left:0; width:100%; margin:20px 0 0; font-size:18px; text-align:center; color:#fff;}
.modaal-gallery-label:focus {outline:none;}
.modaal-gallery-control {position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); opacity:1; cursor:pointer; color:#fff; width:50px; height:50px; background:rgba(0, 0, 0, 0); border:none; border-radius:100%; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.modaal-gallery-control.is_hidden {opacity:0; cursor:default;}
.modaal-gallery-control:focus,
.modaal-gallery-control:hover {outline:none; background:#fff;}
.modaal-gallery-control:focus:before,
.modaal-gallery-control:focus:after,
.modaal-gallery-control:hover:before,
.modaal-gallery-control:hover:after {background:#afb7bc;}
.modaal-gallery-control span {position:absolute !important; clip:rect(1px 1px 1px 1px); /* IE6, IE7 */ clip:rect(1px, 1px, 1px, 1px); padding:0 !important; border:0 !important; height:1px !important; width:1px !important; overflow:hidden;}
.modaal-gallery-control:before,
.modaal-gallery-control:after {display:block; content:" "; position:absolute; top:16px; left:25px; width:4px; height:18px; border-radius:4px; background:#fff; -webkit-transition:background 0.2s ease-in-out; transition:background 0.2s ease-in-out;}
.modaal-gallery-control:before {margin:-5px 0 0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.modaal-gallery-control:after {margin:5px 0 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.modaal-gallery-next-inner {left:100%; margin-left:40px;}
.modaal-gallery-next-outer {right:45px;}
.modaal-gallery-prev:before,
.modaal-gallery-prev:after {left:22px;}
.modaal-gallery-prev:before {margin:5px 0 0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.modaal-gallery-prev:after {margin:-5px 0 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.modaal-gallery-prev-inner {right:100%; margin-right:40px;}
.modaal-gallery-prev-outer {left:45px;}
.modaal-video-wrap {margin:auto 50px; position:relative;}
.modaal-video-container {position:relative; padding-bottom:56.25%; height:0; overflow:hidden; max-width:100%; box-shadow:0 0 10px rgba(0, 0, 0, 0.3); background:#000; max-width:1300px; margin-left:auto; margin-right:auto;}
.modaal-video-container iframe,
.modaal-video-container object,
.modaal-video-container embed {position:absolute; top:0; left:0; width:100%; height:100%;}
.modaal-iframe .modaal-content {width:100%; height:100%;}
.modaal-iframe-elem {width:100%; height:100%; display:block;}
.modaal-loading-spinner {background:none; position:absolute; width:200px; height:200px; top:50%; left:50%; margin:-100px 0 0 -100px; -webkit-transform:scale(0.25); -ms-transform:scale(0.25); transform:scale(0.25);}
.modaal-loading-spinner > div {width:24px; height:24px; margin-left:4px; margin-top:4px; position:absolute;}
.modaal-loading-spinner > div > div {width:100%; height:100%; border-radius:15px; background:#fff;}
.modaal-loading-spinner > div:nth-of-type(1) > div {-webkit-animation:modaal-loading-spinner 1s linear infinite; animation:modaal-loading-spinner 1s linear infinite; -webkit-animation-delay:0s; animation-delay:0s;}
.modaal-loading-spinner > div:nth-of-type(2) > div,
.modaal-loading-spinner > div:nth-of-type(3) > div {-ms-animation:modaal-loading-spinner 1s linear infinite; -moz-animation:modaal-loading-spinner 1s linear infinite; -webkit-animation:modaal-loading-spinner 1s linear infinite; -o-animation:modaal-loading-spinner 1s linear infinite;}
.modaal-loading-spinner > div:nth-of-type(1) {-ms-transform:translate(84px, 84px) rotate(45deg) translate(70px, 0); -webkit-transform:translate(84px, 84px) rotate(45deg) translate(70px, 0); transform:translate(84px, 84px) rotate(45deg) translate(70px, 0);}
.modaal-loading-spinner > div:nth-of-type(2) > div {-webkit-animation:modaal-loading-spinner 1s linear infinite; animation:modaal-loading-spinner 1s linear infinite; -webkit-animation-delay:.12s; animation-delay:.12s;}
.modaal-loading-spinner > div:nth-of-type(2) {-ms-transform:translate(84px, 84px) rotate(90deg) translate(70px, 0); -webkit-transform:translate(84px, 84px) rotate(90deg) translate(70px, 0); transform:translate(84px, 84px) rotate(90deg) translate(70px, 0);}
.modaal-loading-spinner > div:nth-of-type(3) > div {-webkit-animation:modaal-loading-spinner 1s linear infinite; animation:modaal-loading-spinner 1s linear infinite; -webkit-animation-delay:.25s; animation-delay:.25s;}
.modaal-loading-spinner > div:nth-of-type(4) > div,
.modaal-loading-spinner > div:nth-of-type(5) > div {-ms-animation:modaal-loading-spinner 1s linear infinite; -moz-animation:modaal-loading-spinner 1s linear infinite; -webkit-animation:modaal-loading-spinner 1s linear infinite; -o-animation:modaal-loading-spinner 1s linear infinite;}
.modaal-loading-spinner > div:nth-of-type(3) {-ms-transform:translate(84px, 84px) rotate(135deg) translate(70px, 0); -webkit-transform:translate(84px, 84px) rotate(135deg) translate(70px, 0); transform:translate(84px, 84px) rotate(135deg) translate(70px, 0);}
.modaal-loading-spinner > div:nth-of-type(4) > div {-webkit-animation:modaal-loading-spinner 1s linear infinite; animation:modaal-loading-spinner 1s linear infinite; -webkit-animation-delay:.37s; animation-delay:.37s;}
.modaal-loading-spinner > div:nth-of-type(4) {-ms-transform:translate(84px, 84px) rotate(180deg) translate(70px, 0); -webkit-transform:translate(84px, 84px) rotate(180deg) translate(70px, 0); transform:translate(84px, 84px) rotate(180deg) translate(70px, 0);}
.modaal-loading-spinner > div:nth-of-type(5) > div {-webkit-animation:modaal-loading-spinner 1s linear infinite; animation:modaal-loading-spinner 1s linear infinite; -webkit-animation-delay:.5s; animation-delay:.5s;}
.modaal-loading-spinner > div:nth-of-type(6) > div,
.modaal-loading-spinner > div:nth-of-type(7) > div {-ms-animation:modaal-loading-spinner 1s linear infinite; -moz-animation:modaal-loading-spinner 1s linear infinite; -webkit-animation:modaal-loading-spinner 1s linear infinite; -o-animation:modaal-loading-spinner 1s linear infinite;}
.modaal-loading-spinner > div:nth-of-type(5) {-ms-transform:translate(84px, 84px) rotate(225deg) translate(70px, 0); -webkit-transform:translate(84px, 84px) rotate(225deg) translate(70px, 0); transform:translate(84px, 84px) rotate(225deg) translate(70px, 0);}
.modaal-loading-spinner > div:nth-of-type(6) > div {-webkit-animation:modaal-loading-spinner 1s linear infinite; animation:modaal-loading-spinner 1s linear infinite; -webkit-animation-delay:.62s; animation-delay:.62s;}
.modaal-loading-spinner > div:nth-of-type(6) {-ms-transform:translate(84px, 84px) rotate(270deg) translate(70px, 0); -webkit-transform:translate(84px, 84px) rotate(270deg) translate(70px, 0); transform:translate(84px, 84px) rotate(270deg) translate(70px, 0);}
.modaal-loading-spinner > div:nth-of-type(7) > div {-webkit-animation:modaal-loading-spinner 1s linear infinite; animation:modaal-loading-spinner 1s linear infinite; -webkit-animation-delay:.75s; animation-delay:.75s;}
.modaal-loading-spinner > div:nth-of-type(7) {-ms-transform:translate(84px, 84px) rotate(315deg) translate(70px, 0); -webkit-transform:translate(84px, 84px) rotate(315deg) translate(70px, 0); transform:translate(84px, 84px) rotate(315deg) translate(70px, 0);}
.modaal-loading-spinner > div:nth-of-type(8) > div {-webkit-animation:modaal-loading-spinner 1s linear infinite; animation:modaal-loading-spinner 1s linear infinite; -webkit-animation-delay:.87s; animation-delay:.87s;}
.modaal-loading-spinner > div:nth-of-type(8) {-ms-transform:translate(84px, 84px) rotate(360deg) translate(70px, 0); -webkit-transform:translate(84px, 84px) rotate(360deg) translate(70px, 0); transform:translate(84px, 84px) rotate(360deg) translate(70px, 0);}
@media only screen and (min-width:1400px) {
  .modaal-video-container {padding-bottom:0; height:731px;}
}
@media only screen and (max-width:1140px) {
  .modaal-image .modaal-inner-wrapper {padding-left:25px; padding-right:25px;}
  .modaal-gallery-control {top:auto; bottom:20px; -webkit-transform:none; -ms-transform:none; transform:none; background:rgba(0, 0, 0, 0.7);}
  .modaal-gallery-control:before,
  .modaal-gallery-control:after {background:#fff;}
  .modaal-gallery-next {left:auto; right:20px;}
  .modaal-gallery-prev {left:20px; right:auto;}
}
@media screen and (max-width:900px) {.modaal-instagram iframe {width:500px !important;}}
@media only screen and (max-width:600px) {.modaal-instagram iframe {width:280px !important;}}
@media screen and (max-height:1100px) {.modaal-instagram iframe {width:700px !important;}}
@media screen and (max-height:1000px) {
  .modaal-inner-wrapper {padding-top:60px; padding-bottom:60px;}
  .modaal-instagram iframe {width:600px !important;}
}
@media screen and (max-height:900px) {
  .modaal-instagram iframe {width:500px !important;}
  .modaal-video-container {max-width:900px; max-height:510px;}
}
@media only screen and (max-height:820px) {.modaal-gallery-label {display:none;}}
@keyframes instaReveal {
  0% {opacity:0;}
  100% {opacity:1;}
}
@-webkit-keyframes instaReveal {
  0% {opacity:0;}
  100% {opacity:1;}
}
@-webkit-keyframes modaal-loading-spinner {
  0% {opacity:1; -ms-transform:scale(1.5); -webkit-transform:scale(1.5); transform:scale(1.5);}
  100% {opacity:.1; -ms-transform:scale(1); -webkit-transform:scale(1); transform:scale(1);}
}
@keyframes modaal-loading-spinner {
  0% {opacity:1; -ms-transform:scale(1.5); -webkit-transform:scale(1.5); transform:scale(1.5);}
  100% {opacity:.1; -ms-transform:scale(1); -webkit-transform:scale(1); transform:scale(1);}
}