@charset "UTF-8";



.box{
	color: #000;
	position: relative;
	height: 100vh;
}
.box-full{
	color: #000;
	position: relative;
	height: 100%;
	margin-left: auto;
	z-index: 9000;
}
.box1{
	position: relative;
}
.box2{
	position: relative;
	background-color: #E9E9E9;
}
.box3 {
	position: relative;
}
.box4 {
	background-color: #EFEFEF;
	position: relative;
}
.box5 {
	position: relative;
}



.box6 {
	background-color: #EFEFEF;
}
.box8 {
	background-color: #EFEFEF;
}
#sec01 .mainimg {
	width: 400px;
	height: 400px;
	position: absolute;
	top: 50%;
	margin-top: -200px;
	right: 15%;
}
.boxarea  {
	width: 550px;
	position: absolute;
	right: 10%;
	top: 10%;
	text-align: left;
	z-index: 9990;
}
.boxarea2  {
	width: 800px;
	position: absolute;
	right: 10%;
	top: 10%;
	text-align: left;
	background-color: rgba(255,255,255,0.80);
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 25px;
	z-index: 9999;
}
.boxarea3  {
	width: 600px;
	text-align: left;
	background-color: rgba(255,255,255,0.80);
	z-index: 9000;
	margin-left: auto;
	margin-right: 10%;
	margin-top: 5%;
	margin-bottom: 5%;
	position: relative;
}
.midashi {
	font-size: 36px;
	margin-bottom: 30px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	text-align: left;
	line-height: 48px;
}
.midashi-line {
	font-size: 36px;
	margin-bottom: 30px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	text-align: left;
	line-height: 48px;
	border-left: 5px solid rgba(0,105,52,1.00);
	padding-left: 20px;
	z-index: 0;
}
.midashi2{
	font-size: 22px;
	margin-bottom: 30px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	text-align: left;
	line-height: 32px;
}
.eng {
	color: #7A7A7A;
	font-size: 100px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	line-height: 70px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	opacity: 0.2;
}

.tbl {
}
.tbl th {
	color: rgba(0,105,52,1.00);
	padding-right: 20px;
}
.shopname {
	background-color: #006934;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}

.shoplist li {
	width: 23%;
	display: inline-block;
	margin-top: 5px;
	margin-right: 1%;
	vertical-align: top;
	font-size:13px;
	line-height: 20px;
}
.shoplist li a {
	color: #006934;
}


#acod-area {
	position: absolute;
	bottom: 0px;
	width: 100%;
	text-align: center;
}
#acod-area dt {
	width: 413px;
	height: 35px;
	cursor: pointer;
	background-image: url(../../img/bottomarea-title-open.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
}
#acod-area dt.active {
	width: 413px;
	height: 35px;
	cursor: pointer;
	background-image: url(../../img/bottomarea-title-close.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-left: 20px;
}
#acod-area dd {
	display: none;
}




.bottomarea {
	height: 85px;
	width: 100%;
	padding-bottom: 0px;
	z-index: 8900;
}
.bottomarea .btnarea {
	background-color: #FFFFFF;
	padding-bottom: 10px;
}

.bottomarea ul {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	height: 46px;
	padding-top: 10px;
}
.bottomarea ul li {
	margin-left: 15px;
	margin-right: 16px;
	float: left;
	height: 46px;
}


ul.banner3 li {
	margin-right: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
	display: inline-block;
	vertical-align: top;
}
ul.banner3 li:last-child  {
	margin-right: 0px;
}


ul.banner2 li {
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	display: inline-block;
}
ul.banner2 li:last-child  {
	margin-right: 0px;
	display: inline-block;
}
.iconlist {
	margin-left: 40px;
}

.iconlist li {
	float: left;
	margin-right: 5px;
}
#first {
	width: 100vw;
	height: 100vh;
	background-color: #000000;
	position: fixed;
	z-index: 9000;
	-webkit-animation: fadeout 3s ease 1s 1 forwards;
	animation: fadeout 3s ease 1s 1 forwards;
}
#first img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -270px;
	width: 540px;
	height: 200px;
	margin-top: -100px;
}
#cube {
	position: fixed;
	top: 50%;
	margin-top: -700px;
	left: -600px;
	width: 1400px;
	height: 1400px;
	z-index: 8000;
}
.cubeimg{
	animation-name: imgro;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-duration: 1.5s;
	z-index: 10;
}
@keyframes imgro {
    0% {
        transform: translate(0,0px);
    }

    100% {
        transform: translate(0,-15px)
    }
}
@-webkit-keyframes fadeout {
	0% {
		opacity :1;
		visibility: visible;
	}
	100% {
		opacity:0;
		visibility: hidden;
	}
}
@keyframes fadeout {
	0% {
		opacity :1;
		visibility: visible;
	}
	100% {
		opacity:0;
		visibility: hidden;
	}
}