@charset "utf-8";
/* CSS Document */


@media screen and (min-width: 1620px) and (max-width: 1920px) {
/* price */
	#three_types .price table {
		width: 95%;
	}
	#three_types .price table td {
		width: 20%;
	}
	#three_types .price table hr {
		width: 166px;
	}
/* price */
	.teppan_price {
		width: 85%;
		padding: 15em 0 5em;
	}
	.teppan_price .price1, .teppan_price .price2 {
		width: 45%;
	}
	.teppan_price .price1 td, .teppan_price .price2 td {
		width: 20%;
	}
	.teppanyaki_img .variousk {
		top: 10em;
	}
	.teppanyaki_img .steak {
		left: 60em;
		top: 30em;
	}
/* store */
	#store .store_phot{
		width: 100%;
	}
	#store .store_text {
		width: 96%;
	}
}
@media screen and (min-width: 1286px) and (max-width: 1620px) {

}
/* 1280px以下に適用されるCSS（スクエアモニター用） */
@media screen and (max-width: 1286px) {
#malinvisua p {
    font-size: 113px;
}
/* three_types */
	#three_types .wrap {
		width: 100%;
	}
	#three_text .three_text {
		padding-left: 7em;
	}
	.bingo p {
		padding: 0.5em 0 0.5em 0.2em;
	}
/* secret */
	#secret .kyabetu, #secret .men {
		width: 100%;
	}
/* teppanyaki */
	.teppanyaki_img .ikayaki {
		right: 5em;
		bottom: 10em;
	}
	.teppanyaki_img .steak {
		left: 4em;
		top: 10em;
	}
	.teppanyaki_img .variousk {
		right: 5em;
		top: 1em;
	}
/* store */	
	#store .store_text {
		width: 100%;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1285px)  {
	#store_name {
		width: 33%;
	}
	#malinvisua p {
		font-size: 90px;
	}
/* three_text */
	#three_text .three_text {
		padding-left: 0em;
	}
	#three_types .price {
		padding-left: 1em;
	}
/* secret */
	#secret .kyabetu img,#secret .men img {
		width: 50%;
	}
	#secret .kyabetu p, #secret .men p {
		padding-top: 5em;
	}
/* teppanyaki */
	.teppanyaki_img .ikayaki {
		width: 40%;
		right: 0em;
		bottom: 10em;
	}
	.teppanyaki_img .steak {
		width: 40%;
		left: 4em;
		top: 5em;
	}
	.teppanyaki_img .variousk {
		width: 40%;
		right: 1em;
		top: 0em;
	}
	.teppan_price {
		width: 100%;
	}
/* store */
	#store p {
		font-size: 44px;
	}
	#store .wrap{
		width: 100%;
	}
	.store_phot img {
		width: 32%;
	}
	.store_phot .phot01, .store_phot .phot02 {
		margin-right: 1em;
	}
/* address */
	#address table {
		width: 90%;
		color: #fff;
		margin: 0 auto;
	}
}
@media screen and (max-width: 1024px) {
	#three_types .price table .selling {
		width: 24%;
	}
	.three_phot .hiroshima p,
	.three_phot .kansai p,
	.three_phot .bingo p {
		width: 13%;
		padding: 0.5em 0 0.5em 0.3em;
	}
}

/* 850px以下に適用されるCSS（タブレット用） */
@media screen and (max-width: 850px) {
	#store_name {
		width: 40%;
	}
	.contact_method {
		width: 50%;
	}
	#malinvisua p {
		font-size: 70px;
	}
/* three */
	#three_text {
		padding: 5em 0 0 0;
	}
	#three_text .three_text {
		height: 530px;
		padding-left: 0em;
	}
	#three_text .three_text p {
		font-size: 50px;
	}
	#three_text .three_text h2 {
		font-size: 100px;
	}
	#three_types .price {
		padding-left: 1em;
	}
	#three_types .price table .selling {
		width: 33%;
	}
	#three_types .price table th {
		width: 40%;
	}
	#three_types .price table hr {
		width: 45px;
	}
	#three_types .price {
		padding-left: 1em;
	}
	.three_phot .hiroshima p,
	.three_phot .kansai p,
	.three_phot .bingo p {
		width: 18%;
	}
/* secret */
	#secret h3 {
		font-size: 75px;
	}
	#secret {
		padding: 2em 2em 10em;
	}
	#secret .kyabetu img,#secret .men img {
		width: 50%;
	}
	#secret .kyabetu p, #secret .men p {
		line-height: 1.8;
		padding-top: 4em;
	}
/* teppanyaki */
	#teppanyaki .teppanyaki_ttl p {
		width: 55%;
		padding: 1em 0 1em 1em;
	}
	.teppanyaki_img .ikayaki {
		right: 0em;
		bottom: 6em;
		width: 50%;
	}
	.teppanyaki_img .steak {
		left: 0em;
		top: 10em;
		width: 50%;
	}
	.teppanyaki_img .variousk {
		right: 0em;
		top: 1em;
		width: 50%;
	}
	
	.teppan_price {
		width: 100%;
		padding: 5em 0 2em;
	}
	.teppan_price .price1 th,.teppan_price .price2 th{
		width: 50%;
	}
	.teppan_price .price1 hr,.teppan_price .price2 hr {
		width: 60px;
	}
	.teppan_price .price1 .selling,.teppan_price .price2 .selling {
		width: 25%;
	}
	.teppan_price .price1 {
		margin-right: 1em;
	}
	.teppan_price .price1,.teppan_price .price2 {
		width: 48%;
	}
/* store */
	#store {
		padding: 4em 0;
	}
	#store p {
		font-size: 33px;
		padding: 0.5em 0 1em;
	}
	.store_phot .phot01,.store_phot .phot02 {
		margin-right: 2em;
	}
/* address */
	#address table {
		width: 100%;
	}
	#address table th {
		width: 20%;
	}
}
@media screen and (max-width: 768px) {
	#store_name {
		width: 42%;
	}
	#malinvisua p {
		font-size: 65px;
	}
/* three_text */
	.three_text p {
		padding-left: 0.2em;
	}
	#three_text .three_text p {
		font-size: 45px;
	}
	#three_types .price table th {
		width: 40%;
	}
	#three_types .price table hr {
		width: 50px;
	}
	#three_types .price table th, td {
		padding: 0.5em;
	}
	.teppan_price .price1 th, td,.teppan_price .price2 th, td {
		padding: 0.5em;
	}
}
@media screen and (max-width: 540px) {
	#store_name {
		width: 45%;
	}
	#malinvisua h1{
		font-size: 20px;
	}
	#store_name .name {
		font-size: 50px;
	}
	.contact_method .tel {
		font-size: 25px;
	}
	.contact_method .tel img {
		margin: 0 0.2em 0.2em 0;
		width: 10%;
	}
	#malinvisua p {
		font-size: 47px;
	}
/* three */
	#three_types {
		padding: 3em 2em;
	}
	#three_text .three_text h2 {
		font-size: 80px;
	}
	#three_text .three_text h2,
	#three_text .three_text p {
		padding-left: 0.1em;
	}
	.three_phot .hiroshima p,
	.three_phot .kansai p,
	.three_phot .bingo p {
		width: 28%;
	}
/* secret */
	#secret {
		padding: 2em 1em 6em;
	}
	#secret h3 {
		font-size: 60px;
	}
	#secret .kyabetu img, #secret .men img {
		width: 60%;
	}
/* teppanyaki */
	.teppanyaki_img .steak {
		top: 5em;
	}
/* store */
	.store_phot .phot01,.store_phot .phot02 {
		margin-right: 1.3em;
	}

}

/* 480px以下に適用されるCSS（スマホ用） */
@media screen and (max-width: 480px) {
/* 汎用 */
	.pc_only {display: none!important;}
	.sp_only {display: block!important;}
	
	
#malinvisua {
    background: url(../img/sp/main_bag_sp.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 2em 0 0.5em;
}
	#store_name .name {
		font-size: 40px;
	}
	#store_name{
		font-size: 14px;
	}
	.contact_method .tel {
		font-size: 22px;
	}
	.contact_method .tel img {
		margin: 0 0.2em 0.2em 0;
		width: 10%;
	}
	#malinvisua p {
		font-size: 37px;
		padding-top: 76%;
	}
/* three_types */
	#three_types .flex {
		flex-wrap: wrap;
	}
	#three_types {
		background: url(../img/sp/sannshu_sp.jpg);
		background-repeat: no-repeat;
		background-position: top;
		background-size: cover;
		padding: 2em 2em 4em;
	}
/* three_text */
	.three_text{
		float: none;
		width: 100%;
		height: 0;
		margin-bottom: 5em;
	}
	#three_text {
		float: none;
		width: 100%;
		line-height: 1.1;
		padding: 0;
		display: block;
	}
	.three_text h2{
		font-size: 50px;
	}
	.three_text p {
		padding-left: 0.2em;
		font-size: 30px;
	}
	.three_text .second{
		padding-left: 1em;
	}
	.three_text .third{
		padding-left: 5em;
	}
/* three_phot */
	.three_phot {
		float: none;
		width: 100%;
		padding: 8em 0 0;
		display: block;
	}
	.hiroshima,.bingo,.kansai {
		height: 166px;
		margin-bottom: 3em;
	}
	.three_phot .hiroshima p,
	.three_phot .kansai p,
	.three_phot .bingo p {
		font-size: 26px;
		width: 13%;
		padding: 0.5em 0 0.5em 9px;
		top: -0.5em;
		right: 0.5em;
	}
/* three price */
	#three_types .price {
		padding-left: 0;
	}
	#three_types .price table th {
		width: 50%;
	}
	#three_types .price table .hr {
		width: 20%;
	}
	#three_types .price table hr {
		width: 60px;
	}
	#three_types .price table .selling {
		width: 25%;
	}
/* secret */
	#secret h3 {
		font-size: 45px;
	}
	#secret .kyabetu img, #secret .men img {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	#secret .kyabetu {
		padding-right: 0;
	}	
	#secret .men {
		padding-left: 0;
		margin-top: 2em;
	}
/* teppanyaki */
	#teppanyaki .teppanyaki_ttl h3 {
		font-size: 60px;
	}	
	#teppanyaki .teppanyaki_ttl p {
		width: 100%;
	}	
	.teppanyaki_img .ikayaki {
		right: -1em;
		bottom: 0em;
		width: 70%;
	}	
	.teppanyaki_img .steak {
		left: -1em;
		top: 2em;
		width: 70%;
	}
	.teppanyaki_img .variousk {
		right: -1em;
		top: 4em;
		width: 70%;
	}	
	.teppan_price .price1,.teppan_price .price2 {
		color: #fff;
		float: none;
		width: 100%;
	}
	.teppan_price .price1 {
		margin-right: 0;
	}
	.teppan_price .price1 td,.teppan_price .price2 td {
		width: 15%;
	}	
/* store */
	#store h3 {
		font-size: 60px;
	}
	#store p {
		padding: 0 0 1em;
	}
	.store_phot img {
		float: none;
		width: 100%;
	}
	.store_phot .phot01, .store_phot .phot02 {
		margin-right: 0;
		margin-bottom: 2em;
	}	
/* address */	
	#address {
		padding: 4em 2em;
	}
	.address_method .tel {
		font-size: 38px;
	}
	#address table tr{
		margin-bottom: 1em;
		display: block;
	}
	#address table th {
		width: 100%;
		display: block;
	}
	#address table .second_row{
		width: 100%;
		display: block;
	} 
    
    .bnr-box {
    width: 100%;
    padding: 1rem 0;
    text-align: center;
    background-color: rgba(255,255,255,0.8);
    position: fixed;
    bottom: 0;
}
.contact-bnr-flex {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    align-items: baseline;
}

.f_teltxt
{
    margin: 1rem;
    font-size: 14px;
    display: flex;
    justify-content: center;
    gap: 1rem;
}
    .f_teltxt img {
  width: 12%;
  object-fit: contain;
}
	#page_top{
    bottom: 172px;
}
}
@media screen and (max-width: 391px) {
	#store_name .name {
		font-size: 35px;
	}
	.contact_method {
		font-size: 14px;
	}
	.contact_method .tel {
		font-size: 18px;
	}
	#malinvisua p {
		font-size: 33px;
	}
/* secret */
	#secret h3 {
		font-size: 40px;
	}
/* teppanyaki */
	#teppanyaki .teppanyaki_ttl h3 {
		font-size: 50px;
	}
/* teppanyaki */
	#store .store_text {
		padding: 1.5em;
	}	
/* address */
	#address {
		padding: 4em 1em;
	}
	#address .name {
		font-size: 65px;
	}
	.address_method .tel {
		font-size: 35px;
	}	
}