@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body{
position: relative;
font-size: 16px;
line-height: 1.6;
font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
margin: 0 auto;
padding: 0;
color: #000;
background: #000;
background-image:url("../img/bg.png");
}
.goth{
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
padding: 0;
margin: 0;
}
#corp {
background:transparent;
}
img {
max-width: 100%;
height: auto;
line-height: 0;
vertical-align: bottom;
}
a{
text-decoration:none;
transition:0.4s ease;
}
a:hover{
text-decoration:none;
}
a:hover img {
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
transition:0.4s ease;
}
.mt1{margin-top: 1rem;}
.mt2{margin-top: 2rem;}
.mt5{margin-top: 5rem;}
.mb1{margin-bottom: 1rem;}
.mb2{margin-bottom: 2rem;}
.mb3{margin-bottom: 3rem;}
.mb4{margin-bottom: 4rem;}
.mb5{margin-bottom: 5rem;}

.mlr1{margin-right:1rem;margin-left:1rem;}
.mlr2{margin-right:2rem;margin-left:2rem;}
.mlr3{margin-right:3rem;margin-left:3rem;}

.pb1{padding-bottom: 1rem;}
.pb2{padding-bottom: 2rem;}

.bolder{font-weight:bolder;}
.bold{font-weight:700;font-weight: bold;}
.red{color: #cc0000;}

.f08 {font-size: 0.8rem;}
.f12 {font-size: 1.2rem;}
.f14 {font-size: 1.4rem;}
.f16 {font-size: 1.6rem;}

.c{text-align: center;}
.l{text-align: left;}
.r{text-align: right;}
.line{border-bottom: 1px solid #fff;margin-bottom: 1rem;}

ul{
padding: 0;
margin:0;
}
li{
padding: 0;
margin: 0;
list-style:none;
}
header{
position: relative;
margin: 0;
}
.catch{
width: 100%;
z-index: 1;
margin: 0;
}
.catch img{
width: 100%;
max-width: 1920px;
}
.catch_sp{
display: none;
}
.pc__nav{
position: fixed;
right: 2rem;
top:0;
color: #fff;
font-size: 1.4rem;
background:rgba(0,0,0,0.8);
padding:0.6rem 1.2rem;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
box-shadow: 0px 1px 10px 1px rgba(255, 255, 255, 0.2);
font-family: 'Permanent Marker', cursive;
z-index: 100;
}
.pc__nav a{
color: #fff;
}
.pc__nav a:hover{
color: #000;
text-shadow: 2px 2px 5px #fff,
-2px 2px 5px #fff ,
2px -2px 5px #fff ,
-2px -2px 5px #fff;
}
.sp__nav{
display: none;
}
.container{
width: 100%;
max-width: 1120px;
margin: 2rem auto  1.2rem auto;
}
footer{
background: #151515;
color: #fff;
padding: 1rem;
}
footer .footer__container{
width: 100%;
max-width: 1120px;
margin: 0 auto;
}
section{
position: relative;
margin-bottom:5rem;	
padding: 2rem 2rem 2rem 2rem;
border-radius: 8px;
background:rgba(255, 255, 255, 0.8) ;
}
.slide {
display: block;
}
@keyframes slide {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(-2402px, 0, 0);
}
}
.concept{
margin-bottom: 1.6rem;
overflow: hidden;
padding:0;
color: #fff;
}
.news{
margin-bottom: 2.4rem;
overflow: hidden;
padding:0;
color: #fff;
}
.copy{
background: -webkit-linear-gradient(top, #ed2d3a, #7c0109);
background: linear-gradient(to bottom, #ed2d3a, #7c0109);
text-align: center;
padding: 0.6rem 0 0.4rem 0;
}
.copy p{
margin: 0;
font-size: 0.85rem;
color: #e67f7f;
font-weight: bold;
}
#backtotop{
position: fixed;
bottom: 3rem;
right: 2rem;
z-index: 1000;
}
#backtotop img{
width: 68px;
}
/*   見出し   */
h1{
font-size: 2.4rem;
font-weight: bold;
margin: 0 0 1.4rem 0;
}
#corp h2{
font-size: 2rem;
line-height: 1.2;
margin-bottom: 1.6rem;
text-align: center;
}
#corp h3, footer h3{
font-size: 4rem;
padding: 0 1rem;
margin-bottom: 1.6rem;
}
.title{
font-family: 'Permanent Marker', cursive;
color: #fff;
position: absolute;
top:-3.4rem;
left: 0.8rem;
text-shadow: 2px 2px 8px #000,
-2px 2px 8px #000,
2px -2px 8px #000,
-2px -2px 8px #000;
}
.title2{
font-family: 'Permanent Marker', cursive;
color: #000;
position: static;
text-shadow: 2px 2px 8px #fff,
-2px 2px 8px #fff,
2px -2px 8px #fff,
-2px -2px 8px #fff;
}
#corp h4{
font-size: 1.2rem;
padding: 0.3rem 1rem 0.2rem 1rem;
margin-bottom: 1.6rem;
border-bottom: 1px #000 solid;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-weight: bold;
}
#corp li{
list-style-position: outside;
margin: 0 1.2rem;
line-height:1.6;
}

/*   FIGURE   */
.figure__pc{
display: block;
}
.figure__sp{
display: none;
}

/*   FLEX_BOX   */
.link__box{
display: flex;
flex-wrap: wrap;
justify-content:center;
margin:0;
padding:0;
width: 100%;
max-width: 1120px;
}
.link__area{
position: relative;
display: flex;
flex-shrink: 0;
width:calc(100%/3);
max-width: 334px;
margin: 0;
color:#fff;
}
.link__area img{
position:absolute;
top: 6%;
right: 2%;
border-radius:5px;
overflow: hidden;
width:10%;
}
.link__area a{
color:#fff;
padding: 0.4rem 0.8rem;
display: block;
width: 100%;
background:rgba(124, 1, 9, 0.5);
border-bottom:2px #940f17 solid; 
box-sizing:border-box;
border-radius: 8px;
margin: 0 0 0.6rem 0;
}
.link__area a dl{
width: 88%;
}
.link__area a dt{
border-bottom: 1px #940f17 solid;
margin-bottom: 0.4rem;
padding-bottom: 0.2rem;
font-size: 1.2rem;
line-height: 1.2;
}
.link__area a dd{
font-size: 0.85rem;
}
.link__area a:hover{
color:#fff;
padding: 0.4rem 0.8rem;
display: block;
width: 100%;
background:rgba(124, 1, 9, 0.8);
border-bottom:2px #940f17 solid; 
box-sizing:border-box;
border-radius: 8px;
margin: 0 0 0.6rem 0;
}

.event{
margin: 0 auto 5rem auto;
text-align: center;
}
.event img{
max-width: 780px;
}

/*   ITEM_BOX   */
.item__box{
display: flex;
justify-content: space-between;
flex-wrap:wrap;
}
.item__area{
display: flex;
flex-wrap: nowrap;
width: 48%;
overflow: hidden;
margin: 0 0 1.2rem 0;
background: #000;
background-image:url("../img/bg.png");
}
.item__area dt{
padding: 0.6rem;;
width: 60%;
color: #fff;
}
.item__area dt span{
display: block;
color: #cc0000;
font-size: 1.2rem;
line-height: 1;
margin-bottom: 0.4rem;
}
.item__area dt span img{
max-width: 30px;
box-sizing: border-box;
border-radius: 6px;
border: 1px #999 solid;
margin-top: 0.2rem;	
}
.item__area dd{
margin: 0;
width: 40%;
}
.item__area dd img{
width:100%;
}

/*  PROFILE_BOX   */
.profile__box{
display: flex;
justify-content:flex-start;
flex-wrap:nowrap;
}
.profile__box dt{
width: 36%;
margin: 0;
}
.profile__box dt img{
width: 100%;
}
.profile__box dd{
margin: 0;
padding: 0.4rem 1rem;
width: 64%;
}

/*  SPECIAL_THANKS   */
.thanks span{
white-space: nowrap;
margin:0.2rem 0.6rem;	
}
.thanks span::after{
content: "　/";
}
.thanks a{
color: #fff;
text-decoration: underline !important;
}
.thanks a:hover{
color: #e67f7f;	
text-decoration: none;
}

/*  商品   */
.merchandise{
display:flex;
flex-wrap: nowrap; 
padding: 0.4rem 0.4rem 1rem 0.4rem;
border-bottom: 1px #333 solid;	
}
.merchandise dt{
width: 180px;
margin-left: 1rem;
}

.merchandise dt img{
width: 100%;	
box-sizing:border-box;	
}

.merchandise dd {
border-left: 1px #333 dotted;
padding-left: 3rem;
margin-left: 3rem;	
font-weight: bold;
}

.viewmore{
margin: 1rem auto;	
}
.viewmore a{
border:1px #333 solid;
padding: 0.4rem 1.4rem;
color: #333;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
.viewmore a::after{
	content: "　→";
}
.viewmore a:hover{
border:1px #333 solid;
padding: 0.4rem 1.4rem;
color: #FFF;
background: #333;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}


/*************************************************************************************************/

@media only screen and (min-width: 640px) and (max-width: 1024px) {
header{
position: relative;
margin: 0;
}
.pc__nav{
display: none;
}
.sp__nav{
display: block;
}
.drawer-menu li{
color: #fff;
font-size: 1.6rem;
font-family: 'Permanent Marker', cursive;
z-index: 100;
margin-bottom: 1rem;
}
	
.catch{
width: 100%;
height: auto;
z-index: 1;
margin: 0;
}
.catch img{
width: 100%;	
}
.catch_sp{
display: none;
}
.container{
width: 96%;
margin: 2% auto;
}
footer{
background: #151515;
color: #fff;
padding: 1rem;
}
footer .footer__container{
width: 100%;
max-width: 100%;
margin: 0 auto;
}	
section{
position: relative;
margin-bottom:4rem;
padding: 3rem 2rem 2rem 2rem;
border-radius: 8px;
background:rgba(255, 255, 255, 0.8) ;
}
.concept{
margin-bottom: 1.2rem;
overflow: hidden;
padding: 1rem 1rem;
color: #fff;
}
.news{
margin-bottom: 1.2rem;
overflow: hidden;
padding: 1rem 1rem;
color: #fff;
}
.copy{
background: -webkit-linear-gradient(top, #ed2d3a, #7c0109);
background: linear-gradient(to bottom, #ed2d3a, #7c0109);
text-align: center;
padding: 0.6rem 0.4rem 0.2rem 0.4rem;
}
.copy p{
font-size: 0.8rem;
color: #e67f7f;
}
#backtotop{
position: fixed;
bottom: 3rem;
right: 2rem;
z-index: 1000;
}
#backtotop img{
width: 68px;
}
.mt1{margin-top: 0.6rem;}
.mt2{margin-top: 0.8rem;}
.mt5{margin-top: 3rem;}
.mb1{margin-bottom: 0.6rem;}
.mb2{margin-bottom: 0.8rem;}
.mb3{margin-bottom: 1.4rem;}

.mlr1{margin-right:0.4rem;margin-left:0.4rem;}
.mlr2{margin-right:0.6rem;margin-left:0.6rem;}
.mlr3{margin-right:1.2rem;margin-left:1.2rem;}

.pb1{padding-bottom: 0.6rem;}
.pb2{padding-bottom: 1.2rem;}

.f08 {font-size: 0.85rem;}
.f12 {font-size: 1rem;}
.f14 {font-size: 1.2rem;}
.f16 {font-size: 1.2rem;}
.line{border-bottom: 1px solid #fff;margin-bottom: 0.8rem;}
/*   見出し   */
h1{
font-size: 1.8rem;
font-weight: bold;
margin: 0 0 1.4rem 0;
}
#corp h2{
font-size: 1.4rem;
line-height: 1.2;
margin-bottom: 1.6rem;
text-align: center;
}
#corp h3, footer h3{
font-size: 3.4rem;
padding: 0 1rem;
margin-bottom: 1.2rem;
line-height: 1;
}
.title{
font-family: 'Permanent Marker', cursive;
color: #fff;
position: absolute;
top:-2rem;
left: 0.8rem;
text-shadow: 2px 2px 8px #000,
-2px 2px 8px #000,
2px -2px 8px #000,
-2px -2px 8px #000;
}
.title2{
font-family: 'Permanent Marker', cursive;
color: #000;
text-shadow: 2px 2px 8px #fff,
-2px 2px 8px #fff,
2px -2px 8px #fff,
-2px -2px 8px #fff;
}
#corp h4{
font-size: 1.2rem;
padding: 0.3rem 1rem 0.2rem 1rem;
margin-bottom: 1.6rem;
border-bottom: 1px #000 solid;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-weight: bold;
}
#corp li{
list-style-position: outside;
margin: 0 1.2rem;
line-height:1.6;
}
.drawer-menu li a{
font-size: 1.6rem;
font-family: 'Permanent Marker', cursive;
z-index: 100;
margin-bottom: 1rem;
margin-left: 0.4rem;
text-shadow: 2px 2px 8px #fff,
-2px 2px 8px #fff,
2px -2px 8px #fff,
-2px -2px 8px #fff;
color: #000;
}

/*   FLEX_BOX   */
.link__box{
display: flex;
flex-wrap: wrap;
justify-content:center;
margin:0;
padding: 0;
width: 100%;
}
.link__area{
position: relative;
display: flex;
flex-shrink: 0;
width:50%;
margin: 0;
color:#fff;
}
.link__area img{
position:absolute;
top: 6%;
right: 2%;
width:10%;
border-radius:5px;
overflow: hidden;
}
.link__area a{
color:#fff;
padding: 0.4rem 0.8rem;
display: block;
width: 100%;
background:rgba(124, 1, 9, 0.5);
border-bottom:2px #940f17 solid; 
box-sizing:border-box;
border-radius: 8px;
margin: 0 0 0.6rem 0;
}
.link__area a dl{
width: 86%;
}
.link__area a dt{
border-bottom: 1px #940f17 solid;
margin-bottom: 0.4rem;
padding-bottom: 0.2rem;
font-size: 1.2rem;
line-height: 1.2;
}
.link__area a dd{
font-size: 0.85rem;
}

.link__area a:hover{
color:#fff;
padding: 0.4rem 0.8rem;
display: block;
width: 100%;
background:rgba(124, 1, 9, 0.8);
border-bottom:2px #940f17 solid; 
box-sizing:border-box;
border-radius: 8px;
margin: 0 0 0.6rem 0;
}
.event{
margin: 0 auto 3rem auto;
text-align: center;
}
.event img{
width: 100%;	
max-width: 600px;
}
/*   ITEM_BOX   */
.item__box{
display: flex;
justify-content: space-between;
flex-wrap:wrap;
}
.item__area{
display: flex;
flex-wrap: nowrap;
width: 48%;
overflow: hidden;
margin: 0 0 1.2rem 0;
background: #000;
background-image:url("../img/bg.png");
}
.item__area dt{
font-size: 0.85rem;
line-height: 1.4;
padding: 0.6rem;
width: 60%;
color: #fff;
}
.item__area dt span{
display: block;
color: #cc0000;
font-size: 1.2rem;
line-height: 1;
margin-bottom: 0.2rem;
}
.item__area dt span img{
max-width: 30px;
box-sizing: border-box;
border-radius: 6px;
border: 1px #999 solid;
margin-top: 0.2rem;	
}
.item__area dd{
margin: 0;
width: 40%;
}
.item__area dd img{
width:100%;
}

/*  PROFILE_BOX   */
.profile__box{
display: flex;
justify-content:flex-start;
flex-wrap:nowrap;
}
.profile__box dt{
width: 30%;
margin: 0;
}
.profile__box dt img{
width: 100%;
}
.profile__box dd{
margin: 0;
padding: 0.4rem 1rem;
width: 70%;
}


/*   FIGURE   */
.figure__pc{
display: block;
widows: 100%;
}
.figure__sp{
display: none;
}
/*  SPECIAL_THANKS   */
.thanks span{
white-space: nowrap;
margin:0.2rem 0.6rem;	
}
.thanks span::after{
content: " /";
}
.thanks a{
color: #fff;
text-decoration: underline !important;
}
.thanks a:hover{
color: #e67f7f;	
text-decoration: none;
}
/*  商品   */
.merchandise{
display:flex;
flex-wrap: nowrap; 
padding: 0.4rem 0.4rem 1rem 0.4rem;
border-bottom: 1px #333 solid;	
}
.merchandise dt{
width: 180px;
margin-left: 1rem;
}

.merchandise dt img{
width: 100%;	
box-sizing:border-box;	
}

.merchandise dd {
border-left: 1px #333 dotted;
padding-left: 3rem;
margin-left: 3rem;	
font-weight: bold;
}

.viewmore{
margin: 1rem auto;	
}
.viewmore a{
border:1px #333 solid;
padding: 0.4rem 1.4rem;
color: #333;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
.viewmore a::after{
	content: "　→";
}
.viewmore a:hover{
border:1px #333 solid;
padding: 0.4rem 1.4rem;
color: #FFF;
background: #333;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
}


/*************************************************************************************************/

@media screen and (max-width : 640px ){
body{
font-size: 14px;
line-height: 1.5;
}
header{
position: relative;
margin: 0;
}
.pc__nav{
display: none;
}
.sp__nav{
display: block;
}
.drawer-menu li a{
font-size: 1.4rem;
font-family: 'Permanent Marker', cursive;
z-index: 100;
text-shadow: 2px 2px 8px #fff,
-2px 2px 8px #fff,
2px -2px 8px #fff,
-2px -2px 8px #fff;
color: #000;
}
.catch_sp{
display: block;	
width: 100%;
height: auto;
z-index: 1;
margin: 0;
}
.catch_sp img{
width: 100%;	
}
.catch{
display: none;
}
.container{
width: 96%;
margin: 2% auto;
}
footer{
background: #151515;
color: #fff;
padding: 1rem;
}
footer .footer__container{
width: 100%;
max-width: 100%;
margin: 0 auto;
}
section{
position: relative;
margin-bottom:3rem;
padding: 2.4rem 0.8rem 1.6rem 0.8rem;
border-radius: 8px;
background:rgba(255, 255, 255, 0.8) ;
}
.concept{
margin-bottom: 1rem;
overflow: hidden;
padding: 0.2rem 0.6rem;
color: #fff;
}
.news{
margin-bottom: 1rem;
overflow: hidden;
padding: 0.4rem 0.6rem;
color: #fff;
position: relative;
}
.copy{
background: -webkit-linear-gradient(top, #ed2d3a, #7c0109);
background: linear-gradient(to bottom, #ed2d3a, #7c0109);
text-align: center;
padding: 0.4rem 0 0.3rem 0;
}
.copy p{
margin: 0;
font-size: 0.65rem;
color: #e67f7f;
font-weight: bold;
}
#backtotop{
position: fixed;
bottom: 1rem;
right: 1.2rem;
z-index: 1000;
}
#backtotop img{
width: 80%;
}

.mt1{margin-top: 0.6rem;}
.mt2{margin-top: 0.8rem;}
.mt5{margin-top: 3rem;}
.mb1{margin-bottom: 0.6rem;}
.mb2{margin-bottom: 0.8rem;}
.mb3{margin-bottom: 1.4rem;}

.mlr1{margin-right:0.4rem;margin-left:0.4rem;}
.mlr2{margin-right:0.6rem;margin-left:0.6rem;}
.mlr3{margin-right:1.2rem;margin-left:1.2rem;}

.pb1{padding-bottom: 0.6rem;}
.pb2{padding-bottom: 1.2rem;}

.f08 {font-size: 0.85rem;}
.f12 {font-size: 1rem;}
.f14 {font-size: 1rem;}
.f16 {font-size: 1.2rem;}
.line{border-bottom: 1px solid #fff;margin-bottom: 0.8rem;}
/*   見出し   */
h1{
font-size: 1.2rem;
font-weight: bold;
margin: 0 0 1.4rem 0;
}
#corp h2{
font-size: 1rem;
line-height: 1.2;
margin-bottom: 1.6rem;
text-align: center;
}
#corp h3, footer h3{
font-size: 2.4rem;
padding: 0.6rem 1rem;
margin-bottom: 0;
}
.title{
font-family: 'Permanent Marker', cursive;
color: #fff;
position: absolute;
top:-2.4rem;
left: 0.4rem;
text-shadow: 2px 2px 8px #000,
-2px 2px 8px #000,
2px -2px 8px #000,
-2px -2px 8px #000;
}
.title2{
font-family: 'Permanent Marker', cursive;
color: #000;
text-shadow: 2px 2px 8px #fff,
-2px 2px 8px #fff,
2px -2px 8px #fff,
-2px -2px 8px #fff;
}
#corp h4{
font-size: 1.2rem;
padding: 0.3rem 0.6rem 0.2rem 0.6rem;
margin-bottom: 1.2rem;
border-bottom: 1px #000 solid;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-weight: bold;
}
#corp li{
list-style-position: outside;
margin: 0 1.2rem;
line-height:1.4;
}

/*   FIGURE   */
.figure__pc{
display: none;
}
.figure__sp{
display: block;
widows: 100%;
}

/*   FLEX_BOX   */
.link__box{
display: flex;
flex-wrap: wrap;
justify-content:center;
margin:0;
padding: 0;
width: 100%;
}
.link__area{
position: relative;
display: flex;
flex-shrink: 0;
width:100%;
margin: 0;
color:#fff;
}
.link__area img{
position:absolute;
top: 6%;
right: 2%;
width:10%;
border-radius:5px;
overflow: hidden;
}
.link__area a{
color:#fff;
padding: 0.4rem 0.6rem;
display: block;
width: 100%;
background:rgba(124, 1, 9, 0.5);
border-bottom:2px #940f17 solid; 
box-sizing:border-box;
border-radius: 8px;
margin: 0 0 0.6rem 0;
}
.link__area a dl{
width: 86%;
}
.link__area a dt{
border-bottom: 1px #940f17 solid;
margin-bottom: 0.4rem;
padding-bottom: 0.2rem;
font-size: 1.2rem;
line-height: 1.2;
}
.link__area a dd{
font-size: 0.8rem;
}
.link__area a:hover{
color:#fff;
padding: 0.4rem 0.6rem;
display: block;
width: 100%;
background:rgba(124, 1, 9, 0.8);
border-bottom:2px #940f17 solid; 
box-sizing:border-box;
border-radius: 8px;
margin: 0 0 0.6rem 0;
}
/*   EVENT_BOX   */
.event{
margin: 0 auto 3rem auto;
text-align: left;
}
.event img{
width: 100%;
}	
/*   ITEM_BOX   */
.item__box{
display: block;
justify-content: flex-start;
flex-wrap:wrap;
}
.item__area{
display: flex;
flex-wrap: nowrap;
width: 100%;
overflow: hidden;
margin: 0 0 1.2rem 0;
background: #000;
background-image:url("../img/bg.png");
}
.item__area dt{
padding: 0.4rem 0.4rem;
width: 60%;
color: #fff;
font-size:0.75rem;
line-height: 1.2;
}
.item__area dt span{
display: block;
color: #cc0000;
font-size: 1rem;
line-height: 1;
margin-bottom: 0.2rem;
}
.item__area dt span img{
max-width: 28px;
box-sizing: border-box;
border-radius: 6px;
border: 1px #999 solid;
margin-top: 0.1rem;	
}
.item__area dd{
margin: 0;
width: 40%;
}
.item__area dd img{
width:100%;
}

/*  PROFILE_BOX   */
.profile__box{
display: block;
justify-content:flex-start;
flex-wrap:wrap;
}
.profile__box dt{
width: 100%;
margin: 0;
}
.profile__box dt img{
width: 100%;
}
.profile__box dd{
margin: 0;
padding: 0.4rem 0rem;
width: 100%;
}

/*  SPECIAL_THANKS   */
.thanks span{
white-space: wrap;
margin:0.4rem 0.6rem;
display: block;
}
.thanks span::after{
content: "";
}
.thanks a{
color: #fff;
text-decoration: underline !important;
}
.thanks a:hover{
color: #e67f7f;	
text-decoration: none;
}
}

/*youtube*/
.youtube {
  width: 100%;
  margin: 0 auto;
  padding: 2rem 0;
  text-align: center;
  background: rgba(140,0,0,0.5);
}
.youtube iframe {
  max-width: 560px;
  border-radius: 12px;
  box-shadow: 0px 4px 12px 6px rgba(34, 0, 0, 0.35);
  border: 6px #1e0202 solid;
 margin-bottom: 2rem;	
}
.youtube p{
  color: #FFF;
  margin-bottom: 0.2rem;
  font-size: 1.4rem;
text-shadow: #000 2px 0 20px;
text-shadow: 1px 1px 2px red, 0 0 1em black, 0 0 0.4em black;
}
.youtube .vol{
  color: #FFF;
  font-size: 3rem;
  line-height: 1.2;	
  margin-bottom: 0;
text-shadow: 1px 1px 2px red, 0 0 1em black, 0 0 0.4em black;
}
.youtube .vol span{
  font-size: 1.4rem;
  display: block;
  margin-bottom: 1rem;	
}
.youtube .vol_title{
font-size: 1.6rem;
font-weight: bold;
color: #FFF;
background:rgba(0,0,0,0.6);
padding: 0.2rem;
width: 560px;
margin: 0 auto 1rem auto;
border-radius: 30px;
}
a.prev{
display: block;
margin:0 auto;
width: 530px;
border: 1px #FFF solid;
padding: 1.2rem;
font-size: 1.4rem;
color: #FFF;
}
a:hover.prev{
display: block;
margin:0 auto;
width: 530px;
border: 1px #FFF solid;
padding: 1.2rem;
font-size: 1.4rem;
color: #FFF;
background:rgba(0,0,0,0.6);
}

/*youtube*/
@media screen and (max-width : 640px ){
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
  margin: 0;
}
.youtube iframe {
  width: 100%;
  height: 100%;
  margin: 0 0 1.2rem 0;
  border-radius: 0;
  box-shadow: none;
  border: none;
}
.youtube p{
color: #FFF;
margin-bottom: 0.2rem;
font-size: 1rem;
text-shadow: #000 2px 0 20px;
text-shadow: 1px 1px 2px red, 0 0 1em black, 0 0 0.4em black;
}
.youtube .vol{
color: #FFF;
font-size: 2.4rem;
line-height: 1.2;	
margin-bottom: 0;
text-shadow: 1px 1px 2px red, 0 0 1em black, 0 0 0.4em black;
}
.youtube .vol span{
font-size: 1.2rem;
display: block;
margin-bottom: 1rem;	
}
.youtube .vol_title{
font-size: 1.2rem;
font-weight: bold;
color: #FFF;
background:rgba(0,0,0,0.6);
padding: 0.2rem;
width: 96%;
margin: 0 auto 1rem auto;
border-radius: 30px;
}
a.prev{
display: block;
margin:0 auto;
width: 80%;
border: 1px #FFF solid;
padding: 1rem;
font-size: 1rem;
color: #FFF;
}
a:hover.prev{
display: block;
margin:0 auto;
width: 80%;
border: 1px #FFF solid;
padding: 1rem;
font-size: 1rem;
color: #FFF;
background:rgba(0,0,0,0.6);
}

	
	
/*  商品   */
.merchandise{
display:block;
flex-wrap: wrap; 
padding: 0.4rem 0.4rem 1rem 0.4rem;
border-bottom: 1px #333 solid;	
}
.merchandise dt{
width: 100%;
margin: 0;
}

.merchandise dt img{
width: 90%;
margin: 2% 5%;	
box-sizing:border-box;	
}

.merchandise dd {
border-left: 0;
padding-left: 0;
margin-left: 0;	
font-weight: bold;
}

.viewmore{
text-align: center;
margin: 2rem auto 1rem auto;	
}
.viewmore a{
border:1px #333 solid;
padding: 0.4rem 1.4rem;
color: #333;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
.viewmore a::after{
	content: "　→";
}
.viewmore a:hover{
border:1px #333 solid;
padding: 0.4rem 1.4rem;
color: #FFF;
background: #333;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
}