@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP');


/* パソコンサイズ */

@media(min-width: 1025px) {
.hamburger,.globalMenuSp{
	display:none;
}

/* Menu main */

#menu_list {
	width:73%;
	margin-left: 27%;
	margin-bottom: 5%;
}
.s_02 .accordion_one .accordion_header {
	font-size: 1.56vw;
	width: 740px;
}
#menu_list td {
	padding-left: 70px;
}
.memo {
	padding-left: 500px;
}

/* shop info */

.shopinfo_map{
	width:92vw;
	height:60.96774vw;
}
.shopinfo_datawrap{
	position:relative;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	width:53vw;
	margin-top:-24vw;
	margin-left: 32vw;
	background:#030303;
	padding:3.3vw .06vw .9vw 7.6vw;
	z-index: 4;
}
.shopinfo_header .wagara{
	top:5vw;
	left:55vw;
	width:10%;
	height:auto;
}
.shopinfo_datamain{
	width:100%;
	margin-bottom:3.8vw;
	padding-bottom:3.4vw;
	align-items:center;
}
.shopinfo_datamain address{
	font-size: 1.09677vw;
	margin-right:23em;
}
.shopinfo_datamain div{
	position:absolute;
	right:0;
}
.shopinfo_datasub{
	width:50%;
}
.train{
	margin-top: 1.7vw;
	font-size:1vw;
	line-height: 1;
}
.shopinfo_dataway{
	width:48%;
}
}

/* ipad以下のサイズ */

@media(max-width: 1024px) {

#nav_content,#category{
	display:none;
}
.buta{
	width:auto;
	height:auto;
	z-index:1;
}
.zutto{
	width:auto;
	height:auto;
	margin:auto;
}
.logo{
	width:190%;
	top:4%;
	left:25%;	
}
.hamburger_logo{
	position:absolute;
	width:22%;
	height:auto;
	top:7.7%;
	left:5.3%;
}
#nav::before{
	display:none;
}

/* ハンバーガーメニュー */

.hamburger {
	display : block;
	position: fixed;
	right : 32px;
	top   : 32px;
	width : 42px;
	height: 42px;
	cursor: pointer;
	text-align: center;
	z-index:3;
}
.hamburger span {
	display : block;
	position: absolute;
	width   : 30px;
	height  : 2px ;
	left    : 6px;
	background : #fff;
	-webkit-transition: 0.5s all;
	-moz-transition   : 0.5s all;
	transition        : 0.5s all;
}
.hamburger span:nth-child(1) {
	top: 10px;
}
.hamburger span:nth-child(2) {
	top: 20px;
}
.hamburger span:nth-child(3) {
	top: 30px;
}

/* ナビ開いてる時のボタン */

.hamburger.active span:nth-child(1) {
	top : 16px;
	left: 6px;
	width: 24px;
	background : #fff;
	-webkit-transform: rotate(-45deg);
	-moz-transform   : rotate(-45deg);
	transform        : rotate(-45deg);
}
.hamburger.active span:nth-child(2) {
	left: 60%;
	opacity: 0;
	-webkit-animation: active-btn17-bar02 .8s forwards;
	animation: active-hamburger-bar02 .8s forwards;
}
@-webkit-keyframes active-hamburger-bar02 {
	100% { height: 0; }
}
@keyframes active-hamburger-bar02 {
	100% { height: 0; }
}
.hamburger.active span:nth-child(3) {
	top: 16px;
	width: 24px;
	background : #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform   : rotate(45deg);
	transform        : rotate(45deg);
}
.hamburger::after {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	content: '';
	width: 52px;
	height: 52px;
	margin: -32px 0 0 -32px;
	border-radius: 50%;
	border: 2px solid rgba(0, 0, 0, 0);
	transition: all .75s;
}
.hamburger.active::after {
	border: 2px solid #fff;
}
nav.globalMenuSp {
	position: fixed;
	top  : 0;
	left : 0;
	color: #fff;
	background: rgba(0,0,0,0.7);
	text-align: center;
	width: 100%;
	opacity: 0;
	transition: opacity .6s ease, visibility .6s ease;
	visibility:hidden;
}
nav.globalMenuSp ul {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
nav.globalMenuSp ul li {
	list-style-type: none;
	writing-mode:vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	display: inline-block;
	height:50%;
	padding: 0;
	transition: .4s all;
	font-size:20px;
	line-height:2.5em;
}
nav.globalMenuSp ul li:last-child {
	padding-bottom: 0;
}
nav.globalMenuSp:hover a:not(:hover){
	opacity:0.5;
}
nav.globalMenuSp ul li a {
	font-family:"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	display: block;
	color: #fff;
	padding: 1em 0;
	text-decoration :none;
}

/* このクラスを、jQueryで付与・削除する */

nav.globalMenuSp.active {
	opacity: 100;
	z-index : 2;
	visibility: visible;
}

/* about us */

#about us {
	margin:0;
	padding:0;
	width:100%;
	height:auto;
}
#news_box {
	display:flex;
	flex-direction:column;
	width:100%;
	height:auto;
}
#news {
	width:25%;
	height:auto;
	text-align:left;
}
.news_logo {
	margin-top:20%;
	margin-bottom:-5%;
	margin-left:15%;
}
.news_logo img {
	width:30%;
}
#blog {
	width:93%;
	height:auto;
	margin-top:0;
	padding-bottom:10px;
	margin-left:5%;
}
.blog_text {
	font-family:"游ゴシック";
	font-size:3vw;
	opacity:1;
}
.blog_date_text {
	font-family:"游ゴシック";
	font-weight:bold;
	letter-spacing:0.7vw;
	font-size:3vw;
}
.blog_line td:nth-child(1) {
	font-size:12px;
	font-weight:bold;
	color:#696969;
	padding-right:2em;
}
.blog_line td:nth-child(2) {
	font-size:15px;
}
#about_top {
	position:relative;
	width:100%;
	height:72vw;
}
#about_top .about_shop {
	top:13%;
	left:50%;
	transform:translateX(-50%);
	width:90%;
}
#about_top .about_logo {
	top:75%;
	left:0%;
	width:80%;
}
#about_main {
	position:relative;
	width:100%;
	height:75vw;
	margin-top:10vw;
}
#concept {
	position:absolute;
	top:5%;
	left:50%;
	transform:translateX(-50%);
}
.concept_text {
	font-size:5vw;
	line-height:6vw;
}
.concept_text_span{
	color:#ed1c24;
	font-size:6.5vw;
	font-family:"游明朝";
	font-weight:bold;
	word-break:keep-all;
}
#message {
	position:absolute;
	top:22.5%;
	left:50%;
	transform:translateX(-50%);
}
.message_text {
	font-size:2.5vw;
	line-height:5.5vw;
}
#about_main .english_logo {
	top:112vw;
	left:50%;
	transform:translateX(-50%);
	width:45%;
}
#gallery div{
	top:138vw;
	left:50%;
	transform:translateX(-50%);
	width:85vw;
	height:22vw;
}
#gallery div a{
	margin-left:auto;
}

/* Menu */

#menu_main{
	margin-top:35vw;
}
#menu_img img {
	width:65%;
	margin: 6vw;
}
#menu_list {
	width: 90%;
	margin: 0 auto;
}
.s_02 .accordion_one .accordion_header {
	font-size: 5.5vw;
	padding-right: 60px;
}
.s_02 .accordion_one .accordion_header p {
	font-size: 2vw;
	width: 5em;
	text-align: right;
}
.menu_line td:nth-child(1) {
	font-size: 3vw;
}
.menu_line td:nth-child(2) {
	font-size: 5vw;
}
.memo {
	font-size:3vw;
	right: 0;
	font-weight:bold
}
.lunch_memo p{
	font-size:2vw;
	line-height:5vw;
	color:#bbb;
}
.dinner_memo p{
	font-size:2vw;
	line-height:5vw;
	color:#bbb;
}
.dinner_memo2 p{
	font-size:2vw;
	font-weight:bold;
	color:#ff0000;
	line-height:5vw;
}

/* アコーディオンの丸ボタンの記述 */

.s_02 .accordion_one .accordion_header .i_box {
  	right: 15vw;
	width: 22px;
	height: 22px;
	margin-right:-15vw;
}

/* roll image */

.roll {
	width:100%;
	height:auto;
	margin-top:5%;
}
#roll_wa {
	width:100%;
	height:auto;
}
#roll_wa img {
	width:15%;
}
.roll__item > img{
	width:350px;
	height:auto;
}
.roll ul li {
	margin-left:10px;
}

/* shop info */

.shopinfo_header{
	height: 45vw;
}
.shopinfo_header .shopinfo_img{
	top:14.5vw;
	left:6vw;
	width:80%;
}
.shopinfo_title{
	top:30.5vw;
	left:6.5vw;
	font-size: 4vw;
}
.shopinfo_map{
	width:100%;
	height: 94.66667vw;
}
.shopinfo_map img{
	height:100%;
}
.shopinfo_datawrap{
	padding-top: 10.9vw;
	padding-left: 6.6vw;
	padding-right: 6.6vw;
}
.shopinfo_datamain{
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: 10vw;
	padding-bottom: 12vw;
}
.shopinfo_datamain h3{
	order:1;
	margin-right: 6.53333vw;
	font-size: 4.8vw;
}
.shopinfo_datamain div{
	order:2;
	position:relative;
	top: 1.33333vw;
}
.shopinfo_datamain div img{
	width:4vw;
	height:auto;
}
.shopinfo_datamain address{
	order:3;
	width: 100%;
	margin-top: 4.53333vw;
	font-size: 3.73333vw;	
}
h4{
	font-size: 4vw;
}
.shopinfo_datasub{
	padding-top:1vw;
}
.tel{
	margin-top: 1.6vw;
}
.tel a{
	font-size: 8.66667vw;
}
.tel a[href*="tel:"]{
	pointer-events:initial;
}
.tel a span{
	font-size: 6vw;
}
.shopinfo_datasub dl dt{
	width:5em;
	font-size: 3.2vw;
}
.shopinfo_datasub dl dd span{
	font-size:3.2vw;
}
.shopinfo_datasub dl dd{
	font-size: 3.2vw;
}
.shopinfo_dataway{
	margin-top:4em;
}
.train{
	margin-top: 3.46667vw;
	font-size: 3.73333vw
}	
.shopinfo_dataway div{
	margin-top: 1.86667vw;
	font-size: 3vw;
}
.shopinfo_dataway dl dt{
	width:5em;
	font-size:3.2vw;
}
.shopinfo_dataway dl dd{
	font-size: 3.2vw;
}
.shopinfo_datamemo p{
	margin-top: 3vw;
	padding-bottom:3vw;
	font-size: 3vw;
}

/* footer */

.footer_copy{
	position:absolute;
	padding-top: 5vw;
	padding-left: 80vw;
	white-space: nowrap;
	display:none;
}
}