@charset "shift_jis";
/* CSS Document */

/*----------アコーディオンメニュー---------------*/
/*ボックス全体*/
.push-list {
    margin: 0;
    padding: 0;
}

/*ラベル*/
.push-list label {
    position: relative;
    display: block;
    padding: 3% 0;
    cursor: pointer;
    transition: all 0.5s;
}

/*アイコンを表示*/
.push-list label:after {
	line-height: 3;
	position: absolute;
	top: 5px;
	right: 0;
	display: block;
	width: 3em;
	height: 3em;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	text-align: center;
}

.push-list input[type=checkbox] + label:after {
	font-family: "Font Awesome 5 Free";
  	content: "\f067";
	font-weight: bold;
    font-size: 1.1em;
}

.push-list input[type=checkbox]:checked + label:after {
	font-family: "Font Awesome 5 Free";
  	content: "\f068";
	font-weight: bold;
    font-size: 1.1em;
}

/*チェックは隠す*/
.push-list input {
    display: none;
}

/*中身を非表示にしておく*/
.push-list .push-show {
    max-height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: all .5s ease-out;
}

/*クリックで中身表示*/
.push-click:checked + label + .push-show {
    max-height: 9999px;
	background: #ffffff;
    opacity: 1;
	transition: all 1s ease-in;
}

.push-list .push-show p {
    margin: 15px 10px;
    font-size: 1.0em;
}

/*-------------------------------*/


/*リスト*/
.menu-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    border: none!important;
}

.menu-list ul li {
	position: relative;
    margin: 0 10%;
    border-right: none;
}

.menu-list  ul li:first-child {
	border-top: 1px solid #c1c1c1;	
} 

.menu-list ul li a {
  display: block;
    padding: 3% 0;
  text-decoration: none;
    color: #563b32;
}

.menu-list ul li img {
    width: 100%;
    max-width: 50px;
    padding: 0 12% 0 7%;
}

/*.menu-list ul li p {
	display: table-cell;
	vertical-align: middle;
	line-height: 1.5em;
}

.menu-list ul li p:last-child:after {
	font-family: "Font Awesome 5 Free";
  	content: "\f105";
	position: absolute;
	right: 15px;
	top:18px;
    font-size: 1.5em;
    line-height: 42px;
	padding-bottom: 2em;
	font-weight: bold;
}

.menu-list ul li p img {
	padding: 1em 2em 0 0;
	width: 50px;
	height: 50px;
}

.menu-list ul li p img.h70 {
	height: 70px;
	width: 70px;
}

.menu-list ul li p img.rank {
	height: 11px!important;
	width: 40.5px!important;
	padding: 0!important;
	margin: 0!important;
}

.menu-list ul li p span:nth-child(1) {
	font-weight: bold;
	padding-right: 10px;
}
.menu-list ul li p span.nomal {
	font-weight: normal;
	padding-right: 10px;
	font-size: 0.8em;
}*/


/*価格テキスト*/
/*.price {
	font-size: 14px;
    color: #CC0000;
    font-weight: bold;
    margin-left: 10px;
}*/

/*----------品質と価格帯で選ぶ----------*/
/*.push-list.quality label {
    background: #f8f7f4;
	border-bottom: 1px solid #d8c9b7;
	margin: 0 0;
	font-size: 14px;
}*/

.push-list.quality label:after {
    top: 25%;
    right: 3%;
}

/*.quality-i li a {
  padding: 0 .8em 0 2em!important;
  margin: 0 0!important;
}*/

.quality-i li a:after {
	font-family: "Font Awesome 5 Free";
  	content: "\f105";
	position: absolute;
    right: 5%;
    top: 20%;
    font-size: 1.4em;
    line-height: 42px;
	padding-bottom: 2em;
	font-weight: bold;
}
/*-------------------------------*/


@media (min-width: 320px) and (max-width: 667px){

.menu-list ul li img {
    width: 100%;
    max-width: 50px;
    padding: 10% 10% 0;
}
    
}