@charset "UTF-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main {margin:0;padding:0;border:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
body {font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
wbr:after {content:"\00200B";}

/*	TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
.nocontxt {-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;-webkit-user-drag:none;}
.nocontxt img {pointer-events: none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
div.embed-tbsplayer {
background-color:#000;
position:relative;
height:0;
padding-top:56.25%;
}
div.embed-tbsplayer .tbs-player {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
div.embed-tbsplayer-audio {
background-color:#fff;
}
div.embed-tbsplayer-audio .tbs-player {
height:46px;
}
div.lbx-overlay {
z-index:10000;position:absolute;background-color:#000;width:100%;height:100%;left:0;top:0;right:0;bottom:0;opacity:0.9;
}

/*/////////////////////////////////////////////////////////////////////////
default_CSS
/////////////////////////////////////////////////////////////////////////*/
body {font-family: Roboto, 'Helvetica Neue' ,'Terminal', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; -webkit-text-size-adjust: 100%; line-height: 1; letter-spacing:.1em;}
body, h1, h2, h3, h4, h5, div, p, dl, dt, dd, ol, ul, li, form, table, caption, tbody, tfoot, thead, tr, th, td, article { font-weight: normal; font-size:100%; box-sizing: border-box;}
h1,h2,h3,h4,h5,p {background-color:rgba(255,255,255,.01);}
img,iframe { border:none;}
ul { list-style:none; list-style-type: none;}
.relative { position: relative;}
.hid{visibility: hidden;}
.cover {width:100%; height:100%;}

/*font*/
.tCenter { text-align:center !important}
.tRight { text-align:right !important}
.tLeft { text-align:left !important}
/*font-size*/
html { font-size: 62.5%;} /* = 10px */
body { font-size: 1.6rem; } /* = 16px */
h1 { font-size: 3.2rem; }
h2 { font-size: 2.8rem; }
h3 { font-size: 2.5rem; }
h4 { font-size: 2rem; }
p { font-size: 1.6rem; }
.f160 { font-size:160%;}
.f140 { font-size:140%;}
.f120 { font-size:120%;}
.f110 { font-size:110%;}
.f95 { font-size:95%;}
.f90 { font-size:90%;}
.f85 { line-height:normal !important; font-size:85% !important;}
.f80 { line-height:normal !important; font-size:80% !important;}

.dsms {font-family: dnp-shuei-mgothic-std, sans-serif;
font-weight: 400;
font-style: normal;}

/*link*/
a { text-decoration:none; color:#3e3e3d;}
a:hover { text-decoration:none; color:#3e3e3d;}
.no-link{ pointer-events: none; cursor: default; text-decoration:none; opacity:0.50;}

/*/////////////////////////////////////////////////////////////////////////
コンテンツ用CSS／オリジナル設定
/////////////////////////////////////////////////////////////////////////*/
html, body, div#con-body {background-color:#fff; background: url(../img/bg.png); color:#3e3e3d;}
#con-body {background-color:transparent;}

header{width:100%; height:260px; margin:0 auto; position:relative; box-shadow: 0px 20px 25px -5px rgba(4,0,0,0.2); background:url(../img/main.jpg?1) no-repeat center bottom; background-size:cover;}
header h1{position:absolute; left:0; top:0; bottom:0; margin:auto 0; width:450px; height:128px; background-color:rgba(255,255,255,0.7); background-image:url(../img/logo.png); background-size:90%; background-repeat: no-repeat; background-position:center center;}

.topbnr{width:810px; height:100px; margin:3em auto; position:relative; border-radius:12px;}
.topbnr a{position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:url(../img/bn_x.png) no-repeat center center; background-size:cover; border-radius:12px; transition: 0.3s ease-in-out; decoration:none;}
.topbnr a:hover{filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; decoration:none;}

.outer{width:980px; margin:0 auto 2em; background-color:rgba(255,255,255,1); border-radius:6px; box-shadow:20px 20px 30px rgba(4,0,0,0.1); padding:0 0 2.5em;}

#newest{margin:4em auto; 
background-image:linear-gradient(rgba(255,168,34,0.1), rgba(255,168,34,0.1));
background-repeat:no-repeat;
background-size:100% 40%;
background-position:0 bottom;}
#newest .inner{width:980px; margin:0 auto; display: flex; flex-flow: row wrap; justify-content:center;}
#newest h2{background: url(../img/bg2.png); height:60px; line-height:60px; padding:0 0 0 60px; border-radius: 6px 6px 0 0; font-weight:600;}
#newest .news h2,#newest article h3{color:#0050ff;}
#newest .news,#newest .twitter{position:relative; width:48%; height:500px;}
#newest .newsarea{overflow-y:scroll; height:440px; padding:.5em 0 0; width:100%; margin:0 auto;}
#newest .newsarea::-webkit-scrollbar {width:3px;}
#newest .newsarea::-webkit-scrollbar-track {background:none;}
#newest .newsarea::-webkit-scrollbar-corner {display: none;}
#newest .newsarea::-webkit-scrollbar-thumb {background:rgba(255,168,34,0.5); border-radius:16px;}
#newest .news article{width:92%; margin:0 auto 1.5em; letter-spacing:.05em;}
#newest .news article h3{font-size:100%; line-height:140%; font-weight:600; border-bottom:2px solid rgba(195,156,126,0.3); padding:.1em 0 .3em; margin:0 0 .8em;}
#newest .news article p{font-size:88%; line-height:150%; overflow-wrap: break-word; word-wrap: break-word;}
#newest .news article span.date{color:#ffa822; font-size:80%;}
#newest .news article a{color:#0050ff; transition: 0.3s ease-in-out;}
#newest .news article a:hover{color:#ffa822;}
#newest .twitter h2{color:#000;}
#newest .twitter .tw-inner{height:440px; overflow:hidden;}
#newest span.ribbon {width:50px; text-align:center;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 8px;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  height: 40px;
  line-height: 40px;
  background: #000;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
}
#newest .news span.ribbon{background:#0050ff;}
#newest span.ribbon:before {
  position: absolute;
  content: '';
  top: 0;
  left: -7px;
  border: none;
  height: 48px;
  width: 7px;
  background: #000;
  border-radius: 6px 0 0 6px;
}
#newest .news span.ribbon:before{background:#0050ff;}
#newest span.ribbon:after {
  position: absolute;
  content: '';
  bottom: -7px;
  left: -5px;
  border: none;
  height: 7px;
  width: 5px;
  background:#555;
  border-radius: 6px 0 0 6px;
}
#newest .news span.ribbon:after{background:#0038b2;}
#newest span.icon{width:100%; height:100%; display: inline-block; position:relative;}
#newest span.icon img{position: absolute; left:0; right:0; top:0;bottom:0; margin:auto;}
#newest .news span.ribbon img{width:75%;}
#newest .twitter span.ribbon img{width:50%;}

#info h2,#store h2{color:#fff; font-weight: 600; text-shadow:8px 10px 10px rgba(125,94,63,0.3); background: url(../img/bg_wood.png); line-height:160%; padding:.2em .5em; border-radius: 6px 6px 0 0;}
#info p,#store p{ line-height:160%; padding:1.5em 0;}
#store .inner,#info .inner{width:92%; margin:0 auto;}
#info a{color:#fff; font-weight: 600; text-align:center; font-size:130%; display:block; width:55%; padding:1.5em 0;  box-shadow:0 5px rgba(166,136,104,0.35); position:relative; margin:0 auto; border-radius:6px; transition: 0.5s;
background-image:url(../img/arrow.svg),url(../img/bg_btn.png);
background-repeat:no-repeat,repeat;
background-position:right center,0 0;
background-size:7%,auto;}
#info a:hover{filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.8; box-shadow:none;}
#store address{background-color:rgba(229,219,204,0.4); border-radius:6px; font-style: normal; padding:1em; line-height:160%; margin:0 auto 2em;}
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 50%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
#store .mapdetail h3{font-weight:600;}
#store .mapdetail h3 span,#info.covid h4 span {background: linear-gradient(transparent 70%, rgba(229,219,204,0.4) 70%); padding:.2em .5em;}
#store .mapdetail{display: flex; flex-flow: row wrap;  justify-content:space-between; text-align:center; margin:2em auto 0;}
.map_tokyo,.map_street{width:48%;}
#store .mapdetail figure{margin:1.5em 0 0; width:100%; height:300px; position:relative;}
#store .mapdetail figure img{position:absolute;left:0;top:0; width:100%; height:100%;}
#store .map_tokyo figure{background:url(../img/map1.png) no-repeat center center; background-size:cover;}
#store .map_street figure{background:url(../img/map2.png) no-repeat center center; background-size:cover;}

ul.bnr{display: flex; flex-flow: row wrap; justify-content:center; width:980px; margin:4em auto; position:relative;}
ul.bnr li{width:310px; border-radius:6px; margin:0 2%;
width: -webkit-calc(96% / 3);
width: calc(96% / 3);
height:110px; text-align:center;}
ul.bnr li a{display:block; width:100%; height:100%; background-repeat: no-repeat; background-position:center center; position: relative; background-size:80%; box-shadow:5px 5px 20px rgba(4,0,0,0.15); border-radius:6px; transition: 0.5s;}
ul.bnr li a:hover{filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;}
ul.bnr li.shopping a {background-image:url(../img/tbsshopping.png);}
ul.bnr li.animaru a {background-image:url(../img/animaru.png);}
ul.bnr li.themarket a {background-image:url(../img/themarket.svg);  background-size:86%;}

/*footer*/
footer{margin:0 auto; background-color:rgba(229,219,204,0.4);}
footer p{font-size:80%; text-align:center; padding:4em 0;}

/*covid*/
#info.covid{margin:5em auto; padding:0;}
#info.covid h3{font-size:120%; padding:1.5em 0 .5em; line-height:140%; font-weight:600; color:#ffa822;}
#info.covid h4{font-size:110%; padding:1.5em 0 .5em; line-height:140%; font-weight:600;}
#info.covid ul li,#info.campaign ul li{list-style-type: none; position: relative; padding-left: 0.8em; margin:.5em 0; line-height:150%;}
#info.covid ul li:before,
#info.campaign ul li:before {
    border-radius: 50%;
    width: 4px;
    height: 4px; 
    display: block;
    position: absolute;
    left: 0;
    top: 0.6em;
    content: "";
    background: #e0d5ca;
}

/*campaign*/
#info.campaign{margin:5em auto;}
#info.campaign h3{font-size:140%; padding:0 0 0 1.2em; line-height:140%; font-weight:600; color:#ffa822; position: relative; margin:1.4em 0 0;}
#info.campaign h3:before,#info.campaign h3:after{
content: "";
position: absolute;
width:12px;
height:12px;
border-radius:2px;
}
#info.campaign h3:before{
background-color: #ffdf71;
top:15%;
left:0;
}
#info.campaign h3:after{
background-color: #ffa822;
top:30%;
left:.5%;
}
#info.campaign p{ line-height:160%; padding:.5em 0;}
#info.campaign p.notice{font-size:95%; line-height:150%; padding:2em 0 0; color:#ffa822;}
#info.campaign ol{padding-left:1.5em; list-style-type:decimal;}
#info.campaign ol li{padding-left:.2em; margin:.5em 0; line-height:150%;}

/*//////pc//////*/
@media all and (min-width: 768px) {
.nobr{display: none;	}
#newest .newsarea::-webkit-scrollbar {width:4px;}
#newest .twitter{margin:0 0 0 4%;}
}

/*//////smp//////*/
@media all and (max-width: 767px) {
body,p { font-size:1.3rem;}
h1 { font-size: 2.6rem;}
h2 { font-size: 2rem; line-height:1.5em;}
h3 { font-size: 1.85rem; }
h4 { font-size: 1.45rem; }
.f90 { font-size: 1.2rem;}
.hid_sp{display:none;}
.pcbr{display: none;	}

header{height:0; padding:35% 0 0; box-shadow: 0px 10px 15px -5px rgba(4,0,0,0.2);}
header h1{width:50%; height:0; padding:13% 0 0; background-size:cover; background-size:90%;}

.topbnr{width:92%; height:0; padding:11.3580246914% 0 0; margin:4% auto;}
.topbnr a{border-radius:10px; }

.outer{width:92%; box-shadow:10px 10px 20px rgba(4,0,0,0.1); padding:0 0 1em;}

#newest{margin:7% auto; background-size:100% 30%;}
#newest .inner{width:92%;}
#newest h2{height:40px; line-height:40px; padding:0 0 0 48px;}
#newest .news,#newest .twitter{width:100%; height:320px; padding:0;}
#newest .twitter .tw-inner{height:280px;
overflow-scrolling: touch;
-webkit-overflow-scrolling: touch;}
#newest .newsarea{height:280px; padding:.8em 0 0 0;}
#newest .news article h3{font-size:105%; padding:.2em 0 .3em;}
#newest .news article p{font-size:92%;}
#newest .news article span.date{font-size:90%;}
#newest span.ribbon{width:40px; height:35px; line-height:35px; top:3px;}
#newest span.ribbon:before {height:41px; width:6px; left:-6px;}
#newest span.ribbon:after{height:5px; bottom:-5px; width:5px; left:-5px;}

#info h2,#store h2{padding:1.5% .5em;}
#info p,#store p{padding:1em 0; font-size:98%;}
#info a{width:75%; font-size:4vw; margin:0 auto 1em; box-shadow:0 3px rgba(166,136,104,0.35); text-align:center; padding:3.5% 0; line-height:130%; background-size:12%,auto;}
#store address{font-size:95%; margin:0 auto 5%;}
.gmap{padding-bottom:56.25%;}
#store .mapdetail{margin:6% auto 0;}
.map_tokyo,.map_street{width:100%;}
#store .mapdetail figure{margin:4% 0 0; width:100%; height:0; padding:66% 0 0;}
#store .map_street{margin:8% 0 2%;}

ul.bnr{width:65%; margin:8% auto;}
ul.bnr li{width:100%; height:auto; position:relative; padding:30% 0 0; margin:0 0 5%;}
ul.bnr li:last-child{margin:0;}
ul.bnr li a{position:absolute;left:0;top:0; background-size:70%; }

footer{padding:5% 5% 16%;}
footer p{line-height:130%; padding:0; font-size:75%; letter-spacing:.05em;}

#info.covid,#info.campaign{margin:8% auto;}
#info.covid h2,#info.campaign h2{line-height:120%; font-size:5vw; padding:2.5% .5em;}
#info.covid h3{font-size:110%; padding:1.5em 0 0; line-height:150%;}
#info.covid h4{font-size:115%;}
#info.covid ul li{font-size:98%;}

#info.campaign h3{font-size:4.5vw; padding:0 0 0 6%; margin:7% 0 0;}
#info.campaign h3:before,#info.campaign h3:after
{
content: "";
position: absolute;
width:2.5vw;
height:2.5vw;
border-radius:2px;
}
#info.campaign h3:before{
background-color: #ffdf71;
top:15%;
}
#info.campaign h3:after{
background-color: #ffa822;
top:30%;
left:1%;
}
#info.campaign p{font-size:100%;}
#info.campaign p.notice{font-size:95%; padding:5% 0 0;}
#info.campaign ol{padding-left:1.4em;}
#info.campaign ol li{padding-left:.1em;}
}

@media all and (max-width: 320px) {
footer{padding:5% 5% 20%;}
}

div.tbs-gfooter {
	background:none !important;
	padding:0 !important;
}