body {
background:#fff;
color: #000;
font-family: "Shippori Mincho B1", serif;
font-weight: 500;
font-style: normal;
width: 100%;
height:100%;
font-size: 12px;
line-height:1.8em;
margin: 0px;
letter-spacing: 0;
}

#wrap{
width: 100%;
position: relative;
line-height: 0;
}

#wrap:before{
background:url("../images/bg_sp.jpg") no-repeat center top;
background-size: cover;
content:"";
display:block;
position:fixed;
top:0;
left:0;
z-index:-1;
width:100%;
height:100vh;
}

#mainAll{
width: 86%;
margin: 0 auto;
position: relative;
line-height: 0;
}

.sp{ display: block;}
.pc{ display: none;}

.fontS{ font-size: 10px;}
.fontB{ font-weight: 600;}
.fontI{ font-style: italic;}

.no-wrap { display: inline-block;}

.warningfontL{
padding-left: 1em;
text-indent: -1em;
}

.warningfontS{
padding-left: 1em;
text-indent: -1em;
font-size: 80%;
}

a:hover{ opacity: 1;}

/*---------------------------------------------

header

----------------------------------------------*/

header{
background: url("../images/header_sp.jpg") no-repeat center;
background-size: cover;
width: 100%;
position: relative;
overflow: hidden;
margin: 0 0 30px;
}

header:before{
content:"";
display: block;
padding-top: 52%;
}

#logo{
width: 94%; height: 39%;
position: absolute;
top: 6%; left: 3%;
z-index: 1;
}

#logo a{
width: 100%; height: 100%;
display: block;
}


/*---------------------------------------------

content

----------------------------------------------*/

.contentMM{
background: url("../images/m_bg.jpg") no-repeat center;
background-size: cover;
width: 100%; height: 45px;
font-size: 20px;
text-align: center;
line-height: 45px;
color: #c7c8c8;
margin: 0 auto;
}

/*---------------------------------------------

Blu-ray&DVD

---------------------------------------------*/

.contentAll{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin: 20px auto 40px;
}

.contentImg{
width: 100%;
pointer-events: none;
margin-bottom: 15px;
}

.contetntxt{
width: 100%;
font-size: 12px;
line-height: 1.6em;
font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

.listfontL{
padding-left: 1em;
text-indent: -1em;
letter-spacing: 0.5px;
margin-top: 5px;
line-height: 1.7em;
}

@media screen and (min-width : 961px){
.brpoint{ display: none;}
}

@media screen and (min-width : 1280px){
.brpoint{ display: block;}
}




/*---------------------------------------------

tokuten

----------------------------------------------*/

#tokutenAll{
background: #fff;
width: 100%;
margin: 0 auto;
padding: 15px 0;
margin-bottom: 50px;
box-shadow: 3px 3px 15px -7px rgb(0,0,0,0.5);
}

.tokutenMM{
width: 90%;
height: 40px;
font-size: 15px;
text-align: center;
line-height: 40px;
margin: 0 auto;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}

.tokutenwarning{
width: 95%;
text-align: center;
font-size: 10px;
line-height: 1.6em;
margin: 10px auto 0;
font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

#tokutenImgAll{
width: 95%;
margin: 15px auto;
display: flex;
flex-wrap: wrap;
justify-content:center;
}

.tokutenImg{
width: 80%;
padding: 0;
border: 1px solid #000;
}


/*---------------------------------------------

rental

----------------------------------------------*/

#rental{
width: 100%;
padding-bottom: 20px;
}

.rentalMM{
width: 100%; height: 40px;
font-size: 17px;
text-align: center;
line-height: 40px;
color: #000;
margin: 0 auto;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}

/*---------------------------------------------

hatsuhan

----------------------------------------------*/

.hatsuhan{
width: 100%;
text-align: center;
font-size: 10px;
line-height: 1.8em;
margin: 20px auto 50px;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

/*---------------------------------------------

footer

----------------------------------------------*/

footer{
background: #000;
width: 100%;
padding: 20px 0 100px;
}

#copyright{
font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
width: 100%;
margin: 0 auto 0;
font-size: 9px;
line-height: 1.5em;
color: #fff;
text-align: center;
}

#btntop{
width: 100%;
font-size: 20px;
text-align: center;
line-height: 1em;
margin-bottom: 1em;
}

#btntop a{ color: #fff; text-decoration: none;}


/*---------------------------------------------

page top

----------------------------------------------*/


#pageTop{
background-color: #000;
width: 50px; height: 50px;
position: fixed;
bottom: 0; right: 0;
font-size: 15px;
text-align: center;
line-height: 50px;
z-index: 20;
}

#pageTop a{
width: 100%; height: 100%;
display: block;
color: #fff;
}