@charset "utf-8";

body {
	overflow: scroll;
}
p {
	padding: 0;
    margin: 0;
}
.lh0 {
	line-height: 0;
}
.mt20 {
	margin-top: 20px;
}
.text-margin {
    margin-bottom: 20px;
}
.text-center {
    text-align: center;
}
h1 {
    padding: 0;
    margin-bottom: 120px;
}
h2 {
    width: 715px;
    text-align: center;
    border-bottom: 1px solid #fff;
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: normal;
    color: #fff;
}
.content {
    background: #1b0706;
}
.box-basic {
    color: #fff;
    width: 715px;
    margin: 0 auto 80px;
}
.box-basic p {
    font-size: 20px;
}
.catch {
    display: block;
    text-align: center;
}
.outline-david {
    margin-bottom: 90px;
}
.outline-david dl {
    letter-spacing: -0.5em;
    margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #fff;
}
.outline-david dt,
.outline-david dd {
    letter-spacing: 0;
    display: inline-block;
    width: 50%;
    vertical-align: top;
    font-size: 19px;
    margin-bottom: 10px;
}
.outline-david dt {
    text-align: right;
}
.outline-david dd {
    text-align: left;
}
.box-news {
    border: 1px solid #fff;
    width: 465px;
    margin: 0 auto;
    padding: 20px;
}
.box-news-title {
    text-align: center;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    margin-bottom: 10px
}
.box-news-detail {
    text-align: center;
}
.about-david {
    background: #d3b799;
    width: 655px;
    margin: 0 auto 100px;
    padding: 30px;
}
.about-david-name {
    font-size: 30px;
    text-align: center;
    margin-bottom: 20px;
}
.about-david-image {
    text-align: center;
    width: 280px;
    margin: 0 auto 20px;
}
.about-david-detail {
    font-size: 15px;
    margin-bottom: 30px;
    word-break: break-all;
    text-align: justify;
}
.cd-detail {
    letter-spacing: -0.5em;
    width: 100%;
}
.cd-detail-left,
.cd-detail-right {
    letter-spacing: 0;
    display: inline-block;
    vertical-align: top;
}
.cd-detail-left {
    width: 40%;
}
.cd-detail-right {
    width: 55%;
    margin-left: 4%;
}
p.annotation {
    font-size: 12px;
    line-height: 1.6;
    margin-bottom: 10px;
}
p.annotation span {
    font-size: 10px;
}
.box-button {
    width: 100%;
    margin-bottom: 10px;
}
a.button {
    display: block;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    text-align: center;
}
a.button:hover {
    opacity: .6;
}
a.button.streaming {
    background: #7d4698;
}
.box-sns {
  width: 226px;
  margin: 0 auto;
}
.box-sns p {
    text-align: center;
    margin-bottom: 10px;
    line-height: 0;
}
.box-sns p img {
  display: block;
  margin: 0 auto;
}
.box-sns p a:hover {
    opacity: .6;
}
.movie-david dl {
    width: 560px;
    margin: 0 auto;
}
.movie-david dt {
    padding-bottom: 10px;
}
.movie-david dd {
    text-align: center;
    margin-bottom: 60px;
}
.btn-check {
    text-align: center;
    padding: 60px 0;
    width: 406px;
    margin: 0 auto;
}
a.btn-check:hover {
    opacity: .6;
}
a.boxLink {
font-size: 14px;
color: #414958;
text-decoration: none;
}
#movie {
	padding: 150px 0 0;
	width: 700px;
	margin: 0 auto;
}
#movie .title {
	width: 100%;
	text-align: center;
	font-size: 45px;
	border-bottom: 1px solid #fff;
	margin-bottom: 40px;
  color: #fff;
}
#movie dl {
	width: 500px;
	margin: 0 auto;
}
#movie dl dt {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#movie dl dt iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
#movie dl dd h3 {
	padding: 12px 0 50px;
	text-align: center;
	font-size: 25px;	
	font-weight: 400;
  color: #fff;
} 
#movie a.movieBtn {
	display: block;
	width: 600px;
	height: 100px;
	margin: 100px auto 0;
}



/* smartphone
------------------------------------------------------------*/
@media print, screen and (max-width: 768px) {
.content {
  width: 100%;
  padding: 0 0 16vw;
}
.box-basic {
    color: #fff;
    width: 82vw;
    margin: 0 auto 16vw;
}
h2 {
    width: 100%;
    font-size: 6vw;
}
.box-basic p {
    font-size: 4vw;
}
.outline-david dt, .outline-david dd {
    font-size: 4vw;
}
.about-david {
    width: 82vw;
    margin: 0 auto 12vw;
    padding: 6vw;
}
.about-david-image {
    width: 54%;
    margin: 0 auto 4vw;
}
.about-david-detail {
    font-size: 4vw;
    margin-bottom: 8vw;
}
.cd-detail-left, .cd-detail-right {
    letter-spacing: 0;
    display: block;
}
.cd-detail-left {
    width: 100%;
    margin-bottom: 4vw;
}
.cd-detail-right {
    width: 100%;
    margin-left: 0;
}
p.annotation {
    font-size: 4vw;
    line-height: 1.6;
    margin-bottom: 3.333vw;
}
p.annotation span {
    font-size: 3.2vw;
}
.box-button {
    margin-bottom: 4vw;
}
a.button.streaming {
    width: 100% !important;
    font-size: 4vw;
    padding: 3.2vw;
    box-sizing: border-box;
    text-decoration: none;
}
.box-sns {
    width: 100%;
}
.box-sns img {
    width: 100%;
}
.box-sns p {
  margin-bottom: 3.2vw;
}
a.boxLink {
font-size: 4vw;
}
#movie {
	padding: 10.2vw 0 0;
	width: 81.33333vw;
	margin: 0 auto;
  color: #000;
}
#movie .title {
	width: 100%;
	text-align: center;
	font-size: 5.33333vw;
	margin-bottom: 5.86667vw;
}
#movie dl {
	width: 81.33333vw;
	margin: 0 auto;
}
#movie dl dt {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#movie dl dt iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
#movie dl dd h3 {
	padding: 2.66667vw 0 6.66667vw;
	text-align: center;
	font-size: 4vw;	
} 
#movie a.movieBtn {
	display: block;
	width: 58.66667vw;
	height: 11.33333vw;
	margin: 4vw auto 0;
}
.btn-check {
  padding: 8vw 0;
  width: 100%;
}



}/* smartphone End */