@charset "utf-8";
/* CSS Document */
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}
#wrapper2 {
  position : relative;
  max-width : 1500px;
}
#wrapper2 #mvArea{
	max-width: 1300px;
	margin: 0 auto 5%;
	background-image: url(../img/background_moon_img_01.png);
	background-position: 30px -110px;
	background-repeat: no-repeat;
	background-size:650px;
}
#wrapper2 #mvArea p img {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
#wrapper2 a {
	color:#fff000;
}
#wrapper2 a:hover{
	color: #ccc000;
	opacity: 1;
}
#wrapper2 a:hover img{
	opacity: 0.6;
	transition-duration: 0.3s;
}
#wrapper2 .anchor{
    padding-top: 80px;
    margin-top: -80px;
}
#bg_wrapper{
	background: #000;
	background-image: url(../img/back.png);
	background-position: left top;
	background-repeat: repeat;
	background-size: auto;
}
#wrap{
	margin: 0 auto;
}
#wrap img{
	width: 100%;
	vertical-align: bottom;
	display: block;
}
#mvArea,
#wrap{
	width: 100%;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	color: #fff;
	text-align: center;
}
#wrap .wrapInner{
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 7%;
}
#wrap #mainContents {
	max-width:1000px;
	margin: 0 auto;
}
#readArea{
	margin: 0 auto;
	max-width: 1000px;
}
#wrap #mainContents #historyArea,
#wrap #mainContents #certificationArea,
#wrap #mainContents #movieArea,
#wrap #mainContents #collaborationArea,
#wrap #mainContents #campaignArea,
#wrap #mainContents #stampArea{
	margin: 0 auto 15%;
}
#wrap #mainContents #aboutArea .headingBlock01,
#wrap #mainContents #historyArea .headingBlock01,
#wrap #mainContents #movieArea .headingBlock01,
#wrap #mainContents #collaborationArea .headingBlock01,
#wrap #mainContents #campaignArea .headingBlock01,
#wrap #mainContents #stampArea .headingBlock01{
	margin: 0 auto 8%;
}
.textBlock01,
.textBlock02{
	font-size:1.5rem;
	line-height: 1.8;
	font-weight: bold;
	margin: 0 0 3% 0;
	margin: 0 auto;
}

#wrap #mainContents .btnBlock01 a {
	max-width: 300px;
	padding:20px;
	display: block;
	background: #ff0;
	font-size: 1.5rem;
	color:#000;
	font-weight: bold;
	margin: 0 auto;
	border-radius: 10px;
}
#wrap #mainContents .btnBlock01 a:hover{
	background-color: #f7f199;
}
.textBlock01,
#wrap #mainContents .textBlock01{
	text-align: left;
}
#wrap #mainContents .textBlock02{
	text-align: center;
}
#readArea .textBlock01{
	width: 770px;
}
#wrap #mainContents #historyArea .textBlock01,
#wrap #mainContents #certificationArea .textBlock01,
#wrap #mainContents #collaborationArea .textBlock01,
#wrap #mainContents #stampArea .textBlock01{
	width: 680px;
	margin: 0 auto;
}
#wrap #mainContents #movieArea .textBlock01{
	width: 720px;
	margin: 0 auto;
}
#wrap #mainContents #collaborationArea .bannerBlock02,
#wrap #mainContents #stampArea .bannerBlock02{
	width: 800px;
	margin: 0 auto 8%;
}
#wrap #mainContents #historyArea .historyBlock01 {
	font-weight: bold;
	text-align: left;
	width: 700px;
	margin: 0 auto 8%;
}
#wrap #mainContents #historyArea .historyBlock01 dt{
	float: left;
	font-size:1.45rem;
	width: 150px;
	text-align: left;
}
#wrap #mainContents #historyArea .historyBlock01 dd{
	font-size:1.3rem;
	margin-left: 190px;
	margin-bottom: 5%;
}
#wrap #mainContents #historyArea .historyBlock01 dd::after {
	content: "";
	display: block;
	clear: both;
}
#wrap #mainContents #historyArea .bannerBlock01{
	width: 660px;
	margin: 0 auto;
}
#wrap #mainContents #historyArea .bannerBlock01 .textBlock02 {
	color:#009bff;
	margin: 0 auto;
}
#wrap #mainContents #historyArea .bannerBlock01 a {
	display: block;
	background: #fff;
}
#wrap #mainContents #certificationArea .bannerBlock02{
	width: 804px;
	margin: 0 auto 7%;
}
#wrap #mainContents #campaignArea .bannerBlock02{
	width: 802px;
	margin: 0 auto;
}
#wrap #mainContents #collaborationArea .strong01 {
	font-size: 2.2rem;
	line-height: 1.5;
}
#wrap #mainContents .moonBlock01{
	padding:90px 0 10px 0;
	background: url(../img/background_moon_img_02.png) no-repeat left;
	background-size: 40%;
	margin: 0 auto 3%;
}
#wrap #mainContents .saturnBlock01{
	padding:15px 0 0 0;
	background: url(../img/background_saturn_img_01.png) no-repeat right top;
	background-size: 30%;
}
#wrap #mainContents .movieBlock01Outer {
	max-width: 850px;
	margin: 0 auto;
}
#wrap #mainContents .movieBlock01 {
	position: relative;
	padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
	height: 0;
	overflow: hidden;
}
#wrap #mainContents .movieBlock01 iframe {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 100%;
}
#wrap #mainContents #movieArea .movieText01{
	font-size: 1.3rem;
	font-weight: bold;
	margin: 0 0 2% 0;
}
#wrap #mainContents .contactBlock01 {
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.33;
	text-align: center;
	color: #fff;
	margin: 8%;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

/* -------- SNS -------- */
#wrap .snsBlock01{
	max-width: 1000px;
	margin: 0 auto;
	text-align: center;
	padding:0 0 35% 0;
	background-image: url(../img/footer_moon_img_01.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100%;

}
#wrap .snsBlock01 ul {
	display: inline-block;
	margin: 0 auto;
	padding: 0;
}
#wrap .snsBlock01 li {
	display: inline-block;
}
#wrap .snsBlock01 .fb,
#wrap .snsBlock01 .twt2,
#wrap .snsBlock01 .line,
#wrap .snsBlock01 .line2{
	max-width: 90px;
}
#wrap .snsBlock01 li + li {
	margin-left: 65px;
}
#wrap .snsBlock01 .fb a img,
#wrap .snsBlock01 .twt2 a img,
#wrap .snsBlock01 .line a img,
#wrap .snsBlock01 .line2 a img{
  transition-duration: 0s;
}
#wrap .snsBlock01 .fb a,
#wrap .snsBlock01 .twt2 a,
#wrap .snsBlock01 .line a,
#wrap .snsBlock01 .line2 a{
	background-color: #ebdd00;
	border-radius: 45px;
	display: block;
	padding:20px;
	  transition-duration: 0.5s;
}
#wrap .snsBlock01 .fb a:hover,
#wrap .snsBlock01 .twt2 a:hover,
#wrap .snsBlock01 .line a:hover,
#wrap .snsBlock01 .line2 a:hover{
	background-color: #f7f199;
}

.mb12p{margin-bottom: 12% !important;}
.mb10p{margin-bottom: 10% !important;}
.mb9p{margin-bottom: 9% !important;}
.mb8p{margin-bottom: 8% !important;}
.mb6p{margin-bottom: 6% !important;}
.mb5p{margin-bottom: 5% !important;}
.mb4p{margin-bottom: 4% !important;}
.mb3p{margin-bottom: 3% !important;}
.mb2p{margin-bottom: 2% !important;}
#wrap .textRight {text-align: right;}
#wrap .txtBold{font-weight: bold}
.pc { display:block!important; }
.sp { display:none!important; }

@media screen and (min-width:751px) and ( max-width:1250px) {
#wrapper2 #mvArea{
	background-size:55%;
	background-position: left -75px;
}
#wrap .snsBlock01{
	padding:0 0 40% 0;
}
}
@media screen and (max-width: 750px) {
#wrapper2 #mvArea{
	width: 100%;
	background:none;
}
#mvArea .textBlock01,
#wrap #mainContents .textBlock01,
#wrap #mainContents .textBlock02{
	font-size:1.1rem;
	line-height: 1.5;
	font-weight: bold;
	padding:0 3%;
}
#wrap #mainContents #collaborationArea .strong01 {
	font-size: 1.7rem;
}
#wrap #mainContents #movieArea .movieText01{
	font-size: 1.1rem;
}
#readArea .textBlock01,
#wrap #mainContents #historyArea .textBlock01,
#wrap #mainContents #certificationArea .textBlock01,
#wrap #mainContents #collaborationArea .textBlock01,
#wrap #mainContents #stampArea .textBlock01,
#wrap #mainContents #movieArea .textBlock01,
#wrap #mainContents #collaborationArea .bannerBlock02,
#wrap #mainContents #stampArea .bannerBlock02,
#wrap #mainContents #historyArea .historyBlock01,
#wrap #mainContents #historyArea .bannerBlock01,
#wrap #mainContents #campaignArea .bannerBlock02,
#wrap #mainContents #certificationArea .bannerBlock02,
#wrap #mainContents .movieBlock01Outer{
	width: 100%;
}
#wrap #mainContents #stampArea .bannerBlock02,
#wrap #mainContents #historyArea .bannerBlock01,
#wrap #mainContents #campaignArea .bannerBlock02,
#wrap #mainContents #certificationArea .bannerBlock02,
#wrap #mainContents .movieBlock01Outer {
	padding:0 1%;
}
#wrap #mainContents #historyArea .historyBlock01 {
	width: 85%;
}
#wrap #mainContents #historyArea .historyBlock01 dt{
	float: none;
	width: 100%;
	font-size:1rem;
	text-align: left;
	margin-bottom: 1.5%;
}
#wrap #mainContents #historyArea .historyBlock01 dd{
	font-size:1rem;
	margin-left: 0;
	margin-bottom: 6%;
}
#wrap #mainContents #historyArea .historyBlock01 dd::after {
	content: "";
	display: block;
	clear: both;
}
#wrap #mainContents .btnBlock01 a {
	max-width: 80%;
	padding: 15px;
	font-size: 1.2rem;
}

/* -------- SNS -------- */
#wrap .snsBlock01{
	padding:0 0 50% 0;
}
#wrap .snsBlock01 ul {
	width: 70%;
	margin: 0 auto;
	text-align: center;
}
#wrap .snsBlock01 li {
	display: inline-block;
}
#wrap .snsBlock01 .fb,
#wrap .snsBlock01 .twt2,
#wrap .snsBlock01 .line,
#wrap .snsBlock01 .line2{
	max-width: 70px;
}
#wrap .snsBlock01 li + li {
	margin-left: 2%;
}

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

	
}