@charset "utf-8";
@media (max-width:1200px) {
	.pc_v {
		display:none;
	}
	.sp_v {
		display:inherit !important;
	}
	section #blog.sp_v {
		display:none;
	}
	/* スマホメニュートリガー 共通 */
	.menu-trigger, .menu-trigger span {
		display:inline-block;
		transition:all .4s;
		box-sizing:border-box;
	}
	.menu-trigger {
		position:fixed;
		width:30px;
		height:22px;
		top:18px;
		right:10px;
		z-index:100;
		cursor:pointer;
	}
	.menu-trigger span {
		position:absolute;
		left:0;
		width:100%;
		height:4px;
		background-color:#fff;
		border-radius:4px;
	}
	.active span {
		background-color:#000;
	}
	.menu-trigger span:nth-of-type(1) {
		top:0;
	}
	.menu-trigger span:nth-of-type(2) {
		top:9px;
	}
	.menu-trigger span:nth-of-type(3) {
		bottom:0;
	}
	/* スマホメニュートリガー エフェクト */
	.menu-trigger.active span:nth-of-type(1) {
		-webkit-transform:translateY(9px) rotate(-45deg);
		transform:translateY(9px) rotate(-45deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
		opacity:0;
	}
	.menu-trigger.active span:nth-of-type(3) {
		-webkit-transform:translateY(-9px) rotate(45deg);
		transform:translateY(-9px) rotate(45deg);
	}
	/* ハンバーガーメニュー */
	/* 全体 */
	section {
		width:100%;
		padding:30px 0;
		box-sizing:border-box;
		overflow:hidden;
	}
	a {
		text-decoration:none;
		outline:none;
	}
	img {
		vertical-align:top;
	}
	.fl_wrap {
		clear:both;
		overflow:hidden;
	}
	.fl_left {
		float:left;
	}
	.fl_right {
		float:right;
	}
	.btn_1 {}
	.btn_2 {}
	h2 {
		font-size:20px;
		/*font-family:'Libre Baskerville', serif;
    */
		text-align:center;
		margin-bottom:50px;
		letter-spacing:0.1em;
	}
	/* width */
	#menu-wrap, #breadcrumb, .about-in, .information-in, .blog-in, .btn-wrap, #shopinfo, .w1000, .w900, #shokuzai, #floormap, #insta, #gallery, .banner {
		width:100%;
		box-sizing:border-box;
	}
	/* 追従エリア */
	#sp_bottom {
		position:fixed;
		bottom:0;
		left:0;
		width:100%;
		clear:both;
		overflow:hidden;
		z-index:999;
	}
	.yoyaku {
		width:80%;
		background:#000;
		padding:0;
		text-align:center;
		box-sizing:border-box;
		vertical-align:middle;
	}
	.yoyaku p {
		display:block;
		width:100%;
		line-height:39px;
		text-align:center;
		background:#ff9a00;
		margin-top:0;
		margin-bottom:0;
	}
	.yoyaku p a {
		color:#000;
		font-size:16px;
	}
	.sp_totop {
		width:20%;
		background:#000;
		display:table-cell;
		padding:5px 0;
		text-align:center;
		box-sizing:border-box;
		line-height:120%;
		vertical-align:middle;
	}
	.yoyaku a {
		color:#fff;
	}
	.sp_totop a {
		color:#fff;
	}
	/* ヘッダー */
	#nav-wrap2 {
		width:100%;
		padding-bottom:15px;
		height:40px;
	}
	.page #nav-wrap2 {}
	#nav-wrap {
		margin:0 auto;
		position:static;
		margin-left:0;
		z-index:99;
	}
	#nav {
		display:none;
		width:100%;
		position:fixed;
		top:0;
		left:0;
		z-index:90;
		color:#000;
		background:#fff;
		box-sizing:border-box;
		text-align:left;
		float:none;
	}
	#nav li {
		display:block;
		width:100%;
		padding:7px;
		margin:0 auto;
		box-sizing:border-box;
		font-size:20px;
		border-bottom:1px dotted #999;
		text-align:left;
	}
	#nav>ul {
		border-top:1px solid #ccc;
		text-align:left;
	}
	#nav li:last-child {
		border-bottom:none;
	}
	#nav li a {
		display:block;
		padding:8px 15px;
		color:#000;
		text-align:center;
	}
	#nav li .sub-nav {
		opacity:1;
		position:relative;
		display:block;
		left:auto;
		top:auto;
		width:auto;
		margin-left:15px;
		text-align:left;
		border-top:1px dashed #999;
	}
	#nav li .sub-nav li {
		display:block;
		padding:0;
		border-bottom:1px dashed #999;
	}
	#nav li .sub-nav li:last-child {
		border-bottom:none;
	}
	#nav li .sub-nav a {
		width:auto;
		padding:8px 15px 8px 15px;
		color:#000;
		background:#fff;
	}
	#nav a span.jp {
		position:static;
		display:inline-block;
		width:auto;
		opacity:1;
		margin-left:20px;
		color:#ccc;
		font-size:13px;
	}
	#nav a:hover span.jp {}
	.tel {
		display:none;
	}
	.tel_sp a {
		color:#fff;
		font-size:22px;
		text-align:right;
		display:block;
		line-height:30px;
		position:absolute;
		top:15px;
		right:50px;
	}
	.tel_sp a i.fa {
		padding-right:12px;
	}
	#breadcrumb li:first-child {
		padding-left:10px;
	}
	.breadcrumb {
		padding-right:20px;
		padding-left:10px;
	}
	/* 	blankページ */
	#course_menu, #base_menu {
		padding: 0 20px;
	}
	#base_menu img {
		width: 100%;
		height: auto;
	}
	/* フッター */
	#reservearea .container {
		width:700px;
	}
	#reservearea .container .left, #reservearea .container .right {
		width:180px;
	}
	#reservearea .container .middle {
		width:340px;
	}
	#access {
		background:url("../../../../../index.html");
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
		background-attachment:scroll;
		-webkit-backface-visibility:hidden;
		backface-visibility:hidden;
		overflow:hidden;
	}
	#shopinfo {}
	#shopinfo p {
		font-size:15px;
	}
	#shopinfo>.fl_wrap>img.fl_left {
		width:40%;
		height:auto;
	}
	#shopinfo>.fl_wrap>div.fl_right {
		float:left;
		margin-left:30px;
		width:380px;
	}
	#shopinfo .links {
		margin-bottom:10px;
		padding-bottom:5px;
	}
	#shopinfo .links li {
		width:50px;
		padding:0 2px 2px;
	}
	#shopinfo .links img {
		width:auto;
		height:50px;
	}
	#footer-info {
		padding-bottom: 7em;
	}
	#footer-menu a {}
	#footer .spbtn {
		display:flex;
		display:-ms-flexbox;
		display:-webkit-box;
		justify-content:center;
		position:fixed;
		bottom:0px;
		background:rgb(255, 255, 255);
		border-top:solid #ccc 1px;
		width:100%;
		box-sizing:border-box;
	}
	#footer .spbtn div {
		text-align:center;
		padding:18px 5px;
		font-size:17px;
		width:50%;
		box-sizing:border-box;
	}
	#footer .spbtn div:first-child {
		border-right:solid #ccc 1px;
	}
	#footer .spbtn .fa-calendar {
		color:green;
		margin-right:5px;
	}
	#footer .spbtn .fa-phone {
		color:orange;
		margin-right:5px;
	}
	#footer .spbtn a{
		color: black;
	}
	#copy {
		font-size:13px;
		margin:0 auto;
		text-align:center;
		padding:10px 0;
	}
	#totop {
		width:55px;
		height:63px;
		position:fixed;
		right:37px;
		bottom:40px;
		z-index:999;
		display:none;
	}
	#totop img {
		width:100%;
		height:auto;
	}
	/* メインビジュアル */
	#mainv {
		position:relative;
		width:100%;
		height:500px;
		color:#fff;
		padding:90px 30px;
		box-sizing:border-box;
		z-index:21;
		min-width:768px;
	}
	.mainv_bg {
		height:0;
		padding-top:calc(100%*1000/2000);
		/* (画像の高さ / 画像の横幅) × 100 */
		margin-top:60px;
	}
	.mainv_logo_wrap {
		display:none;
		text-align:center;
		position:absolute;
		/* ←ここを変更 */
		top:50%;
		left:50%;
		-moz-transform:translate(-50%, -50%);
		-webkit-transform:translate(-50%, -50%);
		transform:translate(-50%, -50%);
		z-index:25;
	}
	.mainv_logo_wrap h1 {}
	.mainv_logo_wrap h1 img {
		display:block;
		width:100%;
		height:auto;
	}
	.mainv_logo_wrap h1 .logo {
		display:block;
		width:204px;
		height:auto;
		margin:0 auto 45px;
	}
	.mainv_logo_wrap h1 .lead {
		display:block;
		width:304px;
		height:auto;
		margin:0 auto 45px;
	}
	.page #mainv {}
	/* ページ */
	.top {}
	#about {}
	.about-img1 {}
	.about-img2 {}
	.about-img3 {}
	/* .about-in>.fl_wrap>div {
    width:31%;
    height:200px;
    box-sizing:border-box;
    padding:15px;
    margin-left:3.5%;
}
 .about-in>.fl_wrap>div:first-child {
    margin-left:0;
}
 .about-in>.fl_wrap>div p {
}
 #information {
    background:url("../img/bg_info.png");
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:scroll;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    overflow:hidden;
}
*/
	.information-in {}
	.list_wrap {}
	.list {}
	.list:last-child {}
	.info-date {}
	.readmore {}
	#top-btn {}
	.btn-wrap {
		padding:0px;
	}
	.blog-box {
		display:flex;
		flex-direction:column;
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-ms-flex-direction:column;
		flex-direction:column;
		padding:0 10px;
		width:100%;
		margin:0 auto;
		box-sizing:border-box;
	}
	.blog-in, .information-in, .sns-in {
		width:100%;
		padding:20px;
		margin-bottom:10px;
		box-sizing:border-box;
		text-align:center;
		background:none;
	}
	.blog-in ul, .information-in ul {
		margin-bottom:10px;
		background:rgba(255, 255, 255, 1);
		padding:15px;
	}
	.blog-in li, .information-in li {
		border-bottom:1px solid #999;
		padding:15px 0;
	}
	.blog-in li img, .information-in li img {
		display:none;
	}
	#information .info-date, #blog .info-date {
		color:#666;
		margin-bottom:5px;
		font-size:14px;
	}
	#top-btn .sp_v {
		display:none;
	}
	.btn-list {
		width:50%;
		height:270px;
		margin-left:4%;
		margin-bottom:20px;
		box-sizing:border-box;
	}
	.btn-list:first-child {
		margin-left:0;
	}
	.btn-list:nth-child(2n) {
		margin-left:0;
	}
	.btn-list:nth-child(3n) {
		margin-left:0;
		margin-bottom:20px!important;
	}
	.btn-list p {
		padding:15px;
		margin-bottom:0px;
		line-height:120%;
		letter-spacing:0;
	}
	.btn-list img {}
	.btn-list:hover img {}
	.page h2 {
		margin-bottom:30px;
	}
	.desc {
		width:50%;
	}
	.btn-list h4 {
		padding:10px 10px 0 10px;
	}
	#top-btn .btn_infomore {
		margin-top:0px;
	}
	.course_list {
		margin-bottom:50px;
	}
	.course_list>.fl_left {
		width:50%;
		padding-left:20px;
		padding-right:20px;
		box-sizing:border-box;
	}
	.course_list>.fl_right {
		width:50%;
		padding-right:20px;
		box-sizing:border-box;
	}
	.course_list>.fl_left img {
		width:100%;
		height:auto;
		object-fit:cover;
	}
	.nomiho_menu .fl_left {
		margin-right:10%;
		width:45%;
	}
	.alc_lead {
		width:49%;
		height:273px;
		box-sizing:border-box;
		border:1px solid #000;
		position:relative;
		float:left;
		margin-right:2%;
		margin-bottom:2%;
	}
	.alc_lead_in {}
	.alc_lead_in h3 {}
	.alc_lead_in p {}
	.alc_lead_in p:last-child {}
	.alc_list {
		width:49%;
		height:273px;
		margin-right:2%;
		margin-bottom:2%;
	}
	.alc_list:nth-child(4n) {
		margin-right:2%;
	}
	.alc_list:nth-child(2n) {
		margin-right:0;
	}
	.alc_list p {}
	#ryori>.fl_wrap>.fl_left {
		margin-top:20px;
		margin-right:0;
		width:100%;
	}
	#ryori>.fl_wrap>.fl_left:nth-child(2n) {}
	#ryori h4 {
		font-size:15px;
		color:#930a15;
		margin-bottom:20px;
	}
	#ryori table {
		width:100%;
	}
	#ryori table tr td {
		padding-bottom:20px;
		width:65%;
	}
	#ryori table tr td:last-child {
		text-align:right;
		width:35%;
	}
	#nihonshu>.fl_left {
		margin-right:0;
		width:100%;
	}
	#nihonshu>.fl_left:nth-child(2n) {
		margin-right:0;
	}
	#nihonshu table {
		width:100%;
	}
	#nihonshu table tr td {
		width:65%;
		padding-bottom:20px;
	}
	#nihonshu table tr td:last-child {
		width:35%;
		text-align:right;
	}
	.drink_list {
		margin-top:50px;
	}
	.drink_list h4 {
		margin-bottom:20px;
	}
	.drink_list table {
		width:100%;
	}
	.drink_list table tr td {
		padding-bottom:20px;
	}
	.drink_list table tr td:last-child, .drink_list table tr td:nth-child(2) {
		text-align:right;
	}
	.drink_list table tr td:first-child, .drink_list table tr td:nth-child(3) {
		width:31.2%;
	}
	.drink_list table tr td:nth-child(2) {
		width:20.8%;
		padding-right:40px;
	}
	.drink_list table tr td:last-child {
		width:16.8%;
	}
	#floormap {}
	.map_floor_base {
		width:auto;
		height:auto;
		max-width:100%;
	}
	.banner img {
		width:90%;
	}
	.banner {
		margin:50px auto;
	}
	.splogo {
		height:50px;
		padding:5px;
		display:block;
	}
	.splogo img {
		height:100%;
		width:auto;
		margin-left:20px;
	}
	/* 追従エリア */
	#sp_bottom {
		position:fixed;
		bottom:0;
		left:0;
		width:100%;
		clear:both;
		overflow:hidden;
		z-index:999;
	}
	.yoyaku {
		width:80%;
		background:#000;
		padding:0;
		text-align:center;
		box-sizing:border-box;
		vertical-align:middle;
	}
	.yoyaku p {
		display:block;
		width:100%;
		line-height:46px;
		text-align:center;
		background:#ff9a00;
		margin-top:0;
		margin-bottom:0;
	}
	.yoyaku p a {
		color:#000;
		font-size:16px;
	}
	.sp_totop {
		width:20%;
		background:#000;
		display:table-cell;
		padding:5px 0;
		text-align:center;
		box-sizing:border-box;
		line-height:120%;
		vertical-align:middle;
	}
	.yoyaku a {
		color:#fff;
	}
	.sp_totop a {
		color:#fff;
	}
	/* スライダー関連 */
	/*.swiper-slide {
    padding:15px;
    position:static;
}
.swiper-img img {
}
.swiper-text {
    color:#000;
    display:flex;
    flex-direction:column;
    justify-content:center;
    margin-left:0;
    margin-right:0;
    position:static;
    top:0;
}
.swiper-text>h3 {
    margin-top:20px;
    font-size:1.6em;
    line-height:1.6;
}
.swiper-text>p {
    margin-left:0;
    font-size:1.1em;
    line-height:1.6;
}
*/
	/* 追加 */
	.list_wrap {
		text-align:center;
	}
	.list_wrap .twitter-tweet {
		margin-left:auto;
		margin-right:auto;
	}
	/* スライダーボタン */
	#slider .slick-next {
		right:5px;
	}
	#slider .slick-prev {
		left:5px;
	}
	#/* トップページスライダー1 */
	.about-in {
		width:80%;
		margin:0 auto;
	}
	#arrows1 {
		position:absolute;
		width:100%;
		display:flex;
		justify-content:space-around;
		top:50%;
	}
	#arrows2 {
		position:absolute;
		width:100%;
		display:flex;
		justify-content:space-around;
		top:85px;
	}
	.about-in .slick-slide {
		height:400px!important;
		padding-left:70px;
		padding-right:70px;
	}
	#top-btn .slick-slide {
		height:550px!important;
		padding-left:70px;
		padding-right:70px;
	}
	#arrows .slick-next, #arrows .slick-prev, #arrows2 .slick-next, #arrows2 .slick-prev {
		top:inherit;
		bottom:246px;
		width:50px;
		height:50px;
	}
	#arrows .slick-next {}
	#arrows2 .slick-next {
		right:5px;
	}
	#arrows .slick-prev {}
	#arrows2 .slick-prev {
		left:5px;
	}
	#slider #arrows .slick-next {
		top:15px;
	}
	#slider #arrows .slick-prev {
		top:15px;
	}
	#top-btn .sp_v {
		display:block;
	}
	.swiper-img img {
		width:250px;
	}
	.swiper-text {
		margin-left:290px;
		margin-right:0;
		width:340px
	}
	.swiper-text>p {
		line-height:1.6;
	}
	/* ニュースページ */
	#single_contents {
		padding-right:20px;
		padding-left:20px;
		box-sizing:border-box;
	}
	/* コンテンツスライダー */
	#top-btn .sp_v h4 {
		color:#fff;
		font-size:1.3em;
		vertical-align:text-bottom;
		text-align:center;
		padding:5px;
		margin-bottom:10px;
	}
	.btn-list {
		width:100%;
		height:auto;
		margin:0 !important;
	}
	.btn-list p, .btn-list h4 {
		color:#fff;
		font-size:16px;
		line-height:1.6;
		text-align:left;
	}
	.btn-list h4 {
		margin:0;
		padding:0;
	}
	#top-btn .btn-list .desc {
		margin-top:250px;
		width:100%;
		float:none;
		background:#891101;
		padding:10px;
		box-sizing:border-box;
		height:350px;
	}
	#top-btn .slick_container {
		display:block;
		position:relative;
	}
	#top-btn .btn_infomore {
		color:#000;
		background:#fff;
		font-size:1.3em;
		padding:10px 20px;
	}
	#arrows2 {
		position:absolute;
		width:100%;
		display:flex;
		justify-content:space-around;
		top:85px;
	}
	/* メニュースライダー */
	.recommend-list-sp {
		margin-left:10px;
	}
	/* ニュース・ブログ関連 */
	#blog .info-title {
		font-size:16px;
		line-height:1.5;
		text-align:left;
		font-weight:600;
		letter-spacing:-0.05em;
	}
	.blog-in ul, .information-in ul {
		background:rgba(255, 255, 255, 0.92);
	}
	#information .btn_infomore, #blog .btn_infomore {
		background:#fff;
		font-size:1.3em;
		padding-top:10px;
		padding-bottom:10px;
		text-align:center;
		font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	#information_arc {
		border:none;
		border-top:1px solid #acacac;
		border-bottom:1px solid #acacac;
	}
	/* ショップinformation */
	#shopinfo {
		flex-direction:column;
	}
	.shopimg {
		width:100%;
		/* トリミングしたい幅 */
		height:250px;
		/* トリミングしたい高さ */
		overflow:hidden;
		position:relative;
	}
	.gmap {
		padding-bottom:56.25%;
	}
	.shopimg img {
		position:absolute;
		top:50%;
		left:50%;
		-webkit-transform:translate(-50%, -50%);
		-ms-transform:translate(-50%, -50%);
		transform:translate(-50%, -50%);
		width:auto;
		height:100%;
	}
	#shopinfo .shopname {
		margin:10px 0 20px;
		padding:10px 0 20px;
		text-align:center;
	}
	.shopdetail {
		margin-right:50px;
	}
	.shopdesc div {
		margin-right:0;
	}
}