@charset "utf-8";

ul.search {
	display: flex;
	margin: 25px 2em;
}
ul.search > li:nth-child(1){
	width: 240px;
}
ul.search > li:nth-child(2) {
	width: calc(100% - 240px);
}

ul.artist_nav {
	display: flex;
	flex-wrap: wrap;
	/*justify-content: space-between;*/
}
ul.artist_nav li {
	/*width: calc(20% - 20px);*/
	margin-top: 10px; margin-left: 10px;
}
ul.artist_nav li:nth-child(5n+1) {
	/*margin-left: 0px;*/
}
ul.artist_nav li a {
	text-align: center;
	font-size: 14px; line-height: 1.3; 
	display: inline-block;
	border: 1px solid #707070;
	border-radius: 4px;
	padding: 4px 10px;
}

ul.hashtag, 
ul.artist_term_list.nav {
	display: flex;
	flex-wrap: wrap;
	/*justify-content: space-between;*/
}
ul.hashtag li, 
ul.artist_term_list.nav li {
	/*width: calc(20% - 20px);*/
	margin-top: 10px; margin-left: 10px;
}
ul.artist_term_list.nav li:nth-child(5n+1) {
	/*margin-left: 0px;*/
}
ul.hashtag li a, 
ul.artist_term_list.nav li a {
	text-align: center;
	font-size: 14px; line-height: 1.3; 
	display: inline-block;
	border: 1px solid #707070;
	border-radius: 4px;
	padding: 4px 10px;
}


.waku100 {
	border: 1px solid #705e58;
	border-radius: 2px;
	display: flex;
	justify-content: space-between;
}
.waku100 input.text100 {
	padding: 0.6em;
    background: #fff;
    color: #705e58;
    width: calc(100% - 100px);
    font-size: 14px;
    box-sizing: border-box;
}

.waku100 input.button30 {
	-webkit-appearance: none;
	width: 100px;
	background: #444140;
	/*border-radius: 2px;*/
	border-radius: 0 2px 2px 0 / 0 2px 2px 0;
/*border-radius: 0 2px 2px 0 / 0 2px 2px 0;
水平方向の 左上、右上、右下、左下 / 垂直方向の 左上、右上、右下、左下*/
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 15px;
	font-weight: 400;
	line-height: 1;
	padding: 6px 0;
	text-align: center;
}
form#webshop_search select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


.selectBox {
	display: flex;
	/*justify-content: space-between;*/
}
.selectBox select.sele1 {
	border-radius: 2px;
	width: calc(100% - 120px);
	margin-right: 20px;
}
.selectBox .button30s {
	-webkit-appearance: none;
	width: 100px;
	background: #444140;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 15px;
	font-weight: 400;
	line-height: 1;
	padding: 6px 0;
	text-align: center;
}

@media screen and (max-width: 950px){
	ul.search {margin: 20px 1em;}
	ul.search > li:nth-child(1){width: 30%;}
	ul.search > li:nth-child(2){width: 70%;}
}
@media screen and (max-width: 768px){
	ul.search {
		display: block; margin: 10px 0;
	}
	ul.search > li:nth-child(1){width: auto;}
	ul.search > li:nth-child(2){width: 100%;}
}
@media screen and ( max-width: 640px ) {
	.selectBox select.sele1 {
	width: calc(100% - 115px);margin-right: 15px;
	}
}