@charset "utf-8";
/* CSS Document */

/*トップページカード*/


.top-page .card {
  border: 1px solid #e3007f;
}



.top-card a{
color: #0d0015;
}
.top-card a:hover {
color: #0d0015;
  text-decoration: none;
}

/* カード基本 */

.main .card{
border:solid 1px #0d0015;
	margin-bottom: 10px;
	border-radius: 5px;
}
.main .card h3{
	margin-top: 0;
}
.main .card h4{
	margin-top: 0;
}
.main .card-title {
border: none;
color:#0d0015;
}
.card-header {
background-color: #ffffff;
border-bottom: none;
padding: 0.75rem 1.25rem 0.2rem;
}

.main .card-body{
	padding-top: 30px;
	padding-bottom: 10px;

}

/* カードボタン*/
.card-button{
color:#fff;
background-color: #e3007f;
border-radius: 5px;
}
.card-button:hover{
color:#fff;
background-color: #e3007f;
opacity: 0.5;
}
.card-button i{
color:#fff;
}

/*　カテゴリー　*/
.card .category{
position: relative;
}
.card .category ul{
position: absolute;
display: inline-block;
top:0;
left:5px;
}
.card .category li{
color:#ffffff;
background-color: #e3007f;
padding: 0 0.25rem;
font-size:0.8rem;
font-weight: 600;
border-radius: 2px;
}

/*　サイドメニューカテゴリー*/
.sidemenu .category{
position: relative;
}
.sidemenu .category ul{
position: absolute;
display: inline-block;
top:0;
left:5px;
}
.sidemenu .category li{
color:#ffffff;
background-color: #e3007f;
padding: 0 0.25rem;
font-size:0.8rem;
font-weight: 600;
border-radius: 2px;
}

/* メインカード */
.main-card{
position: relative;
border: 1px solid #0d0015;
border-radius: 0.5rem;
margin: 4rem 0 2rem;
background-color: #fff;
padding: 2rem 1rem 1rem;
}
.main-card2{
position: relative;
border: 1px solid #0d0015;
border-radius: 0.5rem;
margin: 4rem 0 2rem;
background-color: #f9f9fc;
padding: 2rem 1rem 1rem;
}
.main-card3{
position: relative;
border: 1px solid #0d0015;
border-radius: 0.5rem;
margin: 4rem 0 2rem;
background-color: #ffe9f6;
padding: 2rem 1rem 1rem;
}
.card-number{
vertical-align: bottom;
margin-right: 0.5rem !important;
}
.p-toph4{
margin-top:1rem;
}
.p-toph5{
margin-top:0.9rem;
}
.p-toph6{
margin-top:0.8rem;
}
.main-card h3, .main-card2 h3, .main-card3 h3 {
position: absolute;
top:-1.4rem;
left:1rem;
margin: 0;
}
.main-card h4, .main-card2 h4, .main-card3 h4 {
position: absolute;
top:-1.4rem;
left:1rem;
margin: 0;
}
.main-card h5, .main-card2 h5, .main-card3 h5 {
position: absolute;
top:-1.2rem;
left:1rem;
margin: 0;
}
.main-card h6, .main-card2 h6, .main-card3 h6 {
position: absolute;
top:-1.1rem;
left:1rem;
margin: 0;
}

.main-card .cardhead1, .main-card2 .cardhead1, .main-card3 .cardhead1{
position: absolute;
top:-1.5rem;
left:0.5rem;
background-color: #fff;
border: solid 1px #0d0015;
display: block;
border-radius: 0.5rem;
padding: 0.5rem 1rem;
}
.main-card .cardhead2, .main-card2 .cardhead2, .main-card3 .cardhead2{
color:#fff;
background-color: #0d0015;
border: none;
display: block;
border-radius: 0.5rem;
padding: 0.5rem 1rem;
}
.main-card .cardhead3, .main-card2 .cardhead3, .main-card3 .cardhead3 {
color:#fff;
background-color: #ffe9f6;
border: none;
display: block;
border-radius: 0.5rem;
padding: 0.5rem 1rem;
}