dl.dagashi{display:none !important;}
.backnumber figure {width:220px;margin-right:10px;}
.backnumber figure img{width:100%;border-radius:15px;border:solid 4px #ecd9b2;}

/*
.name ruby rt {transform: translateY(0.6em);}

dl.pageTit dd ruby rt {transform: translateY(0.6em);}
.txt ruby rt {transform: translateY(0.6em);}
.story_txt ruby rt {transform: translateY(0.6em);}

.article_main ruby rt {transform: translateY(0.6em);}
.theme ruby rt {transform: translateY(0.6em);}
*/

.name ruby rt {transform: translateY(0.0em);}
dl.pageTit dd ruby rt {transform: translateY(0.0em);}
.txt ruby rt {transform: translateY(0.0em);}
.story_txt ruby rt {transform: translateY(0.0em);}
.article_main ruby rt {transform: translateY(0.0em);}
.theme ruby rt {transform: translateY(0.0em);}


.charaArea_dagashi{width:auto;display:flex;justify-content: left;font-size:1rem;
    font-weight: 700;}
@media only screen and (max-width: 768px) {

.charaArea_dagashi{width:auto;display:flex;justify-content: space-between;font-size:1rem;
    font-weight: 700;}

}

ul.charaArea_dagashi  {
flex-wrap:wrap;
}

ul.charaArea_dagashi li {
    width: 20.5%;
    margin-right: 6%;
    margin-bottom: 50px;
}


ul.charaArea_dagashi li:nth-child(4n) {
    width: 20.5%;
    margin-right: 0%;
}


@media only screen and (max-width: 768px) {

	ul.charaArea_dagashi li {
	    width: 47%;
	    margin-right: 0%;
	}

ul.charaArea_dagashi li:nth-child(4n) {
    width: 47%;
    margin-right: 0%;
}


}

ul.charaArea_dagashi li img{
    width: 100%;
}

ul.charaArea_dagashi li a {
    -webkit-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
    display: block;
    color: #c9376c;
    text-align: center;
    text-decoration: none;
    transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
ul.charaArea_dagashi li  strong {
    font-size: 1.5rem;
    
}


.charaArea_dagashi img{
	margin:10px 0;
    overflow: hidden;
    border-radius: 27px;
    background-color: #f4e6d1;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    line-height: 1;
}

.charaArea_dagashi a:hover img{
	opacity:0.7;
}



.goods_list li a figure img {
    height: 100%;
    border-radius: 25px;
}



.goods_title{
font-size:1.5em;
color:#5f470f;
font-weight:700;
margin-bottom:10px;
}


.goods_main{
	display:flex;
	justify-content: space-between;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    width: 100%;
    padding: 30px;
    border-radius: 28px;
    background-color: rgba(245,232,192,0.533);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    color:#240904;
    font-size:0.935em;
}


.goods_main .ph{
width:45%;
}

.goods_main .ph img{
width:90%;
border-radius:10px;

}

.goods_main .info{
width:55%;
}


.goods_main dl{
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    display: flex;

}

.goods_main dl dt{
width:20%;
margin:0 0 5px 0;
font-weight:700;
color:#5f470f;
background-color:#d7ba5c;
padding:5px 5px 5px 10px;
font-size:0.935em;
}

.goods_main dl dd{
padding:5px;
width:78%;margin:0 0 10px 2%;
font-size:0.935em;
}

.goods_main dl dd a{
color:#240904;
text-decoration:underline;
}
.goods_main dl dd a:hover{
text-decoration:none;
}



.goods_main .btn a{
    display:inline-block;
    background-color:#c9376c;
    padding:5px 30px;
    text-align:center;
    color:#FFF;
    border-radius:30px;
    margin:0 auto;
}

.goods_main .btn a:hover{

    text-decoration:none;
}


@media only screen and (max-width: 768px) {


.goods_title{
font-size:1.125em;
color:#5f470f;
font-weight:700;
margin:10px 0;
}



.goods_main{
	display:block;
	justify-content: space-between;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    width: 100%;
    padding: 25px 15px 15px 15px;
    border-radius: 28px;
    background-color: rgba(245,232,192,0.533);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    color:#240904;
    font-size:0.935em;
}


.goods_main .ph{
width:100%;
}

.goods_main .ph img{
width:100%;
border-radius:10px;

}

.goods_main .info{
width:auto;
}


.goods_main dl{
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    display: flex;

}

.goods_main dl dt{
width:30%;margin:0 0 3px 0;
font-weight:700;
color:#5f470f;
background-color:#d7ba5c;
padding:5px 5px 5px 10px;
}

.goods_main dl dd{
width:67%;margin:0 0 10px 3%;
}

.goods_main dl dd a{
color:#240904;
text-decoration:underline;
}
.goods_main dl dd a:hover{
text-decoration:none;
}

}



.nav_head-tab2 {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin-bottom: 60px;
}
.nav_head-tab2 li {
  margin: 0 3.5%;
}
.nav_head-tab2 li a {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2), 0 0 40px #f3dea5 inset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 237px;
  height: 65px;
  border-radius: 40px;
  background-color: rgba(244,230,209,0.2);
  box-shadow: 0 0 10px rgba(0,0,0,0.2), 0 0 40px #f3dea5 inset;
  color: #5f470f;
  font-size: 1.125rem;
  font-weight: bold;
  text-decoration: none;
  transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.nav_head-tab2 li a:hover {
  opacity: 0.7;
}
.nav_head-tab2 li a.act {
  background-color: #f4e6d1;
  color: #c9376c;
}









@media only screen and (max-width: 768px) {
  .nav_head-tab2 {
    display: block;
  }
  .nav_head-tab2 li {
    margin-bottom: 15px;
  }
  .nav_head-tab2 li a {
    height: 40px;
    margin: 0 auto;
  }
}  







@media only screen and (max-width: 768px) {
	.backnumber figure{width:unset;}
}


.m-box-youtube {
    margin-top: 15px;
    position: relative;
    padding-top: 56.5%;
}


.m-box-youtube > iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: auto;
    min-height: 100%;
}

.mB5{margin-bottom:5px;}
.mB10{margin-bottom:10px;}
.mB20{margin-bottom:20px;}
.mB30{margin-bottom:30px;}
.mB40{margin-bottom:40px;}
.mB50{margin-bottom:50px;}
.mB60{margin-bottom:60px;}
.mB70{margin-bottom:70px;}
.mB80{margin-bottom:80px;}
.mB90{margin-bottom:90px;}
.mB100{margin-bottom:100px;}

.mT5{margin-top:5px;}
.mT10{margin-top:10px;}
.mT20{margin-top:20px;}
.mT30{margin-top:30px;}
.mT40{margin-top:40px;}
.mT50{margin-top:50px;}
.mT60{margin-top:60px;}
.mT70{margin-top:70px;}
.mT80{margin-top:80px;}
.mT90{margin-top:90px;}
.mT100{margin-top:100px;}





.column2{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.column2 div{width:49.5%;}

.column2 div img,.column3 div img,column4 div img{width:100%;}

.column3{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.column3 div{width:33.3%;}

.column4{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.column4 div{width:23.5%;}


.column720{width:100%;margin-right:auto;margin-left:auto;}
.column640{width:100%;margin-right:auto;margin-left:auto;}
.column480{width:95%;margin-right:auto;margin-left:auto;}
.column320{width:65%;margin-right:auto;margin-left:auto;}
.column240{width:40%;margin-right:auto;margin-left:auto;}

@media print, screen and (min-width: 768px) {

.column720{width:720px;margin-right:auto;margin-left:auto;}
.column640{width:640px;margin-right:auto;margin-left:auto;}
.column480{width:480px;margin-right:auto;margin-left:auto;}
.column320{width:320px;margin-right:auto;margin-left:auto;}
.column240{width:240px;margin-right:auto;margin-left:auto;}

}



.text_center{text-align:center;}
.fs07{font-size:0.7em;}
.fs08{font-size:0.8em;}
.fs09{font-size:0.9em;}
.fs10{font-size:1.0em;}
.fs11{font-size:1.1em;}
.fs12{font-size:1.2em;}
.fs13{font-size:1.3em;}
.fs14{font-size:1.4em;}
.fs15{font-size:1.5em;}
.fs16{font-size:1.6em;}

.column720 img,.column640 img,.column480 img,.column320 img,.column240 img{width:100%;}
.column2 img,.column3 img,.column4 img{width:100%;}

.article_main p{font-weight:normal;}


.column2 div .themeArea,.column2 div .download {width:100%;}
.column70p{width:70%;margin:0 auto;}

.movie-btn{position:relative;}
.mbtn{position: absolute;
    width: 15%;
    top: 35%;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    opacity: 1;
}

a:hover .mbtn{
    opacity: 0.7;
}