/*------------------------------------------
タブアコーディオン
------------------------------------------*/
#c_6386 .wrap_tab {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	padding: 5px 20px 10px;
  }
  #c_6386 .wrap_tab .scrol{
	width: 100%;
	box-sizing: border-box;
  }
  /* タブ中身 */
  #c_6386 .tab-container{
	width: 100%;
	display: flex;
	border: 0;
  }
  #c_6386 .tab-container h2 {
	font-size: 18px;
	font-weight: 400;
  }
  #c_6386 .tab-container > li {
	color: #222;
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1;
	flex-grow: 1;
	height: 3em;
	border: #222 1px solid;
	text-align: center;
	cursor: pointer;
	margin-right: 5px;
	transition: 0.5s all;
	line-height: 1.2em;
	background-color: #fff;
	border-radius: 50px;
	position: relative;
	margin-top: 5px;
  }
  #c_6386 .tab-container > li a{
	height: 3em;
	width: 100%;
	line-height: 3em;
  }
  #c_6386 .tab-container > li::after {
	content: "";
	width: 9px;
	height: 9px;
	position: absolute;
	top: -4px;
	right: 11%;
	border-top: solid 1px #222;
	border-right: solid 1px #222;
	transform: rotate(135deg);
  }
  #c_6386 .tab-container > li.current::after{
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
  }
  #c_6386 .tab-container > li.tab.current {
	color: #fff;
	background-color: #5ca391;
	transition: 0.5s all;
  }
  #c_6386 .arrow {
	position: relative;
	display: inline-block;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
  }
  #c_6386 .arrow::after{
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  right: 0;
	  margin: auto;
	  content: "";
	  vertical-align: middle;
  }
  #c_6386 .menu-container {
	position: relative;
	width: 100%;
	padding: 0;
  }
  #c_6386 .menu-container > .menu-box {
	display: none;
	padding: 10px 0 0;
  }
  #c_6386 .menu-box {
	box-sizing: border-box;
	padding: 30px 20px 20px;
  }
  #c_6386 .tab-container > li.tab:hover,
  #c_6386 .tab-container > li.tab.current:hover{
	opacity: 1;
  }
  
  #c_6386 .menu-container{
	position: relative;
	width: 100%;
	padding: 0;
  }
  #c_6386 .menu-container > .menu-box.current{
	display: block;
  }

  #c_6386 .menu-container .grid {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 10px;
	margin-bottom: 3%;
  }
  #c_6386 .menu-container .grid h3 {
	font-size: 16px;
	font-weight: 400;
  }
  #c_6386 .menu-container .grid li .price {
	font-size: 24px;
    color: #ea4a4a;
  }
  #c_6386 .menu-container .grid li .intax {
    color: #ea4a4a;
  }

  #c_6386 .col_2 li a {
	padding: 12px 0;
  }