/*---------------------------------------SMP---------------------------------------*/
/*---------------------------------------SMP---------------------------------------*/
/*---------------------------------------SMP---------------------------------------*/
@media screen and (max-width: 480px) {	





/*----------------- SMP TITLE HEAD --------------------*/



#fdm_title {
	width: 100%;
	height: 100vw;
	display: block;
	overflow: hidden;
    background: #141615 url(../images/menu/kv.jpg) no-repeat;
    background-size: cover;
    text-align: center;
}

#fdm_title h2 {
	font-weight: normal;
	font-size: 6vmin;
    line-height: 1.2em;
    margin-top: 28vh
}





/*---------------- SMP MENU ----------------*/

.fd_menu {
	width: 100%;
	height: auto;
	color: #BEBBBA;
}


/*-- accordions --*/



.fd_menu2 label {
	display: block;
	padding: 2vh 0 0.8vh 1vw;
	border-bottom: solid 1px #97988D;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.fd_menu2 input {
	display: none;
}


.fd_menu2 ul {
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
}


.fd_menu li {
	margin: 0 0 2vh 0;
	max-height: 0;
	overflow-y: hidden;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transition-timing-function: ease;
	-webkit-transition-delay: 0;
    overflow: hidden;
}

.fd_menu li:last-child{
	margin-bottom: 2vh;
}


#fdm_bar01:checked ~ #menu_desc01 li,
#fdm_bar02:checked ~ #menu_desc02 li,
#fdm_bar03:checked ~ #menu_desc03 li,
#fdm_bar04:checked ~ #menu_desc04 li,
#fdm_bar05:checked ~ #menu_desc05 li,
#fdm_bar06:checked ~ #menu_desc06 li,
#fdm_bar07:checked ~ #menu_desc07 li,
#fdm_bar08:checked ~ #menu_desc08 li,
#fdm_bar09:checked ~ #menu_desc09 li,
#fdm_bar10:checked ~ #menu_desc10 li,
#fdm_bar11:checked ~ #menu_desc11 li,
#fdm_bar12:checked ~ #menu_desc12 li
{
	max-height: 20000px;
  	opacity: 1;
}



/*-- heading --*/




.ind_head {
    font-size: 130%;
}


#fdm_ctg {
	width: 100%;
	height: auto;
}

.fdm_ctg_flex {
	width: 100%;
	display: flex;
}

.fdm_ctg_title {
	width: 95%;
	overflow: hidden;
	text-align: left;
}

.fdm_ctg_title .jpn {
	font-size: 50%;
    margin-left: 0.2vw;
}

#fdm_ctg h3 {
    font-size: 6.5vmin;
    font-weight: normal;
    line-height: 1.1em;
}

.fdm_ctg_arrow {
	width: 5%;
	display: block;
	overflow: hidden;
	text-align: right;
}

.fdm_ctg_arrow .icn_ctg {
    font-size: 4vmin;
    padding-right: 0.4vw;
    vertical-align: 2%;
}


#fdm_ctg_inner {
    margin: 4vh 0 4vh 0;
}


#fdm_item {
	width: 100%;
	height: auto;
	margin: 0 0 0.5vh 0;
	margin-left: auto;
}


#fdm_setitem {
	width: 100%;
	height: auto;
	margin: 1vh 0 0.5vh 3vw;
	font-size: 3vmin;
	margin-left: auto;
    padding: 0 0 1vh 2vw;
	display: block;
	overflow: hidden;
}


#fdm_setitem ul {
	margin: 1vh 0 0.5vh 0;
    font-size: 0.8em;
}

#fdm_setitem li {
    position: relative;
    padding-left: 1.2em;
    margin-bottom: 0.4em;
}

#fdm_setitem li:before { 
    font-family: "Font Awesome 5 Free";
    content: '\f06a';
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0.1em; 
}


#fdm_vc .ctg {
	font-size: 5vmin;
    margin: 3vh 0 2vh 0;
    font-weight: normal;
}

#fdm_vc .pdt {
	font-size: 3.5vmin;
    margin: 0 0 1vh 0;
    line-height: 1.2em;
}

#fdm_vc .pdt_jp {
	font-size: 2.8vmin;
    margin-left: 1vw;
}

#fdm_vc .makes {
	font-size: 3vmin;
    color: #777777;
    margin: 0 0 0 0;
    line-height: 1.2em;
}

#fdm_vc .makes_jp {
	font-size: 2.5vmin;
    margin-left: 1vw;
}

#fdm_vc .ing {
	font-size: 2.6vmin;
    margin: 0.5vh 0 1vh 0;
}

#fdm_vc #fdm_item_note {
	font-size: 3vmin;
    margin: 0.5vh 0 4vh 0;
}


.fdm_item_flex {
	width: 100%;
	border-bottom: solid 1px #535353;
	display: flex;
}

.fdm_item_title {
	width: 70%;
	margin: 1vh 1vw;
	overflow: hidden;
	text-align: left;
}


.fdm_item_price {
	width: 30%;
	margin: 1vh 1vw;
	display: block;
	overflow: hidden;
	text-align: right;
    font-size: 4vmin;
}

.fdm_item_title_2 {
	width: 100%;
	margin: 1vh 1vw;
	overflow: hidden;
	text-align: left;
}


.fdm_item_price_2 {
	width: 100%;
	margin: 1vh 1vw;
	display: block;
	overflow: hidden;
	text-align: right;
    font-size: 4vmin;
}

	
#fdm_item h4 {
    font-weight: normal;
	font-size: 4.5vmin;
	line-height: 1em;
	color: #cccccc;
}


#fdm_item h5 {
    font-weight: normal;
    font-size: 6vmin;
	margin: 1vh 0 3vh 1vw;
	padding: 0;
}

#fdm_item p {
    font-size: 3.5vmin;
	line-height: 1.8em;
    margin: 0 0 5vh 1vw;
}


#fdm_item_note {
	width: 100%;
	margin: 0.5vh 1vw 2vh 1vw;
	font-size: 3.5vmin;
	color: #97988D;
}


#fdm_notice ul {
	margin: 3vh 0 0 1vw;
	font-size: 3vmin;
	line-height: 1.3em;
    list-style: none;
    padding-left: -1em;
}

#fdm_notice li {
    position: relative;
    padding-left: 1.2em;
    margin-bottom: 0.3em;
}

#fdm_notice li:before { 
    font-family: "Font Awesome 5 Free";
    content: '\f06a';
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0.1em; 
}


#fdm_setmenu {
    margin: 0 0 7vh 0;
}


#annotation {
	width: 100%;
	height: auto;
	margin: 3vh 0 4vh 0;
	margin-left: auto;
	font-size: 3.2vmin;
}






/*---------------------------------------END OF SMP---------------------------------------*/
}





/*---------------------------------------TAB---------------------------------------*/
/*---------------------------------------TAB---------------------------------------*/
/*---------------------------------------TAB---------------------------------------*/
@media screen and (min-width: 481px) and (max-width: 1079px) {	





/*---------------------------------------TAB HOME---------------------------------------*/




/*----------------- TAB TITLE HEAD --------------------*/



#fdm_title {
	width: 100%;
	height: 18vh;
	display: block;
	overflow: hidden;
    background: #141615 url(../images/menu/kv.jpg) no-repeat;
    background-size: cover;
    text-align: left;
}

#fdm_title h2 {
	font-weight: normal;
	font-size: 4vmin;
    line-height: 1.2em;
    margin: 10vh 0 0 4vh;
}





/*---------------- TAB MENU ----------------*/

.fd_menu {
	width: 100%;
	height: auto;
	color: #BEBBBA;
}


/*-- accordions --*/



.fd_menu2 label {
	display: block;
	padding: 0 0 0.6vh 1vw;
	border-bottom: solid 1px #97988D;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	cursor :pointer;
}


.fd_menu2 input {
	display: none;
}


.fd_menu2 ul {
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
}


.fd_menu li {
	margin: 0 0 0 0;
	max-height: 0;
	overflow-y: hidden;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transition-timing-function: ease;
	-webkit-transition-delay: 0;
    overflow: hidden;
}

.fd_menu li:last-child{
	margin-bottom: 3em;
}


#fdm_bar01:checked ~ #menu_desc01 li,
#fdm_bar02:checked ~ #menu_desc02 li,
#fdm_bar03:checked ~ #menu_desc03 li,
#fdm_bar04:checked ~ #menu_desc04 li,
#fdm_bar05:checked ~ #menu_desc05 li,
#fdm_bar06:checked ~ #menu_desc06 li,
#fdm_bar07:checked ~ #menu_desc07 li,
#fdm_bar08:checked ~ #menu_desc08 li,
#fdm_bar09:checked ~ #menu_desc09 li,
#fdm_bar10:checked ~ #menu_desc10 li,
#fdm_bar11:checked ~ #menu_desc11 li,
#fdm_bar12:checked ~ #menu_desc12 li
{
	max-height: 10000px;
  	opacity: 1;
}



/*-- heading --*/




.ind_head {
    font-size: 130%;
}


#fdm_ctg {
	width: 100%;
	height: auto;
}

#fdm_ctg_inner {
    margin: 4vh 0 4vh 0;
}

.fdm_ctg_flex {
	width: 100%;
	display: flex;
}

.fdm_ctg_title {
	width: 95%;
	overflow: hidden;
	text-align: left;
}

.fdm_ctg_title .jpn {
	font-size: 50%;
    margin-left: 2vw;
}

#fdm_ctg h3 {
    font-size: 3vmin;
    font-weight: normal;
}

.fdm_ctg_arrow {
	width: 5%;
	display: block;
	overflow: hidden;
	text-align: right;
}

.fdm_ctg_arrow .icn_ctg {
    font-size: 1.7vmin;
    padding-right: 0.4vw;
    vertical-align: 2%;
}


#fdm_item {
	width: 75vw;
	height: auto;
	margin: 0 0 0.5vh 0;
	margin-left: auto;
}


#fdm_setitem {
	width: 74vw;
	height: auto;
	margin: 1vh 0 0.5vh 3vw;
	font-size: 1.5vmin;
	margin-left: auto;
    padding: 0 0 1vh 1vw;
	display: block;
	overflow: hidden;
}


#fdm_setitem ul {
	margin: 1vh 0 0.5vh 0;
	font-size: 0.8em;
}

#fdm_setitem li {
    position: relative;
    padding-left: 1.2em;
    margin-bottom: 0.4em;
}

#fdm_setitem li:before { 
    font-family: "Font Awesome 5 Free";
    content: '\f06a';
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0.1em; 
}


#fdm_vc .ctg {
	font-size: 2.2vmin;
    margin: 0 0 1vh 1vw;
    font-weight: normal;
}

#fdm_vc .pdt {
	font-size: 2.2vmin;
    margin: 0 0 0 0;
    line-height: 1.2em;
}

#fdm_vc .pdt_jp {
	font-size: 1.8vmin;
}

#fdm_vc .makes {
	font-size: 1.8vmin;
    color: #777777;
    margin: 0 0 0 0;
}

#fdm_vc .makes_jp {
	font-size: 1.4vmin;
	line-height: 1.8em;
}

#fdm_vc .ing {
	font-size: 1.1vmin;
    margin: 0.5vh 0 0 1vw;
}


.fdm_item_flex {
	width: 100%;
	border-bottom: solid 1px #535353;
	display: flex;
}

.fdm_item_title {
	width: 80%;
	margin: 1vh 1vw;
	overflow: hidden;
	text-align: left;
}


.fdm_item_price {
	width: 20%;
	margin: 1vh 1vw;
	display: block;
	overflow: hidden;
	text-align: right;
}

.fdm_item_flex_2 {
	width: 100%;
	border-bottom: solid 1px #535353;
	display: flex;
}

.fdm_item_title_2 {
	margin: 1vh 0 0 1vw;
	overflow: hidden;
	text-align: left;
}


.fdm_item_price_2 {
	margin: 0 0 1vh 1vw;
	display: block;
	overflow: hidden;
	text-align: right;
}
	
#fdm_item h4 {
    font-weight: normal;
	font-size: 2vmin;
	line-height: 1em;
	color: #cccccc;
}


#fdm_item h5 {
    font-weight: normal;
    font-size: 2.8vmin;
	margin: 0 0 2vh 1vw;
	padding: 0;
}

#fdm_item p {
    font-size: 1.8vmin;
	line-height: 1.8em;
    margin: 0 0 5vh 1vw;
}


#fdm_item_note {
	width: 100%;
	margin: 0.5vh 1vw 2vh 1vw;
	font-size: 1.6vmin;
	color: #97988D;
}


#fdm_notice ul {
	margin: 3vh 0 1vh 16vw;
	font-size: 0.8em;
	line-height: 1em;
}

#fdm_notice li {
    position: relative;
    padding: 0 0 0.5vh 1.2em;
    margin-bottom: 0.5em;
}

#fdm_notice li:before { 
    font-family: "Font Awesome 5 Free";
    content: '\f06a';
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0.1em; 
}


#fdm_setmenu {
    margin: 0 0 5vh 0;
}


#annotation {
	width: 74vw;
	height: auto;
	margin: 3vh 0 4vh 0;
	margin-left: auto;
	font-size: 1.8vmin;
}











/*---------------------------------------END OF TAB---------------------------------------*/
}






/*---------------------------------------PC---------------------------------------*/
/*---------------------------------------PC---------------------------------------*/
/*---------------------------------------PC---------------------------------------*/


@media screen and (min-width: 1080px) {





/*---------------------------------------PC MENU---------------------------------------*/





/*----------------- PC TITLE HEAD --------------------*/



#fdm_title {
	width: 100%;
	height: 20vh;
	display: block;
	overflow: hidden;
    background: #141615 url(../images/menu/kv.jpg) no-repeat;
    background-size: cover;
    text-align: left;
}

#fdm_title h2 {
	font-weight: normal;
	font-size: 2.8vmin;
    line-height: 1.2em;
    margin: 12vh 0 0 15vh;
}





/*---------------- PC MENU ----------------*/

.fd_menu {
	width: 100%;
	height: auto;
	color: #BEBBBA;
}


/*-- accordions --*/



.fd_menu2 label {
	display: block;
	padding: 0 0 0.6vh 1vw;
	border-bottom: solid 1px #97988D;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	cursor :pointer;
}


.fd_menu2 input {
	display: none;
}


.fd_menu2 ul {
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
}


.fd_menu li {
	margin: 0 0 0 0;
	max-height: 0;
	overflow-y: hidden;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transition-timing-function: ease;
	-webkit-transition-delay: 0;
    overflow: hidden;
}

.fd_menu li:last-child{
	margin-bottom: 3em;
}


#fdm_bar01:checked ~ #menu_desc01 li,
#fdm_bar02:checked ~ #menu_desc02 li,
#fdm_bar03:checked ~ #menu_desc03 li,
#fdm_bar04:checked ~ #menu_desc04 li,
#fdm_bar05:checked ~ #menu_desc05 li,
#fdm_bar06:checked ~ #menu_desc06 li,
#fdm_bar07:checked ~ #menu_desc07 li,
#fdm_bar08:checked ~ #menu_desc08 li,
#fdm_bar09:checked ~ #menu_desc09 li,
#fdm_bar10:checked ~ #menu_desc10 li,
#fdm_bar11:checked ~ #menu_desc11 li,
#fdm_bar12:checked ~ #menu_desc12 li
{
	max-height: 10000px;
  	opacity: 1;
}



/*-- heading --*/




.ind_head {
    font-size: 130%;
}


#fdm_ctg {
	width: 100%;
	height: auto;
}

#fdm_ctg_inner {
    margin: 4vh 0 4vh 0;
}

.fdm_ctg_flex {
	width: 100%;
	display: flex;
}

.fdm_ctg_title {
	width: 95%;
	overflow: hidden;
	text-align: left;
}

.fdm_ctg_title .jpn {
	font-size: 45%;
    margin-left: 1.5vw;
}

#fdm_ctg h3 {
    font-size: 3vmin;
    font-weight: normal;
}

.fdm_ctg_arrow {
	width: 5%;
	display: block;
	overflow: hidden;
	text-align: right;
}

.fdm_ctg_arrow .icn_ctg {
    font-size: 1.7vmin;
    padding-right: 0.4vw;
    vertical-align: 2%;
}


#fdm_item {
	width: 55vw;
	height: auto;
	margin: 0 0 3vh 0;
	margin-left: auto;
}

#fdm_setitem {
	width: 54vw;
	height: auto;
	margin: 1vh 0 0.5vh 3vw;
	font-size: 1.5vmin;
	margin-left: auto;
    padding: 0 0 1vh 1vw;
	display: block;
	overflow: hidden;
}

#fdm_setitem ul {
	margin: 1vh 0 0.5vh 0;
    font-size: 0.8em;
}

#fdm_setitem li {
    position: relative;
    padding-left: 1.2em;
    margin-bottom: 0.4em;
}

#fdm_setitem li:before { 
    font-family: "Font Awesome 5 Free";
    content: '\f06a';
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0.1em; 
}


#fdm_vc .ctg {
	font-size: 2.2vmin;
    margin: 0 0 0 1vw;
    font-weight: normal;
}

#fdm_vc .pdt {
	font-size: 1.4vmin;
    margin: 0 0 -0.8vh 0;
    line-height: 1.3vh;
}

#fdm_vc .pdt_jp {
	font-size: 80%;
    margin-left: 1vw;
}

#fdm_vc .makes {
	font-size: 1.3vmin;
    color: #777777;
    margin: 1vh 0 -0.2vh 0;
}

#fdm_vc .makes_jp {
	font-size: 80%;
    margin-left: 1vw;
}

#fdm_vc .ing {
	font-size: 1.2vmin;
    margin: 0.3vh 0 0 1vw;
}


.fdm_item_flex {
	width: 100%;
	border-bottom: solid 1px #535353;
	display: flex;
}

.fdm_item_title {
	width: 80%;
	margin: 1vh 1vw;
	overflow: hidden;
	text-align: left;
}


.fdm_item_price {
	width: 20%;
	margin: 1vh 1vw;
	display: block;
	overflow: hidden;
	text-align: right;
}

.fdm_item_flex_2 {
	width: 100%;
	border-bottom: solid 1px #535353;
	display: flex;
}

.fdm_item_title_2 {
	width: 60%;
	margin: 1vh 1vw;
	overflow: hidden;
	text-align: left;
}


.fdm_item_price_2 {
	width: 40%;
	margin: 1vh 1vw;
	display: block;
	overflow: hidden;
	text-align: right;
}
	
#fdm_item h4 {
    font-weight: normal;
	font-size: 2vmin;
	line-height: 1em;
	color: #cccccc;
}


#fdm_item h5 {
    font-weight: normal;
    font-size: 2.5vmin;
	margin: 0 0 2vh 1vw;
	padding: 0;
}

#fdm_item p {
    font-size: 1.6vmin;
	line-height: 2em;
    margin: 0 0 5vh 1vw;
}


#fdm_item_note {
	width: 100%;
	margin: 0.5vh 1vw 1.5vh 1vw;
	font-size: 1.2vmin;
	color: #97988D;
}


#fdm_notice ul {
	margin: 2vh 0 0 26vw;
	font-size: 0.8em;
	line-height: 1em;
}

#fdm_notice li {
    position: relative;
    padding-left: 1.2em;
    margin-bottom: 0.4em;
}

#fdm_notice li:before { 
    font-family: "Font Awesome 5 Free";
    content: '\f06a';
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0.1em; 
}

#fdm_setmenu {
    margin: 0 0 7vh 0;
}

#annotation {
	width: 55vw;
	height: auto;
	margin: 2vh 0 3vh 0;
	margin-left: auto;
	font-size: 1.4vmin;
}








/*---------------------------------------END OF PC---------------------------------------*/
}