@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
/* CSS Document */


body{
	margin:0;
	padding:0;
	color:#2f2f2f;
	font-size:62.5%;
	font-family: 'Open Sans', sans-serif,'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}

a{text-decoration: none;}
a:link { color: #8ba5d5; }
a:visited { color: #8ba5d5; }
a:hover { color: #8ba5d5; text-decoration:underline;}
a:active { color: #8ba5d5; }

dl,
dt,
dd{
	margin:0;
	padding:0;
}
dt{
	font-weight:500;
}
dd{
	margin-bottom:16px;
}

p,
dt,
dd{
	font-size:0.85rem;
}

img{
	max-width:100%;
	vertical-align: bottom;
}

head,
main,
footer{
	width:100%;
}

h1,
h2,
footer,
#link dl,
.tac{
	text-align:center;
}

h1,h2{
	font-size:2rem;
}
.big{
	font-size:3.3rem;
}
.mini{
	font-size:1rem;
}
h1{
	color:#fff;
	text-shadow:0px 0px 2px black;
}
.sp:after,
.brsp:after{
	content:"　";
}
h3{
	font-size:1.5rem;
	margin-top:48px;
}
.middle{
	font-size:1rem;
}
@media screen and (max-width:599px) {
	h1,h2{
		font-size:1.5rem;
	}
	.big{
		font-size:2.5rem;
	}
	.sp:after{
		content:" ";
	}
	.brsp:after{
  	  content: "\A";
  	  white-space: pre;
	}
}
@media screen and (max-width:479px) {
	h1{
		font-size:1rem;
	}
	h2,h3{
		font-size:1.3rem;
	}
	.big{
		font-size:2rem;
	}
}


#keyvisual,
#info,
#gift,
#first,
#comment,
#shop,
#link,
#new{
	width:100%;
	margin:0;
	overflow:hidden;
}

header,
footer{
	background-color:#000;
}

.textarea{
	max-width:1000px;
	margin:0 auto;
	padding: 0 20px 20px 20px;
}

.lefttext{
	margin:0;
	padding:0;
	width:50%;
	display:inline-block;
}

.righttext{
	text-align:center;
	margin:0;
	padding:0;
	width:50%;
	float:right;
}

@media screen and (max-width:599px) {
	.lefttext{
		width:100%;
		display:block;
	}
	.righttext{
		width:100%;
		float:none;
	}
	.lefttext,
	.righttext{
		max-width:100%;
	}
}

.movie iframe{
	margin-top:26.560px;
	width:100%;
	height:300px;
}
.tap{
	margin-top:26.560px;
}

#keyvisual{
	text-align:center;
	height:450px;
}
@media screen and (max-width:599px) {
	.movie iframe,
	.tap{
		margin-top:0;
	}
	#keyvisual{
		height:350px;
	}
	#keyvisualsp{
    z-index                 : -1;
    background-color        : #fff;
    background-image        : url(c92jksp.jpg);
    background-repeat       : no-repeat;
    background-size         : 100% auto;
    position                : fixed;
    top                     : 0;
    left                    : 0;
    right                   : 0;
    bottom                  : 0;
	}
}
@media screen and (max-width:479px) {
	#keyvisual{
		height:300px;
	}
}
@media screen and (max-width:374px) {
	#keyvisual{
		height:250px;
	}
}
body{
	background-color:#fff;
	background-image:url(c92jk.jpg);
	background-attachment:fixed;
	background-position:top center;
	background-repeat:no-repeat;
	background-size:100%;
}

#info{
	background-color:#fff;
	overflow:hidden;
}

#cdbg{
	background-color: rgba(250,250,250,0.85);
	overflow:hidden;
}

@media screen and (min-width:600px) {
	#cdbg{
		background-color:none;
	}
}
	

#solebg{
	margin:0;
	padding:0;
	background-color: rgba(0,0,0,0.45);
	width:50%;
	display:inline-block;
}

#lunabg{
	margin:0;
	padding:0;
	width:50%;
	float:right;
}

#sole,
#luna{
	width:90%;
	max-width:410px;
}

#sole{
	margin:0 0 0 auto;
	padding:0 20px;
	color:#fff;
}
#sole h3{
	border-bottom:#fff 1px solid;
}

#luna{
	margin-left:0;
	padding:0 20px;
}
#luna h3{
	border-bottom:#2f2f2f 1px solid;
}

@media screen and (max-width:599px) {
	#solebg{
		width:100%;
		display:block;
	}
	#lunabg{
		width:100%;
		float:none;
	}
	#sole,
	#luna{
		max-width:100%;
	}
}

#first{
}

#comment,
#new{
	background-color:#C1D5C8;
}

#shop{
	background-color:#fff;
}

#gift{
	background-color:#000;
	color:#fff;
}

.jk{
	padding-top:20px;
	text-align:center;
}

.jk img{
	max-width:250px;
	display:inline-block;
}

.truck{
	padding-bottom:20px;
}

#link{
	background-color:#fff;
}

#comment,
#new{
	background-color: rgba(250,250,250,0.85);
}

#shop{
	background-color: #fff;
}

small{
	color:#fff;
	font-size:0.8rem;
}

footer .textarea{
	padding-top:20px;
}