@charset "UTF-8";

/*
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%;
  -webkit-font-smoothing: antialiased;
	text-rendering:optimizeLegibility;
	overflow-x: hidden;
}

ul, li{
  list-style:none;
}

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

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

a{
	text-decoration:none;
	color:#000;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}



a:hover{
	text-decoration:none;
	color:#000;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}




.text_border{
  text-decoration:underline;
}

.text_center{
	text-align:center;
}


.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;
}

p{
	font-size: 13px;
	font-feature-settings: "palt";
}


.clear{
  clear: both;
}


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


body {
	font-family: "noto-sans-cjk-jp", sans-serif;	
	color: #000;
	line-height:150%;
	overflow-x: hidden;
	background:#fff;
}


body:before{
	content:"";
	position:fixed;
	z-index: 999;
	top:0;
	left:0;
	width:100%;
	height:90px;
	background:#fff;
	opacity:0;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}

body.on_scroll:before{
opacity:1;
		-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}






#logo_mioclip{
	position:fixed;
	z-index:999;
	top:25px;
	left:50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}


#logo_mioclip > a{
	width:330px;
	display:block;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}

.on_scroll #logo_mioclip > a{
	width:220px;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}





.on_scroll #logo_mioclip > a{

}



#h_menu{
	position:fixed;
	z-index:9999;
	right:20px;
	top:20px;
}


.sub_grand_menu{
	width: 50px;
  -webkit-transition: 1s cubic-bezier(0.78, .18, .34, .98);
  -moz-transition: 1s cubic-bezier(0.78, .18, .34, .98);
  -ms-transition: 1s cubic-bezier(0.78, .18, .34, .98);
  -o-transition: 1s cubic-bezier(0.78, .18, .34, .98);
  transition: 1s cubic-bezier(0.78, .18, .34, .98);
}


.sub_grand_menu.sub_grand_menu_ani{
  position:fixed;
  top:0px;
  -webkit-transition: 1s cubic-bezier(0.78, .18, .34, .98);
  -moz-transition: 1s cubic-bezier(0.78, .18, .34, .98);
  -ms-transition: 1s cubic-bezier(0.78, .18, .34, .98);
  -o-transition: 1s cubic-bezier(0.78, .18, .34, .98);
  transition: 1s cubic-bezier(0.78, .18, .34, .98);
}


.sub_grand_menu .button-navi-icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 35px;
  height: 1.6px;
    margin: 0px 0 0 -18px;
	background: #211916;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}

.sub_grand_menu .button-navi-icon:after, .sub_grand_menu .button-navi-icon:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 35px;
  height: 1.6px;
  background: #211916;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -ms-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.sub_grand_menu .button-navi-icon:before {
  margin-top: -10px;
}

.sub_grand_menu .button-navi-icon:after {
  margin-top: 9px;
}


.sub_grand_menu .button-navi-icon.close:after, .sub_grand_menu .button-navi-icon.close:before {
  background: #000;
}



.sub_grand_menu_top{
  padding: 24px 0px;
  overflow:hidden;
}



.sub_grand_menu_top .sub_menu ul li{
  display: inline-block;
  padding:0 20px;
}




.sub_grand_menu .button-navi-icon.close:before, .sub_grand_menu .button-navi-icon.close:after {
  margin-top: 0;
}

.sub_grand_menu .button-navi-icon.close:after {
  margin-left: 0px;
}


.button-navi-icon.close:after {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.button-navi-icon.close:before {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


.button-navi-icon.close {
  background: transparent;
}



.button-close{
  position:absolute;
  padding: 24px 0px;
	width: 50px;
  top: 0;
  z-index:-9999;
}



#menu_index{
	position:fixed;
	top: 0;
	width:100%;
	height:100%;
	background:#ffffff;
	z-index: 998;
	overflow: scroll;
}




.menu_box{
	width: 62%;
	overflow: scroll;
	position:absolute;
	top:50%;
	left:50%;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-between;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.menu_box::-webkit-scrollbar{
  display: none;
}



.menu_box > div{
	border-bottom:1px solid #000000;
	display:inline-block;
	width:48%;
	opacity:0;
}


.menu_box > div > a{
	padding:5px 0;
	display: block;
}

.menu_box > div > a:hover{
	padding:5px 0;
	opacity:0.4;
}



#menu_index.active .menu_box > div{
	opacity:1;
}

#menu_index.active .menu_box > div:nth-child(1){
	-webkit-transition: .6s cubic-bezier(0.78, .18, .34, .98) .2s;
	-moz-transition: .6s cubic-bezier(0.78, .18, .34, .98) .2s;
	-ms-transition: .6s cubic-bezier(0.78, .18, .34, .98) .2s;
	-o-transition: .6s cubic-bezier(0.78, .18, .34, .98) .2s;
	transition: .6s cubic-bezier(0.78, .18, .34, .98) .2s;
}

#menu_index.active .menu_box > div:nth-child(2){
	-webkit-transition: .6s cubic-bezier(0.78, .18, .34, .98) .3s;
	-moz-transition: .6s cubic-bezier(0.78, .18, .34, .98) .3s;
	-ms-transition: .6s cubic-bezier(0.78, .18, .34, .98) .3s;
	-o-transition: .6s cubic-bezier(0.78, .18, .34, .98) .3s;
	transition: .6s cubic-bezier(0.78, .18, .34, .98) .3s;
}

#menu_index.active .menu_box > div:nth-child(3){
	-webkit-transition: .6s cubic-bezier(0.78, .18, .34, .98) .4s;
	-moz-transition: .6s cubic-bezier(0.78, .18, .34, .98) .4s;
	-ms-transition: .6s cubic-bezier(0.78, .18, .34, .98) .4s;
	-o-transition: .6s cubic-bezier(0.78, .18, .34, .98) .4s;
	transition: .6s cubic-bezier(0.78, .18, .34, .98) .4s;
}


#menu_index.active .menu_box > div:nth-child(4){
	-webkit-transition: .6s cubic-bezier(0.78, .18, .34, .98) .5s;
	-moz-transition: .6s cubic-bezier(0.78, .18, .34, .98) .5s;
	-ms-transition: .6s cubic-bezier(0.78, .18, .34, .98) .5s;
	-o-transition: .6s cubic-bezier(0.78, .18, .34, .98) .5s;
	transition: .6s cubic-bezier(0.78, .18, .34, .98) .5s;
}


#menu_index.active .menu_box > div:nth-child(5){
	-webkit-transition: .6s cubic-bezier(0.78, .18, .34, .98) .6s;
	-moz-transition: .6s cubic-bezier(0.78, .18, .34, .98) .6s;
	-ms-transition: .6s cubic-bezier(0.78, .18, .34, .98) .6s;
	-o-transition: .6s cubic-bezier(0.78, .18, .34, .98) .6s;
	transition: .6s cubic-bezier(0.78, .18, .34, .98) .6s;
}

#menu_index.active .menu_box > div:nth-child(6){
	-webkit-transition: .6s cubic-bezier(0.78, .18, .34, .98) .7s;
	-moz-transition: .6s cubic-bezier(0.78, .18, .34, .98) .7s;
	-ms-transition: .6s cubic-bezier(0.78, .18, .34, .98) .7s;
	-o-transition: .6s cubic-bezier(0.78, .18, .34, .98) .7s;
	transition: .6s cubic-bezier(0.78, .18, .34, .98) .7s;
}


#menu_index.active .menu_box > div:nth-child(7){
	-webkit-transition: .6s cubic-bezier(0.78, .18, .34, .98) .8s;
	-moz-transition: .6s cubic-bezier(0.78, .18, .34, .98) .8s;
	-ms-transition: .6s cubic-bezier(0.78, .18, .34, .98) .8s;
	-o-transition: .6s cubic-bezier(0.78, .18, .34, .98) .8s;
	transition: .6s cubic-bezier(0.78, .18, .34, .98) .8s;
}


















#footer{
	position: relative;
	background:#2d2d2d;
	padding-top:50px;
	padding-bottom:10px;
	text-align:center;
	margin-top:120px;
}

.footer_logo a{
	width:130px;
	display:inline-block;
}

.footer_sns{
	margin-top: 20px;
	}

.footer_sns > div{
	display:inline-block;
	vertical-align: middle;
	margin: 0 5px;

}

.footer_sns > div p{
	font-size:20pt;
	font-weight:bold;
	color:#fff;
}


.footer_sns > div a{
	width:36px;
	display:block;
}

.footer_copy {
	margin-top:20px;
}


.footer_copy p{
	color:#fff;
	font-weight: bold;
	font-size: 10pt;
}







#bg01{
	position: fixed;
	right:0;
	background:#FEF5F3;
	width:70%;
	height:100vh;
}










.inner{
	max-width:1120px;
	padding: 0 80px;
	margin:0 auto;
}














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



.loader
{
  position: absolute;
  display: inline-block;
  top:50%;
  left:50%;
  margin-left:-17px;
  margin-top:-30px;
  width: 36px;
  height: 36px;
  border-radius: 30px;
  border: 4px solid #000;
  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; }
}




.loading:after
{
	content:"";
	position: absolute;
	display: inline-block;
	top:50%;
	left:50%;
	margin-left:-35px;
	margin-top:-30px;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	border: 2px solid #000;
}







.price_warning{
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 120px;
}

.page_pluscolor .price_warning{
	max-width: 880px;
	margin-top:40px;
	padding: 0 60px;
}


.page_gift .price_warning{
	max-width: 880px;
	margin-top:20px;
	padding: 0 60px;
}

.page_hoccori .price_warning{
	margin-top:20px;
}

.page_outer .price_warning{
	text-align:center;
	margin-top:20px;
}

.page_trend .price_warning{
	max-width: 980px;
	margin: 0 auto;
	padding: 0 120px;
	margin-top:40px;
}


.page_cosmetic .price_warning{
	padding: 0 110px;
	margin-top:100px;
}



.price_warning p{
   font-size:15px;
}




/* TOP PAGE */





	#top_slide{
	max-width: 1120px;
	padding: 0 80px;
	margin: 0 auto;
	}
	
	
	#home #footer {
	margin-top: 160px;
	}
	
	
	#top_slide{
	margin-top: 45px;
	}
	
	
	#top_slide .flexslider .slides > li {
	}
	
	
	
	#main_banner{
	position:relative;
	margin-top:100px;
	}
	
	
	#main_banner:before{
	content:"";
	display:block;
	position: absolute;
	left:0;
	top:35%;
	background:#F8C2C9;
	width:70%;
	height:800px;
	}
	
	
	
	
	
	
	.main_b{
	position:relative;
	}
	
	
	
	.main_banner_img:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#fff;
	}
	
	
	.active .main_banner_img:after{
	height:0%;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98) .6s;
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98) .6s;
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98) .6s;
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98) .6s;
	transition: .4s cubic-bezier(0.78, .18, .34, .98) .6s;
	}


	.open .main_banner01 .main_banner_img:after, .open .main_banner02 .main_banner_img:after{
	height:0%;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98) 1s;
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98) 1s;
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98) 1s;
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98) 1s;
	transition: .4s cubic-bezier(0.78, .18, .34, .98) 1s;
}
	
	
	.active .main_banner05 .main_banner_img:after, .active .main_banner07 .main_banner_img:after{
	height:0%;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98) 1s;
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98) 1s;
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98) 1s;
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98) 1s;
	transition: .4s cubic-bezier(0.78, .18, .34, .98) 1s;
	}
	
	
	
	.main_banner_nm{
	position:absolute;
	opacity:0;
}

	.active .main_banner_nm{
	opacity:1;
	-webkit-transition: .3s cubic-bezier(0.78, .18, .34, .98) 1s;
	-moz-transition: .3s cubic-bezier(0.78, .18, .34, .98) 1s;
	-ms-transition: .3s cubic-bezier(0.78, .18, .34, .98) 1s;
	-o-transition: .3s cubic-bezier(0.78, .18, .34, .98) 1s;
	transition: .3s cubic-bezier(0.78, .18, .34, .98) 1s;
}


	.active .main_banner05 .main_banner_nm, .active .main_banner07 .main_banner_nm{
	opacity:1;
	-webkit-transition: .3s cubic-bezier(0.78, .18, .34, .98) 1.4s;
	-moz-transition: .3s cubic-bezier(0.78, .18, .34, .98) 1.4s;
	-ms-transition: .3s cubic-bezier(0.78, .18, .34, .98) 1.4s;
	-o-transition: .3s cubic-bezier(0.78, .18, .34, .98) 1.4s;
	transition: .3s cubic-bezier(0.78, .18, .34, .98) 1.4s;
}

	.open .main_banner01 .main_banner_nm, .open .main_banner02 .main_banner_nm{
	opacity:1;
	-webkit-transition: .3s cubic-bezier(0.78, .18, .34, .98) 1.4s;
	-moz-transition: .3s cubic-bezier(0.78, .18, .34, .98) 1.4s;
	-ms-transition: .3s cubic-bezier(0.78, .18, .34, .98) 1.4s;
	-o-transition: .3s cubic-bezier(0.78, .18, .34, .98) 1.4s;
	transition: .3s cubic-bezier(0.78, .18, .34, .98) 1.4s;
	}


	
	.main_banner_nm p{
	font-size: 72pt;
	font-family: "futura-pt", sans-serif;
	font-weight:100;
	letter-spacing: -3px;
	}

	.main_banner_nm p span{
	font-size:20pt;
	vertical-align: text-top;
	}
	
	
	.main_banner_title{
	position:absolute;
	opacity:0;
}

	.active .main_banner_title{
	opacity:1;
	-webkit-transition: .3s cubic-bezier(0.78, .18, .34, .98) 1.4s;
	-moz-transition: .3s cubic-bezier(0.78, .18, .34, .98) 1.4s;
	-ms-transition: .3s cubic-bezier(0.78, .18, .34, .98) 1.4s;
	-o-transition: .3s cubic-bezier(0.78, .18, .34, .98) 1.4s;
	transition: .3s cubic-bezier(0.78, .18, .34, .98) 1.4s;
	}

	.active .main_banner05 .main_banner_title, .active .main_banner07 .main_banner_title{
	opacity:1;
	-webkit-transition: .3s cubic-bezier(0.78, .18, .34, .98) 1.8s;
	-moz-transition: .3s cubic-bezier(0.78, .18, .34, .98) 1.8s;
	-ms-transition: .3s cubic-bezier(0.78, .18, .34, .98) 1.8s;
	-o-transition: .3s cubic-bezier(0.78, .18, .34, .98) 1.8s;
	transition: .3s cubic-bezier(0.78, .18, .34, .98) 1.8s;
}

	.open .main_banner01 .main_banner_title, .open .main_banner02 .main_banner_title{
	opacity:1;
	-webkit-transition: .3s cubic-bezier(0.78, .18, .34, .98) 1.8s;
	-moz-transition: .3s cubic-bezier(0.78, .18, .34, .98) 1.8s;
	-ms-transition: .3s cubic-bezier(0.78, .18, .34, .98) 1.8s;
	-o-transition: .3s cubic-bezier(0.78, .18, .34, .98) 1.8s;
	transition: .3s cubic-bezier(0.78, .18, .34, .98) 1.8s;
	}




	.main_banner_title h3{
	font-size: 26pt;
	line-height:130%;
	font-family: "noto-sans-cjk-jp", sans-serif;
	font-weight:100;
	}
	
	
.main_banner_title.en h3{
	font-family:"futura-pt", "noto-sans-cjk-jp", sans-serif;
	line-height: 100%;
	font-size:28pt;
	}



.main_banner01{
	float:right;
	width: 50%;
	margin-right:-50px;

}

.main_banner01 .main_banner_img{
	padding:60px;
	background:#F8A897;
}

.main_banner01 .main_banner_nm{
	top: -40px;
	left: -30px;
}

.main_banner01 .main_banner_title{
	bottom:-20px;
	left:20px;
}





.main_banner02{
	width: 38%;
	margin-left:-100px;
	display: inline-block;
}

.main_banner02 .main_banner_nm{
	bottom: 34%;
	right: -20px;
}

.main_banner02 .main_banner_title{
	bottom: 8%;
	right:-120px;
}





.main_banner03{
	width: 40%;
	margin-left:80px;
	margin-top:40px;
	display: inline-block;
}

.main_banner03 .main_banner_nm{
	top: 25%;
	left: -120px;
}

.main_banner03 .main_banner_title{
	bottom: 20px;
	right: -200px;
}






.main_banner_wrap{
	display: flex;
	justify-content: space-between;
}

.main_banner_wrap > div{
	width:50%;
	position:relative;
}

.mb0405{
	margin-top:80px;
}


.main_banner04 .main_banner_nm{
	top: 6%;
	left: -40px;
}

.main_banner04 .main_banner_title{
	top: 26%;
	left: -30px;
}

.main_banner05 {
	background: #fff;
}


.main_banner05 .main_banner_img{
	padding:60px;
}

.main_banner05 .main_banner_nm{
	top: -140px;
    right: -15px;
}

.main_banner05 .main_banner_title{
	top: -20px;
	right: 0px;
}





.main_banner06 {
	background: #F8A897;
}


.main_banner06 .main_banner_img{
	padding:60px;
}

.main_banner06 .main_banner_nm{
	bottom: 20px;
    left: -15px;
}

.main_banner06 .main_banner_title{
	left: -12px;
	bottom: -130px;
}



.main_banner07 .main_banner_nm{
	bottom: 0px;
	right: 155px;
}

.main_banner07 .main_banner_title{
	bottom: -20px;
	right: -20px;
}






















.sp_img{
  display:none;
}





@media screen and (max-width: 640px) {
  
  .sp_img{
  display:block!important;
}

.pc_img{
  display:none!important;
	}
	
	
	

body:before{
	height:70px;
}
	
	
	#footer {
		padding-top: 30px;
	}
	
	
	.footer_sns > div p {
		font-size: 15pt;
	}
	
	
	.footer_sns > div a {
		width: 30px;
	}
	
	
	.footer_copy p{
		font-size: 6pt;
	}
	
	
	
	#logo_mioclip{
		top: 20px;
	}
	
	#logo_mioclip > a {
		width: 150px;
	}
	
	.on_scroll #logo_mioclip > a{
		width: 150px;
	}
	
	
	#h_menu {
		right: 10px;
		top: 10px;
	}
	
	#menu_index {
	width: 100%;
	}
	
	
	.menu_box {
		top:70px;
		width:80%;
		padding-bottom: 100px;
		display: block;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,0%);
		-moz-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
	}
	
	.menu_box > div {
    display: block;
    width: 100%;
	}
	
	
	
	.menu_box > div:last-child{
		border-bottom:none;
	}
	
	
	
	.button-close {
		width: 30px;
	}
	
	.sub_grand_menu .button-navi-icon:after, .sub_grand_menu .button-navi-icon:before {
		width: 30px;
	}
	
	.sub_grand_menu .button-navi-icon {
		width: 30px;
		margin: 0px 0 0 -15px;
	}
	
	
	.sub_grand_menu .button-navi-icon:before {
		margin-top: -8px;
	}
	
	.sub_grand_menu .button-navi-icon:after {
		margin-top: 7px;
	}
	
	
	.menu_index_inner {
		width: auto;
		height: 100%;
		overflow: scroll;
		margin: 0 auto;
		position: relative;
		top:auto;
		left: auto;
		margin-left: 0px;
		margin-top: 70px;
		padding:0 40px;
		display: inline-block;
	}
	
	
	
	
	
	
	
	
	
	.inner {
	padding: 0 0px;
	}
	
	
	
	
	
	.price_warning{
    padding: 0 20px;
	}
	
	
	.page_pluscolor .price_warning{
		padding: 0 30px;
		margin-top:20px;
	}
	
	.page_gift .price_warning{
		padding: 0 30px;
		margin-top:20px;
	}
	
	
	.page_hoccori .price_warning{
		padding: 0 11px;
	}
	
	
	.page_outer .price_warning{
		margin-top:0px;
	}
	
	.page_trend .price_warning{
	max-width: 980px;
	margin: 0 auto;
	padding: 0 20px;
	margin-top:40px;
	}
	
	
	.page_cosmetic .price_warning{
	padding: 0 40px;
	margin-top:40px;
	}
	
	
	
	.price_warning p{
		font-size:13px;
	}
	
	/* TOP PAGE */
	
	
	
	#top_slide {
    max-width: 1180px;
    padding: 0 20px;
    margin: 65px auto 0;
	}
	
	#top_slide .flexslider .slides > li {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
	
	
	#home #footer {
		margin-top: 80px;
	}
	
	
	
	.main_banner_nm p {
		font-size: 32pt;
	}
	
	.main_banner_nm p span {
		font-size: 16pt;
	}
	
	.main_banner_title h3 {
		font-size: 11pt;
	}
	
	.main_banner_title.en h3 {
		font-size: 13pt;
		
	}
	
	
	
	.main_banner01 {
		margin-right: 0px;
	}
	
	.main_banner01 .main_banner_img {
		padding: 30px;
	}
	
	.main_banner01 .main_banner_title {
		bottom: 5px;
		left: 12px;
	}
	
	.main_banner01 .main_banner_nm {
		top: -20px;
		left: -20px;
	}
	
	
	.main_banner02 {
		width: 34%;
		margin-left: 0px;
		z-index: 99;
	}
	
	
	.main_banner02 .main_banner_title {
		bottom: 0%;
		right: -55px;	
	}
	
	
	.main_banner02 .main_banner_nm{
		bottom: 30%;
	}
	
	
	.main_banner03 .main_banner_nm {
		top: 25%;
		left: -60px;
	}
	
	.main_banner03 .main_banner_title {
		bottom: 0px;
		right: -90px;
	}
	
	
	
	.main_banner_wrap{
		padding:0 30px;
	}
	
	
	
	.main_banner04 .main_banner_nm {
		top: -30px;
		left: -15px;
	}
	
	.main_banner04 .main_banner_title {
		left: -15px;
		top: 20px;
	}
	
	
	
	
	.main_banner05 .main_banner_img {
		padding: 20px;
	}
	
	
	.main_banner05 .main_banner_nm {
		top: auto;
		right: -10px;
		bottom: auto;
		top: -65px;
	}
	
	.main_banner05 .main_banner_title {
		top: -15px;
		right: -10px;
	}
	
	
	
	
	
	.main_banner06 .main_banner_img {
		padding: 20px;
	}
	
	
	.main_banner06 .main_banner_nm {
		bottom: 10px;
		left: -15px;
	}
	
	.main_banner06 .main_banner_title {
		top: auto;
		bottom: -60px;
		left: -10px;
	}
	
	

	
	.main_banner07 .main_banner_title {
        bottom: -5px;
		right: 0;	
	}
	
	.main_banner07 .main_banner_nm {
		bottom: 0;
		right: 80px;
	}
	
	
	
	
	
	
	
	.open .main_banner01 .main_banner_img:after {
    height: 0%;
    -webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98) .6s;
    -moz-transition: .4s cubic-bezier(0.78, .18, .34, .98) .6s;
    -ms-transition: .4s cubic-bezier(0.78, .18, .34, .98) .6s;
    -o-transition: .4s cubic-bezier(0.78, .18, .34, .98) .6s;
    transition: .4s cubic-bezier(0.78, .18, .34, .98) .6s;
	}
	
	
	.open .main_banner02 .main_banner_img:after {
		height: 0%;
		-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98) 1s;
		-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98) 1s;
		-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98) 1s;
		-o-transition: .4s cubic-bezier(0.78, .18, .34, .98) 1s;
		transition: .4s cubic-bezier(0.78, .18, .34, .98) 1s;
	}
	
	
	.open .main_banner01 .main_banner_nm {
		opacity: 1;
		-webkit-transition: .3s cubic-bezier(0.78, .18, .34, .98) 1s;
		-moz-transition: .3s cubic-bezier(0.78, .18, .34, .98) 1s;
		-ms-transition: .3s cubic-bezier(0.78, .18, .34, .98) 1s;
		-o-transition: .3s cubic-bezier(0.78, .18, .34, .98) 1s;
		transition: .3s cubic-bezier(0.78, .18, .34, .98) 1s;
	}
	
	
	.open .main_banner02 .main_banner_nm {
		opacity: 1;
		-webkit-transition: .3s cubic-bezier(0.78, .18, .34, .98) 1.4s;
		-moz-transition: .3s cubic-bezier(0.78, .18, .34, .98) 1.4s;
		-ms-transition: .3s cubic-bezier(0.78, .18, .34, .98) 1.4s;
		-o-transition: .3s cubic-bezier(0.78, .18, .34, .98) 1.4s;
		transition: .3s cubic-bezier(0.78, .18, .34, .98) 1.4s;
	}
	
	
	
	.open .main_banner01 .main_banner_title {
		opacity: 1;
		-webkit-transition: .3s cubic-bezier(0.78, .18, .34, .98) 1.4s;
		-moz-transition: .3s cubic-bezier(0.78, .18, .34, .98) 1.4s;
		-ms-transition: .3s cubic-bezier(0.78, .18, .34, .98) 1.4s;
		-o-transition: .3s cubic-bezier(0.78, .18, .34, .98) 1.4s;
		transition: .3s cubic-bezier(0.78, .18, .34, .98) 1.4s;
	}
	
		
	.open .main_banner02 .main_banner_title {
		opacity: 1;
		-webkit-transition: .3s cubic-bezier(0.78, .18, .34, .98) 1.8s;
		-moz-transition: .3s cubic-bezier(0.78, .18, .34, .98) 1.8s;
		-ms-transition: .3s cubic-bezier(0.78, .18, .34, .98) 1.8s;
		-o-transition: .3s cubic-bezier(0.78, .18, .34, .98) 1.8s;
		transition: .3s cubic-bezier(0.78, .18, .34, .98) 1.8s;
	}
	
	
	
	
	
	
	
	
	
	
	
	

}






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





}