@charset "UTF-8";
.purchase_genre .purchase_genre_list {
margin-top:50px;
height: auto;
border-left: 1px solid #999;
border-right: 1px solid #999;
box-sizing: border-box;
}
.purchase_genre .purchase_genre_list p {
width: 100%;
margin: 0 0 30px 0;
text-align: center;
font-size: 24px;
}
.purchase_genre .purchase_genre_list dl dd  {
display:table;
width: 100%;
height: 100%;
margin-bottom: 20px;
}
.purchase_genre .purchase_genre_list dl dd a{
display: block;
}
.purchase_genre .purchase_genre_list .list_text {
display:table-cell;
vertical-align: middle;
padding: 0px 0 2px 15px;
}
.purchase_genre .purchase_genre_list .list_icon {
display:table-cell;
width: 45px;
height: 45px;
}

.purchase_genre .purchase_genre_list .original {
float: left;
width: 1100px;
height: auto;
padding: 0 0 20px 0;
}
.purchase_genre .purchase_genre_list .original .left {
float: left;
width: 250px;
padding: 0 20px 0;
}
.purchase_genre .purchase_genre_list .original .middle {
float: left;
width: 250px;
padding: 0 10px 0;
}
.purchase_genre .purchase_genre_list .original .right {
float: left;
width: 260px;
padding: 0 10px 0;
}
.purchase_genre .purchase_genre_list .original .middle2 {
float: right;
width: 240px;
padding: 0 10px 0;
}

//*
.purchase_genre .purchase_genre_list .maker {
float: right;
width: 300px;
height: auto;
padding: 0 0 20px 0;
border-left: 1px solid #999;
}
.purchase_genre .purchase_genre_list .maker dl {
width: 210px;
padding: 0 30px;
}
*//

.purchase_genre .purchase_genre_list .maker {
float: left;
width: 1100px;
height: auto;
padding: 0 0 20px 0;
}
.purchase_genre .purchase_genre_list .maker .left {
float: left;
width: 250px;
padding: 0 20px 0;
}
.purchase_genre .purchase_genre_list .maker .middle {
float: left;
width: 250px;
padding: 0 10px 0;
}
.purchase_genre .purchase_genre_list .maker .right {
float: left;
width: 260px;
padding: 0 10px 0;
}
.purchase_genre .purchase_genre_list .maker .middle2 {
float: right;
width: 240px;
padding: 0 10px 0;
}

.smat	{padding-top:0px;}

@media (max-width: 768px) {
.purchase_genre .purchase_genre_list { border: 0;}
.purchase_genre .purchase_genre_list .original {
width: 100%;
float: none;
padding: 0;
border-top: 2px solid #999999;
border-bottom: 2px solid #999999;
}
.purchase_genre .purchase_genre_list p {
font-size: 18px;
text-align: left;
margin-bottom: 0;
padding-left: 10px;
position: relative;
cursor: pointer;
padding: 20px 0;
}
.purchase_genre .purchase_genre_list p:after {
content: "";
position: absolute;
background: url(/moetaku/_assets/images/common/i_plus.png) no-repeat;
background-size: contain;
top: 0;
bottom: 0;
right: 10px;
margin: auto;
height: 20px;
width: 20px;
}
.purchase_genre .purchase_genre_list p.aco-active:after {
background: url(/moetaku/_assets/images/common/i_minus.png) no-repeat;
background-size: contain;
}
.purchase_genre .purchase_genre_list p .fzxl { font-size: 100%!important;}
.purchase_genre .purchase_genre_list .maker {
float: none;
border: 0;
padding: 0;
border-bottom: 2px solid #999999;
width: 100%;
}

.purchase_genre .purchase_genre_list .maker dl {
/* margin-top: 20px; */
}

.purchase_genre .purchase_genre_list .original .left,
.purchase_genre .purchase_genre_list .original .right,
.purchase_genre .purchase_genre_list .original .middle,
.purchase_genre .purchase_genre_list .original .middle2,
.purchase_genre .purchase_genre_list .maker .left,
.purchase_genre .purchase_genre_list .maker .right,
.purchase_genre .purchase_genre_list .maker .middle,
.purchase_genre .purchase_genre_list .maker .middle2,
.purchase_genre .purchase_genre_list .maker dl {
float: none;
width: 100%;
padding: 0 10px 0;
display: none;
}
.purchase_genre .purchase_genre_list .original .left {
/* margin-top: 20px; */
}
.purchase_genre .purchase_genre_list .list_icon {
width:45px;
height:45px;
}
.purchase_genre .purchase_genre_list dl dd {
margin-bottom: 0px;
padding: 5px 0 5px 0;
border-top: black dotted 1px;
}

.smat	{margin-top:0px !important;}
}

#genre .search_box {
margin: 35px 100px 50px;
text-align: center;
}
#genre .search_box .select-wrap{
float:left;
background: #fff9d4;
-webkit-border-radius: 6px 0px 0px 6px;
-moz-border-radius: 6px 0px 0px 6px;
border-radius: 6px 0px 0px 6px;
width: 30%;
min-height: 50px;
}
#genre .select-wrap select { line-height: 48px;}
#genre .search_box .inputTxt input[type="text"]{
min-height: 50px;
font-size: 16px;
float:left;
width:70%;
-webkit-border-radius:  0px 6px 6px 0px;
-moz-border-radius: 0px 6px 6px 0px;
border-radius: 0px 6px 6px 0px;
}
#genre .search_box input[type="text"]:focus { background-color: #fff;}
#genre .search_box input[type="submit"]{
width: 370px;
color:#fff;
min-height: 60px;
font-weight: 700;
background:url(/moetaku/_assets/images/common/icon_search_w.png) no-repeat top 48% left 30px #5c5c5c;
background-size:16px;
-webkit-border-radius: 6px; -moz-border-radius:6px; border-radius:6px;
margin:0px;
padding-top:2px;
cursor: pointer !important;
}
#genre .search_box_bg {
background: #6db131;
padding: 25px 35px;
height: 50px;
border-radius: 6px;
position: relative;
margin-bottom: 25px;
}
#genre .search_box_bg:after {
content: "";
position: absolute;
width: 0;
height: 0;
left: 0;
right: 0;
bottom: -30px;
margin: 0 auto;
border: 15px solid transparent;
border-top: 15px solid #6db131;
}

@media (max-width: 768px) {
#genre .search_box { margin: 20px 0;}
#genre .search_box .select-wrap{
float:none;
background: #fff9d4;
-webkit-border-radius: 6px 6px 0px 0px;
-moz-border-radius: 6px 6px 0px 0px;
border-radius: 6px 6px 0px 0px;
width: 100%;
min-height: 40px;
}
#genre .select-wrap select { line-height: 38px;}
#genre .search_box .inputTxt input[type="text"]{
min-height: 40px;
font-size: 14px;
float:none;
width:100%;
box-shadow: none;
-webkit-border-radius: 0px 0px 6px 6px;
-moz-border-radius: 0px 0px 6px 6px;
border-radius: 0px 0px 6px 6px;
}
#genre .search_box input[type="text"]:focus { background-color: #fff;}
#genre .search_box input[type="submit"] {
width: 90%;
font-size: 20px;
background:url(/moetaku/_assets/images/common/icon_search_w.png) no-repeat top 48% left 20px #5c5c5c;
background-size: 20px;
}
#genre .search_box_bg {
padding: 15px 15px;
height: 110px;
}
#genre .search_box_bg:after {
bottom: -20px;
border: 10px solid transparent;
border-top: 10px solid #6db131;
}
}