@charset "utf-8";

/* article ///////////////////////*/
article{
padding:0;
}

/* breadcrumb ///////////////////////*/
.category_title,
.text,
.breadcrumb,
.footer {
display: none;
}


@media (min-width: 470px) {
.category_title,
.text,
.breadcrumb,
.footer {
display: block;
}
}


/* sample ///////////////////////*/
.sample iframe {
width: 100%;
height: 100vh;
border: 0;
}

@media (min-width: 470px) {
.sample {
width: 400px;
margin: 0 auto;
}

.sample iframe {
width: 100%;
height: auto;
aspect-ratio: 0.5625;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 2px #262224 solid;
}
}


/* more ///////////////////////*/
.more {
padding: 30px 0 0 0;
}


/* text ///////////////////////*/
.text {
padding: 30px 0 0 0;
}

.text h3 p {
font-family: "Kosugi Maru", sans-serif;
font-weight: 400;
font-style: normal;
text-stroke-width: 0.1px;
text-stroke-color: #FFF;
-webkit-text-stroke-width: 0.1px;
-webkit-text-stroke-color: #FFF;
font-size: 1.15rem;
line-height: 1.15rem;
padding: 0 0 15px 0;
}

.text li {
padding: 3px 0;
}

.text li:before {
content: "";
background: url(../../image/icon/check.svg) no-repeat 0 0;
width: 20px;
height: 20px;
margin: -3px 5px 0 0;
display: inline-block;
vertical-align: middle;
}