/*
Theme Name: ORIGINAL
*/


* {
	margin: 0;
	padding: 0;
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

html {
font-size: 100%;
overflow-y: scroll;
-webkit-font-smoothing: antialiased;
text-rendering:optimizeLegibility;
}

ul, li{
list-style:none;
}

img{
display:block;
}

::selection {
background-color: #000;
color:#fff;
}

a{
text-decoration:none;
	color:#000;
}

.text_border{
text-decoration:underline;
}


.font_bold{
font-weight:bold;
}


.font12{
font-size:12pt;
}


.font13{
font-size:13pt;
}


.font14{
font-size:14pt;
}

.font15{
font-size:15pt;
}

.font16{
font-size:16pt;
}

.font17{
font-size:17pt;
}

.font18{
font-size:18pt;
}

.font19{
font-size:19pt;
}

.font20{
font-size:20pt;
}

.text_bold{
	font-weight:bold;
}

.clear{
clear: both;
}


img{
width:100%;
height:auto;
}


body {
	color:#3e3a39;
	background: #fff;
line-height:180%;
	font-family: YuGothic, 游ゴシック, sans-serif;
}



/* 共通ページ */

#pagetop{
position:absolute;
top:0;
}

.loading {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
bottom: 0;
z-index: 9998;
opacity: 1;
background: #fff;
}



.loader
{
position: absolute;
display: inline-block;
top:50%;
left:50%;
margin-left:-17px;
margin-top:-30px;
width: 30px;
height: 30px;
border-radius: 30px;
	border: 1px solid #6f6259;
border-right-color: transparent;
-webkit-animation: spin 1s infinite linear;
-moz-animation: spin 1s infinite linear;
}


@-webkit-keyframes spin
{
	0% { -webkit-transform: rotate(0deg); opacity: 0.4; }
	50%  { -webkit-transform: rotate(180deg); opacity: 1; }
	100%   { -webkit-transform: rotate(360deg); opacity: 0.4; }
}

@-moz-keyframes spin
{
	0% { -moz-transform: rotate(0deg); opacity: 0.4; }
	50%  { -moz-transform: rotate(180deg); opacity: 1; }
	100%   { -moz-transform: rotate(360deg); opacity: 0.4; }
}









#oli_top{
	border:15px solid #fff;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}




.shop_box {
	position:relative;
	display:inline-block;
	width:33.333333%;
	background-size: cover;
	background-position: center center;
}

.shop_box a{
	display:block;
	height: 100%;
}

.shop_box a:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	height: 100%;
	width: 100%;
	background:rgba(255,255,255,.2);
}

.shop_box ul{
	opacity:0;
	position:absolute;
	z-index:99;
	top:50%;
	left:50%;
	margin-left: -53px;
	margin-top: -70px;
}


.shop_box.shop_box01 ul{
	margin-left: -65px;
	margin-top: -70px;
}

.open .shop_box01 ul{
	opacity:1;
	-webkit-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1s;
	-moz-transition: .8s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .8s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .8s cubic-bezier(0.78, .18, .34, .98);
	transition: .8s cubic-bezier(0.78, .18, .34, .98) 1s;
}


.open .shop_box02 ul{
	opacity:1;
	-webkit-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.5s;
	-moz-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.5s;
	-ms-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.5s;
	-o-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.5s;
	transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.3s;
}

.open .shop_box03 ul{
	opacity:1;
	-webkit-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.6s;
	-moz-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.6s;
	-ms-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.6s;
	-o-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.6s;
	transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.6s;
}


.shop_box ul li.top_logo{
	width:110px;
	margin: 0 auto
}




.shop_box ul li.enter{
	text-align:center;
	margin-top:20px;
}

.shop_box ul li.enter p{
	font-family: TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif;
}





/* ページ共通*/




.sp_img{
	display:none!important;
}






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

img{
width:100%;
height:auto;
}



.sp_img{
display:block!important;
}

.pc_img{
display:none!important;
}



.shop_box {
	position:relative;
	display:inline-block;
	width:100%;
	height:33.333333%;
	background-size: cover;
	background-position: center center;
}



.shop_box.shop_box01 ul {
	margin-left: -38px;
	margin-top: -50px;
}

.shop_box ul {
	margin-left: -40px;
	margin-top: -60px;
}

.shop_box ul li.enter{
	margin-top:10px;
}


.shop_box ul li.top_logo{
	width:76px;
}






}




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