@charset "utf-8";
/* CSS Document */
img{width: 100%;}
.pink{color: #ce4186;}
.sp{display: none;}
/*=====================================================================================
***************************************************************************************


		
***************************************************************************************
=====================================================================================*/
html {scroll-behavior: smooth;}
#fv h2{font-size: 30px;}
#contents{padding: 0 20px;}
.contents_box{text-align: left;}
.contents_box div{margin-bottom: 40px;}
h3{
	text-align: center;
	font-size: 35px;
	line-height: 1;
	margin-bottom: 35px;
}
h3 span{font-size: 14px;}
/*.select{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 34px 0;
}
.select li{
	width: 48%;
	margin-bottom: 15px;
}
.select a{
	width: 100%;
	height: 32px;
	border-radius: 50px;
	background-color: #eae7de;
	font-size: 13px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	font-weight: bold;
}
.select a::after{
	content: "＞";
	margin-left: 5px;
	transform:rotate(90deg);
	font-size: 11px;
}*/
.gdn{margin-bottom: 70px;}
h4{
	display: block;
	padding-top: 34px;
	border-top: 1px solid #ce4186;
	text-align: center;
	font-size: 21px;
	margin-bottom: 34px;
}
h4 span{font-size: 15px;}
.bg_beige{
	background-color: #eae7de;
	padding: 5%;
	text-align: justify;
	margin-bottom: 34px;
}
.bg_beige img{margin-bottom: 15px;}
.bg_beige em{margin-bottom: 15px;}
.bg_beige b{
	display: inline-block;
	font-size: 17px;
	margin-bottom: 15px;
}
.bg_beige b span{
	color: #000000;
	font-size: 15px;
}
.category{
	margin-bottom: 22px;
	text-align: left;
}
.category strong{
	padding-bottom: 5px;
	border-bottom: 1px solid #ce4186;
	margin-bottom: 15px;
	display: block;
}

small{color: #979797;}

.list li{
	display: inline-block;
	letter-spacing: 0;
    padding-left: 1.1em;
    text-indent: -1.3em;
}
.ls_narrow{letter-spacing: -0.3px;}
@media screen and (max-width: 700px){
	.sp{display: block;}
	h4{font-size: 17px;}
	h4 span{font-size: 12px;}
}


/*******************************************************
以下はタブ切り替えの設定です
********************************************************/
/*タブ切り替え*/

.tab-wrap {
	display: flex;
	flex-wrap: wrap;
}
.tab-label {
	color: #ffffff;
	background: #ce4186;
	font-weight: bold;
	padding: 10px .5em;
	order: -1;
	position: relative;
	z-index: 1;
	cursor: pointer;
	flex: 1;
	font-size: 13px;
	line-height: 1.5;
	display: flex;
	justify-content: center;
	align-items: center;
}
#artists .tab-label {
	padding: 10px .2em;
	font-size: 11px;
}
.tab-label:not(:last-of-type) {margin-right: 5px;}
.tab-content {
	width: 100%;
	height: 0;
	overflow: hidden;
	opacity: 0;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
	background: #eae7de;
	color: #ce4186;
}
.tab-switch:checked+.tab-label+.tab-content {
	height: auto;
	overflow: auto;
	opacity: 1;
}
/* ラジオボタン非表示 */
.tab-switch {display: none;}