@charset "utf-8";
/* CSS Document */
html{  overflow-x: hidden !important;  overflow-y:scroll; font-family:	YuMincho,'Yu Mincho', sans-serif;
  -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  -ms-transition: all 0.3s ease;  -o-transition: all 0.3s ease;  transition: all 0.3s ease; 
  width:100%; margin:0; padding:0; text-align:center; font-size: 10px;line-height:16px; overflow-x:hidden; }   
   /* IE10以降 */
@media all and (-ms-high-contrast:none){
html{ font-size: 10px; }
}

body { margin:0 !important; padding:0 !important; width:100% !important; word-wrap : break-word; overflow-wrap : break-word; animation: fadeIn 2s ease 0s 1 normal; -webkit-animation: fadeIn 2s ease 0s 1 normal; font-size: 62.5%;overflow:hidden; }
tr td{ font-size:100%; }
a img{border:none;}
a { text-decoration:none}
.cf:before,
.cf:after { content: " "; display: table;}
.cf:after { clear: both;}
.cf {  *zoom: 1;}  
.fonts { font-size:1.2rem !important }
.ac_menu {display:none;}
a .fred { color:#C00; font-weight:bold;}

.nonpc { display:none}
.forpc{ display:block}
.phone { display:none}
.bggray { background-color:#F1EFEF;}
.bgwhite { background-color:#FFF;}
.bgtop { margin:30px; clear:both; text-align:right; font-size:2.0rem}
.clear { clear:both}
footer { clear:both; margin:60px 0 0 0; background-color:#42281c; padding:20px 0; color:#FFF; font-size:1.2rem; line-height:2.0rem}
.fwhite { color:#FFF !important; text-shadow:#333 2px 2px 2px; }
.fgray { color:#333 !important }
h1{ font-size:2.0rem; line-height:3.0rem; margin:0; padding:0}
.mainttl h4{ font-size:1.0rem; line-height:3.0rem; margin:0; padding:0}
.heading h4{ font-size:2.0rem; line-height:3.0rem; margin:0; padding:0}
.bgtop { margin:30px; clear:both; text-align:right; font-size:2.0rem}
section{ margin:0 0 0 15%;}
.shoparea{ line-height:30px; padding:20px 0  }
.ttl { text-align:center; color:#333; margin:0; padding:0 0 30px 0 }
.ttl h1{ font-size:2.6rem; line-height:3.6rem; margin:0; padding:40px 0 0 0; }
.ttl h4 { font-size:0.9rem; line-height:1.6rem; margin:0; padding:0; }
h4 img{ height:50px; width:auto;}
.mainttl h2 { margin:0 auto; padding:0; line-height:3.0rem; font-size:1.5rem; text-align:center; color:#111111; text-shadow:1px 1px 2px #FFF; width:90vw }
.mainttl { margin:0;}
header{ position:fixed; top:0; right:0; z-index:20; width:100%; background-color:#FFF; height:55px; display:flex; justify-content: flex-end;align-items: center; box-sizing:border-box; padding:0 20px 0 0 }
header a { font-size:2.0rem; color:#300; padding:5px;}
.menu  { list-style:none; margin:0; padding:60px 0 0 0;text-align:center; line-height:2.0rem; 
position:fixed; top:0; left:0; z-index:100; min-width:150px; width:15%; 
font-size:1.6rem; height:100vh; background-color:#FFF; }
.menu li {padding:15px 0; margin:0}
.menu li a { color:#000; text-decoration:none; } 
.menu li span{ display:inline-block}
.menu li a:hover { color:#EE7700; font-size:2.2rem; transition-duration: 0.8s, 0.8s, 1.0s, 1.0s;} 
.text { line-height:2.4rem; padding:30px 0; font-size:1.6rem !important; margin:0 auto; width:80vw;}
.snsm a{ width:100%; display:block; padding:5px 0 0 0; font-size:80%}
.tirolian{  max-width:200px; margin:5vh auto !important }
.pankz{ text-align:left; font-size:14px}.pankz a{ color:#666 !important}
a .bt{ margin:20px auto; padding:5px 10px; line-height:20px; font-size:16px; text-align:center; color:#1F1F1F; text-shadow:1px 1px 2px #FFF; border:#333 1px solid; display:inline-block  }

/* page-top */
#pagetop {position: fixed;bottom: 20px;right: 20px;font-size: 77%;}
#pagetop a {background: #666;text-decoration: none;color: #fff;	width: 100px;
	padding: 30px 0;text-align: center;display: block;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
#pagetop a:hover {	text-decoration: none;	background: #999;}
.ttltag { background-position:center; background-repeat:no-repeat; background-size:cover; width:100%; margin:0; padding:30px 0; clear:both; box-sizing:border-box}
.shoparea { background-color:#EEEEEE; font-size:2.6rem; line-height:80px; color:#1F1F1F; margin:50px 0 0 0; clear:both; }
.shoparead { background-color:#999999; font-size:2.0rem; line-height:80px; color:#1F1F1F; margin:10px 0 0 0; clear:both; text-indent:20px }
.corp { width:96vw; max-width:1200px; margin:50px auto; display: flex; flex-flow: row wrap;line-height:2.4rem; font-size:1.6rem; }
.corp dt { width:30%; margin:0; padding:10px; text-align:center; box-sizing:border-box; border-bottom:#666 1px dotted;}
.corp dd { width:70%;  margin:0;padding:10px; text-align:left; box-sizing:border-box; border-bottom:#666 1px dotted; }
.flex{  display: flex; flex-flow: row wrap;}

.item{ max-width:100%}.itemdt span{ display:inline-block}
/* ------------------------------
   MEDIAQUERIES LAYOUT
------------------------------ */

@media only screen and (max-width: 1024px) {
.ac_menu { display:block;}
.menu { display:none;}
label { display: block; cursor :pointer; top:0; right:0; width:40px; height:40px; position:fixed; color:#000; line-height:25px; font-size:16px; z-index:21; border:#000 1px solid}
label span { display:block;position:absolute; width:80%; margin:0 10%;
    border-bottom:solid 3px #000; -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out; transition: .35s ease-in-out}
label span:nth-child(1) {top:10px}
label span:nth-child(2) {top:20px}
label span:nth-child(3) {top:30px}
label p {top:35px; font-size:10px}
input[type="checkbox"].bellows{  display: none;}

.ac_menu ul { z-index:22;overflow:hidden !important;
    background:rgba(91, 91, 91, 0.8);  -webkit-transition: all 0.5s;  -moz-transition: all 0.5s;  -ms-transition: all 0.5s;  -o-transition: all 0.5s;
    transition: all 0.5s;  margin: 0;  padding: 0; font-size:1.5rem; list-style: none; top:50px; right:0; position:fixed;}
.ac_menu li { padding:10px; text-align:left; }
.ac_menu li a { border-left:#FFF 3px solid; text-decoration:none; color:#FFF; padding:0 20px;}
.ac_menu li a:hover { border-left:#F0C 3px solid; border-bottom:#FFF 3px solid;}
.menu { display:none}
input[type="checkbox"].bellows + ul{ max-height: 0;  overflow: hidden;}
input[type="checkbox"].bellows:checked + ul{ max-height: 95vh;overflow:scroll}
.nonpc { display:block}
header{ justify-content: flex-start; padding:0 0 0 10px; margin:0 }
header a{ width:calc(50% - 40px); text-align:left; font-size:10px; line-height:15px}
.forpc{ display:none}
section{ margin:60px 0 0 0;}
.shopmap li{ width:33%;}
.pankz{ display:none}

.wrapper { display:none}
.mobiletop { display:block; position:relative; height:300px; width:100vw; text-align:center; background:#000  }
.mobilelogo { height:60px; display:block; background:#000; text-align:left }
.mobiletopbg { position:absolute; top:0; left:0; background:url(../img/top/pattern.png) repeat; width:100vw; height:300px; }
#prmovie { display:none;}
.slider img { width:214px; }

}
@media print, screen and (max-width: 768px) {
.newslist dl dt{ width:100%; font-size:1.6rem; line-height:2.0rem; padding:10px 0  }
.phone { display:block}
.shopmap li{ width:100% ;}
.mainttl { margin:10px 0 0 0 !important;}
.mainttl h2 { line-height:2.6rem; font-size:1.3rem; text-align:left; padding:30px 0 0 0 }
.heading h4{ font-size:20px}
.infoitem dl dt { display:block; width:90%; padding:20px 10px 10px 10px; box-sizing:border-box }
.infoitem dl dd  { display:block; width:90%;padding:10px; box-sizing:border-box }
.ordershop { width:90vw; margin:20px auto; font-size:1.6rem; line-height:2.4rem }
.tablecell1{ width:90%; margin:20px 0;}
.tablecell2{ width:90%; }
.tablecell3{ width:90%; }
}

@keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1}}
@-webkit-keyframes fadeIn { 0% {opacity: 0}  100% {opacity: 1}}
.mobiletop  { display:none}
.mobilelogo  { display:none}

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

.backnum{clear:both; display:block; border:#FCC 3px double; background:#069; color:#FFF; margin:20px auto; padding:20px; box-sizing:border-box; text-align:center; width:90%}

.infoitem dl { width:100%; display:flex; flex-flow: row wrap; justify-content: center;text-align:left; font-size:16px;box-sizing:border-box  }
.infoitem dl dt { width:30%; padding:20px 0 20px 10% ; line-height:26px; box-sizing:border-box; margin:0 }
.infoitem dl dd { width:60%; padding:20px 0; line-height:26px; margin:0}
.infoitem img{ width:100%}
.infogray{ background-color:#FAFAFA}
.itemdt { background-color:#F1EFEF; padding:50px; box-sizing:border-box; width:80vw; margin:50px auto;}
.itemdt dt {margin:0 auto; font-size:3.0rem; line-height:5.0rem; text-align:center;}
.itemdt dt h1 { font-size:3.0rem; line-height:5.0rem;}
.itemdt dt img { height:60px; width:auto;}
.itemdt dd { margin:30px auto; font-size:1.5rem; line-height:3.0rem; text-align:left}
.itemdt dt a{ color:#000 !important}
.cal{ text-align:right; margin-right:40px; color:#333; font-size:12px; display:block; width:100%; clear:both;}
.ordershop{ display:block; max-width:600px; width:90%; margin:30px auto; border:#CCC 5px double;
 background-color:#C00; color:#FFF; font-size:20px; line-height:30px; padding:20px 0}
.itemphoto { width:90vw; margin:30px auto; display:flex;flex-flow: row wrap;justify-content: center; padding:0; list-style:none; }
.itemphoto li { margin:0; width:30%; padding:0; font-size:1.6rem; line-height:2.6rem }
.itemphoto li img { width:80%; padding:10px; border:#999 1px solid   }
.youtube{ width:70vw; height:40vw}
@media only screen and (max-height:700px) {.menu{ overflow:scroll}}