@charset "UTF-8";

@font-face {
  font-family: "DIN Alternate Bold";
  src: url("../font/DIN Alternate Bold.ttf") format("truetype");
}
#menu_contents {
	overflow-x: hidden;
}

@media screen and (min-width: 761px) {
#title_conts {
	width: 100%;
    height: 400px;
    background-image: url(../images/menu/menu_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    position: relative;
}
.title_inner {
	width: 1000px;
	margin: auto;
	position: relative;
	top: 100px;
}
.title_inner .top_title {
	font-size: 60px;
	font-family: "DIN Alternate Bold";
}
.title_inner h1 {
	font-size: 30px;
	letter-spacing: 0.1em;
}
.menu_navi {
	padding: 40px 0;
	
}
.menu_tab_list {
	display: flex;
    justify-content: space-between;
    align-items: flex-end;
	width: 800px;
	margin: auto;
}
.menu_tab_list .menu_navi_tab {
	width: 23%;
	margin-right: 2%;
	background: #eee;
	text-align: center;
	padding: 10px 0;
	font-size: 20px;
}
.menu_tab_list .menu_navi_tab:last-child {
	margin-right: 0;
}
.menu_parts_list {
	width: 800px;
	margin: auto;
}
.menu_parts_list .menu_tab {
	width: 100%;
	display: table;
}
/*
.menu_parts_list .menu_tab:before {
	content: "";
    order: 1;
    flex-basis: 33.3%;
	width: 33.33%;
    flex-grow: 1;
    background: #fff;
    border: 1px solid #e4e1d7;
    border-width: 1px 1px 0 0;
    box-sizing: border-box;
}
.menu_parts_list .menu_tab:after {
	content: "";
    order: 1;
    flex-basis: 33.3%;
	width: 33.33%;
    flex-grow: 1;
    background: #fff;
    border: 1px solid #e4e1d7;
    border-width: 1px 1px 0 0;
    box-sizing: border-box;
}

.menu_parts_list .menu_tab a {
	display: block;
	float: left;
	width: 33.33%;
	border: 1px solid #e4e1d7;
    border-width: 0 1px 1px 1px;
	font-size: 16px;
	padding: 15px;
}


.menu_parts_list #parts_01 {
	display: table;
}
.menu_parts_list #parts_02 {
	display: none;
}
.menu_parts_list #parts_03 {
	display: none;
}
.menu_parts_list #parts_04 {
	display: none;
}

*/
.l-trouble_menu_box {
	background: #f8f8f8;
	padding: 60px 0;
}
.l-trouble_menu_box_in {
    width: 800px;
	margin: auto;
}
.l-trouble_menu_tab ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.l-trouble_menu_tab ul li {
    flex-basis: 24%;
    padding: 20px 0;
    background: #ccc;
    border-radius: 8px 8px 0 0;
    text-align: center;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
}
.l-trouble_menu_tab ul li.is-active {
    padding: 24px 0 20px;
    background: #fff;
    border-top: 10px solid #40B1BF;
    color: #333;
}
.l-trouble_menu_list ul {
    display: none;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
}
.l-trouble_menu_list ul li {
    flex-basis: 33.3%;
    flex-grow: 1;
    border: 1px solid #e4e1d7;
    border-width: 1px 1px 0 0;
    background: #fff;
}
.l-trouble_menu_list ul li a {
    position: relative;
    display: block;
    padding: 32px 28px;
	font-size: 16px;
}
.l-trouble_menu_list ul li:nth-child(-n+3) {
    border-top: none;
}
.l-trouble_menu_list ul li:nth-child(3n) {
    border-right: none;
}
.l-trouble_menu_list ul.is-active {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.l-trouble_menu_list ul::before {
    content: "";
    order: 1;
    flex-basis: 33.3%;
    flex-grow: 1;
    background: #fff;
    border: 1px solid #e4e1d7;
    border-width: 1px 1px 0 0;
    box-sizing: border-box;
}
.l-trouble_menu_list ul::after {
    content: "";
    order: 1;
    flex-basis: 33.3%;
    flex-grow: 2;
    background: #fff;
    border: 1px solid #e4e1d7;
    border-width: 1px 1px 0 0;
    box-sizing: border-box;
}
.menu_list {
	width: 1000px;
	margin: 70px auto;
}
.menu_list h2 {
	font-size: 26px;
	padding: 35px 0;
	letter-spacing: 0.2em;
	text-align: center;
	color: #a4722d;
}
	.menu_list h2 span {
		display: block;
		font-size: 13px;
	}
.menu_box {
	margin: 20px auto 30px;
    width: 100%;
    display: table;
}
	.menu_box_bg {
		width: 100%;
		height: 250px;
		position: relative;
		background-position: 50% 50%;
		background-size: 100%;
		background-repeat: no-repeat;
		display: flex;
    	align-items: center;
	}
	#m00 .menu_box_bg {
		background-image: url(../images/menu/pc00.jpg);
	}
	#m01 .menu_box_bg {
		background-image: url(../images/menu/pc01.jpg);
	}
	#m02 .menu_box_bg {
		background-image: url(../images/menu/pc02.jpg);
	}
	#m03 .menu_box_bg {
		background-image: url(../images/menu/pc03.jpg);
	}
	#m04 .menu_box_bg {
		background-image: url(../images/menu/pc04.jpg);
	}
	#m05 .menu_box_bg {
		background-image: url(../images/menu/pc05.jpg);
	}
	#m06 .menu_box_bg {
		background-image: url(../images/menu/pc06.jpg);
	}
	#m07 .menu_box_bg {
		background-image: url(../images/menu/pc07.jpg);
	}
	#m08 .menu_box_bg {
		background-image: url(../images/menu/pc08.jpg);
	}

	#m10 .menu_box_bg {
		background-image: url(../images/menu/pc09.jpg);
	}
	#m11 .menu_box_bg {
		background-image: url(../images/menu/pc10.jpg);
	}
	#m12 .menu_box_bg {
		background-image: url(../images/menu/pc11.jpg);
	}
	#m13 .menu_box_bg {
		background-image: url(../images/menu/pc12.jpg);
	}
	#m14 .menu_box_bg {
		background-image: url(../images/menu/pc13.jpg);
	}
	#m15 .menu_box_bg {
		background-image: url(../images/menu/pc14.jpg);
	}
	#m16 .menu_box_bg {
		background-image: url(../images/menu/pc15.jpg);
	}
	#m17 .menu_box_bg {
		background-image: url(../images/menu/pc16.jpg);
	}
	#m18 .menu_box_bg {
		background-image: url(../images/menu/pc18.jpg);
	}
	#m19 .menu_box_bg {
		background-image: url(../images/menu/pc19.jpg);
	}
	#m20 .menu_box_bg {
		background-image: url(../images/menu/pc20.jpg);
	}
	#m21 .menu_box_bg {
		background-image: url(../images/menu/pc21.jpg);
	}
	
	.menu_box_bg a {
		position: relative;
		left: 10%;
    	font-size: 34px;
	}
	.menu_box_bg a:before {
		top: 12px;
		position: absolute;
		content: "";
		right: -40px;
		background-image: url(../images/menu/arrow.png);
		background-repeat: no-repeat;
		background-size: 15px;
		width: 20px;
		height: 35px;
	}
	.menu_box_link {
		margin: 20px 0;
		display: flex;
		flex-flow: wrap;
		align-items: center;
	}
.menu_box_link a {
	display: block;
	/* float: left; */
	width: 32%;
	margin-right: 2%;
	font-size: 15px;
	line-height: 1.2;
	position: relative;
	padding-left: 10px;
	margin-bottom: 1em;
}
.menu_box_link a:before {
	top: 50%;
	position: absolute;
	content: "";
	background-image: url(../images/menu/arrow.png);
	background-repeat: no-repeat;
	background-size: 5px;
	left: 0;
	width: 5px;
	height: 10px;
	transform: translateY(-50%) translateX(-50%);
}
.menu_box_link a:nth-child(3n) {
	margin-right: 0;
}
}


@media screen and (max-width: 760px) {
#title_conts {
	width: 100%;
    height: 250px;
    background-image: url(../images/menu/menu_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 58% 50%;
    position: relative;
}
.title_inner {
	width: 80%;
    margin: auto;
    position: relative;
    top: 22vw;
    left: 3vw;
    line-height: 1.2;
}
.title_inner .top_title {
	font-size: 10vw;
	font-family: "DIN Alternate Bold";
}
.title_inner h1 {
	font-size: 4vw;
	letter-spacing: 0.1em;
}
.menu_navi {
	padding: 40px 0;
	
}
.menu_tab_list {
	display: flex;
    justify-content: space-between;
    align-items: flex-end;
	width: 800px;
	margin: auto;
}
.menu_tab_list .menu_navi_tab {
	width: 23%;
	margin-right: 2%;
	background: #eee;
	text-align: center;
	padding: 10px 0;
	font-size: 20px;
}
.menu_tab_list .menu_navi_tab:last-child {
	margin-right: 0;
}
.menu_parts_list {
	width: 800px;
	margin: auto;
}
.menu_parts_list .menu_tab {
	width: 100%;
	display: table;
}
/*
.menu_parts_list .menu_tab:before {
	content: "";
    order: 1;
    flex-basis: 33.3%;
	width: 33.33%;
    flex-grow: 1;
    background: #fff;
    border: 1px solid #e4e1d7;
    border-width: 1px 1px 0 0;
    box-sizing: border-box;
}
.menu_parts_list .menu_tab:after {
	content: "";
    order: 1;
    flex-basis: 33.3%;
	width: 33.33%;
    flex-grow: 1;
    background: #fff;
    border: 1px solid #e4e1d7;
    border-width: 1px 1px 0 0;
    box-sizing: border-box;
}

.menu_parts_list .menu_tab a {
	display: block;
	float: left;
	width: 33.33%;
	border: 1px solid #e4e1d7;
    border-width: 0 1px 1px 1px;
	font-size: 16px;
	padding: 15px;
}


.menu_parts_list #parts_01 {
	display: table;
}
.menu_parts_list #parts_02 {
	display: none;
}
.menu_parts_list #parts_03 {
	display: none;
}
.menu_parts_list #parts_04 {
	display: none;
}

*/
.l-trouble_menu_box {
	background: #f8f8f8;
	padding: 6vw 0;
}
.l-trouble_menu_box_in {
    width: 94%;
	margin: auto;
}
.l-trouble_menu_tab ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.l-trouble_menu_tab ul li {
    flex-basis: 24%;
    padding: 2vw 0;
    background: #ccc;
    border-radius: 8px 8px 0 0;
    text-align: center;
    font-size: 4vw;
    color: #fff;
    cursor: pointer;
}
.l-trouble_menu_tab ul li.is-active {
    padding: 3vw 0 2vw;
    background: #fff;
    border-top: 2vw solid #40B1BF;
    color: #333;
}
.l-trouble_menu_list ul {
    display: none;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
}
.l-trouble_menu_list ul li {
    flex-basis: calc(50% - 1px);
    font-size: 3.6vw;
    /*flex-grow: 1;*/
    border: 1px solid #e4e1d7;
    border-width: 1px 1px 0 0;
    background: #fff;
	padding: 2vw 0;
}
.l-trouble_menu_list ul li a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 46px;
    padding: 0 5.2vw 0 3.4vw;
    line-height: 1.4;
}

.l-trouble_menu_list ul li:nth-child(-n+2){
	border-top: none;
}

.l-trouble_menu_list ul li:nth-child(-n+2){
	margin-top: 1px;
}
.l-trouble_menu_list ul li:nth-child(2n){
	margin-right: 0px;
}
.l-trouble_menu_list ul li:nth-child(-n+2){
	margin-top: 0px;
}
.l-trouble_menu_list ul.is-active {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.l-trouble_menu_list ul::before {
    content: "";
    order: 1;
    flex-basis: 33.3%;
    flex-grow: 1;
    background: #fff;
    border: 1px solid #e4e1d7;
    border-width: 1px 1px 0 0;
    box-sizing: border-box;
}
.l-trouble_menu_list ul::after {
    content: "";
    order: 1;
    flex-basis: 33.3%;
    flex-grow: 2;
    background: #fff;
    border: 1px solid #e4e1d7;
    border-width: 1px 1px 0 0;
    box-sizing: border-box;
}
.menu_list {
    width: 100%;
    margin: 7vw auto;
}
.menu_list h2 {
	font-size: 5vw;
	padding: 5vw 0;
	letter-spacing: 0.2em;
	text-align: center;
	color: #a4722d;
}
	.menu_list h2 span {
		display: block;
		font-size: 3vw;
	}
.menu_box {
	margin: 0 auto;
    width: 100%;
    display: table;
}
	.menu_box_bg {
		width: 100%;
		height: 40vw;
		position: relative;
		background-position: 50% 50%;
		background-size: 100%;
		background-repeat: no-repeat;
		display: flex;
    	align-items: center;
	}
	#m00 .menu_box_bg {
		background-image: url(../images/menu/sp00.jpg);
	}
	#m01 .menu_box_bg {
		background-image: url(../images/menu/sp01.jpg);
	}
	#m02 .menu_box_bg {
		background-image: url(../images/menu/sp02.jpg);
	}
	#m03 .menu_box_bg {
		background-image: url(../images/menu/sp03.jpg);
	}
	#m04 .menu_box_bg {
		background-image: url(../images/menu/sp04.jpg);
	}
	#m05 .menu_box_bg {
		background-image: url(../images/menu/sp05.jpg);
	}
	#m06 .menu_box_bg {
		background-image: url(../images/menu/sp06.jpg);
	}
	#m07 .menu_box_bg {
		background-image: url(../images/menu/sp07.jpg);
	}
	#m08 .menu_box_bg {
		background-image: url(../images/menu/sp08.jpg);
	}

	#m10 .menu_box_bg {
		background-image: url(../images/menu/sp09.jpg);
	}
	#m11 .menu_box_bg {
		background-image: url(../images/menu/sp10.jpg);
	}
	#m12 .menu_box_bg {
		background-image: url(../images/menu/sp11.jpg);
	}
	#m13 .menu_box_bg {
		background-image: url(../images/menu/sp12.jpg);
	}
	#m14 .menu_box_bg {
		background-image: url(../images/menu/sp13.jpg);
	}
	#m15 .menu_box_bg {
		background-image: url(../images/menu/sp14.jpg);
	}
	#m16 .menu_box_bg {
		background-image: url(../images/menu/sp15.jpg);
	}
	#m17 .menu_box_bg {
		background-image: url(../images/menu/sp16.jpg);
	}
	#m18 .menu_box_bg {
		background-image: url(../images/menu/sp17.jpg);
	}
	#m19 .menu_box_bg {
		background-image: url(../images/menu/sp19.jpg);
	}
	#m20 .menu_box_bg {
		background-image: url(../images/menu/sp20.jpg);
	}
	#m21 .menu_box_bg {
		background-image: url(../images/menu/sp21.jpg);
	}
.menu_box_bg a {
		position: relative;
		left: 10%;
    	font-size: 5vw;
	}
.menu_box_bg a:before {
	top: 1.6vw;
    position: absolute;
    content: "";
    right: -6vw;
    background-image: url(../images/menu/arrow.png);
    background-repeat: no-repeat;
    background-size: 2.6vw;
    width: 3vw;
    height: 5vw;
}
	.menu_box_link {
		margin: 0;
	}
.menu_box_link a {
	display: block;
    float: none;
    width: 100%;
    font-size: 4vw;
    line-height: 2;
    position: relative;
    padding: 2.5vw 0 2.5vw 10vw;
    border-bottom: 1px solid #eee;
}
.menu_box_link a:before {
	top: 5.2vw;
    position: absolute;
    content: "";
    background-image: url(../images/menu/arrow.png);
    background-repeat: no-repeat;
    background-size: 6px;
    left: 5vw;
    width: 6px;
    height: 13px;
}
.menu_box_link a:nth-child(3n) {
	margin-right: 0;
}	
}