@charset "UTF-8";

/*================================================
 *  一般・共通設定
 ================================================*/
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  background: #ffffff;
}

#loading{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#loader-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #000000;
    z-index: 99;
}

#main-contents{
    text-align: center;
}


/*================================================
 *  セクション分け
 ================================================*/








/*************************
onlineshop
*************************/

#onlineshop {
	position: fixed;
	bottom: 5px;
	right: 5px;
	z-index: 999;
}

#onlineshop a {
	display: block;
	text-decoration: none;
	text-align: center;
	z-index: 999;
}

#onlineshop a:hover {
	text-decoration: none;
	-webkit-transform:translateY(-3px);
	transform:translateY(-3px);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	filter: brightness(128%);
}

@media screen and (max-width: 767px) {

	#onlineshop {
		position: fixed;
	bottom: 5px;
	right: 5px;
	}

	#onlineshop a {
		text-align: right;
	}
	.shopbot{
		width: 45%;
		max-width: 181px;
	}

}

/*************************
pagetop
*************************/

#pageTop {
	position: fixed;
	bottom: 5px;
	right: 20px;
	z-index: 999;
}

#pageTop a {
	display: block;
	text-decoration: none;
	text-align: center;
	z-index: 999;
}

#pageTop a:hover {
	text-decoration: none;
	-webkit-transform:translateY(-5px);
	transform:translateY(-5px);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

@media screen and (max-width: 767px) {

	#pageTop {
		position: fixed;
		bottom: 5px;
		right: 20px;
	}

	#pageTop a {
		text-align: right;
	}
	.topbot{
		width: 50%;
		max-width: 150px;
	}

}