@charset "utf-8";
/* CSS Document */
html,body{
	height:100%;
}

body{
	font-family:'Zen Old Mincho', serif,"Hiragino Mincho Pro";
	margin:0;
	padding: 0;
	font-size: 1.3rem;
	background:#FBFBFB url(../img/back4.jpg) repeat center top;
	font-size: 1.15em;
	color: #333;
}

#wrapper{
	width: 100%;
	min-height: 100%;
	position: absolute;
}



.flex{
	display: flex;
}

#top_mv{
	position: relative;
}

.top_mv_pc{
	background-position:right top;
	background-repeat: no-repeat;
    background-size:  calc(100% - 17%);
	background-image:url('../img/backimg.png');
	height:clamp(55vh,48.5vw,100vh);
}


#top_mv .top_contents{
	position: absolute;
	top: calc((100% - 1025px)/1025 + 5vw);
	left:  calc((100% - 1025px)/1025 + 2.5%);
}

#top_mv .top_contents img{
	margin:0 0 50px 65px;
	width: clamp(200px, 100px + 18.5vw ,460px);
}

#top_mv ul{
	list-style: none;
	writing-mode: vertical-rl;
	margin:0.2vw auto 0;
}

#top_mv ul li{
	margin: 0 27px;
	vertical-align: middle;
	letter-spacing: .2em;
	font-size:clamp(1.063rem, 0.813rem + 0.52vw, 1.438rem);
}

#top_mv ul li a{
	text-decoration: none;
	color: #000;
	position: relative;
}

#top_mv ul li a:hover{
	color: #808080;
}
              
#top_mv ul li a:hover::before{
	content:url("../img/kamon.png");
	position: absolute;
	transform: scale(0.1);
	top: -125px;
    left:calc(-100px + 37%);
	color: #808080;
}

#top_mv .top_nidai{
	position: absolute;
	top: 0;
	right: 0;
}

#top_mv .top_sushi{
	position: absolute;
	
}

#top_mv .sns_nav{
	background-color: #8F2E14;
	position: absolute;
    bottom: 0;
	display: flex;
	writing-mode:  horizontal-tb;
}

#top_mv .sns_nav {
	padding: 20px 50px;
}

#top_mv .sns_nav a{
	text-decoration: none;
	color: #fff;
	fpnt-size:clamp(1.063rem, 0.813rem + 0.52vw, 1.438rem);
}

#top_mv .sns_nav .insta{
	width:80px;
}

#top_mv .sns_nav .insta img{
	width:calc(100% - 35px);
	margin-top: 7px;
}

#top_mv .sns_nav .youtube img{
	width: 20%;
	height: 100%;
	margin: 10.5px 17px 0 0;
}

#top_mv .sns_nav .snsbox{
	display: flex;
	padding: 7px 0 0 0px;
	width: 202px;
}

#top_mv .sns_nav .youtube .snsbox p{
	margin: 0px;
	font-size: 1.1rem;
}


#concept {
	position: relative;
	overflow: hidden;
}

.concept_bg{
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
    background-size: cover;
	background-position:bottom;
}

#concept .inner{
	width: 60%;
	padding: 70px 0;
	margin:0px auto;
}

.concept_text{
	position: relative;
	z-index: 1;
	font-size:clamp(1rem, 0.833rem + 0.35vw, 1.25rem);
	writing-mode: vertical-rl;
	text-align: justify;
	letter-spacing: 0.2rem;
	padding-top:40px;
	margin: 0 auto;
}

.concept_text .aka_title{
	font-size:clamp(1.5rem, 1.098rem + 0.59vw, 1.8rem);
}

.redtext{
	color: #8F2E14;
}

.concept_text p{
	margin: 0 30px;
	line-height: clamp(2rem, 1.467rem + 1.11vw, 2.8rem);
}

.main_inner{
	padding:140px 0 0 0;
	margin: 0 auto;
	width: 60%;
}

.midashi_title{
	margin: 0 auto;
}

.midashi_title h1{
	text-align: center;
	font-size:45px;
    letter-spacing: 0.25rem;
	margin: 0;
}

.midashi_title img{
	widows: 35px;
	height: 35px;
	display: block;
	margin: 20px auto;
}

/*お品書きメニュー*/
.udontitle{
	display: block;
	width: calc(100% - 38%);
	margin: 95px auto 0px;
}

.foodbox{
	position: relative;
	margin: 70px 0;
	padding-bottom: 3vw;
}

.foodbox img{
	display: block;
	width: calc(100% - 22vw);
	margin:0 auto;
}

/*文字設定と各位置*/
.taste_1dai,.taste_13dai,.taste_2dai{
	position: absolute;
	top: 20vw;
	left: calc(10% - 10px);
	writing-mode: vertical-rl;
	color: #fff;
	font-size: clamp(1.5rem, 1.154rem + 0.96vw, 2.3rem);
	letter-spacing: 0.24rem;
}

.taste_13dai{
	top: 16vw;
	}

.taste_2dai{
	top: 17vw;
	}

/*文字背景色*/
.taste_1dai .tate1, .taste_1dai .tate2, .taste_13dai .tate0, .taste_13dai .tate2, .taste_2dai .tate2, .taste_2dai .tate4{
	background-color: #8F2E14;
	padding: 20px 5px;
	display: block;
}

/*3,3文字*/
.foodbox .taste_1dai .tate2{
	margin-top: 40px;
}

.foodbox .taste_1dai .tate1,.foodbox .taste_1dai .tate2{
	height: calc(100% - 80px);
}
	
/*4,3文字*/
.foodbox .taste_2dai.tate2{
	margin-top: 30px;
	height: calc(100% - 40px)
}

.foodbox .taste_2dai .tate4{
	height: calc(100% - -1px);
	margin-top: -80px;
}

/*2,3文字*/
.foodbox .taste_13dai .tate0{
	height: calc(100% - 60px);
	margin-top: -55px;
}

.foodinfo{
	text-align: center;
}

.foodinfo .foodname{
	font-size: 40px;
	font-weight: bold;
	letter-spacing: 0.25rem;
	margin: 30px 0 0;
}

.foodinfo .foodname_sab{
	letter-spacing: 0.10rem;
	font-size: 22px;
	margin: 10px 0;
}

.foodinfo .omori{
	border: solid 2px  #8F2E14;
	color: #8F2E14;
	border-radius: 50px;
	padding: 6px 15px;
	margin:16px 0px 16px 0;
	font-size: 1.05rem;
}

.foodinfo .pricebox{
	display: flex;
	justify-content: center;
	gap:7ps;
}

.foodinfo .price{
	font-size: 28px;
	letter-spacing: 0.10rem;
	font-weight: bold;
	margin: 15px 0 20px;
}

.foodinfo .tax{
	font-size: 16px;
}

.foodinfo .foodtext{
	text-align: justify;
	line-height: 1.8;
}

/*握り寿司*/
.sushi .sushititle{
	display: block;
	width: calc(100% - 62%); 
	margin: 95px auto 0px;
}

.sushi .anotherfood_list{
	display: flex;
	margin: 70px 0;
}

.sushi .anotherfood_list .leftbox img{
	width: calc(100% - 5%); 
}

.sushi .anotherfood_list .leftbox{
	border:none;
}
.sushi .anotherfood_list .rightbox p{
	margin-top: 0;
	padding-left: 4px;
}

.sushi .anotherfood_list .rightbox dl{
	padding: 0 0px 0 35px;
	line-height: 1.7;
}

.sushi .anotherfood_list .rightbox img{
	padding: 20px 0 0 11px;
	width: 81%;
}

/*その他メニュー*/
.anotherfood{
	border: solid 1px #606060;
	padding:30px 20px;
	border-radius: 20px;
}

.anotherfood .submenu{
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
	margin-top: 0px;
}

.anotherfood .anotherfood_list{
	display: flex;
}

.leftbox,.rightbox{
	width: 50%;
	position: relative;
}

.anotherfood_list .leftbox{
	border-right: 1px solid #808080;
}

.anotherfood_list dl{
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding:0 35px 0 55px;
	font-size: 1.1rem;
	justify-content: space-between;
} 

.anotherfood_list dt{
	margin: 0;
	text-align:left;
	letter-spacing: 0.15rem;
	display: list-item;
	width: 60%;
}

.anotherfood_list dd{
	margin: 0;
	text-align: right;
}

.anotherfood_list_item .tax{
	font-size: 0.75rem;
}

#room,#shopinfo{
	margin-top: 180px;
}

.room_info,.shoptext{
	margin-top: 80px;
}

#room .flex img{
	width: 100%;
}

#room .flex .leftbox, .rightbox{
	padding: 15px;
}

#room .flex .leftbox p, .rightbox p{
	margin-top: 5px;
}

#shopinfo{
	margin-bottom: 100px;
}

#shopinfo .flex .rightbox {
    padding:0 0 0 10px;
}

#shopinfo .flex .leftbox{
	width: 50%
}

#shopinfo .flex .rightbox{
	width: 50%
}

#shopinfo .flex .leftbox img{
	width: 95%;
	margin-bottom: 20px;
}

#shopinfo .flex .rightbox .info_rogo{
	width: 50%;
	display: block;
	margin: 0 auto;
}

#shopinfo .shopinfo_inner{
	margin: 0 auto;
	width: 80%;
}

.shop_info_page{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin:0;
}


.shop_info_page dt{
	width: 20%;
	margin: 0;
	text-align:left;
	letter-spacing: 0.15rem;
}

.shop_info_page dd{
	width: 75%;
	margin: 0;
	padding-left: 10px;
}

.shop_info_page dd .traffic{
	font-size: 0.95rem;
}

#shopinfo iframe{
	width: 100%;
}

.shop_info_page dt:nth-last-of-type(n+2), .shop_info_page dd:nth-last-of-type(n+2) {
    border-bottom: 1px solid #808080;
	margin-bottom: 15px;
	padding-bottom: 15px;
}


/*footer*/
footer{
	font-family: "游明朝","Yu Mincho","游明朝体",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
	background-color: #8F2E14;
	margin: 0;
	padding: 60px;
	position: relative;
	font-size: 1rem;
}

footer ul li{
	list-style: none;
}

footer .footer_nav{
	display: flex;
	margin:20px 0;
	padding: 0;
}

footer li{
	padding-right: 15px;
	letter-spacing: .1em;
}

footer li a{
	color: #fff;
	text-decoration: none;
}

footer .footer_contents{
    display: flex;
	margin-left: auto;
    margin-right: auto;
    max-width: 1530px;
    padding-left: 32px;
    padding-right: 32px;
}

footer .footer_tyakainfo{
	margin-right: 40px;
}

footer .shoplink{
	border-left: solid 1px #f7f7f7;
	padding-left: 20px;
	margin: 0;
}

footer .shoplink li a::after{
	content: "";
	display: inline-block;
	background-image:url("../img/link.png");
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
	width: 16px;
  	height: 16px;
	margin:0px 0 4px 4px;
}

.scroll{
	position: absolute;
	right: 40px;
	bottom: 20px;
}


@media screen and (max-width: 1100px) {
#concept .inner {
		padding: 2vw 0;
	}
	
#top_mv .top_contents img {
    margin: 0 0 25px 35px;
    width: clamp(200px, 100px + 18.5vw ,460px);
}

#top_mv{
		height: clamp(43vh,48.5vw,100vh);
	}
	
#top_mv .sns_nav {
    padding: 13px 35px;
}
	
	#top_mv ul{
		padding-top: 2.5vw;
	}
	
#top_mv .sns_nav .youtube .snsbox p {
    font-size:clamp(0.9rem, 0.669rem + 0.48vw, 1rem);
}
	
	
	
@media screen and (max-width: 820px) {
	#concept .inner {
		padding: 2vw 0;
	}
	
	#top_mv{
		height: clamp(37vh,48.5vw,100vh);
	}
	
	#top_mv .top_contents img {
    margin: 0 0 25px 35px;
    width: clamp(200px, 100px + 18.5vw ,460px);
}
	
	}

@media screen and (max-width: 819px) {
	
	#top_mv {
		height: clamp(41vh,48.5vw,100vh);

	}
}
	
@media screen and (max-width: 540px){
	body,.anotherfood_list dl{
		font-size: 1rem;
	}
	
	/*top*/
	#top_mv {
		height:55vh;
	}
	
	#top_mv .top_contents img {
    margin: 0 0 25px 20px;
}
	
	#top_mv .sns_nav {
		width: 100%;
		padding: 10px 0 11px;
		justify-content: center;
	}
	
	#top_mv .sns_nav .insta {
    width: 50px;
	padding-left: 30px;
	}

	#top_mv .sns_nav .insta img {
		width: calc(100% - 17px);
		margin-top: 10px;
	}

	#top_mv .sns_nav .youtube img {
		margin: 6.5px 17px 0 0;
	}
	
	/*赤鬼*/
	
	.concept_text {
		writing-mode: horizontal-tb;
		padding: 40px 0;
		letter-spacing: 0.1rem;
	}
	
	#concept .inner {
		width: 80%;
	}
	
	.concept_bg{
		display: none;
	}
	
	.concept_bg_sp{
		position: absolute;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: right;
		}
		
	.concept_text p {
		margin: 0;
	}
	
	.concept_text .aka_title{
		margin-bottom: 15px;
	}
	
	.main_inner{
		width: 85%;
	}
	
	.midashi_title h1 {
		font-size: 39px;
		letter-spacing: 0.1rem;
	}
	
	
	/*menu*/
	
	.udontitle{
		width: 100%;
		margin-top: 60px;
	}
	
	.taste_1dai, .taste_13dai, .taste_2dai {
		top: 45vw;
		left: -30px;
	}
	
	.foodbox{
		margin-top: 45px;
		padding: 0;
	}
	
	.foodbox img {
    width: 100%;
	}
	
	.foodinfo .foodname{
		font-size: 35px;
	}
	
	.foodinfo .foodname_sab {
    font-size: 18px;
}
	.taste_1dai, .taste_13dai, .taste_2dai{
		font-size: 1.2rem;
		letter-spacing: 0.12rem;
	}
	
	.foodbox .taste_13dai .tate0 {
    height: calc(100% - 50px);
	margin-top: -35px;
}
	.foodbox .taste_2dai .tate4 {
    height: calc(100% - 16px);
	margin-top: -60px;
}
	.foodinfo .omori {
		font-size: 3.2vw;
		padding-top:calc(7px + 1vw) ;
	}
	
	.leftbox, .rightbox {
    width: 100%;
}
	
	/*肉寿司*/
	
	.sushi .sushititle{
		width: 70%;
	}
	
	/*flex解除↓*/
	.sushi .anotherfood_list,.anotherfood .anotherfood_list,.flex,footer .footer_contents,footer .footer_nav {
		display:block;
	}
	
	.sushi .anotherfood_list{
		margin-top: 40px;
	}
	
	.sushi .anotherfood_list img {
		width: 100%;
		display: block;
		margin: 0 auto;
	}
	
	.sushi .anotherfood_list .rightbox{
		padding: 15px 0;
	}
	
	.sushi .anotherfood_list .rightbox img{
		padding-left: 0px;
		width: 100%;
	}
	
	/*その他*/
	
	.anotherfood .submenu {
    font-size: 1.3rem;
}
	
	.anotherfood_list dl {
		padding: 0 10px 0 25px;
	}
	
	.anotherfood_list .leftbox{
		border: none;
	}
	
	.anotherfood_list .rightbox{
		padding: 0;
	}
	
	/*部屋*/
	
	#room, #shopinfo {
		margin-top: 95px;
	}
	
	.room_info, .shoptext {
    margin-top: 45px;
}
	
	#room .flex .leftbox, .rightbox {
		padding:0 0 10px 0;
	}
		
	/*店舗情報*/
	#shopinfo .shopinfo_inner{
		width: 85%;
	}
	
	#shopinfo .flex .leftbox ,#shopinfo .flex .rightbox,#shopinfo .flex .leftbox img,#shopinfo ifreme{
		width: 100%;
	}
	
	#shopinfo .flex .rightbox{
		padding: 0 0 25px 0;
	}
	
	footer{
		padding:40px;
	}
	
	footer .footer_contents{
		padding: 0;
	}
	
	footer .shoplink {
	border-top: solid 1px #fff;
    border-left:none;
	padding:25px 0 0 0px;
	}
	
	.scroll{
		right: 20px;
		bottom: 30px;
	}
	
	.scroll img{
		width: 70%;
	}
	
}
	
@media screen and (max-width: 480px) {
	#top_mv {
		height: min(100vh,900px*0.8);
	}
	
	.top_mv_pc{
		display: none;
	}	
	
	.top_mv_sp{
		background-repeat: no-repeat;
		background-size: calc(60% + 20vw);
		background-image:url('../img/backimg_sp.png');
		background-position: 50% 50%;
		background-position:top;
		height:100%;
	}
	
	#top_mv .top_contents {
		width: 100%;
		position: absolute;
		top: 71.5vw;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}
	
	#top_mv .top_contents img {
		display: block;
		margin:0 auto 4vh;
		width: 80%;
	}
	
	#top_mv ul {
    padding-top:25px;
}
	
	#top_mv ul li {
		font-size: 1.15rem;
	}

    
}
	
	
}