.subnav {
    margin: 2em 0;
    padding: 0;
    max-width: 400px;/*最大幅*/
}

/*ラベル*/
.subnav label {
    display: block;
    color :#3e4245;
    cursor :pointer;
    transition: all 0.5s;
	border-top:2px solid #224688;
	border-bottom:2px solid #224688;
	background:url('../images/item/arrow_down.png') no-repeat center right 10px;
	background-size:16px auto;
}

.sub2 {
    display: block;
    color :#3e4245;
    cursor :pointer;
    transition: all 0.5s;
	border-top:2px solid #224688;
	border-bottom:2px solid #224688;
	background-size:16px auto;
}
.sub2 span{
	line-height:60px;
	text-align:center;
	font-size:16px;
    display: block;
}
.sub2 a{
	display:block;
	width:100%;
	line-height:40px;
	text-decoration:none;
}
.subnav label span{
	line-height:60px;
	text-align:center;
	font-size:16px;
    display: block;
}
.subnav a{
	display:block;
	width:100%;
	line-height:40px;
	text-decoration:none;
}
.subnav #title1 span{
	background:url('../images/item/sub_cat1.png') no-repeat;
	background-size:auto 100%;
}
.subnav #title1-1 span{
	background:url('../images/item/midashi001_f_p.jpg') no-repeat left center;
	text-indent:-9999px;
	background-size:100% auto;
}
.subnav #title1-2 span{
	background:url('../images/item/midashi002_clarinet.jpg') no-repeat left center;
	text-indent:-9999px;
	background-size:100% auto;
}
.subnav #title1-3 span{
	background:url('../images/item/midashi006_sax.jpg') no-repeat left center;
	text-indent:-9999px;
	background-size:100% auto;
}
.subnav #title1-4 span{
	background:url('../images/item/midashi010_oboe.jpg') no-repeat left center;
	text-indent:-9999px;
	background-size:100% auto;
}
.subnav #title1-5 span{
	background:url('../images/item/midashi011_tp.jpg') no-repeat left center;
	text-indent:-9999px;
	background-size:100% auto;
}
.subnav #title1-6 span{
	background:url('../images/item/midashi013_tb.jpg') no-repeat left center;
	text-indent:-9999px;
	background-size:100% auto;
}
.subnav #title1-7 span{
	background:url('../images/item/midashi015_horn_m.jpg') no-repeat left center;
	text-indent:-9999px;
	background-size:100% auto;
}
.subnav #title1-8 span{
	background:url('../images/item/midashi016_eupho_m.jpg') no-repeat left center;
	text-indent:-9999px;
	background-size:100% auto;
}
.subnav #title1-9 span{
	background:url('../images/item/midashi017_tuba_m.jpg') no-repeat left center;
	text-indent:-9999px;
	background-size:100% auto;
}
.subnav #title1-10 span{
	background:url('../images/item/midashi018_rc.jpg') no-repeat left center;
	text-indent:-9999px;
	background-size:100% auto;
}
.subnav #title1-11 a{
	background:url('../images/item/midashi019_harmonica.jpg') no-repeat left center;
	text-indent:-9999px;
	background-size:100% auto;
	padding:10px 0;
	border-bottom:1px solid #224688;
}
.subnav #title1-12 a{
	background:url('../images/item/midashi020_pianica.jpg') no-repeat left center;
	text-indent:-9999px;
	background-size:100% auto;
	padding:10px 0;
	border-bottom:1px solid #224688;
}
.subnav #title1-13 a{
	background:url('../images/item/midashi021_ocarina.jpg') no-repeat left center;
	text-indent:-9999px;
	background-size:100% auto;
	padding:10px 0;
	border-bottom:1px solid #224688;
}
.subnav #title2 span{
	background:url('../images/item/sub_cat2.png') no-repeat;
	background-size:auto 100%;
}

.subnav #title3 span{
	background:url('../images/item/sub_cat3.png') no-repeat;
	background-size:auto 100%;
}
.subnav #title4 span{
	background:url('../images/item/sub_cat4.png') no-repeat;
	background-size:auto 100%;
}
.subnav #title6 span{
	background:url('../images/item/sub_cat5.png') no-repeat;
	background-size:auto 100%;
}
.subnav #title2-1 a{
	background:url('../images/item/midashi101_mallet_stick.jpg') no-repeat left center;
	text-indent:-9999px;
	background-size:100% auto;
	padding:10px 0;
	border-bottom:1px solid #224688;
}

.subnav #title2-1 a{
	background:url('../images/item/midashi101_mallet_stick.jpg') no-repeat left center;
	text-indent:-9999px;
	background-size:100% auto;
	padding:10px 0;
	border-bottom:1px solid #224688;
}
#title3-1 a{
	background:url('../images/item/midashi102_stand.jpg') no-repeat left center;
	text-indent:-9999px;
	background-size:100% auto;
	padding:10px 0;
	border-bottom:1px solid #224688;
}
.subnav #title3-2 span{
	background:url('../images/item/midashi103_tuner.jpg') no-repeat left center;
	text-indent:-9999px;
	background-size:100% auto;
	padding:10px 0;
	border-bottom:1px solid #224688;
}
#title3-3 a{
	background:url('../images/item/midashi104_baton.jpg') no-repeat left center;
	text-indent:-9999px;
	background-size:100% auto;
	padding:10px 0;
	border-bottom:1px solid #224688;
}
#cat25{
	background:url('../images/item/midashi021_onbandagakki_m.jpg') no-repeat left center;
	text-indent:-9999px;
	background-size:100% auto;
	padding:10px 0;
	border-bottom:1px solid #224688;
}

#cat26{
	background:url('../images/item/midashi022_timpani_m.jpg') no-repeat left center;
	text-indent:-9999px;
	background-size:100% auto;
	padding:10px 0;
	border-bottom:1px solid #224688;
}


#cat27{
	background:url('../images/item/midashi023_drum_stick.jpg') no-repeat left center;
	text-indent:-9999px;
	background-size:100% auto;
	padding:10px 0;
	border-bottom:1px solid #224688;
}

#cat28{
	background:url('../images/item/midashi024.jpg') no-repeat left center;
	text-indent:-9999px;
	background-size:100% auto;
	padding:10px 0;
	border-bottom:1px solid #224688;
}
#cat58{
	background:url('../images/item/midashi025.jpg') no-repeat left center;
	text-indent:-9999px;
	background-size:100% auto;
	padding:10px 0;
	border-bottom:1px solid #224688;
}

/*ラベルホバー時*/
.subnav label:hover {
    display: block;
}

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

/*中身を非表示にしておく*/
.subnav .subnav_cat_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

.subnav .subnav_cat_show2 {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

.subnav .subnav_cat_show3 {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
/*クリックで中身表示*/
.subnav_cat:checked + .subnav_cat_show {
    height: auto;
    padding: 5px;
    opacity: 1;
}
.subnav_cat2:checked + .subnav_cat_show2 {
    height: auto;
    padding: 5px;
    opacity: 1;
}
.subnav_cat3:checked + .subnav_cat_show3 {
    height: auto;
    padding: 5px;
    opacity: 1;
}
.subnav_cat_show li{
	line-height:40px;
	padding:0 0 0 0px;
	border-bottom:1px solid #ccc;
}
.subnav_cat_show2 li{
	line-height:40px;
	padding:0 0 0 0px;
	border-bottom:1px solid #ccc;
}
.subnav_cat_show3 li{
	line-height:40px;
	padding:0 0 0 0px;
	border-bottom:1px solid #ccc;
}
#brand h4{
	font-size:120%;
	padding:10px 0 10px 0;
	background:#1a569c;
	color:#fff;
	text-align:center;
}
#brand ul{
	list-style:none;
	display:flex;
	flex-wrap:wrap;
}
#brand ul li{
	width:100%;
	padding:10px 3% 10px;
	box-sizing:border-box;
	text-align:left;
}
#brand ul li img{
	display:block;
	margin:0 0 5px;
}
.itemlist{
	background:#224688;
	padding:20px 3% !important;
	display:none;
}
.itemlist dl{
	background:#fff url('../images/about/bg1.png') no-repeat;
	background-size:100% auto;
	padding:30px 5%;
	box-sizing:border-box;
	margin:0 0 30px;
}
.itemlist dt{
	font-size:20px;
	color:#224688;
	text-align:center;
}
.item_img{
	padding:10px;
}
.price{
	font-size:18px;
	color:#d43f16;
	text-align:center;
}
.more{
	padding:10px 5%;
}
.itemmore{
	padding:0 !important;
}
.itemmore h3{
	text-align:center;
	font-size:20px;
	margin:0 0 20px;
	border-bottom:5px solid #e3f1fc;
}
.itemmore .item1{
	padding:0 3% 40px;
}
.itemmore .item2{
	padding:20px 3% 40px;
	background:#dbecfa;
}
.item2 h4{
	background:#224688;
	color:#fff;
	text-align:center;
	padding:5px 0;
	margin:0 0 5px;
	font-size:20px;
}
.item2 table{
	width:100%;
}
.item2 th{
	text-align:left;
	font-weight:normal;
	color:#224688;
}
.item2 th,
.item2 td{
	padding:5px;
	border-bottom:1px solid #224688;
}
.itemmore .item3{
	padding:20px 0 40px;
}
.item3 h4{
	text-align:center;
	padding:5px 35% 5px;
	background: #224688;
color:#fff;
}
.item3 p{
	padding:0 5%;
}
.item3 form{
	border-top:3px solid #224688;
	padding:0 5%;
	box-sizing:border-box;
}
.item3 table{
	width:100%;
}
.item3 th{
	text-align:left;
	font-weight:normal;
	color:#224688;
}
.item3 th,
.item3 td{
	padding:5px;
	display:block;
}
.item3 td{
	border-bottom:1px dashed #224688;	
}
td input,
td textarea{
	width:100%;
}
#zip{
	width:100px !important;
}
#confirm_btn{
	background:#224688 url('../images/item/arrow_form.png') no-repeat right 10px center;
	background-size:16px auto;
	border:0;
	display:block;
	line-height:40px;
	color:#fff;
	text-align:center;
	width:60%;
	margin:15px auto;
}