@charset "utf-8";

.l_main .l_mv.is_shoplist .md_mv{
	background: url(../shoplist/img/mv.jpg) no-repeat center center;
	background-size: cover !important;
}

.l_accordion{
	width: 92%;
	margin: 0 4%
}

.l_accordion dt{
	background: #bfe7f9;
	margin-top: 8%;
	padding: 0 20px;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.l_accordion dt:hover{
	filter: Alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.50;
}

.l_accordion dt:nth-child(1){
	margin-top: 0
}

.l_accordion dt .title p{
	font-size: 125%;
	font-weight: bold;
}

.l_accordion dd{
	display: none;
}

.icon_accordion,
.icon_accordion span{
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}

.icon_accordion{
	position: relative;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	right: -10px;
}

.icon_accordion span{
	background: #333;
	width: 50%;
	height: 2px;
	position: absolute;
	left: 6px;
}

.icon_accordion span:nth-of-type(1){
	transform: rotate(0deg);
}

.icon_accordion span:nth-of-type(2){
	transform: rotate(90deg);
}

.icon_accordion.active span:nth-of-type(1){
	display:none;
}

.icon_accordion.active span:nth-of-type(2){
	transform: rotate(180deg);
}

.icon_accordion.active span:nth-of-type(1){
    transform: rotate(45deg);
}

.l_accordion dd ul li{
	list-style: none;
	border-bottom: #e3e3e3 1px solid;
	padding: 20px 0;
	display: flex;
	justify-content: end;
	align-items: center;
}

.l_accordion dd ul li > p:nth-child(1){
	font-size: 110%;
	font-weight: bold;
	width: 26%;
}

.l_accordion dd ul li div:nth-child(2){
	width: 40%;
	margin: 0 4%;
}

.l_accordion dd ul li div:nth-child(2) p:nth-child(1) br{
	display: none;
}

.l_accordion dd ul li div:nth-child(2) i{
	margin-right: 10px;
}

.l_accordion dd ul li p.is_btn{
	width: 171px;
	margin: 0 40px 0 0;
}

.l_accordion dd ul li p.is_btn a{
	padding: 5px 30px 5px 30px;
}

.l_accordion dd ul li p.is_btn i{
	width: 40px;
}



@media screen and (max-width:980px){
	.l_accordion dd ul li div:nth-child(2) p:nth-child(1) br{
		display: block;
	}

}


@media screen and (max-width:767px){
	.l_accordion dt .title p{
		font-size: 115%;
	}
	
	.icon_accordion{
		width: 34px;
		height: 34px;
	}
	
	.l_accordion dd ul li{
		display: block;
	}
	
	.l_accordion dd ul li p:nth-child(1){
		width: 100%;
	}
	
	.l_accordion dd ul li div:nth-child(2){
		width: 100%;
	    margin: 0;
	}
	
	.l_accordion dd ul li p.is_btn{
		margin-top: 4%;
	}
}