
.subCONTENT .wrap .girlsLIST .listitem {
	width: 24.1%;
	background: #fff;
	text-align: center;
	overflow: hidden;
	margin: 0 5px 15px 5px;
	margin-bottom: 15px;
}


.subCONTENT .wrap .girlsLIST .listitem2 {
	width: 24.1%;
	background: #fff;
	text-align: center;
	overflow: hidden;
	margin: 0 5px 15px 5px;
	margin-bottom: 15px;
	opacity: 0.7;
}
/* ----　絞り込み　----- */

.accordion {
margin-bottom:30px;	
}

.accordion ul {
	width:100%;
	padding:0;
	margin: 0;
}
.accordion li {
	position:relative;
	list-style:none;
}
.accordion > ul > li > a {
	display: block;
	text-decoration: none;
	cursor: pointer;
	padding: 15px;
	position: relative;
	background: #af48b8;
	color:#fff;
	font-size: 1.8rem;
	box-sizing: border-box;
}

.accordion > ul > li > a h5:hover {
	color: #111;
	text-decoration:none;
	
}
.accordion > ul > li > div {
	display: none;
	background: #f7f0f8;
	padding: 20px;
	box-sizing: border-box;
	border: 4px solid  #af48b8;
	border-radius: 10px;
	margin: 20px 0;
}

.accordion li .accordion_icon,
.accordion li .accordion_icon span {
	display: inline-block;
	transition: all .3s;
	box-sizing: border-box;
}
.accordion li .accordion_icon {
	position: absolute;
	width: 40px;
	height: 40px;
	top:29px;
	right:0px;
}
.accordion li .accordion_icon span {
	position: absolute;
    width: 50%;
	height: 1px;
    background-color: #fff;
}
.accordion li .accordion_icon span:nth-of-type(1) {
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.accordion li .accordion_icon span:nth-of-type(2) {
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.accordion li .accordion_icon.active span:nth-of-type(1) {
	display:none;
}
.accordion li .accordion_icon.active span:nth-of-type(2) {
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.accordion i {
	color:#fff;
	font-size: 2rem ;
	margin-right: 10px;
}


.accordion h3 {
	text-align: center;
	font-size: 2rem;
	color:#af48b8;
	margin-bottom: 10px;
}


.accordion .sort-item {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 20px;
}
.accordion .sort-item div {
	width: 19.5%;
	text-align: center;
	background: #fff;
	border: 1px solid #af48b8;
	font-size: 1.4rem;
	padding: 10px;
	box-sizing: border-box;
	margin-bottom: 5px;
}
.accordion .sort-item div a {
	color:#af48b8;
}

/* ----　絞り込み（名前検索）　----- */
.search_container {
    box-sizing: border-box;
    position: relative;
    padding: 5px 10px;
    border-radius: 4px;
    width: 100%;
    overflow: hidden;
background:#fff;
font-size:1.6rem;
	border: 1px solid #af48b8;

}
.search_container input[type="text"] {
    border: none;
    height: 2.0em;
	font-size:1.6rem;
	 width: 90%;
}
.search_container input[type="text"]:focus {
    outline: 0;
}
.search_container input[type="submit"] {
    cursor: pointer;
    font-family: FontAwesome;
    font-size: 1.3em;
    border: none;
    background: none;
    color: rgb(96, 96, 96);
    position: absolute;
    width: 2.5em;
    height: 2.5em;
    right: 0;
    top: -4px;
    outline: none;
}


.iconinfo {
	position: absolute;
	right:30px;
	bottom:0px;
	
}

.linkmodal a {
    display: block;
    background: #222;
    padding: 5px 10px;
    font-size: 1.4rem;
    text-decoration: none;
    color: #FFF;
    border-radius: 6px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
	box-sizing: border-box;
}

.linkmodal a:hover {
    opacity: 0.95;
	transition: 0.3s;
	box-shadow: none;
	transform:translateY(1px)
}

.gallery__list {
  list-style-type: none;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.gallery__item {
  width: calc(95% / 2);
}
.gallery__item:not(:nth-child(-n+2)) {
  margin-top: 20px;
}
.gallery__item img {
  width: 100%;
  height: auto;
}
.gallery__item a {
  transition: .3s;
}
.gallery__item a:hover {
  filter: opacity(0.7);
}
.gallery__item a:hover img {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}



@media screen and (max-width: 834px) {
	

.subCONTENT .wrap .girlsLIST .listitem {
	width: 48.5%;
	background: #fff;
	text-align: center;
	overflow: hidden;
	margin: 0 2px 15px 2px;
	margin-bottom: 15px;
}

.subCONTENT .wrap .girlsLIST .listitem2 {
	width: 48.5%;
	background: #fff;
	text-align: center;
	overflow: hidden;
	margin: 0 2px 15px 2px;
	margin-bottom: 15px;
	opacity: 0.6;
}
/* ----　絞り込み　----- */

.accordion {
margin-bottom:15px;	
}

.accordion ul {
	width:100%;
	padding:0;
	margin: 0;
}
.accordion li {
	position:relative;
	list-style:none;
}
.accordion > ul > li > a {
	display: block;
	text-decoration: none;
	cursor: pointer;
	padding: 10px;
	position: relative;
	background: #af48b8;
	color:#fff;
	font-size: 1.5rem;
	box-sizing: border-box;
}

.accordion > ul > li > a h5:hover {
	color: #111;
	text-decoration:none;
	
}
.accordion > ul > li > div {
	display: none;
	background: #f7f0f8;
	padding: 15px;
	box-sizing: border-box;
	border: 3px solid  #af48b8;
	border-radius: 6px;
	margin: 10px 0;
}

.accordion li .accordion_icon,
.accordion li .accordion_icon span {
	display: inline-block;
	transition: all .3s;
	box-sizing: border-box;
}
.accordion li .accordion_icon {
	position: absolute;
	width: 30px;
	height: 30px;
	top:20px;
	right:0px;
}
.accordion li .accordion_icon span {
	position: absolute;
    width: 50%;
	height: 1px;
    background-color: #fff;
}
.accordion li .accordion_icon span:nth-of-type(1) {
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.accordion li .accordion_icon span:nth-of-type(2) {
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.accordion li .accordion_icon.active span:nth-of-type(1) {
	display:none;
}
.accordion li .accordion_icon.active span:nth-of-type(2) {
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.accordion i {
	color:#fff;
	font-size: 1.6rem ;
	margin-right: 10px;
}


.accordion h3 {
	text-align: center;
	font-size: 1.5rem;
	color:#af48b8;
	margin-bottom: 10px;
}


.accordion .sort-item {
	display: flex;
	flex-wrap: wrap;
	justify-content:flex-start;
	margin-bottom: 10px;
}
.accordion .sort-item div {
	width: 32.6%;
	text-align: center;
	background: #fff;
	border: 1px solid #af48b8;
	font-size: 1.2rem;
	padding: 5px;
	box-sizing: border-box;
	margin: 0 1px 2px 1px;
}
.accordion .sort-item div a {
	color:#af48b8;
}

/* ----　絞り込み（名前検索）　----- */
.search_container {
    box-sizing: border-box;
    position: relative;
    padding: 5px 10px;
    border-radius: 4px;
    width: 100%;
    overflow: hidden;
background:#fff;
font-size:1.4rem;
	border: 1px solid #af48b8;

}
.search_container input[type="text"] {
    border: none;
    height: 2.0em;
	font-size:1.4rem;
	 width: 90%;
}
.search_container input[type="text"]:focus {
    outline: 0;
}
.search_container input[type="submit"] {
    cursor: pointer;
    font-family: FontAwesome;
    font-size: 1.3em;
    border: none;
    background: none;
    color: rgb(96, 96, 96);
    position: absolute;
    width: 2.5em;
    height: 2.5em;
    right: 0;
    top: -4px;
    outline: none;
}


.iconinfo {
	position: absolute;
	right:15px;
	bottom:0px;
	
}

.linkmodal a {
    display: block;
    background: #222;
    padding: 5px 5px;
    font-size: 1.2rem;
    text-decoration: none;
    color: #FFF;
    border-radius: 6px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
	box-sizing: border-box;
}

.linkmodal a:hover {
    opacity: 0.95;
	transition: 0.3s;
	box-shadow: none;
	transform:translateY(1px)
}

.gallery__list {
  list-style-type: none;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.gallery__item {
  width: calc(95% / 2);
}
.gallery__item:not(:nth-child(-n+2)) {
  margin-top: 20px;
}
.gallery__item img {
  width: 100%;
  height: auto;
}
.gallery__item a {
  transition: .3s;
}
.gallery__item a:hover {
  filter: opacity(0.7);
}
.gallery__item a:hover img {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

	
}


