@charset "utf-8";
/*-----------------------------------------------------------------------
font-size:  63%  69%  75%  81%  88%  94%  100%  107%  113%  119%  125%
あいうえお  10pt 11pt 12pt 13pt 14pt 15pt  16pt  17pt  18pt  19pt  20pt

131%  137%  144%  150%  156% 
 21pt  22pt  23pt  24pt  25pt  26pt
-----------------------------------------------------------------------*/
a{
	text-decoration: none;
}
a:hover{text-decoration: underline;}

html{
	color: #eeeeee;
	overflow-y: scroll;	/*ここでスクロールバーを常に表示*/
	margin : 0;
	background:#1D1D1D;
}


body{
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', "メイリオ", Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	margin : 0;
	font-size: 16px;
	text-align : center;
	font-family: "Noto Sans JP";
}

	img{width : 100%;}



.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix{
	display: inline-block;	/*IE7,MacIE5*/
	min-height: 1%;	/* for IE 7*/
}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */






/*	●●●●●●●●●●	*/


	.mainimage{
		position : relative;
	}

	.menu{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.menu a{
		color : #eeeeee;
	}
	.menu a:hover{
		color : #eeeeee;
		text-decoration : underline;
	}
	
	
	
.yt{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.yt iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

.dvd span{color:#E6A232;}
.dvd .dvdtitle{font-size : 125%;}

.dvd .dvdlist{
	margin : 10px 0 15px 10px;
}
	.sns{
		width : 30px;
		margin : 0 15px;	
		}


	.footer{
		margin : 80px 0;
		text-align : center;
	}



.autoplay img{
width:100%;
}



/*Go to top*/
.crunchify-top:hover {
color: #fff !important;
background-color: #E6A232;
text-decoration: none;
}
 
.crunchify-top {
display: none;
position: fixed;
bottom: 1rem;
right: 1rem;
width: 3.2rem;
height: 3.2rem;
line-height: 3.2rem;
font-size: 1.4rem;
color: #fff;
background-color: rgba(0,0,0,0.3);
text-decoration: none;
border-radius: 3.2rem;
text-align: center;
cursor: pointer;
}




/* PC ここから-------------------------------- */
@media (min-width: 768px) {
	.smp{display:none;}
	.logo{
		position : absolute;
		top:0px; right:0px;
		width : 50%;
		z-index: 100;
	}
	.menu{
		margin : 10px 30%;
	}

	.section{
		margin : 50px 150px 150px 150px;
		
	}

	.section .inner{
		display: flex;
		flex-wrap: wrap;
		justify-content: start;
		padding-top : 8px;
	}


	.section .title{
		text-align : left;
		font-size : 150%;
		padding : 0 0 3px 5px;
		border-bottom : 1px solid #aaaaaa;
		color: #eeeeee;
	}

	.section .inner .img{
		width : 30%;
		margin-right : 2%;
	}
	.section .inner .txt{
		width : 68%;
		text-align : left;
		line-height : 1.7;
	}
	.price{
		text-align : center;
		margin-top:20px;
	}
.dvd .dvdlist1{
	padding-left:10px;
	width : 7em;
	display : inline-block;
}

.dvd .dvdlist3{
	padding-left:10px;
	width : 9em;
	display : inline-block;
}
.cm{
	width : 400px;
}


}
/* PC ここまで-------------------------------- */


/* スマホ ここから-------------------------------- */
@media screen and (max-width: 767px) {
	.pc{display:none;}

	.logo{
		position : absolute;
		top:0px; right:0px;
		width : 80%;
	}
	.menu{
		margin : 30px 20px 50px 20px;
	}


	.section{
		margin : 50px 20px 100px 20px;
		
	}
	.section .title{
		text-align : left;
		font-size : 150%;
		padding : 0 0 3px 5px;
		border-bottom : 1px solid #eeeeee;
	}
	.section .inner{
		padding-top : 8px;
	}

	.section .inner .img{
		width : 100%;
		margin-right : 2%;
	}
	.section .inner .txt{
		width : 100%;
		text-align : left;
		line-height : 1.7;
		margin-bottom : 20px;
	}

	.price{
		font-size:90%;
		text-align : right;
	}
.dvd .dvdtitle{margin-top : 25px;}

.dvd .dvdlist span{
	padding-left : 8px;
}
.dvd .dvdlist1{
	width : 7em;
	display : block;
	margin-left : -8px !important;
}

.dvd .dvdlist3{
	width : 9em;
	display : block;
	margin-left : -8px !important;
}


}
/* スマホ ここまで-------------------------------- */

/* ●●●●●●●●●●  ここまで */



.mb10{
	margin-bottom:15px;
}



.news , .news a{
	font-weight:bold;color:#ffff00;
}

.news span{
	color :#ffffff;
}



.img100{
	width : 100%;
}
.img50{
	width : 50%;
}

.remodal p{
	text-align: left !important;
}

/* PC ここから-------------------------------- */
@media (min-width: 768px) {
	.smp , .sp{display:none;}

}
/* PC ここまで-------------------------------- */


/* スマホ ここから-------------------------------- */
@media screen and (max-width: 767px) {
	.pc{display:none;}

}
/* スマホ ここまで-------------------------------- */