@import url(sanitize.css);
/* CSS Document */
@media screen and (max-width: 1000px) {
 /* menu */
	/* レスポンシブ動き */
	.sp_nav { /* スマホ用メニュー */
		display: block !important;
	}
	.pc_nav { /* pc用メニューを非表示 */
		display: none !important;
	}

	.inner { /* menuの基本位置 */
		padding: 5px 10px;
	}

	.hdr-nav-item:not(:first-child) {
		margin-left: 0;
	}

	.sns01{
		width: 60%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}

	.menu {
		/* メニューの位置マイナス指定で画面外に */
		position: fixed;
		top: -20px;
		right: -100%;
		width: 100%;
		height: 101%;
		margin-left: auto;
		padding: 50px 0 100px;
		/* メニューを縦に */
		display: flex;
		flex-direction: column;
		background: rgba(0,0,0,0.9);
		transition: .5s;
		z-index: 888;
	}
	.menu li {
		width: 100%;
		height: 100%;
		/* メニューテキスト位置をリスト内中心に */
		display: flex;
		justify-content: center;
		font-family: 'じゅん 501', 'Jun 501';
		align-items: center;
	}
	.menu li a {
		text-decoration: none;
		color: #fff;
	}
	.btn {
		/* ボタンの配置位置  */
		position: fixed;
		top: 30x;
		right: 3%;
		/* ボタンの大きさ  */
		width: 28px;
		height: 20px;
		/* 最前面に */
		z-index: 999;/* 一番上 */
	}
	.btn-line {
		display: block;
		position: relative;  /* バーガー線の位置基準として設定 */
		width: 100%;  /* 線の長さと高さ */
		height: 2px;
		background: #fff;  /* バーガー線の色 */
		transition: .2s;
	}
	/****** 上下のバーガー線 *****/
	.btn-line::before,
	.btn-line::after {
		content: "";
		position: absolute;
		left: 0; /* 線の位置を上下と合わせる */
		width: 100%;
		height: 100%;
		background: #fff;
		transition: .5s;
	}
	.btn-line::before {
		/* 上の線の位置 */
		transform: translateY(-10px);
	}
	.btn-line::after {
		/* 下の線の位置 */
		transform: translateY(10px);
	}
	.menu.open {
		right: 0;
	}
	/***** メニューオープン時 *****/
	.btn-line.open {
		background: transparent; /* 真ん中の線を透明に */
	}
	.btn-line.open::before , 
	.btn-line.open::after {
		content: "";
		background: #fff; /* 上下の線の色を変える */
		transition: .2s;
	}
	.btn-line.open::before {
		transform: rotate(45deg); /* 上の線を傾ける */
	}
	.btn-line.open::after {
		transform: rotate(-45deg); /* 下の線を傾ける */
	}
	
/* タイトルのフェードイン */
	.fade_in {
		opacity: 0;
		transform: translateX(18px);
		transition : all 2.5s;
	}
	
	.fade_in.scrollin {
		opacity: 1;
		transform: translateX(0);
	}

	.fade_in img {
		width: 70%;
	}

/* タイトル下の伸びる線 */
	.brdr01 {
		width: 100%;
		margin: 20px auto 40px;
	}
	
/* TOPimg */
	/* レスポンシブ動き */
	.sp_img { /* スマホ用 */
		display: block !important;
	}

	.pc_img { /* pc用 */
		display: none !important;
	}

/* about */
	.about01 {
		padding: 50px 0 150px;
	}

	.about02 {
		width: 80%;
		margin: 0 auto;
	}

	.about03 {
		width: 90%;
		margin: 0 auto;
		font-size: 14px;
		line-height: 30px;
	}
	.abo_pic {
		width: 90%;
		margin: 80px auto 0;
	}

/* お知らせ */
	.topi01 {
		width: 80%;
		flex-direction: column;
	}
	
	.topi01_l {
		width: 100%;
		font-size: 16px;
	}
	
	.topi01_r {
		width: 100%;
		font-size: 16px;
	}

	.topi01_img {
		width: 100%;
	}

/* リムジン */
	.lim02 {
		width: 80%;
	}

/* live配信 */
	.live02 {
		width: 80%;
		height: 30%;
	}

/* イベント情報 */
	.eve01 {
		padding: 100px 0 50px;
	}

	.eve02 {
		width: 80%;
		align-items: center; /* 左右中央寄せ */
		flex-direction: column;
		padding: 20px;
	}
	
	.eve02_l {
		width: 100%;
		padding: 0 0 10px;
	}
	
	.eve02_r {
		width: 100%;
		padding: 5px 0 20px;
	}
	
	.eve02_p {
		width: 50%;
		margin: 15px auto 10px;
	}

	.eve02_d {
		width: 100%;
		margin-top: 30px;
		line-height: 150%;
	}

	.eve03 {
		margin-top: 30px;
	}

	.pfm01 {
		width: 80%;
		padding: 20px;
		font-size: 23px;
		line-height: 33px;
	}
/* form */
	.fom01 {
		margin: 0 auto 30px;
		line-height: 200%;
		text-align: left;
	}
	
	.fom02 {
		outline: 0;
		border: 0;
		display: block;
		padding: 15px;
		width: 100%;
		margin: 20px 0;
		font-size: 16px;
	}

	.fom03 {
		font-size: 15px;
		padding: 15px 20px 0;
	}

	.fom_pc {
		display: none !important;
	}
	
	.fom_sp { /* スマホ用 */
		display: block !important;
	}

/* 来店予約 */
	.rese00 {
		width: 80%;
	}

	.rese01 {
		border-radius: 7px;
	}

	textarea {
		border-radius: 7px;
	}

	.rese03 {
		color: #666;
		font-size: 10px;
	}

/* Twitter */
	.twt01 img {
		width: 80%;
	}
/* accses */
	.acc01 {
		background-image: url('../img/back01_b_sp.jpg');
	}
	
	.acc03 {
		width: 80%;
	}

/* 店舗バナー */
	.ban01 {
		padding: 100px 0 0;
		width: 80%;
		margin: 0 auto;
	}
	
	.ban02 {
		width: 250px;
		display: flex;
		justify-content: space-between;
	}
	
	/* 各ページ */
	.ttl01 img {
		width: 70%;
	}
	
	/* メニュー */
	.mn_itm {
		font-size: 20px;
		font-weight: bold;
		padding: 15px 0;
	}
	
	.mn02 {
		width: 80%;
		flex-wrap: wrap;
		padding: 20px 25px;
		background-position: center;
	}
	
	.cate01 {
		width: 100%;
		text-align: center;
		padding-bottom: 20px;
	}
	
	.itm01 {
		width: 70%;
	}
	

	.itm01_2 {
		width: 100%;
	}
	
	.pri01 {
		width: 30%;
	}

/* 貸切 */
	.use01 {
		width: 80%;
		padding: 30px 0 50px;
		margin: 0 auto;
		text-align: left;
		font-size: 17px;
		line-height: 30px;
	}

	.use02 {
		width: 80%;
		padding: 20px;
		flex-direction: column;
	}
	
	.use03 {
		width: 80%;
	}

	.use04 {
		width: 83%;
		margin:20px auto 0;
	}

	.use_itm {
		width: 50%;
		padding: 5px;
	}

	.eq01 {
		width: 100%;
	}

/* リムジン */
	.lim03 {
		width: 100%;
		margin: 0 auto;
	}

	.lim03 img {
		width: 80%;
	}

/* 募集 */
	.stf02 {
		width: 80%;
		margin: 30px auto 0;
		line-height: 33px;
		font-size: 14px;
	}

/* footer */
	.foot01 {
		padding: 50px 0;
	}
	.foot02 {
		width: 90%;
	}

	.foot02 img {
		width: 50px;
		padding: 5px 12px 15px;
	}

	.foot03 {
		font-size: 10px;
	}


}