@charset "utf-8";
/* CSS Document */
 * {
      box-sizing: border-box;
    }
.ul-idol {
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.ul-idol li {
	list-style-type: none; /*点を非表示*/
	position: relative; /*基準位置*/
	padding-left: 0.6em;
	color: rgba(216,108,108,1.00);
	font-weight: bold;
}
.ul-idol li:before {
	border-radius: 50%; /*丸くする*/
    width: 5px; /*点の幅*/
    height: 5px; /*点の高さ*/
    display: block;
    position: absolute; /*絶対配置*/
    left: 0; /*点の位置*/
    top: 0.6em; /*点の位置*/
    content: "";
    background: #D86C6C; /*点の色*/
}

#wrap .idoltop {
}
.idoltop .idoltop-wrap {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	display: -webkit-flex; /* Safari */
	display: flex;
	justify-content: center;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	padding-bottom: 50px;
}
.idoltop .idoltop-wrap div {
    width: 30%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 30px;
}
.idoltop .idoltop-wrap div p {
	text-align: center;
	font-weight: bold;

}





    .slider {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 50px;
    }

    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
	width: 100%;
	border: 5px solid rgba(255,255,255,1.00);
    }

    .slick-prev:before,
    .slick-next:before {
        color: black;
    }
.idoltop {
	background-color: rgba(255,235,236,1.00);
	padding-top: 30px;
}
.youtube-waku {
	padding-top: 50px;
	padding-bottom: 50px;
}



.yw {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}

.youtube {
	position: relative;
	padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
	height: 0;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}
 
.youtube iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
.pro {
	background-color: #F9C8B3;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #FCEBE4), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #FCEBE4),color-stop(.75, #FCEBE4), color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 7px 7px;
	padding-top: 20px;
	padding-bottom: 30px;
}
.pro .innner {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
}
.pro .innner p:nth-child(odd)  {
	text-align: center;
	margin: 0px;
	font-weight: bold;
}
.innner p img {
	margin-left: 10px;
	margin-right: 10px;
}
.pro .innner table {
	background-color: rgba(255,255,255,0.80);
	border-radius: 5px;
	width: 100%;
	margin-bottom: 30px;
	position: relative;
}
.pro .innner table:before {
	content: '';/*何も入れない*/
	display: inline-block;/*忘れずに！*/
	width: 20%;/*画像の幅*/
	height: 20%;/*画像の高さ*/
	background-image: url(img/heart2.png);
	background-size: contain;
	vertical-align: middle;
	position: absolute;
	top: -32px;
	left: 17px;
	background-repeat: no-repeat;
}
.pro .innner table:after {
	content: '';/*何も入れない*/
	display: inline-block;/*忘れずに！*/
	width: 35px;/*画像の幅*/
	height: 35px;/*画像の高さ*/
	background-image: url(img/heart1.png);
	background-size: contain;
	vertical-align: middle;
	position: absolute;
	bottom: -15px;
	margin-right: -38px;
	background-repeat: no-repeat;
	right: 66px;
	transform: rotate(50deg);
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
}
.pro .innner table th {
	padding: 10px;
	text-align: right;
	font-weight: bold;
	white-space: nowrap;
}

.pro .innner table td {
	padding: 10px;

}
.pro .innner table td::before {
    content: '：';
}




.pro .innner p {
	padding-bottom: 0px;
	margin: 0px 0px 20px;
	padding-top: 20px;
	position: relative;
	text-align: center;
	line-height: 1rem;
}
.idol-sns {
	width: 98%;
	display: -webkit-flex; /* Safari */
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	margin-left: auto;
	margin-right: auto;
}
.idol-sns div {
	width: 23%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 20px;
}
.idoltop-wrap img {
	border: 5px solid rgba(249,2,125,1.00);
	border-radius: 50%;
}



.idol-sns-wrap {
	background-color: #CAE9FF;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #E7F8FC), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #E7F8FC),color-stop(.75, #E7F8FC), color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 7px 7px;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-bottom: 0px;
}
.event-wrap .p-title2 {
	text-align: center;
	color: rgba(216,108,108,1.00);
	font-size: 2rem;
	margin-bottom: 50px;
}

.event {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
    display: -webkit-flex; /* Safari */
display: flex;
justify-content: center;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
}
.event-wrap {
	padding-top: 30px;
	padding-bottom: 30px;
}
.event div {
	width: 30%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 30px;
}
.event div p {
	text-align: center;
}
.event-naiyou {
	max-width: 830px;
	margin-left: auto;
	margin-right: auto;
}
.imgcenter {
	text-align: center;
	margin-bottom: 30px;

}
.imgcenter p {
	display: inline-block;
}
.event-naiyou .profile {
	margin-left: auto;
	margin-right: auto;
	max-width: 360px;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
}
.event-naiyou .profile a {
	display: block;
	text-align: center;
	background-color: rgba(216,108,108,1.00);
	color: rgba(255,255,255,1.00);
	padding: 10px;
	border-radius: 21px;
}
.event-naiyou .gl {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	padding-top: 30px;
}
.event-naiyou .gl div {
	width: 18%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 2%;
}
.eventnews,.eventnext {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: center; /* Safari */
	justify-content: center;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 50px;
}
.eventnews div {
	width: 20%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 30px;
}
.eventnext > div {
	width: 20%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 30px;
}
.eventnews div img {
	border-radius: 50%;
	border: 5px dotted rgba(216,110,110,1.00);
}
.eventnext div img {
	border: 5px dotted rgba(216,110,110,1.00);
	cursor: pointer;
}
.eventnews div p,.eventnext div p {
	text-align: center;
}

.event-wrap .event div a img {
	border-radius: 50%;
}
.eventnext div.event-nasi  {
	width: 522px;
	background-image: url(../img/info-title-bk.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	height: 270px;

}
.event-nasi div p {
	position: relative;
	top: 149px;
	color: #FFFFFF;
}


















@media screen and (max-width:640px){
.idoltop {
	background-color: rgba(255,235,236,1.00);
	padding-top: 0px;
}
.pro .innner table {
	background-color: rgba(255,255,255,0.80);
	border-radius: 5px;
	width: 100%;
}
.pro .innner table th {
	padding: 10px;
	text-align: center;
	font-weight: bold;
	display: block;
}
.pro .innner table td {
	padding: 10px;
	display: block;
	border-bottom: 1px solid rgba(249,200,179,1.00);
	text-align: center;

}
.pro .innner table td::before {
	content: '：';
	display: none;
}
.idol-sns {
	width: 90%;
	display: -webkit-flex; /* Safari */
	display: block;
	justify-content: center;
	align-items: center;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
}
.idol-sns div {
	width: 100%;
	margin: 0px 0px 20px;
}
.idoltop .idoltop-wrap {
	margin-left: auto;
	margin-right: auto;
	display: -webkit-flex; /* Safari */
	display: flex;
	justify-content: center;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	padding-bottom: 50px;
	width: 90%;
}
.idoltop .idoltop-wrap div {
	width: 40%;
	margin-left: 5%;
	margin-right: 5%;
}
.idoltop .idoltop-wrap div p {
	text-align: center;
	font-weight: bold;
	font-size: 3vw;

}
.event {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	display: -webkit-flex; /* Safari */
	display: flex;
	justify-content: center;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
}
.event div {
	width: 40%;
	margin-left: 3%;
	margin-right: 3%;
}
.event-wrap .p-title2 {
	text-align: center;
	color: rgba(216,108,108,1.00);
	font-size: 6vw;
	margin-bottom: 50px;
}
.event-naiyou {
	max-width: 830px;
	margin-left: 20px;
	margin-right: 20px;
}
.eventnews div {
	width: 40%;
	margin-left: 4%;
	margin-right: 4%;
	margin-bottom: 10%;
}
.eventnews div p {
	text-align: center;
	font-size: 3vw;
}
.pro .innner table:before {
	content: '';/*何も入れない*/
	display: inline-block;/*忘れずに！*/
	width: 11%;/*画像の幅*/
	height: 11%;/*画像の高さ*/
	background-image: url(img/heart2.png);
	background-size: contain;
	vertical-align: middle;
	position: absolute;
	top: -20px;
	left: 17px;
	background-repeat: no-repeat;
}
.pro .innner table:after {
	content: '';/*何も入れない*/
	display: inline-block;/*忘れずに！*/
	width: 35px;/*画像の幅*/
	height: 35px;/*画像の高さ*/
	background-image: url(img/heart1.png);
	background-size: contain;
	vertical-align: middle;
	position: absolute;
	bottom: -15px;
	margin-right: -38px;
	background-repeat: no-repeat;
	right: 66px;
	transform: rotate(50deg);
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
}
.eventnext > div {
	width: 90%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 30px;
}
.eventnext div.event-nasi {
	width: 522px;
	background-image: url(../img/info-title-bk.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	height: auto;
	padding-bottom: 17%;

}
.event-nasi div p {
	position: relative;
	color: #FFFFFF;
	top: auto;
	margin-top: 28%;
	text-align: center;
	width: 100%;
	font-size: 5vw;
}
.eventnews, .eventnext {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: center; /* Safari */
	justify-content: center;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0px;
}















}