.fit {width:100%;height:100%;}
.fitW {width:100%;}
.fitH {height:100%;}
.sp {
	display:none;
}
.pc {
	display:block;
}
body {
	width:100%;
	height:100%;
	background:#FFF;
}
#wrapper {
	width: 100%;
	position: relative;
	height:auto !important; /*IE6対策*/
	height: 100%; /*IE6対策*/
	min-height: 100%;
	margin:0 auto;
	min-width:1200px;
	overflow:hidden;
	font-family: 'M PLUS 1p', sans-serif;
	font-size:18px;
	line-height:1.6em;
}
#contents {
	width:100%;
	min-height:1060px;
	margin:0;
	position:relative;
}
h1 {
	display:none;
}
#main-area {
	width:1104px;
	height:1060px;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	margin-top:0px;
}
/*------------------------------------------------------------------------------
								OBI
------------------------------------------------------------------------------*/
#main-area #obi-pc {
	width:1104px;
	height:550px;
	position:absolute;
	top:90px;
	left:50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	overflow:hidden;
}
#main-area #obi-pc li {
	margin:0 12px;
	float:left;
	width:160px;
	height:100%;
	position:relative;
}
#main-area #obi-pc li span {
	display:block;
	width:100%;
	height:100%;
	background:#FFFFFF;
	position:absolute;
	left:0px;
}
#main-area #obi-pc li span.top {
	top:0px;
}
#main-area #obi-pc li span.bottom {
	bottom:0px;
}
#main-area #obi-pc .obi1 {background:url("../../img2/top/pattern1.gif") repeat left top;}
#main-area #obi-pc .obi2 {background:url("../../img2/top/pattern2.gif") repeat left top;}
#main-area #obi-pc .obi3 {background:url("../../img2/top/pattern3.gif") repeat center center;}
#main-area #obi-pc .obi4 {background:url("../../img2/top/pattern4.gif") repeat left top;}
#main-area #obi-pc .obi5 {background:url("../../img2/top/pattern5.gif") repeat left top;}
#main-area #obi-pc .obi6 {background:url("../../img2/top/pattern6.gif") repeat left top;}
/*------------------------------------------------------------------------------
								LOGO
------------------------------------------------------------------------------*/
#logo {
	width:740px;
	height:380px;
	position:absolute;
	top:10px;
	left:50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
#logo li {
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
}
#logo li#logo1a {background:url(../../img/logo_shadow_a.png) no-repeat center center / contain;}
#logo li#logo1b {background:url(../../img/logo_shadow_b.png) no-repeat center center / contain;}
#logo li#logo1c {background:url(../../img/logo_shadow_c.png) no-repeat center center / contain;}
#logo li#logo1d {background:url(../../img/logo_shadow_d.png) no-repeat center center / contain;}
#logo li#logo1e {background:url(../../img/logo_shadow_e.png) no-repeat center center / contain;}
#logo li#logo1f {background:url(../../img/logo_shadow_f.png) no-repeat center center / contain;}
#logo li#logo2a {background:url(../../img/logo_new_a.png) no-repeat center center / contain;}
#logo li#logo2b {background:url(../../img/logo_new_b.png) no-repeat center center / contain;}
#logo li#logo2c {background:url(../../img/logo_new_c.png) no-repeat center center / contain;}
#logo li#logo2d {background:url(../../img/logo_new_d.png) no-repeat center center / contain;}
#logo li#logo2e {background:url(../../img/logo_new_e.png) no-repeat center center / contain;}
#logo li#logo2f {background:url(../../img/logo_new_f.png) no-repeat center center / contain;}
/*------------------------------------------------------------------------------
								DAY
------------------------------------------------------------------------------*/
h2 {
	width:490px;
	height:142px;
	position:absolute;
	top:350px;
	left:50%;
	margin-left:-245px;
	text-indent:-999999px;
	background:url("../../img2/top/day.png") no-repeat center center;
	background-size:contain;
}
/*------------------------------------------------------------------------------
								SNS BTN
------------------------------------------------------------------------------*/
.sns-btn {
	width: 666px;
	height: auto;
	position:absolute;
	top:520px;
	left:50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.sns-btn li {
	width: 323px;
}
.sns-btn li:nth-child(1) {
	float: left;
}
.sns-btn li:nth-child(2) {
	float: right;
}
.news-btn {
	width: 160px;
	height: auto;
	position:absolute;
	top:515px;
	right:50%;
	margin-right: -575px;
}
.billing {
	width: 700px;
	height: 190px;
	position:absolute;
	top:670px;
	left:50%;
	margin-left: -350px;
	background: url("../../img2/top/billing4.gif") no-repeat center center / contain;
}
.billing h3,.billing p {
	text-indent: -99999px;
}
.series-btn {
	width: 240px;
	height: 40px;
	position:absolute;
	top:880px;
	left:50%;
	margin-left: -120px;
}

.policy {
	position:absolute;
	width: 420px;
	top:950px;
	left:50%;
	overflow: hidden;
	margin-left: -210px;
}
.policy li {
	width: 48%;
	margin: 0 1% 0;
	float: left;
	position: relative;
	text-align: center;
	background: #999999;
	line-height: 2em;
	-webkit-border-radius : 1.3em;
	-moz-border-radius : 1.3em;
	border-radius : 1.3em;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 700;
}
.policy li a {
	position: absolute;
	width: 100%;
	height: 100%;
	top:0px;
	left:0px;
	text-indent: -99999px;
}

/*------------------------------------------------------------------------------
								MATSU
------------------------------------------------------------------------------*/
#matsu1 {
	width:150px;
	height:90px;
	background:url("../../img2/top/matsu4.png") no-repeat center center;
	background-size:contain;
	position:absolute;
	top:200px;
	right:18px;
}
#matsu2 {
	width:250px;
	height:140px;
	background:url(../../img2/top/matsu5.png) no-repeat center center;
	background-size:contain;
	position:absolute;
	top:330px;
	right:40px;
}
#matsu3 {
	width:125px;
	height:70px;
	background:url(../../img2/top/matsu6.png) no-repeat center center;
	background-size:contain;
	position:absolute;
	top:520px;
	right:110px;
}
#matsu4 {
	width:95px;
	height:60px;
	background:url(../../img2/top/matsu2.png) no-repeat center center;
	background-size:contain;
	position:absolute;
	top:380px;
	left:205px;
}
#matsu5 {
	width:210px;
	height:120px;
	background:url(../../img2/top/matsu3.png) no-repeat center center;
	background-size:contain;
	position:absolute;
	top:450px;
	left:75px;
}
#matsu6 {
	width:145px;
	height:85px;
	background:url(../../img2/top/matsu1.png) no-repeat center center;
	background-size:contain;
	position:absolute;
	top:270px;
	left:40px;
}
/*------------------------------------------------------------------------------
								FOOTER
------------------------------------------------------------------------------*/
#footer-area {
	width:100%;
	height:30px;
	position:absolute;
	bottom:30px;
}
#footer-area .copyright {
	width:330px;
	margin:0px auto 0;
	height:30px;
	position:relative;
	background:url("../../img2/top/copyright.gif") no-repeat center center;
	background-size:contain;
	text-indent:-999999px;
}
/*------------------------------------------------------------------------------
								ANIMATION
------------------------------------------------------------------------------*/
.scaleUpLogoOut {
	transform: scale(0.0,0.0);
	opacity: 1.0;
}
.scaleUpLogoIn {
	-webkit-transition: all 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
	transition:         all 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
	transform: scale(1.0,1.0);
	opacity: 1.0;
}
.fromBottomOut {
	transform: translate(0,15px);
	opacity: 0.0;
}
.fromBottomIn {
	-webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition:         all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform: translate(0,0);
	opacity: 1.0;
}
/*スケールアップ*/
.scaleUpOut {
	transform: translate(0px, 0px) rotate(0deg) scale(0.4);
	opacity: 0.0;
}
.scaleUpIn {
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform: translate(0px, 0px) rotate(0deg) scale(1.0);
	opacity: 1.0;
}
/*上移動2*/
.fromDownOut {
	transform: translate(0px, 50px) rotate(0deg) scale(1.0);
	opacity: 0.0;
}
.fromDownIn {
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform: translate(0px, 0px) rotate(0deg) scale(1.0);
	opacity: 1.0;
}
.alphaOut {
	opacity: 0.0;
}
.alphaIn {
	-webkit-transition: all 1.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition:         all 1.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	opacity: 1.0;
}
.fix {
	-webkit-transition: none;
	transition:         none;
	opacity: 1.0;
}
/*------------------------------------------------------------------------------
								SP
------------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) {
.sp {
	display:block;
}
.pc {
	display:none;
}
body {
	width:100%;
	height:169.2vw;
	min-height:1120px;
	background:#FFF;
}
#wrapper {
	width: 100%;
	position: relative;
	margin:0 auto;
	height:169.2vw;
	min-width:740px;
	max-width:1000px;
	font-family: 'M PLUS 1p', sans-serif;
	font-size:3vw;
	line-height:1.6em;
	overflow:auto;
}
#contents {
	width:100%;
	height:100%;
}
h1 {
	display:none;
}
#main-area {
	width:100%;
	height:169.2vw;
	position:relative;
	top:auto;
	left:auto;
	-webkit-transform: none;
	transform: none;
	overflow:hidden;
}
/*------------------------------------------------------------------------------
								OBI
------------------------------------------------------------------------------*/
#main-area #obi-pc {
	width:96vw;
	height:85vw;
	position:absolute;
	top:18vw;
	left:50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	overflow:auto;
}
#main-area #obi-pc li {
	margin:0 1vw;
	width:14vw;
}
/*------------------------------------------------------------------------------
								LOGO
------------------------------------------------------------------------------*/
#logo {
	width:100vw;
	height:52vw;
	position:absolute;
	top:5vw;
}
/*------------------------------------------------------------------------------
								DAY
------------------------------------------------------------------------------*/
h2 {
	width:60vw;
	height:18vw;
	top:52vw;
	margin-left:-30vw;
}
/*------------------------------------------------------------------------------
								SNS BTN
------------------------------------------------------------------------------*/
.sns-btn {
	width: 71vw;
	top:74vw;
}
.sns-btn li {
	width: 35vw;
}
.news-btn {
	width: 20vw;
	top:88vw;
	margin-right: -10vw;
}
.billing {
	width: 100vw;
	height: 22.5vw;
	top:110vw;
	margin-left: -50vw;
}
.series-btn {
	width: 48vw;
	height: auto;
	top:138vw;
	margin-left: -24vw;
}

.policy {
	width: 80%;
	top:152vw;
	margin-left: -40%;
}
.policy li {
	line-height: 2em;
	-webkit-border-radius : 1.3em;
	-moz-border-radius : 1.3em;
	border-radius : 1.3em;
	font-size: 2.5vw;
}
.policy li a {
	position: absolute;
	width: 100%;
	height: 100%;
	top:0px;
	left:0px;
	text-indent: -99999px;
}

/*------------------------------------------------------------------------------
								MATSU
------------------------------------------------------------------------------*/
#matsu1 {
	width:15vw;
	height:9vw;
	top:50vw;
	right:3.5vw;
}
#matsu2 {
	width:25vw;
	height:14vw;
	top:65vw;
	right:-4vw;
}
#matsu3 {
	width:12.5vw;
	height:7vw;
	top:92vw;
	right:12vw;
}
#matsu4 {
	width:9.5vw;
	height:6vw;
	top:65vw;
	left:13vw;
}
#matsu5 {
	width:21vw;
	height:12vw;
	top:86vw;
	left:5vw;
}
#matsu6 {
	width:14.5vw;
	height:8.5vw;
	top:52vw;
	left:1vw;
}
/*------------------------------------------------------------------------------
								FOOTER
------------------------------------------------------------------------------*/
#footer-area {
	width:100%;
	height:4vw;
	bottom:4vw;
}
#footer-area .copyright {
	width:50vw;
	height:4vw;
}

}