@charset "UTF-8";

#mv {  }
h2::before {
    content:url(../common/img/special.png);
    padding-right:15px;
}
main div.flexBox {
    justify-content:space-around;
}
.logo p {
	position:relative;
}
.logo p::after {
    content:url(../shop/img/arrow.png);
    display:block;
    width:40px;
    height:20px;
    position:absolute;
    bottom:-20%;
    left:35%;
}
h3 {
    display:inline-block;
    font-size:28px;
    border-bottom:4px solid;
}
#dolls { margin-top:0; }
#dolls h3 {
    border-color:#efc1d5;
}
#pupe h3 {
    border-color:#cbe8f1;
}
article {
	margin:40px 0;
}
h4 {
	font-size:24px;
	margin-bottom:15px;
}
h4::before {
	content:"";
	border-left:8px solid;
	padding-right:15px;
}
#dolls h4::before {
	border-color:#efc1d5;
}
#pupe h4::before {
	border-color:#cbe8f1;
}

#dolls thead th,
#dolls thead td {
	background:#efc1d5; color:#000; font-weight:bold;
}
th {
	padding:15px;
	text-align:center;
	width:20%;
	font-weight:bold;
	color:#000;
}
td {
	border:1px solid #dadada;
	padding:20px;
}

#dolls tr:not(:first-of-type) th ,
#pupe tr:not(:first-of-type) th {
	border-top:1px solid #FFF;
}

#dolls th {
	border-top:1px solid #efc1d5;
	background-color:#efc1d5;
}
#dolls tr:last-of-type th {
	border-bottom:1px solid #efc1d5;
}

#pupe th {
	border-top:1px solid #cbe8f1;
	background-color:#cbe8f1;
}
#pupe tr:last-of-type th {
	border-bottom:1px solid #cbe8f1;
}

ul {
	list-style-position:inside;
	list-style-type:disc;
	margin:0;
}
li {
	line-height:1.5em;
	margin:0;
}

@media (max-width: 768px){
	h2 { font-size:36px; }
	.flexBox { display:flex; }
	.logo p { text-align: center; }
	.logo img { width:60%; }
	.logo p::after { bottom:-30%; }

	tr { display:flex; flex-wrap:wrap; }
	th { width:100%; }
	td { width:100%; }
	tr:not(:last-of-type) td { border-bottom:0; }


}