@charset "UTF-8";

/* 
------------------------------  ------------------------------
*/

/* pc */
@media all and (min-width: 1001px) {
    .pc_menu {
        display: block;
    }
    .sp_menu {
        display: none;
    }
}

/* pad以下 */
@media screen and (max-width: 1000px) {
    .pc_menu {
        display: none;
    }
    .sp_menu {
        display: block;
    }
}

/* pad */
@media screen and (min-width: 701px ) and (max-width: 1000px) {
}

/* sp */
@media screen and (max-width: 700px) {
}

.hide{display:none;}

.menu_detail_cap {
    white-space: normal;
    word-wrap: inherit;
    word-break: normal;
}
#menu_detail_main .menu_detail_head .text {
    min-width:inherit;
}
h2.title.type05 {
    display: block !important;
}
li.menu_img_li{
	text-align: center;
}
.btn_top {
    text-align: center;
    background: red;
    color: #fff;
    display: inline-block;
    padding: 3px 20px;
    margin-top: 16px;
}
.btn_top:hover {
    opacity: 0.6;
}
.nav-tab {
    margin: 0 0 35px 0;
    border-bottom: 1px solid #e60012;
	display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}
.nav-tab :after{
	content:"";
    display: block;
    width:calc(100% / 3);
}
.nav-tab.tab_area li {
    width: calc(100% / 6);
	margin: 0 auto 25px;
}
.nav-tab li {
    cursor: pointer;
    display: inline;
	position: relative;
	margin-bottom: 25px;
}

.nav-tab li.active {
	font-size: 16px;
}
#contents > ul {
    display: none;
}
#contents > ul.show {
    display: block;
}
.menu_list_title {
	width: calc((100% - 20px) / 7);
	height: auto;
	margin-top: 6px;
}
.menu_list_title .text01 {
    position: absolute;
    width: 100%;
    justify-content: center;
    -webkit-justify-content: center;
    font-size: 5px;
    font-weight: 400;
   /* color: #ffffff;*/
    letter-spacing: 0em;
    line-height: 1;
	bottom: 0;
    left: 0;
	right: 0;
	margin: auto;
}
.text01 span {
    display: block;
    font-size: 10px !important;
    margin-top: 3px !important;
}
.menu_list_title .text01 {
    background-color: #ffffff;
    border: 1px solid #e60012;
    color: #e60012;
    width: calc(100% - -12px);
    max-width: 15em;
    white-space: nowrap;
    padding: 0.54em 0.5em;
    -webkit-border-radius: 2.5em;
    -moz-border-radius: 2.5em;
    border-radius: 2.5em;
    text-align: center;
    font-size: 14px;
}
li.menu_nav_li.active .text01  {
    background: #e60012;
    color: #fff;
}
li.menu_nav_li.active:after {
    content: "";
    width: 16px;
    height: 16px;
    border-right: solid 1px #e60012;
    position: absolute;
    bottom: -34px;
    left: 0;
    right: 0;
    display: block;
    background: #fff;
    margin: auto;
    border-top: solid 1px #e60012;
    transform: rotate(135deg);
}
.menu_content_wrap {
    display:inherit;
    display: inherit;
    flex-wrap: inherit;
    -webkit-flex-wrap: inherit;
}
.menu_content h3{
    word-break: break-word;
}

/* india */
.title.type05 img {
    vertical-align: middle;
    margin-left: 10px;
}
ul.menu_list_ul {
    display: flex;
	flex-wrap: wrap;
    margin: 0 -20px;
}
ul.menu_list_ul:after {
    display: block;
    content: "";
    width: calc(100% / 4);	
}
li.menu_list_li {
	width: calc(100% / 4);
    padding: 0 40px;
	margin-bottom: 40px;
}
h3.h3_menu_li_title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px;
    line-height: 1.1;
    margin-top: 11px;
	min-height: 55px;
}

.menu_price_area {
    display: inline-block;
	align-items: baseline;
	justify-content: center;
	border-top: 2px solid;
    padding: 5px 25%;
}
p.menu_price{
    letter-spacing: 0em;
	color: #000;
	font-weight: bold;
	font-size: 14px;
}
.wf-roundedmplus1c { font-family: "M PLUS Rounded 1c"; }

p.menu_price.size_M:before {
    content: "M";
    /*font-size: 80%;*/
	margin-right: 6px;
}
p.menu_price.size_M {
     font-size: 14px;
     font-weight: bold;
     margin: 0 5px;
}
p.menu_price.size_S:before {
    content: "S";
    /*font-size: 80%;*/
	margin-right: 6px;
}
p.menu_price.size_S {
     font-size: 14px;
     font-weight: bold;
     margin: 0 5px;
}

p.menu_price.size_L:before {
    content: "L";
    /*font-size: 90%;*/
	margin-right: 10px;
}
p.menu_price.size_L {
     font-size: 14px;
     font-weight: bold;
     margin: 0 5px;
	color: #000;
}
p.menu_price.size_riceL:before {
    content: "Rice L";
    /*font-size: 80%;*/
	margin-right: 5px;
}
p.menu_price.size_riceL {
     font-size: 14px;
     font-weight: bold;
     margin: 0 -22px;
}

h3.ic_veg:before{
	content: '';/*何も入れない*/
  	display: inline-block;/*忘れずに！*/
  	width: 20px;/*画像の幅*/
  	height: 20px;/*画像の高さ*/
  	background-image: url(../img/menu/icn_veg.png);
  	background-size: contain;
  	vertical-align: middle;
	position: absolute;
	margin-left: -25px;
}
h3.ic_meat:before{
	content: '';/*何も入れない*/
  	display: inline-block;/*忘れずに！*/
  	width: 20px;/*画像の幅*/
  	height: 20px;/*画像の高さ*/
  	background-image: url(../img/menu/icn_meat.png);
  	background-size: contain;
  	vertical-align: middle;
	position: absolute;
	margin-left: -25px;
}
.meal_ul {
    display: flex;
    justify-content: space-between;
    padding: 0 100px;
}
.meal_area {
    border-top: dashed 1px #ccc;
    padding: 40px 0 0 0;
}
ul.menu_list_ul {
    margin-bottom: 40px;
}
.title.typemeal {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 40px;
}

.side_li {
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    display: flex;
    justify-content: space-between;
}
.side_li span {
    display: block;
    font-weight: normal;
    font-size: 12px;
	margin-left: 30px;
}
.side_menu_title img{
    vertical-align: middle;
    margin-right: 8px;
}
.drink_li {
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}
.meal_area_wrap {
    display: flex;
    justify-content: space-between;
	padding: 0 100px;
}
.meal_area.type02 {
    border-top: none;
	width: 48%;
    background: #F6AC00;
	padding: 20px 40px;
	color:#fff;
}
.meal_area.type02:nth-child(2) {
    background: #000;
}
.drink_li {
    display: flex;
    justify-content: space-between;
}
#top_menu {
    padding-bottom: 80px;
}
.drink_menu_title span {
    display: block;
    font-weight: normal;
    font-size: 80%;
}
.meal_area.type02:nth-child(1) {
	background-image: url("../img/menu/img-mugicha.png");
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 50%;
}
.span_01 {
    display: inherit !important;
    margin-left: 0 !important;
}
.side_menu_price {
    text-align: right;
}
.menu_img a:hover {
    opacity: 0.7;
}
.h3_menu_li_title.matchHeight span {
    display: block;
    font-size: 80%;
}
.text01.txt_veg {
    color: #00913a;
}
/*li.menu_list_li {
    padding-bottom: 120px;
    position: relative;
}*/
.menu_detail {
    position: relative;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit- transform: translateX(-50%);
}
span.j_menu_m {
    font-weight: normal;
    font-size: 12px !important;
    padding-top: 7px;
    color: #E60012;
}
span.j_menu_v {
    font-weight: normal;
    font-size: 12px !important;
    padding-top: 7px;
    color: #00913A;
}
h3.h3_menu_li_title.matchHeight img {
    vertical-align: middle;
    margin-right: 6px;
}

@media screen and (max-width: 900px) {
 .nav-tab.tab_area li {
    width: calc(100% / 3);
}
/* .nav-tab.tab_area::after {
    content: "";
    display: block;
    width: calc(100% / 3);
}	 */
}
@media screen and (max-width: 700px) {
 .nav-tab.tab_area li {
    width: calc(100% / 3);
}
li.menu_list_li {
   width: calc(100% / 2);
   0 20px 120px 20px;
	}
.meal_ul {
    padding: 0;
}	
.meal_li {
    margin: 0 15px;
}
.meal_area_wrap {
    display: block;
    justify-content: space-between;
    padding: 0;
}
.meal_area.type02 {
    width: 100%;
    padding: 10px 10px 20px 10px;
	}
.side_li {
    font-size: 16px;
	}
h3.h3_menu_li_title {
    font-size: 15px;
	}
.drink_li {
    font-size: 16px;	
	}
/*p.menu_price.size_M {
    font-size: 18px;
    font-weight: bold;
    margin-right: 5px;
}
p.menu_price.size_S {
    font-size: 14px;
    font-weight: bold;
    margin-right: 5px;
}	*/
/*.content_area.toridon .menu_list_li,.content_area.karaage .menu_list_li,.content_area.other .menu_list_li {
    padding-bottom: 100px;
}*/
.content_area.toridon h3.h3_menu_li_title,.content_area.karaage h3.h3_menu_li_title,.content_area.other h3.h3_menu_li_title {
    min-height: 35px;
}	
.meal_area.type02:nth-child(1) {
	background-image: url("../img/menu/img-mugicha_sp.png");
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 50%;
}
.menu_detail {
    width: 100%;
}
li.menu_list_li {
    padding: 5px 5px 5px 10px;
}
.title.type05 {
    font-size: 18px;
}
.menu_img img{
    max-width: 70%;
}
.menu_list_title .text01 {
    width: calc(100% - 4%);
    font-size: 12px;
}
li.menu_nav_li.active:after{
        display: none;
}
}


@media only screen and (max-width: 767px) {

}

.h3_menu_li_title span.menu_set{
	color: #000;
}
.menu_list_title span.font-12{
	font-size: 12px;
}
.type07 .text01{
	color: #000;
}
.recommend_area{
	padding: 0;
}
div.price_flex{
	display: flex;
}
.bowl{
	margin: 5px 20px 0 18px;
}
.reg_meal{
	margin: 5px 0 0 24px;
}
.bowl_name{
	margin: 5px 5px 0 43px;
}
.reg_meal_name{
	margin: 5px 15px 0 27px;
}
.set_price_name{
	border-bottom: 1px solid;
	font-weight: 600;
}