@charset "UTF-8";
/*
Theme Name: モナカ
Description: モナカ用テンプレート
Author:なるほ堂
*/


/****************************************

          基本要素

*****************************************/
html { box-sizing: border-box;} 
*{margin:0;padding: 0;}
*, *:before, *:after {box-sizing: border-box;}
figure {margin-bottom: 0}

img  {display: block;max-width: 100%;height: auto}
.txt img  {}
html,body{-webkit-font-smoothing: subpixel-antialiased;height: 100%}
.palt{font-feature-settings: "palt";}
.non-letter-spacing {letter-spacing: 0 !important}

/* スマホを横向きにした際に、勝手にフォントが大きくなるのを防ぐ */
body {-webkit-text-size-adjust: 100%;}
.red {color: #C93935;}

/* 文字基本 */
body {color: #383958;
    text-align:left; 
    line-height: 1.7;  
    font-family: 'Hiragino Kaku Gothic ProN','Hiragino Sans',Meiryo,sans-serif;
    overflow-wrap: break-word;
    word-break: normal;
    -webkit-text-size-adjust: 100%;}

/* フォント */
.mincho {font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;font-weight: 500;}
.gothic {font-family: 'Hiragino Kaku Gothic ProN','Hiragino Sans',Meiryo,sans-serif;}
.yugothic{font-family: "Yu Gothic",YuGothic,"游ゴシック体 ミディアム",HiraKakuProN-W3,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro W3",Meiryo,"メイリオ","ＭＳ ゴシック",sans-serif;}
.zen {font-family: 'Zen Maru Gothic', sans-serif;font-weight: 700;}
.normal {font-weight: normal !important;}
p.first-letter::first-letter {
  font-size: 2.5em;font-weight: bold;
  float: left;line-height: 1.5;
  padding-right:7px;
}
 
p.first-letter {
  clear: both;
  margin-bottom: 10px;
}
.wp-block-separator {margin-top: 1.5em;border: 0px solid !important;height: 1px;background: #9596ac;}
.wp-block-separator+p {margin-top: 1.5em;}

/* ノーテキスト処理 */
.no-text {display: block;text-indent:100%;white-space:nowrap;overflow:hidden;}

/* フロート */
.clearfix:after {display: block;visibility: hidden;clear: both;height: 0;content: " ";font-size: 0;}

/* リンク */
a {outline:none;text-decoration:none;color:#383958;transition: all 0.1s linear;}
a img   {border-style:none;}
a:focus {outline:none;} 
a:hover {cursor:pointer;}
a:hover,.trance {transition: all 0.1s linear;}

/* テーブル */
table {border-collapse:collapse;border-spacing: 0}
table td{vertical-align:top;}

/* リスト */
li {list-style-type: none;}

/* テキスト */
strong ,b {font-weight: bold;}

.txt a {border-bottom: 1px solid;padding-bottom: 1px;}
.txt a:hover {color:#C93935;}
.txt {font-size: 1.4rem;line-height:1.8;}
.txt p {margin-bottom: 0;}
.txt p+p,.txt ul+p,.txt ol+p,.txt blockquote+p,.txt blockquote+blockquote {margin-top: 1.5em;}
.txt p+iframe,.txt iframe+iframe {margin-top: 1.5em !important;}
.txt p+figure,.txt ol+figure,.txt ul+figure,.txt figure+figure,.txt figure+p  {margin-top: 1.5em;}
.txt .iframe_wrap {overflow: auto;}
.txt p+p.nohead {margin-top:0;}
.txt figure.has_figcaption+figure {margin-top: 1.5em;}
body.single .txt p.button_border {margin-top: .5em;}
body.single .txt p.button_border+p.button_border {margin-top: 1.5em;}
.txt blockquote.company {border: 0px solid #ddd;padding: 1.0em 1.5em 1.0em 1.5em;margin-top: 2em;background:#e6e6ee;display: inline-block;}
.txt blockquote.company::after {display: block;visibility: hidden;clear: both;height: 0;content: " ";font-size: 0;}
.txt blockquote,.txt blockquote a {color: #2f4b65;}
.txt blockquote.full {display:block;}

/* 見出しの基本 */
.txt h2,.txt h3,.txt h4,.txt h5 {display: inline-block;width: 100%;line-height: 1.5}/* マージンの相殺を防ぐために「inline-block」に */
.txt h2 {font-size: 1.45em;margin-top:1.6em;padding: 1em 0 9px 0px;margin-bottom: .6em;font-weight: bold;border-bottom: 5px solid #bfbfbf;position: relative;color: #383958;}
.txt h2:after {position: absolute;bottom: -5px;left: 0;width: 10%;height: 5px;content: "";background:#383958;}
.txt h2.red {color: #C93935;}
.txt h2.red:after {background:#C93935;}
.txt h2.logo:before,h2 ul.pict li .wrap:before{content: "";width:29px;height:29px;display:block;background-position: center;background-repeat: no-repeat;margin-right: 6px;}
h2.logo ul.add li {list-style: none;}

.txt h2.logo{display: inline-flex;align-items: center;font-size: 1.3em;flex-wrap:wrap;font-family: 'Zen Maru Gothic', sans-serif;}
.txt h2.logo small {font-size: 1.2rem;}
.txt h2.logo span.wrap small {font-size: 1.1rem;margin-top: 0;}

.txt h3 {font-size: 1.2em;margin-top:2.5em;padding: .33em 0 .2em .66em;border-left: 5px solid #bfbfbf;margin-bottom: .75em;font-weight: bold;line-height: 1.6;}
.txt h4 {font-size: 1.1em;margin-top: 2em;font-weight: bold;display: flex;align-items: center;margin-bottom: .3em;}
.txt h5 {font-size: 1em;margin-top: 2em;font-weight: bold;display: flex;align-items: center;margin-bottom: .3em;}
.txt h3.narrow {;} /* 狭い間隔なし */
.txt h3.wide {margin-top:3.5em;} /* 広い間隔 */
.txt h3.bg {background: #ececec;
font-size: 1.5em;
font-family: 'Zen Maru Gothic', sans-serif;
padding-bottom: .4em;margin-bottom: .5em;line-height: 1.5;
}

main.shopnews .txt h2.mini  {font-size: 1.3em;margin-top: 1.5em;border-bottom: 2px solid #bfbfbf;}
main.shopnews .txt h2.mini:after {bottom: -2px;height: 2px;}
main.shopnews .txt h2.mini small {font-size: .8em}
main.shopnews .txt h2.nohead  {margin-top: 0;padding-top: 0.5em;}
main.shopnews .txt h3.nohead  {margin-top: 0.5em;}
.txt h3.mini  {font-size: 1em}
main.shopnews .txt h3 small {font-size: 1.2rem;} 


.txt h5:before {content: "";
width: 6px;
height: 6px;
display: block;
margin-right:5px;
border-radius: 50%;
position: relative;
background: #383958;
margin-left: 6px;;}

/* 連続する見出し */
.txt h2+h3 {margin-top: .5em;}
.txt h2+h4,.txt h2+h5 {margin-top: 0.1em;}
.txt h3+h4,.txt h3+h5 {margin-top: 0.2em;}
.txt h4+h5 {margin-top: 0;}

.txt h2+blockquote ,.txt h3+blockquote,.txt h4+blockquote,.txt h5+blockquote ,.txt h2+ul ,.txt h3+ul,.txt h4+ul,.txt h5+ul,.txt h2+ol,.txt h3+ol,.txt h4+ol,.txt h5+ol {margin-top: 0;}

.txt figure+h2 {}
.txt figure+h3 {margin-top: 2.5em;}

/* 記事の先頭ではマージンを削除 */
.txt h2:first-child,.txt h4:first-child,.txt h5:first-child {margin-top: 0em;padding-top: 0;}
.txt h3:first-child {margin-top: 0em;}

.txt .no-space+ul {margin-top: 0;}

/* 見出しの基本（一般投稿　※タイトルが小さいのでそれに合わせる） */
.single-post h2 {font-size: 1.45em;}
.single-post h3 {font-size: 1.3em;}

.txt figure+small,.txt figure+p.has-small-font-size{margin-top: 6px;}

/* 画像キャプション */
.txt figure img+figcaption ,.txt figure a.has_img+figcaption,a.colorbox+figcaption ,.wp-element-caption {font-size: 1.1rem;display:flex;margin-bottom: 0;margin-top: .75em;align-items: center;line-height: 1.5}
.txt figure img+figcaption:before,.txt figure a.has_img+figcaption:before,a.colorbox+figcaption:before ,.txt figure .wp-element-caption:before {content: "▲";display: inline-block;padding: 0 .25em 0 .5em;font-size: 1rem;transform: scale(1, 2);position: relative;}

/* テーブル付属、テーブル内包、iframeキャプション */
.txt figure table+figcaption,.txt figure+p.figcaption,.txt figure iframe+figcaption  {font-size: .9em;display: inline-block;margin-top: .75em;line-height: 1.7;}

.txt .has_figcaption+p {margin-top:1em}

.txt a img {display: inline-block;transition: all 0.2s linear;}
.txt a img:hover {opacity:.8;}
.txt a.has_img {position: relative;
display:inline-block;/* display:blockにすると三角装飾がズレる */
border: none;
padding-bottom: 0;}
.txt a.has_img:after {border-style: solid;content: "";display: block;position: absolute;
border-width: 0 16px 16px 0;
border-color: transparent #C93935 transparent transparent;position: absolute;top: 0;right: 0;}


.txt small {font-size:.9em;display: block;line-height: 1.6;margin-top: 1px;}
.txt small.inline {display: inline;margin-top: 0;}
.txt .has-small-font-size {font-size: .8em !important;display: block;line-height: 1.8;}
.txt h2 small.pre {display: block;font-size: .75em}
.txt h2.mega {font-size: 2.5rem;}
.txt ul,.txt ol {padding: 0 0 0 3.3em;margin-top: .2em;}
.txt ul.margin-off,.txt ol.margin-off {margin-top:0;}
.txt li {list-style: disc;}
.txt ul li li {list-style-type: circle}
.txt ol li {list-style: decimal;}
.txt ul.horizon {display: flex;padding: 0;flex-wrap: wrap;}
.txt ul.horizon li {list-style: none;margin-right: 1.5em;}
.txt ul.horizon li:before {content: "";width: 5px;height: 5px;background: #383958;display: inline-block;margin-right: 9px;border-radius: 50%;position: relative;top: -2px;}
.txt ul.horizon+p {margin-top: 0;}
.txt h2+p+h3 {margin-top: 1em;}
.txt h3+h3,.txt h2+h2{margin-top: 0;}
.txt ul.non {padding: 0;}
.txt ul.non li {list-style:none;}
.txt .wp-lightbox-container:after {content: "";
height: 24px;
width: 24px;
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.6) url(i/icon/f/zoom.svg);
background-position: center;
background-size: 14px;
background-repeat: no-repeat;}
.txt h3.small {font-size: 1.4rem;}
.txt sup {font-size: 70%;vertical-align: super;}

/* カラーマーカー */
span.marker {font-weight: bold;background: linear-gradient(transparent 60%,#ffcccc 0%);margin: 0 .5em;}
span.marker+span.marker {margin-left: 0.5em}

h3 span.marker {margin: 0 .5em 0 0;}
body .material-icons {font-size: inherit;}

/* ボタン（下線付き） */
.button_border a {position: relative;font-family: 'Zen Maru Gothic', sans-serif;font-weight: 700;letter-spacing: .025em;background:#474759;color: #fff;top: 0;padding: 6px 20px;display:inline-block;font-size: 1.4rem;border-bottom: none ;text-align: center;}
article.panel .button_border a {float:right;background: #fff;color: #C93935 ;}

.button_border a:after {content: "";height: 5px;width: 100%;bottom: -5px;position: absolute;border-bottom:1px solid #383958;left: 0;}
article.panel .button_border a:after {border-bottom:1px solid #fff ;}

.button_border a:hover {top: 5px;color: #fff;} 
.button_border a:hover:after {border-bottom:1px solid rgba(0, 0, 0, 0) !important}

.txt .button_wrap.button_border {padding: 9px 15px 15px;border: 1px solid;display: inline-block;font-size: 1.2rem;max-width: 500px;width: 100%;}
.txt .button_wrap.button_border a {margin-top: 6px;}
.txt .button_border a {max-width: 530px;width: 100%;}



/* :::: 白文字（背景カラーあり） :::: */


/* 点滅 */
.blinking {animation:blink 1.5s ease-in-out infinite alternate;}
.new.blinking {animation: furufuru 2.2s infinite;}
.new.blinking:after {content:"/// NEW ///";color: #C93935;}
.pagetitle .new.blinking,section.two_column aside .new.blinking {margin-left: 6px;animation:none;}
.news_date {display: flex;align-items: center;line-height: 1.4;font-size: 1.1rem;letter-spacing: .05em;}
.news_line a .new.blinking  {margin-right: 12px;font-family: arial narrow;}
@keyframes blink{
	0% {opacity:0;}
    100% {opacity:1;}
}

/* 回転 */
.spin {animation: spin 1.0s linear infinite;}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

/* バウンド */
.bound {}


@keyframes bound {
    0% {bottom: 10px;}
    70% {bottom: 50px;}
    100% {bottom: 10px;}
}


.template {position: fixed;bottom: 0;font-size: 1rem;left: 9px;color: #aaa;z-index: 200;}

/* アニメーションCSS*/

@keyframes furufuru {
    0% {
        transform: translate(0px, 0px) rotateZ(0deg)
    }
    2% {
        transform: translate(2px, 2px) rotateZ(2deg)
    }
    4% {
        transform: translate(0px, 2px) rotateZ(0deg)
    }
    6% {
        transform: translate(2px, 0px) rotateZ(-2deg)
    }
    8% {
        transform: translate(0px, 0px) rotateZ(0deg)
    }
    10% {
        transform: translate(2px, 2px) rotateZ(2deg)
    }
    12% {
        transform: translate(0px, 0px) rotateZ(0deg)
    }
    14% {
        transform: translate(2px, 0px) rotateZ(-2deg)
    }
    16% {
        transform: translate(0px, 2px) rotateZ(0deg)
    }
    18% {
        transform: translate(0px, 0px) rotateZ(0deg)
    }
    100% {
        transform: translate(0px, 0px) rotateZ(0deg)
    }
}

/* fadeUp */

.fadeUp{
animation-name:fadeUpAnime;
animation-duration:.75s;
animation-fill-mode:forwards;
opacity:0;
}
main.data .fadeUp {animation-name:none;opacity:1;}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(150px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}


/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 
.fadeUpTrigger{
    opacity: 0;
}

/* /// リダイレクト /// */
body.shopnews-template-single-redirect header,body.shopnews-template-single-redirect footer {display: none;}
footer.redirect {background:none;}
/****************************************

オリジナルCSSからの採用分

*****************************************/
/* -- input,select,textarea -- */
input,select,textarea,label {-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;outline:0;line-height: 1.5;}
select {max-width: 100%;padding: 12px;background:#fff url(./i/icon/select-arrow.gif) center right 10px no-repeat;border: 1px solid #ccc;font-size: 1.3rem;}
textarea {width: 100%;border: 1px solid #ccc;padding: 6px;}
iframe {vertical-align: bottom;}
img {vertical-align: bottom;}
*:focus {outline: none;}

/* -- ボタン類の体裁 -- */
input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="search"],input[type="url"] {padding: .5em;border: 1px solid #ccc;width: 100%;max-width: 600px;}
input[type="button"],input[type="submit"],input[type="reset"]  {display: inline-block;padding: 0 1.5em;background-color:#C93935;border: none;transition: .2s ease all;letter-spacing: 1px;text-align: center;font-size: 1.3rem;width: auto;height: 40px;line-height: 40px;min-width: 200px;top: 0;position: relative;font-weight: bold;box-shadow: 0 4px 0 rgba(0, 0, 0, 0.25);color: #fff;margin-right: 9px;}
input[name="upButton"] ,input#search_zipcode {padding: 1px .7em 0 1em;letter-spacing: 3px;background-color:#474759;height: 26px;}
input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover {background-color:#474759 !important;cursor: pointer;box-shadow: 0 4px 0 rgba(0, 0, 0, 0);top:4px;}
input.delButton{}
input.delButton:hover {}
input[type="checkbox"] {border: 1px solid #ccc;-webkit-appearance: checkbox;-moz-appearance: checkbox;appearance: checkbox;}
input[type="radio"] { border: 1px solid #bbb;-webkit-appearance: radio;-moz-appearance: radio;appearance: radio;margin-right: .5em;}
input[type="file"] {border: none;}




/****************************************

font-size 

*****************************************/
html { font-size: 62.5%;background:#fffcf6;} /* 1emが10px */
body {font-size:15px;font-size: 1.5rem;letter-spacing:.008em;}



/****************************************

レイアウト

*****************************************/

main {display: block;}

article {display: block;position: relative;width: 100%;padding: 0 30px;}
header {display: block;position: relative;width: 100%;}
article>section,footer>section {max-width: 1160px;margin: 0 auto;}

main.flont-page article {padding-top: calc(40px + 3vw);padding-bottom: calc(60px + 8vw);}
main.flont-page article.information {padding-bottom: 50px;}
main.flont-page article#sns {padding-bottom: calc(20px + 8vw);}
main.flont-page article.mason {padding-bottom:6vw;}
main.flont-page article+article {padding-top: 0;}
main.flont-page article.fullwide {padding: 0;}
main.flont-page article:last-child {padding-bottom: calc(60px + 4vw);} 
article.mason>section {;}
article.mason>section.masonry {display: flex;flex-wrap: wrap;justify-content: space-between;}
article.mason>section.no_mason,article.mason>section.masonry p.sorry  {;}


article.mason .item {margin: 0 0 calc(10px + 2vw);}

/* :::: masonサイズ :::: */
article.mason.masonry4 .item {width: calc(25% - 22.5px);}
article.mason.masonry2 .item {width: calc(50% - 15px);}
article.mason .item {width: calc(33.33% - 20px);}


@media screen and (max-width: 1080px) {
    article.mason.masonry4 .item {width: calc(33.33% - 20px);}
}

@media screen and (max-width: 840px) {
    article.mason .item,article.mason.masonry4 .item ,article.mason.masonry2 .item{width: calc(50% - 15px);}
}

@media screen and (max-width:720px) {

    article.mason .item,article.mason.masonry4 .item ,article.mason.masonry2 .item{width: calc(50% - 9px);}

}
@media screen and (max-width: 560px) {
    article.mason .item,article.mason.masonry4 .item {width: 100%;} 
    article.mason.masonry2 .item {width:100%;}
}


article.mason .item.dammy {margin: 0 !important;height: 0 !important;padding: 0 !important;}
article.mason.panel .item {margin: 0;}
article>section.wide {max-width: 1420px;}
article.mason>section.wide {max-width: 1440px;}
article section.single_column  {max-width: 920px;}
article section.narrow {max-width: 780px;}
article.list_double section {max-width: 880px;}
article.full {position: relative;}
article.full .lead {background-position: 12px center;background-repeat: no-repeat;background-image:;left: 0;display: inline-block;font-weight: bold;letter-spacing: .1em;background-color:rgba(222, 195, 176, 1);padding: 0 12px 0 12px;position: absolute;top: 0;font-size: 1.3rem;height: 46px;line-height: 46px;display: flex;}

body.home article.mason .item.top_hide ,body.home article.mason .item.top_hide2 {display: none;}

article section.single_column ,article section.two_column {padding: 0 30px;}

body.archive main p.sorry:after {content: "該当する記事はありません";font-size: 1.3rem;}
body.archive main .news_line p.sorry {margin-top: 32px;}

article.mason .item div.wrap span.sticky {display: none;
position: absolute;
top: 14px;
left: -9px;
height: 22px;
padding: 0 12px;
background: #C93935;
color: #fff;
font-weight: bold;
line-height: 22px;
font-size: 1.1rem;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
article.mason .item div.wrap span.sticky:after {font-family: Material Icons Sharp;
content: "\f10d";
font-size: 1.4rem;
line-height: 1;
top: 4px;
position: relative;
color: #fff;
font-weight: normal;}
article.mason .item.sticky div.wrap span.sticky {display: block;}
article.mason .item div.wrap span.new+span.sticky {top:40px;}
/****************************************

サイトマップ

*****************************************/
main.sitemap {font-size: 1.3rem;line-height: 2;font-family: 'Zen Maru Gothic', sans-serif;font-weight: 700;}
main.sitemap .item {width: 50%;}


main.sitemap .item h2 {font-size: 1.1em;line-height: 1.4;font-weight: 700;;}
main.sitemap .item h3 {line-height: 1.4;font-weight: 700;}
main.sitemap .item h2,main.sitemap .item h3 {margin-top: 12px;}
main.sitemap .item ul li:first-child h2 ,main.sitemap .item ul ul li:first-child h3  {margin-top: 0;}
main.sitemap .count {font-size: 1.1rem;}
main.sitemap .item ul {padding: 0 0 0 1.8em}
main.sitemap ul li {list-style:square ;}
main.sitemap ul li ul {padding: 0 0 0 20px;}
main.sitemap ul li ul li {list-style:disc;}
main.sitemap ul li ul li ul li {list-style:circle;}
main.sitemap .ready {font-size: 1.1rem;color: #965d5d;margin-left: .5em;}

main.sitemap a {display: inline-flex;align-items: center;line-height: 1.4;}
main.sitemap span.wrap small {margin-right: .5em;}
main.sitemap a:after {content: "\e5df";
font-family: Material Icons Sharp;
margin-left: auto;
transition: all 0.1s linear;
font-size: 1em;
line-height: 1;color: #C93935;
}
main.sitemap a:hover {opacity: .8}
main.sitemap h3 .description {margin-left: 1em;}
main.sitemap .dammy {opacity: .5;}
/****************************************

フッター　（サイズ変更の際はMAINのmin-heightを変更）

*****************************************/

/* ::::  :::: */


/* ページ推移 */
.opening  {width: 100%;height: 100%;position: fixed;z-index: 800;left: 0;background:#fffcf6;top: 0;}
.opening .loading {width: 100%;height: 100%;}

.opening #skip {display: none;position: fixed;bottom: 14px;right: 9px;z-index: 602;}
.opening #skip a {display: flex;align-items: center;font-family: 'Zen Maru Gothic', sans-serif;font-weight: 700;}
.opening #skip figure {height: 20px;margin-left: 5px;}
.opening #skip figure img {height: 100%;width: auto}

.opening .loading {position: relative;background-repeat: no-repeat;display: flex;align-items: center;justify-content:center}
.opening .loading picture {width: 120px;display:none;}
.opening .loading picture {
-webkit-animation: zoomcopy .3s;
animation: zoomcopy .3s;
animation-iteration-count:3;
}

    @keyframes zoomcopy {
  0% {
    transform: scale(1);
    -webkit-transform: scale( 1 );  /* Chrome,Safari */
  }

 50% {
    transform: scale(1.05);
     -webkit-transform: scale( 1.05 );  /* Chrome,Safari */
  }

  100% {
    transform: scale(1);
    -webkit-transform: scale( 1 );  /* Chrome,Safari */
  }
}

.opening .loading svg {width: 100%;}
.progbar{
    width:100%;
    height:4px;
    background-color:#ececec;
    position:fixed;bottom: 0px;
    border-radius:2px;
    overflow: hidden;
}
.progbar .bar{
    position:absolute;
    height:100%;
    background-color:#C93935;
    animation: progress 2.0s normal;
    animation-fill-mode: forwards;
}
@keyframes progress {
    0% {width: 0}
    100% {width: 100%}
}


/****************************************
Slick（トップページ）
*****************************************/
#slick {padding: 0;width: 100%;position: relative;z-index: 210}
#slick>* {background:#C93935;color: #fff;font-size: 2.6rem;font-family: 'Zen Maru Gothic', sans-serif;font-weight: 700;}
#slick .item>* {position: relative;display: block;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;height: 100%;padding: 24px 18px;color: #fff;}
.slick-slide {display: inline;}
#slick .item {width: 100%;}
#slick .item a:after  {border-style: solid;border-width: 0 9px 9px 0;border-color: transparent #fff transparent transparent;position: absolute;content: "";transition: all 0.2s linear;right: 9px;top: 9px;}
#slick .item a:hover {opacity: .8;}
#slick .item a:hover:after {}
#slick .item .box_wrap,#slick .item .floor {padding:0 .33em 0 0;display: inline-block;}
#slick .item .floor {}
#slick .item .box_wrap span,#slick .item .floor span {background:#fff;color: #C93935;display: inline-block;text-align: center;padding: 0 .25em;}
#slick .item .floor span { border-radius: 6px;padding: 0 .33em;}
#slick .item .floor+span {position: relative;top: -2px}




/*===========
.loop-
===========*/
#slick #loop_text {display: none;}
#slick .loop-wrap {
  display: flex;
  align-items: center;
  overflow: hidden;
}
#slick .loop-area {
  display: flex;
  animation: loop-slide 30s infinite linear 1s both;
  list-style: none;
  margin: 0;
  padding: 0;
}

#slick .loop-area .item {padding: 0 10vw;border-left: 1px solid #cb4a4a}


@keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

/****************************************
Swiper（トップページ）
*****************************************/
.swiper-wrapper {position: relative;}
.swiper-pagination.swiper-pagination-bullets {bottom:-60px;display: flex;justify-content: center;align-items: center;height: 60px;}
.swiper-pagination-bullet {opacity: 1;background:#cfcfcf;display: flex;width: 8px;height: 8px;justify-content: center;align-items: center;color: #fff;transition: all 0.2s linear;margin: 0 5px !important}
.swiper-pagination-bullet-active {animation: rotate-anime 6s linear infinite;background:#C93935;cursor:default;width: 8px;height: 8px;position: relative;transition: all 0.2s linear;border-radius: 0;}
@keyframes rotate-anime {
  0%  {transform: rotate(0);}
  100%  {transform: rotate(360deg);}
}

.swiper-pagination-bullet .num {display: none;letter-spacing: 0;font-weight: 700;font-size: 1.3rem;font-family: arial black;}
.swiper-pagination-bullet-active .num {display: none;}

.swiper-slide {overflow: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;background: #fff !important;position: relative;}


.swiper-pagination-bullet:hover {background: #C93935;transition: all 0.2s linear;}
.swiper-pagination-fraction {font-family: 'Zen Maru Gothic', sans-serif;
font-size: 1.3rem;
font-weight: 700;
position: absolute;
z-index: 100;
top: 8px;
bottom: auto;
width: auto;
left: 6px;
color: #fff;
background:#404040;
padding: 0 12px;
height: 24px;
line-height: 24px;
border-radius: 12px;}
.swiper-pagination-fraction .swiper-pagination-current {}

/* PC版 */
#swiper_area{padding-bottom: 100px;overflow: hidden;}
#swiper {width: 100%;height:auto;overflow: visible;max-width: 1200px;}
#swiper .swiper-wrapper {overflow: hidden;}

/* スマート版は背景画像 */
#swiper_smart_area {padding: 0;display: none;position: relative;}
#swiper_smart {width: 100%;z-index: 210;padding: 0;min-height: 600px;}
#swiper_smart .slide-img {background-size: cover;background-position: center center; height:100%;}
#swiper_smart .slide-img.top {background-position: top center;}
#swiper_smart .slide-img.bottom {background-position: bottom center;}
#swiper_smart_area:after {}

@keyframes zoomUp {
  0% {
    transform: scale(1);
    -webkit-transform: scale( 1 );  /* Chrome,Safari */
  }

  100% {
    transform: scale(1.1);
     -webkit-transform: scale( 1.1 );  /* Chrome,Safari */
  }
}
.swiper-slide-active .swiper-img.zoom,
.swiper-slide-duplicate-active .swiper-img.zoom,
.swiper-slide-prev .swiper-img {
    -webkit-animation: zoomUp 12s ;
    animation: zoomUp 12s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.swiper-caption {position: absolute;
z-index: 12;
top: 10px;
left: 10px;
font-size: 1.1rem;
color: #fff;
background:#474759;
padding: 4px 9px 6px 11px;
text-align: center;
line-height: 1.3;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 700;
transition: all 0.2s linear;
min-width: 120px;
letter-spacing: .25em;}
a .swiper-caption {background:#C93935;}

#swiper a {flex-direction: column;align-items: center;display: flex;}
#swiper a .swiper-caption:after {content: "";height: 1px;position: absolute;bottom: -4px;width: 100%;background:#C93935;transition: all 0.1s linear;}
#swiper a .swiper-caption{flex-direction: column;align-items: center;display: flex;}
#swiper a .swiper-caption small {margin-bottom: 2px;font-size: 1rem;}
#swiper a:hover .swiper-caption {transition: all 0.1s linear;margin-top: 5px;}
#swiper a:hover .swiper-caption:after {width: 0;transition: all 0.2s linear;}


.swiper-slide-active .swiper-caption {animation-name: fade-in;animation-duration: 2s;animation-delay: .1s;animation-fill-mode: both;}
@keyframes fade-in {
    from {
        opacity: 0;
        transform: translateY(100px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.swiper-button-prev::after,.swiper-button-next::after {content: "";}
.swiper-button-prev,.swiper-button-next {background-image: none;}
.swiper .arrow  {width: 22px;height: 20px;}
.swiper .arrow svg {width: 13px;
height: 20px;
position: absolute;
display: block;transition: all 0.1s linear;}
.swiper .arrow svg.left { transform: scale(-1, 1);}
.swiper .arrow svg path {fill:#cfcfcf;transition: all 0.1s linear;;}
.swiper .swiper-button-prev.arrow {left: -30px;}
.swiper .swiper-button-next.arrow {right:-30px;}
.swiper .arrow:hover svg path {fill:#C93935;transition: all 0.1s linear}
.swiper .arrow:hover svg {transition: all 0.1s linear;}
.swiper .arrow svg.left  {left: 8px;}
.swiper .arrow svg.right {right:8px}  
.swiper .arrow:hover svg.left  {left: 3px;}
.swiper .arrow:hover svg.right {right: 3px;}  



/* :::: スクロールバー :::: */
#scrolling {}
.scroll_bar {position: absolute;right: 50%;margin-right: -13px;z-index: 230;width: 26px;height: 50px;bottom: 110px;transition: all 0.2s linear;}
.scroll_bar:after {content: "";position: relative;bottom: 0;left: 0;width: 100%;height: 100%;background:#C93935;display: block;border-radius: 13px;}
.scroll_bar:before {content: "";position: absolute;z-index: 12;bottom: 0;left: 9px;width: 8px;height: 8px;background:#fff;animation: circlemove 1.2s ease-in-out infinite; border-radius: 50%;}
#scrolling .scroll_bar.hide {
  animation-name: fadein;
  animation-duration: .5s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;}

/*下からの距離が変化して丸の全体が上から下に動く*/
@keyframes circlemove {
    0%{bottom:40px;}
    50%{bottom:10px;}
    100%{bottom:40px;}
}

@keyframes fadein {
  0% {
     opacity: 1;
  }
  100% {
     opacity: 0;
  }
}


/****************************************

トップページ

*****************************************/

/* :::: SNS :::: */

#sns a.button {width: 340px;margin-bottom: 4px;height: 64px;display: block;}
#sns a.button.facebook {background-color:#1877f2 ;background-image:url(i/sns/f/facebook.svg);background-position: center;background-size: auto 60%;background-repeat: no-repeat;display: none;}

#sns .insta-container {}
#sns #sb_instagram .sb_instagram_header a,#sns .sb_instagram_header a {padding: 10px 5px 0;}
#sns #sb_instagram .sb_instagram_header,#sns .sb_instagram_header {margin-bottom: 5px !important;}
#sns .sbi_no_avatar .sbi_header_img {background: linear-gradient(to right,
        rgba(247, 207, 0, 0.7),
        rgba(246, 37, 2, 0.7) 45%,
        rgba(182, 47, 82, 0.7) 75%,
        rgba(113, 58, 166, 0.7)) !important;;}

#sns #sb_instagram {border: 1px solid #e8e8e8;}
#sns a.button:hover {opacity: .8;}

/* :::: モナ絵 :::: */
main.flont-page article.art_mona_walk {padding-bottom: 0;position: relative;height: 140px;}
.art_mona_walk svg {position: absolute;bottom: 0;height: 100%;}

/* :::: mona :::: */
#mona svg {display: block;width: 180px;}

/* :::: special :::: */
body.home article#special {padding-bottom: 2vw;margin-bottom:calc(30px + 6vw);padding-top: 3vw;background:#474759 url(i/effect/13.png);color: #fff;}
body.home article#special.mason figure .wrap a {border: none;}
body.home article#special .pagetitle {border-color: #a7a7a7;}

/* ＝お知らせ（夕市） ＝ */
#oshirase {padding-top:12px;}

#oshirase .border::before {content: "";border-top:3px double #C93935; width: 60px;display: block;padding-bottom:calc(10px + 2vw);}
#oshirase .border.border2::before {padding-bottom:0;margin-bottom: 32px}

.oshirase a {display: block;font-family: 'Zen Maru Gothic', sans-serif;font-weight: 700;text-align: center;position: relative;transition: all 0.1s linear;top: 0;}
.oshirase .koukoku a {border:1px solid #e6b8e1;}
.oshirase a div.title {padding: 9px;background:#C93935;}
.oshirase a div.title h3 {color: #fff;display: block;font-size: 4rem;font-weight: 700;line-height: 1;padding: 6px 12px;}
.oshirase a div.title svg {width: 120px;}
.oshirase a div.title svg path {fill: #fff}
.oshirase a div.data {background:#383958;color:#fff;display: flex;align-items: center;flex-flow: column;justify-content: center;padding: 6px 0;}
.oshirase a .head {text-align: center;padding: 0 0 6px;}
.oshirase a:hover {top: -6px;transition: all 0.1s linear;}


.txt_reverse {transform: scale(-1, 1);display: inline-block;}

article#shopnews {padding-bottom: 0}
/****************************************

mason内の要素

*****************************************/
figure.item .date {font-family:arial narrow;font-size: 1.1rem;letter-spacing: .075em;color: #acacac;}
figure.item img {}
figure.item a {display: block;position: relative;}
figure.item a .new ,article.panel .new {display: block;position: absolute;top: 14px;left: -9px;height: 22px;padding: 0 12px;background: #C93935;color: #fff;font-weight: bold;line-height: 22px;font-size: 1.1rem;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;}
article.mason figure .wrap a {transition: all 0.2s linear;top: 0;position: relative;border: 1px solid #ebebeb;}
article.mason figure .wrap a:hover {top: -6px;transition: all 0.2s linear;}
article.mason figure .wrap a:before,article.mason figure .wrap a:after,main.shopnews aside .relation_tenant_thumbnail a:after {position: absolute;content: "";top:6px;right:6px;transition: all 0.2s linear;}

article.mason figure .wrap a:after,main.shopnews aside .relation_tenant_thumbnail a:after {border-style: solid;border-width: 0 12px 12px 0;border-color: transparent #C93935 transparent transparent;}
article.mason figure.tenant .wrap a {border: 1px solid #ebebeb;background: #fff;}

article.mason figure .wrap a:hover:after,main.shopnews aside .relation_tenant_thumbnail a:hover:after {border-width: 0 16px 16px 0;transition: all 0.2s linear;}
main.shopnews aside .relation_tenant_thumbnail a:hover img {transform:scale(1.02,1.02); ;transition: all 0.2s linear;}
article.mason .item figcaption h3 {font-size: 1.4rem;line-height: 1.6;padding-top: 8px;font-weight: bold;font-feature-settings: "palt";}
article.mason .item figcaption h3 small {font-size: 1.1rem;display: block;line-height: 1.5;}
article.mason .item figcaption h3 span.header {font-size: 1.1rem;display: block;line-height: 1.5;}
article.mason .item figcaption h3 small:first-child {padding-right: .5em;padding-bottom: 0px;}
article.mason .item figcaption h3 small.inline {display: inline;}
article.mason .item figcaption h3 small.middle {font-size: 1.2rem}
article.mason .item figcaption h3 small.pre {font-family: 'Zen Maru Gothic', sans-serif;font-weight: 700;margin-bottom: 2px;}
article.mason .item figcaption h3 .add-name {font-size: 1.1rem;padding-left: 5px;}
article.mason .item figcaption h3 .add-name-line {font-size: 1.1rem;display: block;}
article.mason .item figcaption a:hover {color: #838383;border-color: #838383;}
article.mason .item figcaption h3 small.aftertitle {font-weight: normal;margin-bottom: 0px;font-feature-settings: normal;margin-top: 1px;}
/* :::: 期間限定出店 :::: */
article.mason  figure.slug-popup.item figcaption h3:before {content: "＜期間限定出店＞";display: block;font-size: 1.1rem;letter-spacing: .025em;line-height: 1.5;padding-bottom: 0px;font-family: 'Zen Maru Gothic', sans-serif;font-weight: 700;margin-bottom: 2px;}
.single-shopnews .pagetitle.slug-popup h2:before {content: "＜期間限定出店＞";padding-top: 4px;display: block;font-size: 1.2rem;letter-spacing: .1em;}
aside.column_aside .archive figure.slug-popup figcaption h3:before {content: "＜期間限定出店＞";font-size: 1.1rem;line-height: 1.5;display: block;}

article.mason figure.item.tenant figcaption {display: flex;width: 100%;justify-content: space-between;}
article.mason figure.item.tenant figcaption .right {padding-left: 12px;}

article.mason figure.item.tenant figcaption .rinsetsu {color:#3872aa;font-size: 1.1rem;}
#rinsetsu_guide {color:#3872aa;font-size: 1.1rem;padding: 0 0 12px;text-align: right;}

article.mason figcaption h4.event_date {font-size: 1.1rem;font-feature-settings: "palt";color: #67584a;line-height: 1.5;padding-top: 3px;padding-bottom: 3px;}

/* リダイレクト先表記 */
.redirect_name {font-size: 1.1rem;font-weight: normal;margin-left: .25em;display: inline-block;color: #C93935;}

.redirect_sign {position: absolute;display: block;left: 2px;bottom: 2px;}
.redirect_sign.pdf:after {content: "PDF";font-family: arial narrow;background: rgb(214, 49, 49);display: block;font-size: 1.1rem;color: #fff;padding: 2px 4px 1px 5px;border-radius: 2px;font-weight: bold;line-height: 1;}
.redirect_sign.web:after {content: "";display: block;height: 22px;width: 22px;background: #1b0b03 url(i/icon/pagelink.svg);background-size:14px;background-repeat: no-repeat;background-position: center;}
/* ショップニュース */



/* テナント一覧 */
.shop_category.parent {display: flex;flex-wrap:wrap;margin-top: 6px;}
.shop_category.parent a {height: 22px;line-height: 22px;padding: 0 6px;border: 1px solid  #838383;color: #838383;margin-right: 6px;font-size: 1.1rem;}
.shop_category.parent a:hover {background: #838383;color: #fff !important;}
.shop_category.child {font-size: 1.1rem;display: flex;flex-wrap:wrap;margin-top: 2px;}
.shop_category.child a {color: #696969;padding-right: .5em;font-feature-settings: "palt";}
.shop_category.child a:before {content: '#'}
.shop_category.child a:hover {color: #333}
.masonry .shop_category.child {margin-top: 0}
.pagetitle .shop_category.child a {border-bottom: 0;padding-bottom: 0;}
figure.item .floor {margin-top:7px;display: flex;}
figure.item .floor a,.txt p.floor a {border-bottom: none; font-size: 1.3rem;font-weight: bold;width: 32px;height: 32px;background: #474759;line-height: 32px;text-align: center;color: #fff;}
figure.item .floor a+a,.txt p.floor a+a {margin-left: 6px;}

figure.item .map_number {display: block;position: absolute;height: 30px;min-width: 30px;text-align: center;line-height: 30px;background:#595757;font-size: 1.5rem;
  font-family: arial;color: #fff;left: 6px;top: 6px;border-radius: 5px;font-weight: bold;font-feature-settings: "palt";
padding: 0 6px;}
.txt p.floor {margin-top: 0;display: inline-block;margin-top:3px;}
.txt p.floor a  {display: block;margin-bottom: 4px;margin-right: 4px;}
.txt p.floor a:hover {color: #838383;}
.txt p.floor+p {margin-top: 0;}
figure.item a div.map_number+span.new {top: 44px;}

/****************************************
mona
*****************************************/

article#artwork {padding: 0 0 0 30px;}
article#artwork img {width: 750px ;float: right;}

/****************************************
全て見る
*****************************************/
.show_all {display: none;}
.show_all a {height: 46px;
max-width: 320px;
font-size: 1.5rem;width: 100%;
margin: 0 auto;
}


/****************************************
インフォメーション
*****************************************/

/* :::: お知らせニュース一覧（ライン） :::: */
.news_line>a {display: flex;flex-wrap:wrap;font-size: 1.2rem;border-bottom: 1px solid ;padding: 12px 0;align-items: center;position: relative;left: 0;color:;}

.news_line>a .date {white-space: nowrap;margin-right: 12px;}

.news_line>a:after {content:"\e037";font-family: Material Icons Round;margin-left: auto;transition: all 0.1s linear;font-size: 1.4rem;line-height: 1;color: #C93935;;}
.news_line>a:hover:after {margin-right: -5px;transition: all 0.1s linear;}
.news_line>a h3 {padding-right: 6px;font-size: 1.3rem;}
.news_line>a h3 small:first-child {margin-right: .5em;font-size: 1.3rem;} 
.news_line>a>* {transition: all 0.1s linear;}

.news_line>a .title_taxo {flex: 1;margin-top: 0;}
.news_line>a .taxo span {border: 1px solid;margin-right: 7px;height: 20px;line-height: 20px;display: inline-block;padding: 0 10px;border-radius: 10px;color: #838383;font-size: 1.1rem;}
.news_line {}

/* 先頭固定記事 */
.news_line .pickup:before {font-family: Material Icons Sharp;content: "\f10d";margin-right: 6px;font-size: 1.8rem;line-height: 1;top: 2px;position: relative;color: #C93935;}

/****************************************
インフォメーション（記事ページ）
*****************************************/
body.single-post header nav {}

/****************************************
トップページボタン
*****************************************/
article#button {background-color: #ebe7db;padding-top: 60px}
article#button a {background: #8b1113;height: 46px;padding: 0 20px;}



/****************************************

panel

*****************************************/
article.panel.banner_panel section {display: flex;justify-content: space-between;max-width: 780px;}
article.panel section .cell  {display:flex;width: 48%;}


article.panel section #book.cell {max-width: 540px;background: #C93935;padding: 14px 18px 14px;color: #fff;}
article.panel section .cell.banners {display: block;max-width: 480px;}
article.panel section .cell.banners a {
height: 40px;
font-size: 2.0rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 700;
text-align: center;
line-height: 40px;
color: #007ab5;
letter-spacing: .1em;
border: 1px solid #007ab5;
box-sizing: content-box;
border-left: 0;
border-right: 0;}

article.panel section .cell.banners a.recruitment_banner span.num {font-size: 1.1rem;}
article.panel section .cell.banners a.recruitment_banner span.num strong {font-size: 1.5rem;}
article.panel section .cell>div.right {display: flex;flex-flow: column;justify-content: space-between;padding-bottom: 8px;flex: 1;}
article.panel section .cell.banners a+a {margin-top: 12px;}
article.panel section #book .pagetitle {border-color: #fff;margin-bottom: 12px;}
article.panel section #book .pagetitle h2 {color: #fff;}
article.panel section #book div.right .button_border {margin-top: auto;padding-top: 12px;}
article.panel section #book.cell div.right h4 {font-size: 2.2rem;font-weight: 700;line-height: 1.4;border-left: 6px solid;padding: 6px 0 8px 9px;;font-family: 'Zen Maru Gothic', sans-serif;font-weight: 700;}
article.panel section #book.cell div.left {position: relative;background-position: center;background-size: cover;padding-right: 18px;}
article.panel section #book.cell div.right h4 small {font-size: 1.4rem;display: block;margin-bottom:3px;}
article.panel section #book.cell div.right h4 small.after {margin-top: 6px;margin-bottom: 0;}
article.panel section #book.cell div.right .pagetitle h2 {font-size: 1.4rem;}

article.panel section .cell.banners a.payment_banner {background: #C93935 url(i/icon/pay.png);
background-size: auto 50px;
background-repeat: no-repeat;
background-position: 10px;
color: #fff;
border: none;
padding-left: 56px;}

article.panel section .cell.banners.news_line>a.payment_banner:after {color: #fff;}

.news_line>a.recruitment_banner2 {height: auto !important;display: flex;flex-flow: column;border: 0px solid !important;background: url(i/recruitment/bg.jpg);background-position: top center;background-size: cover;}
.news_line>a.recruitment_banner2:after {content: none;}
.news_line>a.recruitment_banner2::before {content: "";width: 100%;height: 100%;background:rgba(63, 92, 170, 0.85);display: block;position: absolute;top: 0;left: 0;transition: all 0.2s linear}
.news_line>a.recruitment_banner2 .wrap {position: relative;z-index: 10;padding: 12px !important;color: #fff;line-height: 1.5;}
.news_line>a.recruitment_banner2 .wrap .thema {font-size: 1.5rem;margin-bottom: 3px;} 
.news_line>a.recruitment_banner2 .wrap h2 {font-weight: bold;font-size: 1.2em;line-height: 1.2;}
.news_line>a.recruitment_banner2 .wrap .num {font-size: 1.1rem;display:block;}
.news_line>a.recruitment_banner2 .wrap .num strong {font-size: 1.5rem;}
.news_line>a.recruitment_banner2:hover::before {background:rgba(63, 92, 170, 0.95);transition: all 0.2s linear;}
/****************************************
banner_panel
*****************************************/

article.panel.banner_panel .cell .left .wrap {display: flex;}
article.panel.banner_panel .cell .left img {height: auto;max-width: 140px;width: 100%;animation: furufuru 2.2s infinite}
article.panel.banner_panel .cell .left img.book02 {width: 160px;}
article.panel.banner_panel section div.right h4 {font-size: 1.8rem;}
article.panel.banner_panel section div.right h4 small {font-size: 1.2rem;}
article.panel.banner_panel section div.right .pagetitle h2 {font-size: 1.4rem;;}


/****************************************
special_panel（不使用）
*****************************************/


article.special_panel section .cell  {display:flex;background: #C93935;padding: 14px 18px 14px;color: #fff;}
article.special_panel section .cell {display: flex;padding: 0}
article.special_panel section .cell+.cell {margin-top: 30px;}
article.special_panel section .cell>div {width: 50%;min-height: 280px;}
article.special_panel section .cell>div.right {display: flex;flex-flow: column;justify-content: space-between;padding-bottom: 8px;flex: 1;}
article.special_panel section .cell>div.right {padding:24px 26px;}

article.special_panel section .pagetitle {border-color: #fff;margin-bottom: 12px;}
article.special_panel section .pagetitle h2 {color: #fff;}
article.special_panel section div.right .button_border {margin-top: auto;padding-top: 12px;}
article.special_panel section div.right h4 {font-size: 2.2rem;font-weight: 700;line-height: 1.4;border-left: 6px solid;padding: 6px 0 8px 9px;;font-family: 'Zen Maru Gothic', sans-serif;font-weight: 700;}
article.special_panel section #special div.right h4 {font-size: 1.8rem;}
article.special_panel section .cell .left {position: relative;background-position: center;background-size: cover;padding-right: 18px;}

article.special_panel section .cell .right .wrap {color:#fff;font-weight: 700;}
article.special_panel section .cell .right .wrap .interview_sub {font-family: 'Zen Maru Gothic', sans-serif;font-weight: 700;font-size: 1.4rem;margin-bottom: 12px;}
article.special_panel section div.right h4 small {font-size: 1.4rem;display: block;margin-bottom:3px;}
article.special_panel section div.right h4 small.after {margin-top: 6px;margin-bottom: 0;}
article.special_panel section div.right .pagetitle h2 {font-size: 1.8rem;}
article.special_panel section .cell .right .sorry {font-size: 1.2rem;}

article.special_panel .news_date {font-weight: normal;font-family: arial narrow;margin-top: 6px;}
article.special_panel .interview_sub {font-weight: normal;margin-top: 6px;}
article.special_panel .interview_sub+div.news_date {margin-top:0;}


/****************************************

SNSアイコン

*****************************************/

header #icon.sns_icon {position: absolute;top:0;right: 0;z-index: 520;}
header #icon.sns_icon ul.menu {position: absolute;right: 80px;top: 23px;}
.sns_icon ul.menu {display: flex;}
.sns_icon ul.menu a {display: block;width: 28px;height: 28px;color: #fff;text-align: center;position: relative;line-height: 28px;background-color: #373a36;border-radius: 50%;margin: 0 0 0 11px;}
.sns_icon ul.menu li.twitter a {background-image: url(i/sns/tw.svg);background-size: 14px;background-position: center;background-repeat: no-repeat;}
.sns_icon ul.menu li.facebook a {background-image: url(i/sns/facebook.svg);background-size:cover;background-position: center;background-repeat: no-repeat;}
.sns_icon ul.menu li.instagram a  {background-image: url(i/sns/insta.svg);background-size: 14px;background-position: center;background-repeat: no-repeat;}
.sns_icon ul.menu a:hover {background-color: #777;}

/****************************************

２カラム（モナカニュース、ショップニュース）

*****************************************/
aside.column_aside.smart_aside {padding: 50px 18px;display: none;border-top: 1px solid #ccc;}
aside.column_aside.smart_aside div.wrap {margin: 0 auto;}
aside.column_aside.smart_aside div.wrap.relation_tenant {max-width: 440px;}
section.two_column {display: flex;}
section.two_column div.left {flex: 1;padding-right:4vw }
section.two_column aside {width: 320px;}
aside.column_aside .archive>a {padding-bottom: 9px;border-bottom: 1px solid #bbb;padding-top: 9px;}
aside.column_aside .archive ul {display: flex;flex-wrap: wrap;}
aside.column_aside .archive li {font-size: 1.1rem;}
aside.column_aside .archive li a {font-size: 1.3rem;
background: #f5f5f5;
padding: 4px 6px 2px 8px;
line-height: 1.5;margin-right: 8px;margin-bottom: 8px;display: block;}
aside.column_aside .archive li a .count_view {font-size: 1.1rem;}
aside.column_aside .archive li a:hover {background: #eee;}
aside.column_aside .archive figure {display: flex;margin-bottom: 0;transition: all 0.1s linear;}
aside.column_aside .archive figure>div {margin: 0;}
aside.column_aside .archive figure>div img {width: 90px;max-width: none;}
aside.column_aside .archive figure figcaption {padding-left:8px;}
aside.column_aside .archive figure figcaption h3 {font-size: 1.2rem;line-height: 1.5;font-feature-settings: "palt";}
aside.column_aside .archive figure figcaption h3.ttl small.pre {font-size: 1.1rem;display: block;line-height: 1.4;padding-bottom: 2px;display: none;}


aside.column_aside div.wrap+div.wrap {margin-top:calc(30px + 1.5vw);}
aside.column_aside div.wrap.relation_tenant+div.wrap.relation_tenant {margin-top: 14px;}
aside.column_aside .link {text-align: right;}
aside.column_aside .link a {display: inline-block !important;border-bottom: 1px solid;font-size: 1.2rem;font-family: 'Zen Maru Gothic', sans-serif;font-weight: 700;padding-bottom: 0;margin-bottom: 0;}
aside.column_aside .link a:hover {color: #C93935}



/* :: キャプション内でNEW表示するタイプ（aside、tenant） :: */

section.two_column aside figure.item .date {display: flex;}


/* :: ショップニュースシングル :: */
/* 終了メッセージ */
.txt div.time_limit {margin-bottom: 1em;}
div.time_limit:after {content: "/// こちらのイベントは終了しました ///";color:#e34a27;}

/* 終了メッセージmason */
figcaption div.time_limit {font-size: 1.1rem;}
figcaption div.time_limit:after {content: "/// 終了しました ///";} 
/* 関連ショップ画像 */

/* 関連ショップ名前のアイコン */

.relation_tenant a{position: relative;display: block;}
.relation_tenant_thumbnail a {border: 1px solid #ebebeb;overflow: hidden;}
.relation_tenant a img {transition: all 0.2s linear;}
.relation_tenant a:hover {}
main.shopnews aside .archive h4 {font-size: 1.3rem;font-weight: bold;display: flex;border-bottom: 1px solid #bbb ;padding-bottom: 8px;align-items: center;font-family: 'Zen Maru Gothic', sans-serif;position: relative;margin-bottom: 9px;}
main.shopnews aside .archive h4:after {content: "";background:#C93935 ;width: 100px;height: 1px;position: absolute;left: 0;bottom: -1px;}
main.shopnews aside .archive h4:before {content: "";height: 20px;width: 20px;display: none;}
main.shopnews aside .relation_tenant_thumbnail {position: relative;}
main.shopnews aside .relation_tenant_thumbnail picture {z-index: 10;position: absolute;height: 40px;width: 60px;background: #fffcf6;top: 0;}

main.shopnews aside .relation_tenant_name {font-size: 1.1rem;text-align: center;margin-top: 6px;line-height: 1.5;}
main.shopnews aside .relation_tenant_name small {display: none;}
.button_border.allow a {display: flex;align-items: center;justify-content: center;height: 44px;}
.button_border.allow a+a {margin-top: 24px}
.allnavi.button_border.allow a {height: auto;}
.allnavi.button_border.allow a span {display: block;line-height: 1.5;}
.allnavi.button_border.allow a small {display: block;font-size: 1.1rem;}
.button_border.allow.full a {max-width: none;height: 50px;font-size: 1.5rem;}
.page .button_border.allow.full a {}
.page .button_border.allow.max a {max-width: 500px;}
figure+div.button_border.allow.full {margin-top: 24px;}
.button_border.allow a::before {font-family: Material Icons Sharp;font-size: 1.8rem;line-height: 1;color: #fff;position: absolute;}
.button_border.allow.allow_back a::before {left: 4px;content: "\e5de";}
.button_border.allow.allow_go a::before {right: 4px;content: "\e5df";}
.button_border.allow.allow_back.allnavi a::before{content: '';
position: absolute;
left: 7px;
width: 2px;
height: 2px;
background: currentColor;
margin-top: -4px;
left: 12px;
width: 3px;
height: 3px;
background: currentColor;
box-shadow: 6px 0 0 0 currentColor, 12px 0 0 0 currentColor, 0 6px 0 0 currentColor, 6px 6px 0 0 currentColor, 12px 6px 0 0 currentColor, 0 12px 0 0 currentColor, 6px 12px 0 0 currentColor, 12px 12px 0 0 currentColor;
margin-top: -6px;}

main.shopnews aside .relation_tenant .button_border.allow a {height: 38px;}
/****************************************

imagetitle

*****************************************/
article#imagetitle {padding-top: 12px;padding-bottom: 12px;background-position: center center;background-size: cover;background-repeat: no-repeat;min-height: 300px;display: flex;justify-content: center;align-items: center;color: #fff;overflow: hidden;position: relative;margin-bottom: 0px;background-color: #be3934}
article#imagetitle div {font-size: 1.7rem;;z-index: 10;letter-spacing: .1em}
article#imagetitle .cover {width: 100%;height: 100%;position: absolute;background:rgba(0, 0, 0, 0.4);z-index: 5;left:0;top:0;}
article#imagetitle div h3 {font-size: 5.5rem;line-height: 1.2;letter-spacing: .075em;text-align: center;font-family: 'Zen Maru Gothic', sans-serif;font-weight: 700;}
article#imagetitle div h4 {letter-spacing: .3em;font-size: 1.3rem;text-align: center;padding-top: 4px;}
article#imagetitle div h3.main {font-size: 4.3rem;}


/* :::: 404ページ :::: */
body.error404 main {font-size: 1.3rem}
body.error404 main svg {max-width: 100px;display: block;margin-bottom: 30px}
body.error404 main h2 {font-size: 1.1em;font-weight: bold;}
/****************************************

固定ページ

*****************************************/

main.page .txt h4.bg {background: #ddd;text-align: center;background: #f5f5f5;padding: 12px;margin-bottom: 16px;font-size: 2.6rem;line-height: 1.4;}
main.page .txt h4.bg {margin-top: 0;}

/* :: アーカイブページ  :: */
body.archive .archive_genre {font-size: 1.4rem;}

/* :: 施設概要ページ  :: */
main.about .txt h3,main.about .txt figure+h3 {margin-top: 5em;}
main.about .matrix {padding: 24px 0;}

main.about .pre-text p {font-size: 1.9rem;font-family: 'Zen Maru Gothic', sans-serif;font-weight: 700;color: #586270;}
main.about article section.single_column {max-width: 1200px;}
main.about article section.single_column .wrap,main.about .update_info {max-width: 920px;margin: 0 auto}
main.about .update_info {margin-top: 7em;}
main.about article section.single_column .about-image {margin: 5em 0 8em;}
main.about article section.single_column .about-image figure+figure {margin-top: 60px;}
/****************************************

SNSアイコン

*****************************************/

/* :: ページ送り（不使用） :: */
.pagenavi {margin-top: 40px;display: flex;justify-content: space-between}
.pagenavi a {
text-decoration: none !important;
letter-spacing: .1em;
color: #333;
border: 0px solid #777;
padding: 0 18px;
font-size: 1.1rem;
line-height: 1.2;
height: 30px;
line-height: 30px;
display: inline-block;
background: #474759;color: #fff;
border-radius: 14px;}
.pagenavi>span {width: 33%;}
.pagenavi>span.old {text-align:right;} 
.pagenavi>span.all  {text-align:center ;}
.pagenavi a:hover {background: #777;color: #fff;}
.pagenavi .new a:after {content: "Prev";padding-left: .5em}
.pagenavi .old a:before {content: "Next";padding-right: .5em}

.single-post .pagenavi .new,.single-post .pagenavi .old {visibility: hidden;}

/* :: 一覧へリンクナビ（使用） :: */
.pagenavi {display: none;}
.allnavi {margin-top: 40px;}
.allnavi a {display: block;background: #474759;font-size: 1.6rem;}
.allnavi a span {padding-bottom: 4px;}

/* :::: トップに戻る :::: */
#return {transition: all 3s;}
#return a {z-index: 220;position:fixed;right:0px;display: block;width: 50px;height: 50px;padding: 0px;bottom: -50px;transition: all .5s;background:#C93935 url(./i/icon/arrow_up.svg) center no-repeat;background-size:26px;}
#return a .arrow {display: block;width: 16px;height: 16px;}
#return a:hover {background-color:#8b1113;}
#return a.view {bottom:0px;}

/* :::: パンくず :::: */
.breadcrumbs {padding-top: 12px;line-height: 1.4;letter-spacing: .02em;position: absolute;z-index: 10;}
.breadcrumbs>section{font-size: 1.1rem;max-width: 100%;color: #777;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: flex;align-items: center;flex-wrap: wrap;}
.breadcrumbs a.home {width: 20px;background:url(./i/logo/mark.svg) center right no-repeat;height: 20px;display: block;margin-right: 2px;}
.breadcrumbs a.home>span {display: none;}
.breadcrumbs span {color: #555;}
.breadcrumbs a {color: #555;}
.breadcrumbs span.current-item {color: #999;}
.breadcrumbs a:hover span {text-decoration: underline;transition: all .1s;}

/* :: ページネーション  :: */
main .pagination.has_pagination {margin-top:50px;}
main .pagination {text-align: center;font-size: 0px;}
main .pagination a,.pagination>span {display: inline-block;background: none;font-size: 1.2rem;text-decoration: none;margin: 0 5px;padding: 3px 9px;border: 1px solid #fff;}
main .pagination>span.current,main .pagination a:hover {border-color:#C93935;background: #C93935;color: #fff;font-weight: bold;}

/* :: 帯タイトル（お知らせ、イベント＆ショップニュース、フロア） :: */
.obi_post_type {background:#474759;color: #fff;line-height: 1.4;font-family: 'Zen Maru Gothic', sans-serif;padding: 18px 18px;text-align: center;}
.obi_post_type h2 {font-weight: 700;font-size: 1.9rem;}
.obi_post_type h3 {font-weight: 700;font-size: 1.1rem;letter-spacing: .2em;margin-top: 2px;}

.single-tenant .obi_post_type {display: none;}

/* :: ナビゲーション　マウスオーバーで下線 :: */
header nav a,header nav .menu>li .dammy {color:;font-size: 1.2rem;font-weight: bold;font-family: 'Zen Maru Gothic', sans-serif;}
header nav .menu>li a ,header nav .menu>li .dammy{position: relative;overflow: visible;flex-direction: column;align-items: center;display: flex;padding: 0 12px;}
header nav .menu>li a:after {position: relative;content: '';display: block;background-color:#C93935;height: 4px;width:0%;transition: all .1s ease-in;margin-top: 3px; border-radius: 2px;}
header nav .menu>li.onmouse>a:after ,header nav .menu>li.onmouse>a:after,body.home header nav ul.menu li.top a:after  {width:100% !important;}
header nav .menu>li.hide {opacity: .5}
header nav .menu>li.hide a:after {display: none;}
header nav .menu>li.current-menu-item>a:after ,header nav .menu>li.current-menu-parent>a:after{width:100%;}
body.post-type-archive-shopnews li.news>a:after,body.tax-tenant_taxo li.news>a:after{width:100%;}

/* ショップ＆イベントニュース関連でニュースに下線 :: */
body.single-shopnews header nav .menu>li.news>a:after,body.archive.date header nav .menu>li.news>a:after,body.single-post header nav .menu>li.news>a:after,body.archive.category header nav .menu>li.news>a:after{width:100%;}

/* お知らせ関連でニュースに下線 :: */
body.page-id-72 header nav .menu>li.news>a:after,body.single-post header nav .menu>li.news>a:after,body.category-notice header nav .menu>li.news>a:after {width:100%;}

/* 特集のカテゴリー一覧で下線 :: */
body.tax-special_taxonomies header nav .menu>li.menu-item-145>a:after {width:100%;}

header nav .menu>li.current-menu-item.no_border>a:after{width:0%;}

header nav ul.menu {display: flex;justify-content: center;}
header nav {display: flex;flex-wrap:wrap;justify-content: center;padding: 0 18px 22px;}


header nav .pulldown a span:after {font-family: Material Icons;content: "\e313";position: relative;top: 2px;padding-left: 4px;}
header nav .pulldown_menu {position: absolute;z-index: 20;opacity: 0;max-height: 0px;overflow: hidden;}
header nav .pulldown_menu.view {max-height: 999px;opacity: 1;overflow: visible;padding: 9px 0 0;}
header nav .pulldown_menu ul.menu {display:block;height: auto;background:#fff;padding: 5px 0 10px;box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.25);}
header nav .pulldown_menu li a {margin-top: 8px;display: block;}

/* :: sns一覧ページ :: */
main.sns a img {height: 20px;width: auto;}
main.sns a figure {margin-bottom: 0;display: flex;align-items: center;justify-content: space-between;}
main.sns a figure figcaption {padding-left: 9px;flex: 1;}

/* :: ハンバーガーメニューボタン  :: */
header a#menubutton.button{position:fixed;z-index: 240;top: 18px;right: 20px;}
header div.bar {width: 38px;height: 1px;margin: 9px auto;background-color:#474759;}
header.color div.bar {background-color:#474759;}
header div.bar:first-child {margin-top: 0;}
header div.bar:last-child {margin-bottom: 0;}
header a#menubutton.button:hover div.bar {background-color:#474759;}
header #menubar{position: fixed;width: 100%;height: 60px;top:0;left: 60px;z-index: 200;padding: 0 ;background:#fff;box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.3);display: none;}

/* :: ヘッダーのプルダウン（SNS）  :: */
#pull {position: fixed;
top: 0;
right: 80px;transition: all 0.3s linear;}
#pull a {display: block;background-color:#474759;
width: 42px;
height: 60px;}
#pull a.map {background-image:url(i/icon/f/pin.svg);background-position: center;background-size:60%;background-repeat: no-repeat;}
header.hide #pull {top: -60px;transition: all 0.3s linear;}
#pull a:hover {height:70px;}

/****************************************

morecontents

*****************************************/
.more {
    width: 100%;
    height:100%;
    z-index: 542;
    display: none;
    position: fixed;
    top: 0; left: 0;overflow-y: scroll;
    -webkit-overflow-scrolling:touch;
}

.more.moremenu {width: calc(100% - 60px);max-width: 340px;}

#menu .wrap  {
    background: #fff;
    width: 100%;
    left: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling:touch;
    height: 100%;
    color: #bbb;
    font-size: 1.4rem;
}

#menu #menu_title {display: block;width: 70px;margin: 26px 24px 20px;}
#menu #menu_title img {height: auto;max-width: none;}
#menu div.sns {flex-wrap:nowrap;}

.more div.list {font-size: 1.5rem;font-weight: bold;}
.more li.top {display: none;}
.more li>* {display: block;padding:9px 16px 9px 24px ;line-height: 1.5;white-space: nowrap;font-family: 'Zen Maru Gothic', sans-serif;}


#menu div.list a small {font-size: 1.1rem;display: block;color: #a7a7a7;letter-spacing: .1em;}
#menu div.list a>span {font-size: 1.3rem;}
#menu div.list div.menu-item-description {font-size: 1.1rem;}
#menu div.list a:hover {background: #f5f5f5}
.mask {width: 100%;height: 100%;position: fixed;display: none;top: 0;background: rgba(0, 0, 0, 0.8);z-index: 530;cursor: pointer;left: 0;}
#menu li ul.sub-menu {padding: 0;}
#menu li ul.sub-menu a {padding-left: 45px;}
#menu li ul.sub-menu li:last-child a {padding-bottom: 15px;}
#menu li.floor_guide ul.sub-menu .menu-item-description {display: inline-block;font-size: 1.5rem;margin-left: .5em;}
ul#menu-side>li {border-bottom: 1px solid #ddd;}
ul#menu-side {border-top: 1px solid #ddd;}
/****************************************

footer

*****************************************/

footer {font-size: 1.1rem;background:#474759;color: #fff;}
footer article {padding-top: 32px;padding-bottom: 0px;}
footer article#floor_guide,footer article#footer_infomation {}
footer article#floor_guide {padding-top:calc(24px + 2vw);padding-bottom:calc(20px + 3vw);}
footer article#footer_infomation {;}

footer article#floor_guide a#id-1869:before,footer article#floor_guide a#id-1935:before {content: "【ATM】";letter-spacing: .15em;font-family: arial;}

footer a {color: #fff;}
footer .wrap {display: flex;}
footer .wrap .left {flex:1;}
footer .wrap .right {width: 340px;padding-left: calc(5px + 1.5vw);}

/* ＝＝＝＝ フロアガイド ＝＝＝＝＝＝ */
footer .caution {}
footer .caution span.color {color: #d0b425;padding-right: 3px;}
footer .caution {display: none;}
footer .floor-1F .caution {display:block;padding-top: 12px;}

footer #floor_guide .item {line-height: 1.9;margin-bottom: 40px;}
footer #floor_guide .item h2 {font-weight: bold;margin-bottom: 4px;display: flex;align-items: center;font-family: 'Zen Maru Gothic', sans-serif;}
footer #floor_guide .item h2 span.floor {font-size: 2.4rem;background: #fff;color: #fff;width: 50px;height: 50px;padding: 0 3px;background: #C93935;display: inline-flex;justify-content: center;align-items: center;font-weight: 700;margin-right: 12px;transition: all 0.1s linear;}
footer #floor_guide .item h2 .description {line-height: 1.3;font-size: 2rem;}
footer #floor_guide .item.office h2 span.floor {width: 33px;height: 33px;font-size: 1.6rem;}
footer #floor_guide .item.office h2 .description {font-size: 1.5rem;}
footer #floor_guide .item h2 a:hover span.floor {background:#fff;color:#4b4b4b;transition: all 0.1s linear;}

footer #floor_guide .item>a {display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #777;line-height: 1.5;font-size: 1.1rem;padding: 9px 0 6px;font-feature-settings: "palt";}
footer #floor_guide .item>a:after {content:"\e5df";font-family: Material Icons Sharp;margin-left: auto;transition: all 0.1s linear;font-size: 1.4rem;line-height: 1;}
footer #floor_guide .item>a.website:after {content:"";display: block;width: 10px;height: 9px;background:url(./i/icon/link.svg);}

footer #floor_guide .item>a:hover:after {margin-right: -5px;transition: all 0.1s linear;}
footer #floor_guide .item>a small:first-child {font-size: 1.1rem;margin-right: .5em;}



/* クスタム分類の「館内施設」に印 */
footer #floor_guide .item a.term87:before {content: "☆";margin-right: 2px;}

footer #floor_guide .item>a span.ready {font-size: 1.1rem;color: #999;margin-left: .25em;}
footer #floor_guide .item>a span.rinsetsu_footer:after {content: "✴︎";font-size: 1.1rem;color: #d0b425;margin-left: 3px;}

footer .infomation {display: flex;align-items: center;flex-flow: column;}
footer .infomation a.title_logo img {margin: 0 auto;width: 160px;}
footer .infomation a.title_logo  {text-align: center;display: block;}

#footer_infomation nav {margin-top: 21px;}

footer .shop_category {margin-top: 12px;}
footer .shop_category a {margin-bottom: 6px;}
#copyright {font-size: 1.1rem;text-align: center;padding:32px 18px 20px;font-family: arial;letter-spacing: .05em;color: #fff;}

footer .address {margin-top: 9px;}
footer .times {display: inline-flex;align-items: center;font-family: 'Zen Maru Gothic', sans-serif;font-size: 1.4rem;letter-spacing: .05em;margin-top:16px;margin-bottom: 2px;}
footer .times+p.memo {font-size: 1rem;}
footer div.sns {margin-top: 12px;justify-content: center;}
footer .svg path {fill: #737373;}
footer a:hover .svg path {fill: #999;transition: all 0.2s linear;}
footer .number {display: flex;flex-wrap:wrap;}
footer .number span {padding: 0 6px;display: block;font-family: 'Zen Maru Gothic', sans-serif;font-size: 1.3rem;letter-spacing: .05em;}


footer nav ul.menu {justify-content: center;display: flex;flex-wrap:wrap;}
footer nav ul.menu li a {padding: 0 12px;border-right: 1px solid  #777;display: block;}
footer nav ul.menu li:first-child a {border-left:1px solid  #777;}
footer nav ul.menu li a:hover {color: #888;}


@media screen and (max-width: 840px) {
footer article#floor_guide.mason>section.masonry {display: block;}
footer #floor_guide .item {float: right;    }
footer #floor_guide .item.floor-1F {float: left;}
}

/****************************************

ヘッダーロゴ部分

*****************************************/
header {z-index: 240;}
header #title svg path {}
header #title svg path.logo {fill:#C93935;}
header #title a {width: 100%;position: relative;}

header #title a.normal {width:100px;display:inline-block;height:auto;}
.home header #title a.normal,.page-id-1113 header #title a.normal {max-width: 120px;width: 100%;height: auto;}
header #title a.smart {display: none; max-width:90px;}
header #title {width: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;padding:44px 0 40px;}

header #title a svg {width: 100%;height: auto;display: block;}



header #title .copy {text-align: center;margin: 22px 0 0;display: block;width: 160px;}
header #title .copy svg {margin-top: 0px;height: 100%;display: block;}
header #title .copy svg path {fill: #C93935;}
/****************************************

固定ページ・シングルページ

*****************************************/
/* ＝＝＝＝ 投稿部分 ＝＝＝＝＝＝ */
article.page_post,article.cashless_table {padding-bottom: calc(50px + 5vw);padding-top: calc(15px + 2.8vw);} 
#imagetitle+article.page_post {padding-top: calc(35px + 2.8vw);}

/* ＝＝＝＝ ページのタイトル ＝＝＝＝＝＝ */
.pagetitle {border-bottom: 1px solid ;}
body.home .pagetitle ,.single_column.news_line .pagetitle{border-bottom: 1px solid ;}

.pagetitle.haslink {display: flex;justify-content: space-between;align-items:center;}
.pagetitle.haslink h2 {flex: 1;}
.pagetitle.haslink a ,article.relationnews h3.relationnews_title>a{position: relative;width: 24px;height: 24px;background:#C93935;border-radius: 50%;display: flex;
align-items: center;}

.pagetitle.haslink a, article.relationnews h3.relationnews_title>a {color: #fffcf6;}
.pagetitle.haslink a:after, article.relationnews h3.relationnews_title>a:after {transition: all .1s ease-in;content: '';position: absolute;top: 7px;left: 7px;width: 2px;height: 2px;background: currentColor;box-shadow: 4px 0 0 0 currentColor, 8px 0 0 0 currentColor, 0 4px 0 0 currentColor, 4px 4px 0 0 currentColor, 8px 4px 0 0 currentColor, 0 8px 0 0 currentColor, 4px 8px 0 0 currentColor, 8px 8px 0 0 currentColor;}




.panel .pagetitle.haslink a {background-color: rgba(0, 0, 0, 0.13);}
.pagetitle.haslink a:hover,article.relationnews h3.relationnews_title>a:hover  {background-color:#ffadaf !important;}

.pagetitle h2 {font-size: 2.8rem;font-weight: bold;line-height: 1.4;font-family: 'Zen Maru Gothic', sans-serif;font-weight: 700;}
.pagetitle h2 span.category {font-size:.66em;display: block;}
.pagetitle h2 span.br {display: block;}
.pagetitle h2 small {display: block;font-size: 1.2rem;letter-spacing: .1em;margin-bottom: 2px;margin-top: 2px;}
.pagetitle h2 small.inline {display: inline;}
.pagetitle h2 small.middle {font-size: .8em;}
.pagetitle h2 span.add-name {font-size:1.8rem;font-family: 'Zen Maru Gothic', sans-serif;padding-left: 9px;}
.pagetitle h2 span.add-name-line {font-size:1.3rem;font-family: 'Zen Maru Gothic', sans-serif;display: block;}
.single .pagetitle {padding: 0 0 12px 0;}

/* 一覧を見る */
.pagetitle.haslink a:before,article.relationnews h3.relationnews_title>a:before {content: "一覧を見る";position: absolute;
right: 26px;
white-space: nowrap;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 700;
font-size: 1.1rem;color: #383958;}
body.home article#special .pagetitle.haslink a:before {color: #fff;}

.single-tenant .pagetitle {padding: 0 0 10px 0;}
.pagetitle  {margin-bottom: 22px;padding-bottom: calc(3px + .5vw);}
.pagetitle+div.news_line {margin-top: 0px;}/* ショップページ */
.news_line .pagetitle {margin-bottom: 0;}

.single-post .pagetitle_wrap .title_taxo,.single-shopnews .pagetitle_wrap .title_taxo {margin-top: 12px;}



/* ニュースのタイトル */
.single-post .pagetitle h2 ,.single-shopnews .pagetitle h2 {font-size: 2.4rem;}
.pagetitle .news_date {font-size: 1.1rem;color: #555;font-family: arial narrow;padding-bottom: 2px;}
.single-shopnews .pagetitle h2 small.pre {padding-top: 4px;display: block;margin-bottom: 2px;}

/* ニュース単ページの一覧リンク */
article.show_allnews {padding-top: 0;padding-bottom:calc(10px + 3vw);}
aside.column_aside .archive>a {display: block;left: 0;  position: relative;}
aside.column_aside .archive h3 {}

#page_post .text_flex {display: flex;justify-content: space-between;flex-wrap:wrap;}
#page_post .text_flex figure {width: calc(50% - 10px);margin: 0 0 20px 0}
#page_post p+div.text_flex,#page_post figure+div.text_flex {margin-top: 20px;}

/* ＝ カスタム分類「tenant_taxo」のターム ＝ */

.title_taxo {display: flex;flex-wrap: wrap;margin-top: 8px}
.news_line .title_taxo {flex-wrap: nowrap;}
.title_taxo a,.title_taxo>span{
height: 18px;
line-height: 18px;
padding: 0 5px 0 6px;
background:#eee;
border-radius: 10px;
margin-right: 5px;
font-size: 1.1rem;
margin-bottom: 4px;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
box-sizing: content-box;white-space: nowrap;
}
.news_line .title_taxo>span {margin-top: 0;}
.masonry .title_taxo {margin-top: 3px;}
.masonry figcaption h3.ttl+div.title_taxo.tenant_name {margin-top: 6px;}
footer .title_taxo {margin-top: 0;}



/* ＝ニュース ＝ */
.title_taxo.news a,.title_taxo.news>span {border: none; ;}


/* ＝テナント種目（カプセル四角型） ＝ */
.title_taxo.tenant a {border-radius: 0px;color: #333;background: #fff;border: 1px solid #777;height: 16px;line-height: 16px;background: #fff;border-radius: 10px;}
footer .title_taxo.tenant a {border:none;margin-right: 7px;}
#floor_guide .title_taxo.tenant a {height: 20px;line-height: 20px;}
.tag-link-145,.tag-link-146{display: none;} /* サンプル削除 */

main.sitemap ul li ul li {}

/* ＝テナント名（四角型） ＝ */
.title_taxo.tenant_name a,.title_taxo.tenant_name>span {border: 1px solid #777;background:none;height: 16px;line-height: 16px;background: #fff;border-radius: 0px;font-feature-settings: "palt";}
.single-shopnews .title_taxo {margin-top: 3px;}
.single-shopnews .title_taxo>span {font-size: 1.0rem;
height: 14px;
line-height: 14px;
margin-bottom: 3px;
margin-right: 3px;
padding: 0 4px 0 5px;}


.title_taxo a:hover{background: #777 !important;color: #fff !important;border-color: #777 !important;}


/* ＝ ニュースの記事タイトルでカテゴリーのターム ＝ */
.pagetitle .title_taxo a {}

/* ＝ お知らせニュースの記事フッターでカテゴリーのターム ＝ */
.txt+div.title_taxo {margin-top: 6em;justify-content: flex-end;}
.txt+div.title_taxo a {color: #bbb;margin: 0 0 0 6px;border: none;}
.txt+div.title_taxo a.current {color: #333;border-color: #555;}

/* ＝ モナカニュースでカスタム分類「monakanews」のターム ＝ */
.page_post .pagetitle .news_category {margin-top: 10px;}



/****************************************

special

*****************************************/
.special .txt {font-size: 1.5rem;line-height: 2;}
#special_img {max-width: 1600px;margin:  0 auto;display: block;position: relative;color: #fff;}
#special_img img {width: 100%;}
#special_img+article.page_post {padding-top: calc(40px + 2.8vw);}
.special .txt .special_taxonomies {margin-top: 3em;}
.special .txt .special_taxonomies a {color: #bbb;border-color: #bbb;}
.special .txt .special_taxonomies a.current {color: #444;border-color: #444;}

.interview_sub {font-size: 1.2rem;}
.interview_sub .material-icons {font-size: inherit;line-height: 1.7;margin-right: 2px;position: relative;top: 2px;}
article.mason figure.special.item figcaption h3 {margin-bottom:0;}
article.mason .interview_sub {margin-top: -2px;font-size: 1.1rem;padding-bottom: 3px;}
article.mason .item.special figcaption h3 small {font-size: .8em;}
.single-special .pagetitle .head {display: inline-flex;
align-items: center;
font-family: "游ゴシック体", YuGothic, sans-serif;
letter-spacing: .2em;
color: #fff;
font-size: 1.2rem;
font-weight: bold;}

.single-special .pagetitle .head svg,.single-special .pagetitle .head img {width: 38px;
margin: 0 6px 0 0;display: block;}
.single-special .pagetitle .interview_sub {font-size: 1.3rem;font-weight: bold;letter-spacing: .1em;margin-top: 4px;}
.single-special .pagetitle .title_taxo {margin-top: 12px;}
.single-special .pagetitle h2 {font-size: 3.5vw;}


.single-special .pagetitle h2 span {display: inline-block;}
.single-special .pagetitle h2 span.header {font-size: .5em;letter-spacing: .1em;display: block;}


.single.single-special .pagetitle {position: absolute;bottom: 0;border-bottom: 0;margin-bottom: 0;width: 100%;padding:90px 90px calc(1.5vw + 10px) calc(3vw + 10px);}
.single.single-special .pagetitle:after {content: "";width: 100%;height: 100%;background:linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.4));position: absolute;top: 0;left: 0;z-index: 20;}
.single.single-special .pagetitle_wrap {z-index: 25;position: relative;}
.single.single-special .pagetitle .news_date {color: #fff;margin-top: 10px;}

.single-special p.large,.single-shopnews p.large {font-size: 1.1em;}

@media screen and (min-width: 1450px) {
.single-special .pagetitle h2 {font-size: 4.8rem;}
}

@media screen and (max-width: 767px) {
.single-special .pagetitle h2 {font-size: 3rem;}
.single.single-special .pagetitle {position: relative;color: #383958; padding:18px;}
.single.single-special .pagetitle .news_date {color: #555; }
.single.single-special .pagetitle:after {display: none;}
.single.single-special .pagetitle_wrap {border-bottom: 1px solid;padding-bottom: 32px;}
#special_img+article.page_post {padding-top: calc(15px + 2.8vw);}
.single-special .pagetitle .head {margin-bottom: 18px;color: #383958;}
.single-special .pagetitle .title_taxo {margin-top: 4px;}
.single-special .pagetitle h2 span.header {font-size: .66em;}
}


/* ＝＝＝＝ sns ＝＝＝＝＝＝ */

.sns_button {display: flex;margin-top: 5em;justify-content:flex-end;}
div.title_taxo+div.sns_button {margin-top:12px}
.sns_button a {height: 26px;width: 80px;background: pink;display: block;margin-left: 9px;padding-top: 5px;overflow: hidden;}
.sns_button a .svg {height: 16px;margin: 0 auto;display: block;}
.sns_button a.twitter {background:#0f1419;padding-top: 6px;}
.sns_button a.twitter svg {height: 12px;}
.sns_button a.facebook {background: #1877f2;}
.sns_button .svg path {fill:#fff;}

.tooltip {
  position:absolute;
  z-index:9999;
  display:block;
  line-height:1.2;
}

/* ツールチップの内容 */
.tooltip__body {
position: relative;
top: 12px;
letter-spacing: 1px;
padding: 2px 6px 4px 8px;
background: #d6d6d6;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 700;
font-size: 1.2rem;
}

/* ＝＝＝＝ 最終更新日 ＝＝＝＝＝＝ */
.update_info {font-size: 1.2rem;margin-top: 7em}

/****************************************

テーブル

*****************************************/
.page_post table {width: 100%;margin-bottom: 0;line-height: 1.8;}
.page_post .tenant_column table {font-size: 1.3rem;}
.page_post table p {margin-top: 1em;}
.page_post table p:first-child {margin-top: 0;}
.page_post table p.memo {font-size: 1.1rem;}
.page_post table strong {font-size: 1.15em;font-weight: bold;}

.page_post .basic.sall table strong {color:#C93935;font-size: 1em;}

/* ＝＝＝＝ メールフォームテーブル ＝＝＝＝＝＝ */
.mw_wp_form {font-size: 1.3rem;}
table.mailform th,table.mailform td {vertical-align: top;padding: 14px 0 8px;border-bottom: 1px solid #dadada;}
table.mailform th.bottom, table.mailform td.bottom {vertical-align: bottom;}
table.mailform th {vertical-align: top;white-space: nowrap;padding-right: 20px;}
table.mailform textarea {display: block;}
table.mailform input,table.mailform textarea ,table.mailform select ,table.mailform .horizontal-item label {}
table.mailform .mwform-radio-field input {margin-bottom: 0;}
table.mailform th {width: 180px;font-weight: bold;font-size: 1.3rem;}
table.mailform tr.noline th,table.mailform tr.noline td {border: none;}
table.mailform select {-moz-appearance: none;-webkit-appearance: none;border-radius: 0;border: none;outline: none;background: #eaf2f6;padding-right: 30px;}
.txt form h3,*[data-class="wpcf7cf_group"] {margin-top: 80px;}
.txt .require_caution+h3 {margin-top: 18px;}
.require_caution {font-size: 1.1rem;}

.require_caution .color ,.require_color {color: #C93935;}
form th.require:after,form span.require:after {content: "✴︎";display: inline-block;color: #C93935;margin-left: 6px;font-size: 1.3rem;}

table.mailform .txt p:last-child {padding-bottom: 0;}
form label {background:#f0f0f0;font-size: 1.3rem;font-weight: bold;display: inline-block; border-radius: 10px;padding: 12px;margin-right: 12px;}
table.mailform input,table.mailform textarea {border: none;width: 100%;padding: 12px;background:#f0f0f0;color: #383958;}
table.mailform th.require+td input,table.mailform  th.require+td textarea,table.mailform th.require+td label ,form div.check label,table.mailform td.require textarea {background: #ffecec;}
table.mailform th.require_multi+td input {background:#dff0f5;}

form label,form textarea ,form input[type="text"],
form input[type="file"],
form input[type="email"],
form input[type="tel"],
form input[type="number"],form input[type="url"],
form input[type="password"]{margin-bottom: 6px !important;}
table.mailform input#datepicker {padding-right: 30px;}
table.mailform input.name {max-width: 20em;}
table.mailform input#zip1,table.mailform input#zip2 {max-width: 5em;}
table.mailform input.email {max-width: 30em;}
table.mailform input.age {max-width: 4em;}
table.mailform input:focus,table.mailform textarea:focus { outline: 0;}
table.mailform input:hover,table.mailform textarea:hover {}
table.mailform input[type="checkbox"] ,table.mailform input[type="radio"]{width: auto;}
table.mailform .horizontal-item label {display:inline-block;cursor: pointer;font-size: 1.4rem;margin-right: 10px;}
table.mailform.margin_top {margin-top: 24px;}
table.mailform input.address {margin-top: 12px;}
table.mailform td small {display: block;line-height: 1.6;margin-bottom: 6px;}
table.mailform td small+small {padding-top: 8px;}
table.mailform div.mailcheck {margin-top: 12px;}
span.submit-button button {border-style: none;}
table.mailform .mwform-checkbox-field input,table.mailform .mwform-radio-field input{margin-right: 0;}
table.mailform .horizontal-item {margin-left: 0 !important;}
table.mailform {margin-bottom: 6px !important;}

table.mailform .wpcf7-form-control-wrap {display: block;}
table.mailform .wpcf7-form-control-wrap+.wpcf7-form-control-wrap {margin-top: 8px;}

.txt form h4 {font-size: 1.2rem;padding-top: 12px;margin-bottom: 1em;font-weight: normal;letter-spacing: .05em;}
.txt form ::placeholder{font-size: 1.3rem;}

.txt form div.send {margin:20px 0}

.txt form h3 small.caution {color: #C93935;font-weight: normal;}

/* プライバシーポリシーチェック */
div.check {padding-top: 8px;}
h3.policy_head {font-weight: bold;font-size: 1.4rem;}
div.policy_check .policy_text {margin-bottom:12px;}
.txt .policy_text {font-size: 1.1rem;}

.mw_wp_form_preview table.mailform td small ,.mw_wp_form_preview .tabledescription,.mw_wp_form_preview .policy_text {display: none !important;}
.mw_wp_form_preview table.mailform small.ex {display: none;}

.mw_wp_form_preview table.mailform th,.mw_wp_form_preview table.mailform td {padding: 0 0 6px;}
.mw_wp_form_preview h3+div.memo {display: none !important;} 
.mw_wp_form_preview table.mailform th,.mw_wp_form_preview table.mailform td {display: block;width: 100%;border-bottom: none;}
.mw_wp_form_preview table.mailform td {padding-bottom: 20px;}
.mw_wp_form_preview:before {content: "/// 入力内容に誤りがなければ「送信する」ボタンをクリックしてください ///";font-size: 1.3rem;margin-bottom: 20px;display: block;background:#f2f2f2;padding: 12px;}

form .tabledescription {padding: 9px 12px;background: #ffffff;border-radius: 10px;line-height: 1.6;border: 1px solid #ddd;font-size: 1.2rem;margin-bottom: 12px;}
form .tabledescription p+p {margin-top:.25em;}
form .tabledescription+h3 {margin-top: 16px;}




div.submit-button {margin-top: 60px;display: flex;}

.mw_wp_form .error {font-size: 1em;margin-top: 2px;}
.mw_wp_form .error:before {content: "！"}




/* ＝＝＝＝ 基本テーブル ＝＝＝＝＝＝ */
figure.basic table {border-bottom: 1px solid #d9d9d9;word-break: break-word;}
figure.basic table th {font-weight: bold;}
figure.basic table th, figure.basic table td {vertical-align: top;padding:12px 12px 8px 12px;border-top: 1px solid #d9d9d9;border-bottom: 0;line-height: 1.6;}
figure.basic table th,figure.basic table td:first-child {width: 33.33%;background:#f5f5f5;border-left: 1px solid #d9d9d9;border-right: 1px solid #d9d9d9;}
figure.basic table td {border-right: 1px solid #d9d9d9;}
figure.basic table+p {padding-top: .5em;}

figure.basic.floor tbody td:first-child {font-weight: bold;width: 50%;}
figure.basic.floor {font-size: 1.3rem;}

figure.basic table.mini-table,main.shopnews .txt table {font-size: 1.3rem;}
figure.basic table.mini-table th,figure.basic table.mini-table td,main.shopnews .txt table th,main.shopnews .txt table td {padding:9px 9px 5px 9px;}
figure.basic table a {color: #383958;}
figure.basic table a:hover {opacity: .8}
figure.basic table th.width25 {width: 25%;}
/* ＝＝＝＝ tablepress ＝＝＝＝＝＝ */
.tablepress caption {display: none;}
.page_post table th,.page_post table td {box-sizing: border-box;color: #383958;}
.tablepress.normaltype {border : 1px solid #ddd;border-right: 0px;}
.tablepress.normaltype td ,.tablepress.normaltype th {border-right : 1px solid #ddd;}
.tablepress.normaltype th {text-align: center;background: rgb(249, 249, 249);}
/*「reCAPTCHA」のロゴを非表示にする*/
.grecaptcha-badge {display: none;}

/* ＝＝＝＝ テーブル上方メニュー型 ＝＝＝＝＝＝ */
figure.topmenu table th, figure.topmenu table td {padding:9px 9px 5px 9px;border-top: 1px solid #d9d9d9;line-height: 1.6;}
figure.topmenu table {border-bottom: 1px solid #d9d9d9;word-break: break-word;border-left: 1px solid #d9d9d9;border-right: 1px solid #d9d9d9;}
figure.topmenu table th {background: none;border-right: 1px solid #d9d9d9;width: 33.33%;}
figure.topmenu table tr:first-child td,figure.topmenu table tr:first-child th {background: #f5f5f5;font-size: 1.4rem;font-weight: bold;}

figure.topmenu {overflow: hidden;overflow-x:auto;}


/****************************************

アクセス・駐車場

*****************************************/
figure.park-list th a small {display: none;}/*店舗名のサブタイは省略*/
main.access figure.park-time+figure {margin-top: 0;}
main.access figure.park-time table  {border-bottom: 0;}
main.access figure+iframe {margin-top: 14px;}
main.access iframe+p {margin-top: 14px;}
.leaflet-container {background: #fff;border: 1px solid #ccc;}
main.access td.park-text span.ex {display: none;}

/****************************************

サービスガイド　serviceguide

*****************************************/
.info-wrap {display: flex;justify-content: space-between;}
.info-wrap .left {flex: 1;}
.info-wrap .right {width: 40%;padding-left: 5%;}
.info-wrap ul {line-height: 1.8;}

.info-wrap .place {display:flex;align-items: center;font-weight: bold;font-size: 1.2rem;}
.info-wrap .place>span {font-weight: bold;}
.info-wrap .place>span:before {content: "【"}
.info-wrap .place>span:after {content: "】"}
.info-wrap .explain {margin-top: 1.0em;}

.info-wrap h3 {margin-bottom: .25em;}

.info-wrap .right img+img {margin-top: 18px;}
figure.basic table.floor-type{border-bottom: none;}
figure.basic table.floor-type th {background: #f4d7d6;font-weight: bold;border-color:#f4d7d6;font-weight: bold;font-size: 1.8rem;vertical-align: middle;}

figure.basic table.floor-type td:before {content: "FLOOR";
font-weight: normal;
font-size: 1.1rem;
display: block;
letter-spacing: .1em;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 700;}
figure.basic table.floor-type td span.mini {font-size: 1.3rem;}
main.serviceguide #hours+article.page_post .times {font-size: 2rem;}

/* サービスガイドアイコン */
.logo.service:before,ul.pict li .wrap:before  {background-color: #474759; border-radius:5px;background-size: 60% !important;background-position: center !important;background-repeat: no-repeat !important;}

.logo.service.floor:before {background-image:url(i/icon/service/floor.svg);}
.logo.service.animal:before {background-image:url(i/icon/service/dog.svg);}
.logo.service.smoke:before {background-image:url(i/icon/service/smoke.png);}
.logo.service.cash:before {background-image:url(i/icon/service/money.svg);}
.logo.service.car:before {background-image:url(i/icon/service/car.svg);}
.logo.service.time:before {background-image:url(i/icon/service/time.svg);}
.logo.service.bus:before {background-image:url(i/icon/service/bus.svg);}

.logo.service.eat-in:before,ul.pict li.eat-in .wrap:before {background-image:url(i/icon/service/eat.svg);}
.logo.service.tel:before,ul.pict li.tel .wrap:before {background-image:url(i/icon/service/tel.svg);}
.logo.service.locker:before,ul.pict li.locker .wrap:before {background-image:url(i/icon/service/locker.svg);}
.logo.service.aed:before,ul.pict li.aed .wrap:before {background-image:url(i/icon/service/aed.svg);background-color:#e6583e !important;}
.logo.service.atm:before,ul.pict li.atm .wrap:before {background-image:url(i/icon/service/atm.svg);}
.logo.service.service-counter:before,ul.pict li.service-counter .wrap:before {border-radius: 50%;}
.logo.service.baby2:before,ul.pict li.baby2 .wrap:before {background-image:url(i/icon/service/baby.svg);background-color: transparent;background-size: 90% !important;}
.logo.service.babyroom:before,ul.pict li.babyroom .wrap:before {background-image:url(i/icon/service/baby2.svg);background-color: transparent;background-size: 90% !important;}
.logo.service.information-counter:before,ul.pict li.information-counter .wrap:before {background-image:url(i/icon/service/information.svg);border-radius: 50%;background-size: 50% !important;}
.logo.service.cycle:before,ul.pict li.cycle .wrap:before {background-image:url(i/icon/service/cycle.svg);}
.logo.service.barrier-free-toilet:before,ul.pict li.barrier-free-toilet .wrap:before ,.logo.service.omoiyari:before,ul.pict li.omoiyari .wrap:before {background-image:url(i/icon/service/wheelchair.svg);background-color: transparent;background-size: 88% !important;}
.logo.service.elevator:before,ul.pict li.elevator .wrap:before {background-image:url(i/icon/service/elevator.svg);}
.logo.service.escalator:before,ul.pict li.escalator .wrap:before {background-image:url(i/icon/service/escalator.svg);}
.logo.service.toilet:before,ul.pict li.toilet .wrap:before {background-image:url(i/icon/service/toilet-man.svg);background-color: transparent;background-size: 90% !important;}
.logo.service.toilet-lady:before,ul.pict li.toilet-lady .wrap:before {background-image:url(i/icon/service/toilet-lady.svg);background-color: transparent;background-size: 90% !important;}
.logo.service.toilet-ostomate:before,ul.pict li.toilet-ostomate .wrap:before {background-image:url(i/icon/service/toilet-ostomate.svg);background-color: transparent;background-size: 85% !important;}
.logo.service.vender:before,ul.pict li.vender .wrap:before {background-image:url(i/icon/service/vender.svg);}
ul.add.pict {margin-left: -6px;}
ul.pict li.toilet-lady {margin-left: -9px;}

/* アコーディオン */
.toggle_button+.toggle_wrap {display:none;} 
.toggle_button {background: #474759;color:#fff;height: 40px;line-height: 40px;font-size: 1.2rem;position: relative;font-weight: bold;letter-spacing: .05em;padding-left: 12px;}
.toggle_button:hover {cursor:pointer;transition: all 0.2s linear;}
.toggle_button:before{content:'+';display: inline-block;transition: all 0.2s linear;margin-right: 6px;}
main.serviceguide .toggle_button+.toggle_wrap {display:block;}/* アコーディオン中止中、使用時はdisplay:noneに; */
main.serviceguide .toggle_button {display: none;}/* アコーディオン中止中、使用時はdisplay:blockに; */
.toggle_button.on:before{transform:rotate(45deg) !important;transition: all 0.1s linear;}
.toggle_button:hover:before,.toggle_button:hover:after {transition: all 0.1s linear;}

main.serviceguide figure .opening-day ,main.tenant-time .opening-day {color:#b42920;font-size: 1.1rem;margin-top: 0;}

main.serviceguide figure td .sorry {font-size: 1.1rem;}
main.serviceguide figure .opening-ours-data .wrap {flex: 1;}

main.serviceguide #parking .txt p.guide {font-size: 1.4rem;text-align: center;margin-bottom: 32px;}
main.serviceguide .guide_wrap {font-size: 1.4rem;}
main.serviceguide .guide_wrap+div.button_border {margin-top: 32px;}
main.serviceguide figure .ex-memo-limit {font-size: 1.1rem;color: #C93935;line-height: 1.5;margin-top: .5em;}

main.page table th ,main.page table td.column-1 {font-weight: bold;}
main.page table th a,main.page table td.column-1 a {color: #474759;}

main.tenant-time figure.basic table.mini-table {font-size: 1.2rem;}
figure.basic table.mini-table.blue ,figure.basic table.mini-table.blue th,figure.basic table.mini-table.blue td {border-color: #6ca2d5;color: #3872aa;}
figure.basic table.mini-table.blue a {color: #3872aa;}
figure.basic table.mini-table.blue .opening-day a {color:#b42920;}
main.tenant-time figure.basic table.mini-table small {font-size: 1.1rem;margin-top: 2px;}
main.tenant-time figure.basic table.mini-table .ex-memo-limit {font-size: 1.1rem;color:#b42920;margin-top: 1em;}

/****************************************

お問い合わせ（コンタクトフォーム7）

*****************************************/
/* クリア */
.wpcf7-list-item {margin: 0 !important;}
.wpcf7 th p {display: inline-block;}
.wpcf7-not-valid-tip {display: inline-block !important;padding: 0 0 0 9px !important;font-size: 1.2rem !important;border: 2px solid #ffb900;}
.wpcf7-checkbox+.wpcf7-not-valid-tip {margin-left: 12px;}

textarea.row-2 {height: calc( 1.3em * 3 );line-height: 1.3;}

/****************************************

テナントページ

*****************************************/
.tenant_column {display: flex;}
.tenant_column .left {width:50%;}
.tenant_column .right {width:50%;padding-left:4vw;}

.tenant_column .pagetitle .logo {height: 70px;width: 105px;display: none;}

.tenant_column .txt h3 {font-size: 1.1em;border-left: 5px solid;}

.tenant_column .pagetitle .flex {display: flex;justify-content: space-between}
.tenant_column .pagetitle .flex .wrap {flex: 1;padding-right: 12px;}

.tenant_column .pagetitle .pagetitle .title_taxo {margin-top: 0;}
.tenant_column .left .pagetitle {display: none;}
.tenant_column figure.basic table th {width: 25%;white-space: nowrap;font-size: 1.2rem;font-weight: bold;}
.tenant_column figure.basic table th, .tenant_column figure.basic table td {padding: 9px 12px 7px;line-height: 1.6;}
.tenant_column table+div.hosoku {font-size: 1.2rem;margin-top:9px}
.tenant_column figure.basic table tr.opening-ours th:before {content: "営業時間"}
.tenant_column figure.basic table tr.opening-day th:before {content: "定休日"}
.tenant_column figure.basic table.tc-86 tr.opening-ours th:before {content: "診療時間"}
.tenant_column figure.basic table.tc-86 tr.opening-day th:before {content: "休診日"}

.tenant_column table td.floor a {background: #be3934;
color: #fff;
font-family: "Zen Maru Gothic", sans-serif;
padding: 2px 9px;
display: inline-block;
/* font-size: 1.6rem; */
font-size: 1.4rem;}


.tenant_column table td.floor span+span:before {content: "、"}
.tenant_column table .parking_guide {font-size: 1.1rem;float: right;padding-bottom: 0;line-height: 1.4;}
.tenant_column table tr.link td {font-size: .9em;}
.tenant_column table tr.link td p+p {margin-top:6px !important;}
.tenant_column table tr.link td a {display: inline-block;line-height: 1.2;margin-right:.75em;}
.tenant_column figure.tenant_data {margin: 2.2em 0 0;font-feature-settings: "palt";}
.tenant_column figure.tenant_data tr.opening-day td {font-feature-settings:normal;}

/* ＝ てくりギャラリー ＝ */
.tekuri_frame {margin-top: 64px;}
.tekuri_frame .container {height:400px;padding:18px;background: #fff;overflow:auto;border: 1px solid;border-radius: 10px;}
.tekuri_frame .container .wrap {padding-bottom: 18px;border-bottom: 1px solid;margin-bottom: 18px;}
.tekuri_frame .wrap h3 {font-size: 1.5rem;line-height: 1.5;font-weight: bold;padding: 3px 0 2px .66em;border-left: 5px solid;}
.tekuri_frame .wrap h3 small {font-size: 1.1rem;display: block;margin-bottom: 2px;}
.tekuri_frame .wrap p.date {font-size: 1.2rem;margin-bottom: 3px;color: #143914;}
.tekuri_frame .wrap .description {font-size: 1.1rem;margin-top:9px;}
.tekuri_frame .wrap figure {margin-top: 6px;}
.tekuri_frame .wrap a.button {display: inline-block;background: #C93935;padding: 0 12px;height: 30px;line-height: 30px;font-size: 1.2rem;color: #fff;font-weight: bold;margin-top: 9px;}
.tekuri_frame .wrap a.button:hover {background:#474759;}
.tekuri_frame>h3 {font-size: 1.6rem;
padding: 3px 0 2px .66em;
border-left: 5px solid #C93935;
font-weight: bold;
margin-bottom: 9px;
font-family: 'Zen Maru Gothic', sans-serif;}


.tenant_column table tr.park td div.wrap {display: flex;align-items: center;}
.tenant_column table tr.park td a {display: inline-block;padding: 0 12px;border-bottom: 0;font-size: 1.1rem;border: 1px solid #bbb;line-height: 20px;height: 20px;margin-left:auto; }
.tenant_column table tr.park td div.park-text {margin-right: 16px;flex: 1;}
.tenant_column table tr.park td div.park-text span.ex {font-size: 1.1rem;display: block;}

.single-tenant .content.txt {line-height: 1.7;}

.tenant_column figure.tenant_data h3 {font-size: 1.2rem;padding: 3px 0 2px .66em;border-left: 5px solid #c6c6c6;}
.tenant_column figure.tenant_data figcaption {margin-top: 2.5em;}
body.postid-872 .tenant_column figure.tenant_data h3.contact:before {content:"ご予約・"}

/* MURAGENもなか店シングルページのテナントデータから、常設の営業時間を隠す（営業時間が二つあるため） */
.tenant_column.muragen .opening-ours {display: none;}

.single-tenant .rinsetsu:after {content: "※隣接店（出入口はモナカ外側にございます）";font-size: 1.1rem;font-feature-settings:normal;margin-top: .5em;line-height: 1.4;display: block;color: #3872aa;}

/* ＝ 料金表(colorbox) ＝ */
.tenant_column figure.tenant_data .tenant_menu>a {display: block;width:calc(50% - 5px);margin-bottom: 10px;}
.tenant_column figure.tenant_data .tenant_menu.flex {display: flex;justify-content: space-between;flex-wrap: wrap;}
.tenant_column figure.tenant_data .tenant_menu>a:after {content: '';display: block;padding-top: 60%;background-image: linear-gradient(to top,rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .1) 100%);}

.tenant_column figure.tenant_data .tenant_menu .item {display: block;width:calc(33.33% - 8px);margin-bottom: 10px;line-height: 1.5;}
.tenant_column figure.tenant_data .tenant_menu .item a:after {content: none;} 
.tenant_column figure.tenant_data .tenant_menu .item .menu-caption {font-size: 1.1rem;margin-top: 3px;}
.tenant_column figure.tenant_data .tenant_menu .item a {border:1px solid #d9d9d9;display: block;}
.tenant_column figure.tenant_data .tenant_menu .item a img {display: block;}
.tenant_column figure.tenant_data .tenant_menu .item a.pdf:before {content: "PDF";
font-family: arial narrow;
background: rgb(214, 49, 49);
display: block;
font-size: 1.1rem;
color: #fff;
padding: 2px 4px 1px 5px;
border-radius: 2px;
font-weight: bold;
line-height: 1;position: absolute;
display: block;
left: 2px;
bottom: 2px; }

.tenant_column figure.tenant_data .tenant_menu .item a.pdf img:hover {opacity: 1;}
.tenant_column figure.tenant_data .tenant_menu .item a.pdf:hover {transition: all 0.2s linear;box-shadow: 0px 0 12px 0px rgba(0, 0, 0, 0.2);}
@media screen and (max-width: 480px) {

    .tenant_column figure.tenant_data .tenant_menu .item {width:calc(50% - 8px)}

}

/* ＝ テーブル下追加欄 ＝ */
.tenant_column .original-table h3+figure {margin-top: 0;}

/* ＝＝＝＝ テナントスライダー ＝＝＝＝＝＝ */
.tenant_slider .caption {position: absolute;bottom: 0;z-index: 50;color: #fff;font-size: 1.1rem;padding:4px 6px;width: 100%;background:rgba(56, 57, 88, 0.88);}

.tenant_slider .swiper_thumbnail .swiper-slide {margin-top: 12px;opacity: .5;transition: all 0.1s linear;}
.tenant_slider .swiper_thumbnail .swiper-slide:hover {opacity: 1;transition: all 0.1s linear;}
.tenant_slider .swiper_thumbnail .swiper-slide-thumb-active {opacity: 1}
.tenant_slider {max-width: 580px;}
.tenant_slider .swiper-slide {height: auto;border:0px solid #ebebeb;}
.tenant_slider .swiper-slide img {width: 100%;border: 1px solid rgba(56, 57, 88, 0.25);}

/* ＝＝＝＝ コンテンツが少ない時、関連ニュースとフッターの間に不要な隙間ができないように ＝＝＝＝＝＝ */
.single-tenant main {background: ;}/* 関連ニュースの背景色 */
article.relationnews {background:rgba(255, 255, 255, 0.95) ;padding-top: 50px;padding-bottom: 0;background:#fff;color: #383958;padding-bottom: 10px;}
article.relationnews h3.relationnews_title {display: flex;justify-content: space-between;align-items: center;font-size: 1.6rem;margin-bottom: 16px;font-weight: bold;font-family: 'Zen Maru Gothic', sans-serif;}
article.relationnews h3.relationnews_title>div {border-left: 6px solid #C93935;padding-left: 6px;padding: 6px 0 6px 8px;letter-spacing: 0;}
article.relationnews h3.relationnews_title>div small {display: block;font-size: .7em;display: none;}
article.relationnews h3.relationnews_title>div small.inline {display: inline;}
article.relationnews h3.relationnews_title>div span.name {padding-right:3px}
main.prepare+footer article.relationnews  {display: none;}

article.relationnews>section.masonry:after {content: none;}

article.mason p.no_item {font-size: 1.3rem;margin: 0 0 calc(40px + 6vw);}


article.mason.relationnews .item .title_taxo {display: none;}
article.mason.relationnews .item figcaption h3 {font-size: 1.3rem;}
article.mason.relationnews figure.item .date {margin-top: 0px;}

/* オープンセール */
.tenant_column .opensall h3.lead {font-size: 1.2rem;padding: 7px 0 5px .66em;border-left: 5px solid #C93935;background: #ffeded;}
.tenant_column .opensall h3.lead+.wrap {border-top: 0px solid #d9d9d9;padding-top: 0px;}
.tenant_column div.opensall figure {margin-top: .75em;}
.tenant_column div.opensall figure a.colorbox {pointer-events: none;} 
.tenant_column div.opensall figure a.colorbox:after {content: none;}
body.postid-1862 .tenant_column div.opensall figure {max-width: 300px;}

/* メニュー表 */
.tenant_column figure.tenant_data.tenant_menu_wrap {margin-top: 50px;}
.tenant_column .menu-ex {font-size: 1.2rem;}
.menu-thum {position: absolute;font-size: 1.1rem;color: #fff;left: 0;top: 0;background: rgba(0, 0, 0, 0.66);padding: 2px 4px;}

/* 特別休日メモ（時限式） */
.single-tenant .ex-memo-limit {margin-top: 1.5em;font-size: 1.3rem;color: #C93935;}
.single-tenant .ex-memo-limit a {color: #C93935;}

/* お断り */
.tenant_column .right:after {content :"※最新の情報とは異なる可能性もありますのでご了承ください。";font-size: 1.1rem;padding: 32px 0 0;display: block;text-align: right;}



.single-tenant article.timeline {background:#fff2f2;padding-top: 40px;padding-bottom: 60px;}

/* ＝＝＝＝ 準備中に隠す要素 ＝＝＝＝＝＝ */
body.single-tenant main.prepare .tenant_column .left .pagetitle {display: block;}
body.single-tenant main.prepare .tenant_column .right,body.single-tenant main.prepare .tenant_column .left #slide {display: none;}
body.single-tenant main.prepare .tenant_column .left {width: 100%;max-width: 500px;}
body.single-tenant span.ready_message {font-size: 1.3rem;} 
body.single-tenant main.prepare span.ready_message:after {content: "＜詳細情報はただいま準備中です＞";font-size: 1.2rem;letter-spacing: .05em;}
.tenant_column div.recruit {margin-top: 32px;}
.tenant_column a.recruit-button {width: 100%;
height: 26px;
font-size: 1.6rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 700;
text-align: center;
line-height: 26px;
color: #007ab5;
letter-spacing: .1em;
border: 1px solid #007ab5;
box-sizing: content-box;
border-left: 0;
border-right: 0;

}
.tenant_column a.recruit-button+a.recruit-button {border-top: 0;}
.tenant_column a.recruit-button span.type {font-size: 1.1rem;letter-spacing: 0;}
.tenant_column a.recruit-button span.type span+span:before {content: "、"}
/* ＝＝＝＝ オープンセール情報 ＝＝＝＝＝＝ */
.opensall-dl {border: 2px solid #C93935;margin-top: 32px;}
.opensall-dl dt {background: #C93935;color: #fff;padding: 6px 12px;font-weight: bold;font-size: 1.4rem;line-height: 1.3;}
.opensall-dl dd {padding: 12px;font-size: 1.3rem;}
.opensall-dl dt h4 {font-size: 1.2rem;}
.opensall-dl dt h4 .add-name {font-size: 1.1rem;margin-left: .5em}
.opensall-dl dt h4 small {display: none;}


/* ＝＝＝＝ キャッシュレス ＝＝＝＝＝＝ */
.single-tenant article.cashless {color:#383958;background:#e7eaf0;}
.single-tenant article.cashless {padding-top: 50px;padding-bottom: 60px;}
article.cashless h3 {display: flex;justify-content: space-between;align-items: center;font-size: 1.6rem;margin-bottom: 13px;font-weight: bold;font-family: 'Zen Maru Gothic', sans-serif;}
article.cashless h3 span+span::before {content: "、"}
article.cashless h3>div {border-left: 6px solid #C93935;padding-left: 6px;padding: 6px 0 6px 8px;letter-spacing: 0;}
.single-tenant article.cashless h3>div {}
article.cashless h4 {font-size: 1.1rem;font-weight: bold;margin-bottom: 2px}
article.cashless h4:before {content:"◉"}
.cashless_list {display: flex;flex-wrap:wrap;margin-bottom: 8px;}
.cashless_list li {background: #ccc;height:24px;line-height: 24px;margin-right:6px;margin-bottom:6px;background: #fff;padding: 0 12px; border-radius: 12px;font-size: 1.2rem;opacity:.4;}
.cashless_list li.check {opacity: 1;font-weight: bold;}
.cashless_wrap article.cashless.kakunin:last-child section::after {content:"※項目に無い決済方法については店舗にご確認ください";font-size: 1.2rem;line-height: 1.5;padding-top: 20px;display: block;}

article.cashless+article.cashless {margin-top: -30px;padding-top: 0;}
main.payment article.cashless .cashless_plus {margin-top: -8px;}
article.cashless .cashless_plus span {font-size: 1.1rem;font-weight: bold;}
article.cashless .cashless_hosoku {font-size: 1.2rem;padding-top: 3px;}
article.cashless .cashless_text {font-size: 1.3rem;}
/****************************************

フロアガイド

*****************************************/
main.floor_guide .floor_number {background:#474759;padding: 12px 14px 18px;color: #fff;text-align: center;font-size: 3.5rem;font-weight: bold;font-family: 'Zen Maru Gothic', sans-serif;line-height: 1.4;}
main.floor_guide .floor_number h2,main.floor_guide .floor_number h3 {font-weight: 700;}
main.floor_guide .floor_number h3 {font-size: .5em}

main.floor_guide article.mason {position: relative;margin-bottom: 90px;}
main.floor_guide #imagetitle+article.mason {border-top:none;}

main.floor_guide .masonry  {margin-bottom: 50px;}

main.floor_guide .img-floor img {max-width: 900px;margin: 0 auto;min-width: 700px;width: 100%;}
main.floor_guide #f2 .img-floor img {max-width:715px;}/* 画像オリジナルサイズを入力 */
main.floor_guide #f3 .img-floor img {max-width:734px;}/* 画像オリジナルサイズを入力 */
main.floor_guide #bf .img-floor img {max-width:643px;min-width: 643px;}/* 画像オリジナルサイズを入力 */
main.floor_guide .img-floor-wrap {overflow: scroll;margin: calc(50px + 4vw) 0 calc(30px + 4vw);}
main.floor_guide #bf .img-floor-wrap {margin: 60px 0 50px;}
main.floor_guide .option {font-size: 1.3rem;margin-bottom: 60px;}
main.floor_guide .option h4 {font-weight: bold;border-left: 6px solid;padding-left: 6px;padding: 6px 0 6px 6px;margin-bottom: 6px;font-size: 1.4rem;}
main.floor_guide .option ul {font-family: 'Zen Maru Gothic', sans-serif;font-weight: 700;font-size:0;}
main.floor_guide .option ul li {display: inline-block;font-size: 1.3rem;padding-right: 1em;}
main.floor_guide .option ul li:before {content: "・";}

main.floor_guide .door {font-size: 1.2rem;font-feature-settings: "palt";padding-top: 12px;line-height: 1.4;}
main.floor_guide .door:before {content: "＜入口開放時間＞";font-size: 1.1rem;display: block;margin-bottom: 4px;}
main.floor_guide #floorb+article.door:before {content: "＜駐車場利用時間＞";}
main.floor_guide .door ul {display: flex;flex-wrap: wrap;}

main.floor_guide .door ul li:after {content:"/";padding: 0 0.5em;}
main.floor_guide .door ul li:last-child:after {content: none;padding:none;}

main.floor_guide .popup {display: flex;flex-wrap: wrap;align-items: center;}
main.floor_guide .popup span {display: block;height: 26px;min-width: 26px;text-align: center;line-height: 26px;background: #595757;font-size: 1.3rem;font-family: arial;color: #fff;border-radius: 5px;font-weight: bold;font-feature-settings: "palt";padding: 0 6px;}
main.floor_guide .popup span+span {margin-left: 3px;}
main.floor_guide .popup:after {content: "POPUP STORE（催事スペース）";
font-weight: bold;
font-size: 1.1rem;
font-feature-settings: "palt";
display: block;
width: 100%;
padding-top: 6px;}


/****************************************

キャッシュレス一覧ページ

*****************************************/

.obi_link_type {display: flex;}
.obi_link_type a {height: 40px;text-align: center;display: block;width:33.33%;background:#474759;line-height: 40px;font-weight: bold;color: #fff;border-left: 1px solid #fff;font-family: 'Zen Maru Gothic', sans-serif;font-size: 1.6rem;}
.obi_link_type.obi_link_type4 a {width:25%;}
.obi_link_type a:first-child {border-left:none;}
.obi_link_type a:hover {background:#b03a37;}

/* :: キャッシュレス一覧ページ ::  */
main.payment_type  .floor-wrap .wrap {margin-bottom: calc(20px + 1.5vw);padding-left: 14px;}
main.payment .toiawase a {font-size: 1.2rem;}
main.payment #floor-floor1 h2.floor-name {display: none;}
main.payment .cashless_text {font-size: 1.3rem}
main.payment_type .floor-wrap+.floor-wrap h2.floor-name {margin-top: 50px;}
main.payment_type  .floor-wrap h2.floor-name {font-size: 1.8rem;color: #fff;width: 40px;height: 40px;padding: 0 3px;background: #C93935;display: inline-flex;justify-content: center;align-items: center;font-weight: 700;margin-bottom: 18px;font-family: 'Zen Maru Gothic', sans-serif;}
main.payment .cashless_list li {opacity:.33;font-weight: bold;background: #d9dae5;height: 18px;line-height: 18px;font-size: 1.1rem;margin-bottom: 6px;margin-right: 4px;border-radius: 9px;padding: 0 9px;}
main.payment .cashless_list li.check {opacity: 1}

main.payment article.cashless h3>div {font-size: 1.7rem;color: #383958;border-color: #383958;}

/* :: 表示しないページ 銀行、モナカギャラリー ::  */
main.payment div#id-1869,main.payment div#id-1935,main.payment div#id-2105 {display: none;}


/****************************************

プライバシーポリシー

*****************************************/
main.privacy-policy .page_post .txt {font-size: 1.2rem}


/****************************************

POPUP、催事のニュース一覧ページ

*****************************************/
main.popup_event .masonry figure.top_hide {display: none;}
/****************************************

colorbox_content

*****************************************/
.colorbox_content {padding: 12px;background: #fff;max-width: 560px;font-size: 1.3rem;line-height: 1.6;}
.colorbox_content h3 {padding: 6px 0 0;font-weight: bold;font-size: 1.7rem;}
.colorbox_content h4 {font-size: 1.3rem;padding-bottom: 6px;color: #666}
.colorbox_content p+p {margin-top: 1em;}
.colorbox_content figure+p {margin-top: 1em;}
.colorbox_content .career {font-size: 1.1rem;display: block;}
.colorbox_content>div {padding-top:6px;}
a.colorbox {position: relative;display: block;;transition: all 0.2s linear;}
a.colorbox img:hover {opacity: 1}
a.colorbox:hover { transition: all 0.2s linear;
box-shadow: 0px 0 12px 0px rgba(0, 0, 0, 0.2);}
a.colorbox {border-bottom: none;padding-bottom: 0px;}

.txt a.has_img.colorbox:before {opacity: 1;
transition: all 0.1s linear;
content: "";
height: 25px;
width: 25px;
position: absolute;
top: 0px;
right: 0px;
background: rgba(0, 0, 0, 0.5) url(i/colorbox/colorbox.svg);
background-position: center;
background-size: 15px;
background-repeat: no-repeat;
z-index: 100;}

.txt a.has_img.colorbox:after {content: none;}
/* 検索フォームボタン（アイコン） */
a#search_btn {display: block;position: absolute;
height: 30px;
width: 30px;
top: 18px;
background:#C93935;
border-radius: 50%;
left: 21px;display: flex;
justify-content: center;
align-items: center;color: #fff;}
a#search_btn:after {content: "\e8b6";font-family: Material Icons;}
a#search_btn:hover {background:#ffadaf;color: #fff;}

/* 検索フォーム（隠し要素） */
div#search-box {font-size: 1.4rem;}
#searchform {position: relative;width: 100%;max-width: 600px;margin: 0 auto}
#searchform input[type="text"]:focus {outline: 0;}
#searchform input.submit{cursor: pointer;min-width: auto;padding: 0;height: 32px;line-height: 1;width: 18px;display: block;position: absolute;top: 0;right: 0;z-index: 100;margin: 0;
box-shadow: none;}
#searchform input.submit:hover {background: none !important;}
#searchform .search_button{display: block;position: absolute;top:0;right: 0;padding-top: 0;}
#searchform .search_button::after {content:"\e8b6";font-family: Material Icons;position: relative;top: 6px;color: #333}
#searchform input{border: none;vertical-align: top;padding: 6px 6px 6px 0;background: none}
#searchform input#s {width: 100%;border-bottom: 1px solid #777;padding-right: 28px;font-size: 1.3rem;line-height: 1.5;max-width: none}

/* 隠し要素（検索フォーム／クリックで表示） */
#hidden .hidden {display: none;position: fixed;top:0;width: 100%;left: 0;z-index: 890;}
#hidden .hidden a {color: #4e4e4e;border-bottom: 1px solid #e1d5cd;display: block;font-size: 1.2rem;padding: 9px 32px 9px 0;position: relative;}
#hidden .hidden.open {height: auto}
#hidden .hidden .wrapper {background: #fff;padding: 20px;}
#hidden .hidden .block {width: 100%;}

/* 検索結果 */
main.search span.pickup ,main.search .news_line a .date {display: none;}
main.search .post_type {flex: 1;}
main.search .page_post h3.ttl small {display: none;}/* small要素省略 */
/****************************************

お知らせ一覧

*****************************************/
main.information .pagetitle.sub h2 {font-size: 2.0rem;margin-top: 30px;}
main.information .pagetitle.sub {margin-bottom: 9px;}
main.information section.categories {margin-top: 90px;}
main.information section.categories ul {display: flex;flex-wrap:wrap;margin-top: .5em;}
main.information section.categories ul li {margin-right: 1.25em;font-size: 1.2rem;}

/****************************************

スクロール連動ナビ

*****************************************/
.scroll_navi{position: fixed;bottom: 40px;transition: .5s;z-index: 220;left: 0;}
.scroll_navi.hide{transform: translateX(-120px);}

.scroll_navi a {display: block;padding: 12px;height: 48px;width: 48px;box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, .25);justify-content: center;
align-items: center;
display: flex;
font-weight: bold;
font-size: 2.4rem;
font-family: 'Zen Maru Gothic', sans-serif;background: #C93935;
color: #fff;}
.scroll_navi a.facebook {background:#1877f2 url(i/sns/f/facebook.svg);background-position: center;background-size:60%;background-repeat: no-repeat;}
.scroll_navi.scroll_navi_icon a:hover {height: 56px;width: 56px;}
.scroll_navi a.insta {background:url(i/sns/f/insta.svg),linear-gradient(to right,rgba(247, 207, 0, 0.7),rgba(246, 37, 2, 0.7) 45%,rgba(182, 47, 82, 0.7) 75%,rgba(113, 58, 166, 0.7));background-position: center;background-repeat: no-repeat;background-color: #ccc;}
.scroll_navi a.twitter {background:#000000 url(i/sns/f/x.svg);background-position: center;background-size:50%;background-repeat: no-repeat;}

.scroll_navi a+a {margin-top: 9px;}

.scroll_navi_right {right: 0;left: auto;position: fixed;top: 200px;width: auto;bottom: auto !important;}
.scroll_navi_right.hide {transform: translateX(220px);}
.scroll_navi_right a  {writing-mode: vertical-rl;height: auto;font-size: 1.5rem;background: rgba(247, 207, 0, 1);background-image: linear-gradient(to right,rgba(247, 207, 0, 0.7),rgba(246, 37, 2, 0.7) 45%,rgba(182, 47, 82, 0.7) 75%,rgba(113, 58, 166, 0.7));letter-spacing: .075em;box-shadow: none;}
.scroll_navi_right a:before {content: "";display: block;height: 36px;width: 36px;background: url(i/sns/f/insta.svg);background-size:cover;background-position:center;background-repeat: no-repeat;margin-bottom: 9px;}
.scroll_navi_right a:hover {padding: 16px;}

.insta_guide {overflow: hidden;background-image: linear-gradient(to right,rgba(247, 207, 0, 0.7),rgba(246, 37, 2, 0.7) 45%,rgba(182, 47, 82, 0.7) 75%,rgba(113, 58, 166, 0.7));padding: 0;display: none;}
.insta_guide a {height: auto;width: 100%;font-size: 1.6rem;display: flex;padding:16px 12px;font-family: 'Zen Maru Gothic', sans-serif;font-weight: 700;color: #fff;justify-content: center;align-items: center;}
.insta_guide a:before {content: "";display: block;height: 34px;width: 34px;background: url(i/sns/f/insta.svg);background-size: cover;background-position: center;background-repeat: no-repeat;margin-right: 9px;}
.insta_guide a:hover {opacity: .75;}

/****************************************


求人情報

*****************************************/
article.recruitment div.button {margin-top: 24px;}
article.recruitment div.button a {display: block;transition: all 0.2s linear;
background: #31742e;color: #fff;padding: 20px 10px;
font-size: 1.8rem;
text-align: center;

font-weight: bold;position: relative;}
article.recruitment div.button.mail a:after {margin:4px auto 0;display: block;content: "/// メールソフトが開きます ///";font-size: 1.1rem;}
article.recruitment div.button a:hover {background: #123410;transition: all 0.2s linear;}
article.recruitment div.buttons p.or {margin: 14px 0 ;font-size: 1.2rem;}
article.recruitment div.buttons {text-align: center;color:#31742e;}
article.recruitment div.buttons .tel {padding: 12px;border: 2px solid #31742e;}
article.recruitment div.buttons .tel h4 {font-size: 1.3rem;font-weight: 700;}
article.recruitment div.buttons .tel h5 {font-size: 2.4rem;letter-spacing: .05em;font-weight: 700;line-height: 1.2;}
article.recruitment div.buttons .tel small {font-size: 1.1rem}
article.recruitment .job_column {display: flex;justify-content: space-between;}
article.recruitment .job_column .left {width: 30%;}
article.recruitment .job_column .right {width:calc(70% - 30px);max-width: 740px;}
article.recruitment .job_column .left .thumbnail a {display: block;border: 1px solid #ebebeb;}
.job_column figure.basic table {font-size: 1.3rem;}
.job_column figure.basic table th,.job_column figure.basic table td {padding: 7px 9px 4px 9px;}

.job_column figure.basic table th {width: 25%;white-space: nowrap;font-weight: 700;font-size: 1.2rem;}
article.recruitment .content {margin-bottom: 32px;}
article.recruitment .pagetitle .job-type {display: flex;flex-wrap:wrap;margin-bottom: 9px;align-items: center;}
article.recruitment .pagetitle .job-type a {font-size: 1.1rem;height: 20px;display: block;
line-height: 20px;
padding: 0 8px;color: #fff;font-weight: bold;background:#474759;}
article.recruitment .pagetitle .job-type a:hover {color: #fff;}
article.recruitment .pagetitle .new {font-size: 1.1rem;}
article.recruitment .pagetitle .job-type a+a {margin-left: 6px;}

.job-date {font-size: 1.1rem;color: #555;display: flex;flex-flow: column;}
.job-date span {margin-right: 1em;}
article.recruitment .job_column .job-date {margin-top: 14px;}

article.recruitment .pagetitle .job-label {display: flex;flex-wrap:wrap;margin-top: 12px;margin-bottom:5px;}
article.recruitment .pagetitle .job-label span {font-size: 1.1rem;height: 22px;line-height: 22px;padding: 0 9px;border:1px solid #C93935;font-weight: bold;color: #C93935; border-radius: 11px;}
article.recruitment .pagetitle .job-label span {margin-right: 4px;margin-bottom: 4px}
td.job-type span+span:before {content: "・"}

/* :: 求人情報 mason ::  */
article.mason .job-ttl {}
article.recruitment .masonry .pagetitle .job-type {margin-bottom: 3px;}
article.recruitment .masonry .pagetitle  {margin-bottom: 0px;margin-top: 6px;}
article.recruitment .masonry .pagetitle .job-label {margin-top: 9px;}
article.recruitment .masonry .pagetitle {border-bottom: none;padding-bottom: 0px;}
article.recruitment .masonry .pagetitle .job-ttl a {text-decoration: underline;font-size: 1.7rem;line-height: 1.5;font-weight: 700;}

article.recruitment .masonry a.block {border: 1px solid #ebebeb;}
/****************************************

特殊パンくず（求人情報）

*****************************************/
article.bread section {max-width: none;}
article.bread a.home:before {font-family: Material Icons Sharp;
content: "\e88a";
padding-right: 2px;
top: 2px;
position: relative;
color: #444;}

article.bread{color: #444;margin-top: 6px;
font-size: 1.1rem;
letter-spacing: .05em;}

article.bread a:hover {color:#777;}
/****************************************

メディアクエリ

*****************************************/

@media screen and (max-width: 1200px) {
    #special_img {;}
    }
@media screen and (max-width: 1080px) {

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




/* :: ２カラム幅変更 ::  */
section.two_column aside figure .wrap img {width: 100px;max-width: none;}

section.two_column aside {width: 280px; }
section.two_column aside figure {;}

/* :: フッターフロアガイド ::  */
footer #floor_guide ul li {width: 50%}
article.mason.panel .item {width: 50%;}

/* :: テナント関連ショップニュース ::  */

}

@media screen and (max-width: 840px) {
.pagetitle.haslink a:before,article.relationnews h3.relationnews_title>a:before {content: "";}
    article.panel.banner_panel .cell .left img {max-width: 90px;}

.txt h2.mega {font-size: 2.2rem;}
#slick .item.item>*{padding: 20px 18px 20px;font-size: 2.0rem;}

.txt .button_border a ,.txt .button_wrap.button_border {width:100%;}

.pagetitle h2 {font-size: 2.8rem;}
.pagetitle.haslink a {}


.tenant_column .pagetitle .logo img {height: auto;width: 70px;}

/* :: テナント関連ショップニュース ::  */



article section.lead h2 {font-size: 2.5rem}

/* :: フッターの小メニュー ::  */
footer nav ul.menu {flex-flow: column;align-items: center;}
footer nav ul.menu li a {border-bottom: 1px solid  #777;border-right: 0;border-left: 0 !important;padding: 9px 0 3px;}


/* :: ２カラム解除 ::  */
article section.two_column {display:block;} 
article section.two_column div.left {padding-right: 0px} 


article section.two_column aside {width: 100%;margin-top: calc(70px + 5vw);}
aside.column_aside.pc_aside {display: none;}

aside.column_aside.smart_aside {display: block;background: rgba(0, 0, 0, 0.05);}
aside.column_aside a {}




/* :: ２カラム解除（求人） ::  */
article.recruitment .job_column  {flex-direction: column;}
article.recruitment .job_column .left,article.recruitment .job_column .right {width: 100%;}
article.recruitment .job_column .right {order: 1;}
article.recruitment .job_column .left {order: 2;margin-top: 32px;}

article.recruitment .job_column .thumbnail {max-width:380px;}
/* :: ページ送り :: */
.pagenavi .new a:after ,.pagenavi .old a:before {content: "";padding: none}


/* :: ハンバーガーボタン出現（ヘッダーメニュー隠す） ::  */
header nav {display: none;}
header {padding-bottom: 0}
body.home header #title,body.page-id-1113 header #title{padding:40px 0 30px;}
header #title .copy {margin-top: 10px}



        /* ::ハンバーガーボタンがタイトルロゴに重ならないように ::  */
    header #title a.smart {display: block;}
    header #title a.normal {display: none;}


body.home header #title a ,body.page-id-1113 header #title a {width: 60%;max-width: 110px;}
body.home header #title .copy ,body.page-id-1113 header #title .copy {margin: 16px 0 0;}

#swiper {margin-top: 0;}

main.about .pre-text p {font-size: 1.7rem}
}




@media screen and (max-width: 720px) {

/* :: ２カラム解除（テナント） ::  */
.tenant_column .left {width:40%;}
.tenant_column .right {width:60%;}



/* :: キャッシュレス ::  */
    .cashless_list li {height: 18px;line-height: 18px;font-size: 1.1rem;margin-bottom:4px;margin-right: 4px;border-radius: 9px;padding: 0 9px;}
    article.cashless h4 {margin-bottom:2px;}
    article.cashless h3 {margin-bottom: 12px;}


article section.single_column, article section.two_column {padding: 0;}

article.panel.banner_panel section {flex-flow: column;}
article.panel section .cell+.cell {margin-top: 30px;}
article.panel section #book.cell {max-width: 480px;margin: 0 auto;}
article.panel.banner_panel .cell .left img {max-width: 140px;}
article.panel section .cell {width: 100%;margin: 0 auto 20px;}

    footer .wrap{flex-flow: column;}
    footer .wrap .right {width: 100%;padding:0;}
    footer .infomation {}
footer .infomation .title_logo {max-width: none;}
    footer .title_logo .smart img {width: 120px;margin: 20px auto;}

/* :: サイトマップ ::  */
article.list_double section {flex-flow: column;}
article.list_double.mason .item {width: 100%;}
  


/* :: トップページ ::  */
article section.lead h2 {font-size: 2.2rem}

.show_all a {max-width:400px;}

body.home .swiper .arrow {display: none;}

/* :: 左右PADDING補正 ::  */

article {padding: 0 18px;}
article.mason {}

.single-tenant article.mason.relationnews {padding-top: 30px;}



	/* :: table.mailform ::  */
    .page_post figure.basic table th,.page_post figure.basic table td {display: block;width: 100% !important;}

.page_post figure.basic.mq2 table th,.page_post figure.basic.mq2 table td {display:table-cell;width: 100% !important;}
.page_post figure.basic.mq2 table th {width:33.33% !important;}

figure.basic table.floor-type {font-size: 1.8rem;}
    table.mailform th {border-bottom: none;display: block;width: 100%;}
    table.mailform td {padding-top: 0;display: block;width: 100%;}
    table.mailform.mail .require {display: inline;padding-left: 12px;}
table.mailform.underline {border-top: 0}	
table.mailform.underline tr th {border-bottom: 0;background: #ededed;padding: 8px 16px;}
table.mailform.underline tr td {padding-bottom: 2em;border-bottom: 0;} 
figure.basic table td,figure.basic table th {padding: 12px;}
figure.basic table td {border-left: 1px solid #d9d9d9;}

/* :: footer_button	 ::  */
#footer_button {flex-flow: column;}
#footer_button .item {width: 100%;}
#outline section {padding-bottom: 10px;}

/* :: ヘッダー  ::  */

main.flont-page ul{padding-left: 24px;} 
main.flont-page ol {padding-left: 20px;} 
main.flont-page ul li blockquote {padding-left: 0px;margin-bottom: .75em;} 

/* :: サービスガイド  ::  */
.info-wrap {flex-flow: column;}
.info-wrap>* {width: 100% !important;padding: 0 !important;}
.info-wrap .right {margin-top: 24px;max-width: 450px;}




}

@media screen and (max-width: 700px) {

  header #pull {display:  none !important;}
  #sns a.button.facebook {display: block;}
  #sns a.button {width: 100%;position: relative;background-position: 20px center !important;height: 36px;}
  #sns a.button:after {content: "\e037";
font-family: Material Icons Round;
margin-left: auto;
transition: all 0.1s linear;
font-size: 1.4rem;
line-height: 1;
color: #fff;position: absolute;
right: 5px;
top: 50%;
margin-top: -7px;}



/* :: イメージタイトル  ::  */
article#imagetitle {min-height: 220px;}
article#imagetitle div h3 {font-size: 4.5rem;}
article#imagetitle div h4 {font-size: 1.2rem;}

/* :: 駐車場 地図  ::  */
.scroll_navi {bottom: 100px}






article.panel.full section .cell>div.right {padding: 14px 18px 22px;}
}

@media screen and (max-width: 640px) {
    .home #swiper_area,.page-id-1113 #swiper_area{display: none;}
.home #swiper_smart_area,.page-id-1113 #swiper_smart_area {display: block;}
.home header #title,.page-id-1113 header #title {height: 20vh;min-height: 140px;}


/* :: ２カラム解除（テナント） ::  */
.tenant_column {flex-flow: column;}

.tenant_column .left {width: 100%;;margin-bottom: calc(0px + 3vw);}
.tenant_column .right {padding-left: 0;width: 100%;}
.tenant_column .right {}

.single-tenant .obi_post_type {display: block;}

.tenant_column .left .pagetitle {display: block;}
.tenant_column .right .pagetitle {display:none;}


/* :: slick  ::  */
#slick {padding: 0;width: 100%;position:fixed;top:auto;bottom:0;transition: .5s;}
#slick.hide {bottom:-80px;transition: .5s;}
#slick.lock {position: relative;}
#slick #loop_text {display: block;}
#slick #loop_slick {display: none;}
#scrolling {display: block;}

}
@media screen and (max-height: 700px) {
    #slick {position: relative;}
}


@media screen and (max-width: 560px) {
    .news_line a:after {display: none;}

    .scroll_navi_right {display: none;}
    .insta_guide {display: block;}

.page_post figure.basic.mq2 table th,.page_post figure.basic.mq2 table td {display: block;width: 100% !important;}


  #special_img {}
        /* :: mason ::  */
        
        article.mason.panel .item,article.mason.mason50 .item {width: 100%;}


    .breadcrumbs span.current-item {display: none;}




}
@media screen and (max-width: 480px) {
article.panel section .cell {flex-flow: column;width: 100%;}
article.panel section div.right .button_border  {width: 100%;}
article.panel.banner_panel .cell .left img {margin-bottom: 16px;}
article.panel section .cell .left {padding: 0;}

article.special_panel section .cell {flex-flow: column;width: 100%;}
article.special_panel section .cell>div,article.panel section .cell>div {width: 100%;min-height:auto;}   
article.special_panel section .cell>div.left {min-height: 200px;}
article.special_panel section div.right .button_border  {width: 100%;}
article.special_panel section .cell .left {padding: 0;}


}

@media screen and (max-width: 600px),screen and ( max-height: 400px ) {#first_view>div.gazou {max-width: 250px;}}

/****************************************

オープニングのローディングマスク

*****************************************/
#opening {position: fixed;width: 100%;height: 100%;top:0;background: #fff;z-index: 300;display: flex;justify-content: center;align-items: center;}
#opening span {font-size: 5rem;color: #ffd600;}


/*  */
/*  */
/*  */
/*  */