@charset "UTF-8";

/*****************************************************

    PC用

*****************************************************/
.-----pc-----{}
@media screen and (min-width: 740px) {
.bar {
	background-image: url(../img/bk_bar.png);
	background-repeat: repeat-x;
	-moz-background-size: contain;
	background-size: contain;
	width: 100%;
	min-width: 100%;
	z-index: 9999;
	height: auto;
}
.bar .inner {
	text-align: center;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width: 960px;
	-moz-background-size: contain;
	background-size: contain;
	padding-top: 15px;
	padding-bottom: 22px;
	color: #ffffff;
}
.bar .inner img {
	max-width: 200px;
	width: 100%;
	height: auto;
}
.-----header-----{}
header {
	width: 100%;
	position: relative;
	z-index: -9999;
	-moz-background-size: contain;
	top: -15px;
	background-color: #ffffff;
	border-bottom: 1px solid #000000;
}
header .pc-head {
	-moz-background-size: cover;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	max-width: 1016px;
	width: 90%;
}
.pc-head img {
	background-repeat: no-repeat;
	background-position: center top;
	margin-right: auto;
	margin-left: auto;
	-moz-background-size: contain;
	background-size: contain;
	width: 100%;
	height: auto;
	max-width: 1005px;
}
.sp-head img {
	display:none;
	}
	
.-----timer-----{}
.timer {
	background-color: #000000;
	color: #FFF;
	text-align: center;
	padding: 10px;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0px 0px 10px 1px rgba(50, 50, 50, 0.75);
	box-shadow: 0px 0px 10px 1px rgba(50, 50, 50, 0.75);
	position: relative;
	z-index: 1000;
	margin-bottom: 20px;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	top: -15px;
}
  .timer p {
    font-size: 20px; }

#timer .mb-0 {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	color: #ffffff;
	text-align: center;
}
	

.-----youtube-----{}
.box-youtube {
	background-color: #000000;
	border: 3px solid #666666;
	border-radius: 10px; /* CSS3草案 */
	-webkit-border-radius: 10px; /* Safari,Google Chrom用 */
	-moz-border-radius: 10px; /* Firefox用 */
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 3%;
	max-width: 960px;
	padding-top: 60px;
	width: 96%;
	height: auto;
	max-height: 560px;
  }
.box-youtube .youtube {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-top: 0px;
}
.box-youtube .youtube iframe {
	position: absolute;
	top: 0;
	width: 80%;
	height: 80%;
	left: 10%;
	right: 10%;
}
.box-youtube img {
	width: 90%;
	height: auto;
	max-width: 696px;
	margin-bottom: 20px;
	max-height: 467px;
}
.-----base-----{}
#wrap {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width: 960px;
}
.box-white {
	background-color: #ffffff;
	width: 96%;
	margin-right: auto;
	margin-bottom: 60px;
	margin-left: auto;
	padding-top: 60px;
	padding-bottom: 30px;
	border-radius: 10px; /* CSS3草案 */
	-webkit-border-radius: 10px; /* Safari,Google Chrom用 */
	-moz-border-radius: 10px; /* Firefox用 */
	max-width: 960px;
	height: auto;
	margin-top: 60px;
}
.box-white img {
	width: 100%;
	max-width: 885px;
	height: auto;
}
.box-white p {
	color: #333333;
	font-size: 20px;
	line-height: 1.5em;
	margin-bottom: 40px;
	width: 90%;
	max-width: 800px;
	margin-right: auto;
	margin-left: auto;
}
.margin-u30 {
	margin-bottom: 30px;
	width: auto;
}
p.btn {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 90px;
}

.-----about-----{}
.box-about {
	width: 96%;
	margin-right: auto;
	margin-bottom: 60px;
	margin-left: auto;
	padding-top: 60px;
	padding-bottom: 30px;
	border: 3px solid #99d1eb;
	border-radius: 10px; /* CSS3草案 */
	-webkit-border-radius: 10px; /* Safari,Google Chrom用 */
	-moz-border-radius: 10px; /* Firefox用 */
	max-width: 800px;
}
.box-about img {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.about-left  {
	float: left;
	width: 60%;
	margin-left: 30px;
}
.about-left ul li {
	text-align: left;
	font-size: 18px;
	margin-left: 20px;
}
.about-left p  {
	font-size: 18px;
}
ul.about-right {
	float: right;
	margin-right: 40px;
	width: 30%;
}
.about-right li img {
	margin-bottom: 20px;
	width: 100%;
	max-width: 296px;
}

.-----manzoku-----{}
.box-gold {
	width: 90%;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	border: 3px solid #e2d3b7;
	border-radius: 10px; /* CSS3草案 */
	-webkit-border-radius: 10px; /* Safari,Google Chrom用 */
	-moz-border-radius: 10px; /* Firefox用 */
	padding-top: 40px;
}
.box-gold .manzoku {
	max-width: 509px;
	margin-right: auto;
	margin-left: auto;
	width: 90%;
}
.box-black {
	width: 90%;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	border: 3px solid #000000;
	border-radius: 10px; /* CSS3草案 */
	-webkit-border-radius: 10px; /* Safari,Google Chrom用 */
	-moz-border-radius: 10px; /* Firefox用 */
	padding-top: 40px;
}
.contents ul {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.contents ul li  {
	background-image: url(../img/check.jpg);
	background-repeat: no-repeat;
	text-align: left;
	font-size: 18px;
	line-height: 1.5em;
	list-style-position: outside;
	padding-left: 30px;
	margin-bottom: 30px;
}
.box-red {
	width: 90%;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	border: 3px solid #cc0000;
	border-radius: 10px; /* CSS3草案 */
	-webkit-border-radius: 10px; /* Safari,Google Chrom用 */
	-moz-border-radius: 10px; /* Firefox用 */
	padding-top: 40px;
}
.box-red ul {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
}
.box-red ul li {
	text-align: left;
	font-size: 20px;
	line-height: 1.5em;
}
.box-red .photo {
	float: right;
	width: 40%;
	margin-left: 20px;
	margin-bottom: 20px;
	margin-right: 20px;
}
.box-question {
	width: 80%;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	border: 3px solid #e0e0e0;
	border-radius: 10px; /* CSS3草案 */
	-webkit-border-radius: 10px; /* Safari,Google Chrom用 */
	-moz-border-radius: 10px; /* Firefox用 */
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 18px;
	line-height: 1.5em;
	text-align: left;
	padding-right: 20px;
	padding-left: 20px;
}
.signature img {
	width: 50%;
	float: right;
	max-width: 352px;
}
.pyramid img {
	max-width: 711px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}
.product img {
	max-width: 821px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}
.zu-001 img {
	max-width: 800px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}

.-----footer-----{}
footer {
	background-color: #000000;
	border-top: 1px solid #666666;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
	color: #ffffff;
	font-size: 18px;
}
.inner {
	width: 450px;
	margin-right: auto;
	margin-left: auto;
}
.inner ul li.f-001 {
	float: left;
}
.inner ul li.f-002 {
	float: right;
}
footer a {
	color: #ffffff;
	text-decoration: none;
}
footer a:hover {
	color: #ffcc00;
}
	}