@charset "utf-8";


.matome{
 width:100%;display:flex; justify-content: center;
}
.button{
 display:flex;justify-content:center;
 width:6em;
 padding:0.5em;
 border-radius:50%;
 background:#edf9e4;
 margin:1em;
}
.button a:hover{
 color:#b31e50;
}
.button a{font-size:0.75em;}
.toggle1 {
font-weight:bold;
margin: 0 auto;
display:block;padding:1em;
background-color:#ffffe3;
display:flex;align-items: center;justify-content:center;
}
.toggle1::before,.toggle1::after{
content: "";
/*background:url('https://www.oozeki-shop.com/data/bunkoya/image/free/other/l_mini.gif') no-repeat;*/
display:inline-block;
background-size:contain; 
background-repeat: no-repeat;
width: 40px;
height: 30px;
}

.video_container{
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video_container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.txt_pc {
 display: inline;font-size:0.9em;
}
.txt_sp {
 display: none;
}
@media screen and (max-width: 979px) {
 .txt_pc {
  display: none;
 }
 .txt_sp {
  display: inline;font-size:0.9em;
 }
}




.variation_box {
display: flex;
flex-wrap: wrap;
}
.variation_box p{
font-size:0.7em;
}
.variation_box li.var_list {
width: 15.6%;
border: 0.1em solid #ccc;
box-sizing: border-box;
margin: 0.3em 0.5%;
position: relative;
}
.tips{width:100%;background:#f9f5e4;font-size:0.8em;border:none;padding:0.3em 1em;box-sizing: content-box;box-sizing: border-box;}


.variation_box li img {
width: 100%;
}

.variation_box li p {
position: relative;
margin: 0.2em 1em;
font-weight: normal;
}

.variation_box li p span {
display: inline-block;
font-size: 0.85em;
}

@media screen and (max-width:649px) { /*sph*/
.variation_box li.var_list {
width: 32%;boxsizing:border-box;
}

}