@charset "UTF-8";
/* CSS Document */
@import "reset.css";
@import "style.css";
*{
	margin:0px;
	padding:0px;
	border:0px;
}

li{
	list-style-type:none;
}

a img{
	border: 0px none;
	-webkit-backface-visibility: hidden;
}

.bar{
	padding-top:30px;
	padding-bottom:30px;
}

.bottom10{
	padding-bottom:10px;
}

.bottom30{
	padding-bottom:30px;
}

.bottom50{
	padding-bottom:50px;
}

.bottom100{
	padding-bottom:100px;
}

/*共通のスタイルシート*/
body{
	font-size:15px;
	line-height:1.6;
	color:#CCCCCC;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	text-align:center;
	background-color: #000000;
	/*フッターの固定用①*/
	display: flex;
	flex-flow: column;
	min-height: 100vh;
	/*フッターの固定用ここまで*/
}
div#wrap {
	width:100%;
	margin:0px 0px 100px 0px;
	position:relative;
	overflow: hidden;
	/*フッターの固定用②*/
	margin-top: auto;
	/*フッターの固定用ここまで*/
}
button{
    z-index: 20000;
}
.fixed_btn{
    position: fixed;
    top: -2px;
    right: 75px;
    width: 150px;
    height: 42px;
    background-color: #999999;
    font-size: 13px;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
.fixed_btn:hover {
    border-bottom-color: transparent;
    transform: translateY(2px);
}
.fixed_btn a{
    color: #ffffff
}
.fixed_btn img{
	width: 15px;
	height: 15px;
    padding-right: 5px;
}
.fixed_btn_insta{
    position: fixed;
    top: -2px;
    right: 20px;
    width: 40px;
    height: 42px;
    background-color: #666666;
}
.fixed_btn_insta:hover {
    border-bottom-color: transparent;
    transform: translateY(2px);
}
.fixed_btn_insta img{
    width: 25px;
    height: 25px;
}

/*コンテンツが浮き上がる挙動用*/
.blur {
  opacity: 0; /* 最初は透明にする */
  transition: all 1.0s;
  filter: blur(10px);
}

.blur.scrollin {
  opacity: 1; /* スクロール時に透明度を変更 */
  filter: blur(0);
}


/*コンテンツがスライドインする挙動用*/
.slidein {
  opacity: 0;
  transform: translate(0, 0);
  transition: all 1.0s;
}

.slidein.slidein-left {
  transform: translate(-100%, 0);
}

.slidein.slidein-right {
  transform: translate(100%, 0);
}

.slidein.slidein-up {
  transform: translate(0, -100%);
}

.slidein.slidein-bottom {
  transform: translate(0, 100%);
}

.slidein.scrollin {
  transform: translate(0, 0) !important;
  opacity: 1 !important;
}

/*フッター商標部分*/
div#footer_ad{
	clear: both;
	width:100%;
	height:50px;
	margin: 0 auto;
	background-color:#3E3E3E;
}
address{
	padding-top:15px;
	height:20px;
	padding-bottom:15px;
	font-size:14px;
	font-style:normal;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	color:#ffffff;
}
/*ここまで*/	



/*ここからPC用*/
@media screen and (min-width:1024px) {
	.pc { display: block !important; }
	.tab { display: none !important; }
	.sp { display: none !important; }

  div#header{
      top: 0;
      width:100%;
  }
div#top-box{
	position: absolute;
      width:100%;;
	  height: 145px;
	  background:#000000;
	transition: 0.5s;
  }
div#top{
	  position: absolute;
	  top:0px;
	  z-index: 10000;
      width:100%;
	  height: 145px;
	transition: 0.5s
  }
  div#top1{
      margin: 0 auto;
  }
  h1{
      border:0px;
	  height: 100px;
      width:auto;
  }
  h1 img{
	  margin: 0 auto;
	  height: 80px;
	  padding: 10px 0px 10px 0px;
  }
	h2{
		display: none;
	}

 	/*ここからgnavi*/
	div#gnavi2{
		display: none;
	}
	div#gnavi{
		border:0px;
		width:100%;
		height:30px;
		margin: 0px 0px 15px 0px;
		font-family: lato, Arial, Helvetica, "sans-serif";
		background-color: #FFFFFF;
	}
	div#gnavi ul{
		padding: 0;
	}
	div#gnavi ul.dropdown {
		margin: 0 auto;
		width: 1000px;
		height:	auto;
		padding: 0px 0px 0px 0px;
		display: flex;
	}
	div#gnavi li {
		margin: 0 auto;
		height: auto;
		position: relative;
		cursor: pointer;
		text-align: center;
	}
	div#gnavi li.dropdown-li {
		width: 20%;
		height: 30px;
	}
	div#gnavi li a{
		text-decoration: none;
		width: 100%;
		font-size: 18px;
	}
    div#gnavi li a .menu_onmous{
		font-size: 18px;
		text-align: center;
		color:#333333;
		display: none;
	}
	div#gnavi ul.dropdown li a .menu_nomal{
		color: #333333;
	}

	div#gnavi ul.dropdown li a:hover .menu_nomal{
		color:#333333;
		display: none;
	}
	div#gnavi ul.dropdown li a:hover .menu_onmous{
		color:#333333;
		display: inline;
	}

	div#gnavi ul.dropdown_menu{
		width: 100%;
        display: none;
		position: absolute;
		background-color: rgba(255,255,255,0.8);
	}
	div#gnavi .dropdown_menu li{
		border-bottom: solid 1px #DDDDDD;
		text-align: left;
		padding: 5px 10px 5px 10px;
		color: #333333;
	}
	div#gnavi .dropdown_menu li.shohin a{
		padding-left: 10px;
		font-size: 13px;
		text-align: left;
		padding-right: 10px;
		color: #333333;
	}
	div#gnavi .dropdown_menu li.shohin a:hover{
		color: #666666;
	}
	div#gnavi .dropdown_menu a{
		padding-top: 5px;
		height: auto;
		width: 100%;
		color: #333333;
		font-size: 15px;
	}
	div#gnavi .dropdown_menu a:hover{
		color: #666666;
		font-size: 15px;
	}

	/*gnaviここまで*/
	
	
/* スクロールして「scroll-navクラス」がついたときのヘッダーデザイン */
	.scroll-nav{
		z-index: 1000;
		position: fixed;
		transition: 0.5s;
	}
	.scroll-nav div#top-box{
      width:100%;;
	  height: 90px;
	  background:#FFFFFF;
  }
	.scroll-nav div#top{
		position: absolute;
		right: 0;
		left: 0;
		margin: auto;
      width:1000px;;
	  height: 90px;
  }
	.scroll-nav div#top1{
      float: left;
  }
	.scroll-nav h1{
		display: none;
  }
	.scroll-nav h2{
		display: block;
		padding: 10px 0px 10px 0px;
		height: 70px;
  }
	.scroll-nav h2 img{
	  height: 70px;
  }

	.scroll-nav div#gnavi{
		float: left;
		height:30px;
		width: 900px;
		padding: 45px 0px 15px 0px;
		background: transparent;
	}
	.scroll-nav div#gnavi ul.dropdown {
		float: left;
		width: 900px;
		height:auto;
		display: flex;
	}
	.scroll-nav div#gnavi li {
		width: 180px;
	}
	.scroll-nav div#gnavi li.dropdown-li {
		width: 180px;
	}
	.scroll-nav div#gnavi .dropdown_menu li{
		width: 160px;
		padding: 5px 10px 5px 10px;
	}
	
	

/*メインバナー（スライドショー）ここから*/
	
	.slide{
		padding-top: 145px;
		position: relative;
		width: 100%;
		height: 475px;
		overflow: hidden;
		margin: 0 auto;
	}

	.slide-item{
		position: absolute;
		top:145px;
		left:0;
		width: 100%;
		height: 475px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		overflow: hidden; /* 画像がスライド枠をはみ出ないようにする */
	}

	.item1{
		animation: slide1 20s infinite;
		width: 100%;
		height: 475px;
		object-fit: cover; /* 画像を縦横比を保ちつつ親要素内に収める */
		object-position: center center; /* 画像の中央に配置 */
	}

	.item2{
		animation: slide2 20s infinite;
		width: 100%;
		height: 475px;
		object-fit: cover; /* 画像を縦横比を保ちつつ親要素内に収める */
		object-position: center center; /* 画像の中央に配置 */
	}

	.item3{
		animation: slide3 20s infinite;
		width: 100%;
		height: 475px;
		object-fit: cover; /* 画像を縦横比を保ちつつ親要素内に収める */
		object-position: center center; /* 画像の中央に配置 */
	}

	.item4{
		animation: slide4 20s infinite;
		width: 100%;
		height: 475px;
		object-fit: cover; /* 画像を縦横比を保ちつつ親要素内に収める */
		object-position: center center; /* 画像の中央に配置 */
	}

@keyframes slide1 { 
	0% {opacity: 1; transform: scale(1.0);} 
	20% {opacity: 1;} 
	30% {opacity: 1;} 
	40% {opacity: 0; transform: scale(1.1);} 
	90% {opacity: 0} 
	100% {opacity: 1; transform: scale(1.0);}
}

@keyframes slide2 { 
	0% {opacity: 0;} 
	30% {opacity: 0; transform: scale(1.1);} 
	40% {opacity: 1;} 
	50% {opacity: 1;} 
	60% {opacity: 0; transform: scale(1.0);} 
	100% {opacity: 0;}
}

@keyframes slide3 { 
	0% {opacity: 0;} 
	50% {opacity: 0; transform: scale(1.0);} 
	60% {opacity: 1;} 
	70% {opacity: 1;} 
	90% {opacity: 0; transform: scale(1.1);} 
	100% {opacity: 0;}
}

@keyframes slide4 { 
	0% {opacity: 0;} 
	70% {opacity: 0; transform: scale(1.1);} 
	80% {opacity: 1;} 
	90% {opacity: 1;} 
	100% {opacity: 0; transform: scale(1.0);}
}
/*メインバナー（スライドショー）ここまで*/
	
	
	div#scrollyajirusi_index{
		clear:both;
		width: 100%;
		height: 50px;
		margin: 0 auto;
		margin-top: 570px;
		position: relative;
	}
	div#scrollyajirusi_index img{
		margin: 0 auto;
		height: 100%;
	}
	
	
/*トップバナーここから*/
  div#topbanner {
    width:1000px;
	  margin-top: 50px;
  }
  div#topbanner img{
	  width: 100%;
	}
/*トップバナーここまで*/

  /*ここからコンテンツ*/
	div#contents{
      padding-top:40px;
      padding-bottom:30px;
      width:1000px;
      margin:0px auto;
		/*position: relative;*/
		margin-top: 50px;
  }
	div#title{
      width: 100%;
      height: 50px;
      margin: 0 auto;
	}
	.titleword{
		text-align: center;
		font-family: lato,Arial, Helvetica, "sans-serif";
		letter-spacing: .35em;
		font-weight: bold;
      line-height: 50px;
      font-size:30px;
		color: #FFFFFF;
	}


/*ここからabout*/	
	div#about{
		width: 1000px;
		margin-top: -100px;
		padding-top: 100px;
		display: inline-block;
	}
	div#about-link{
		padding-top: 20px;
	}
	div#about_container{
		width: 100%;
		height: auto;
	}
	div#about_img img{
		width: 50%;
		float: left;
		height: auto;
	}	
	div#about_copy{
		text-align: left;
		font-family:"sans-serif";
		width: 45%;
		height: auto;
		float: right;
	}
	div#about_copy p.midasi{
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 25px;
		color: #cccccc;
		padding-bottom: 10px;
	}

	
/*ここから企業理念*/

	div#Corporate-Philosophy{
		margin-top: -100px;
		padding-top: 100px;
		display: inline-block;
		width: 1000px;
	}
	div#Corporate-Philosophy-link{
		padding-top: 20px;
	}
	
	div#Philosophy_container{
		width: 100%;
		height: auto;
	}
	div#Philosophy_img01 img{
		width: 95%;
		height: auto;
		margin: 0 auto;
	}	
	div#Philosophy_copy{
		text-align: center;
		font-family:"sans-serif";
		width: 100%;
		height: auto;
		padding-top: 30px;
	}
	div#Philosophy_copy p.midasi{
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 30px;
		color: #CCCCCC;
		padding-bottom: 0px;
	}
	
/*ここから会社概要*/
	
	div#company{
		margin-top: -100px;
		padding-top: 100px;
		display: inline-block;
		width: 100%;
	}
	div#company-link{
		padding-top: 20px;
	}
	table{
		border-collapse:collapse;
		text-align: left;
	}
	table.company-table{
		margin-left: 10%;
		margin-bottom: 100px;
		font-family:"sans-serif";
		height: auto;
		width: 80%;
	}
	table.company-table a{
		color:#CCCCCC;
	}
	table.company-table tr{
		border-bottom: solid 1px #cccccc;
	}
	table.company-table th{
		padding:15px;
		width: 25%;
	}
	table.company-table td{
		padding: 15px;
		width: 55%;
	}
	table.company-table ul li{
		list-style-type: disc;
		margin-left: 15px;
	}
	.attention-eng{
		font-size: 11px;
	}

	
/*ここからお問い合わせ*/
	div#information{
		margin-top: -100px;
		padding-top: 100px;
		display: inline-block;
		width: 100%;
	}
	div#information-link{
		padding-top: 20px;
	}
	
	
/*ここから商品情報*/
	
	div#product_main{
		padding-top: 145px;
		width: 100%;
		height: 300px;
		display: flex;
		align-items: center;
		margin: 0 auto;
		overflow: hidden;
	}

	div#product_main img{
		width: 100%;
		vertical-align: middle;
		overflow: hidden; /* 画像が枠をはみ出ないようにする */
	}

	div#scrollyajirusi_product{
		clear:both;
		width: 100%;
		height: 50px;
		margin: 0 auto;
		margin-top: 20px;
		position: relative;
	}
	div#scrollyajirusi_product img{
		margin: 0 auto;
		height: 100%;
	}
	
	div#product{
      padding-top:40px;
      padding-bottom:30px;
      width:1000px;
      margin:0px auto;
  }
	
	div#product-skincare{
		margin-top: -100px;
		padding-top: 100px;
		display: inline-block;
		width: 100%;
	}
	div#product-skincare-link{
		padding-top: 20px;
	}
	div#product_container{
		width: 100%;
		height: auto;
	}
	div#CADEAU_NOIR{
		margin-top: -100px;
		padding-top: 100px;
		display: inline-block;
		width: 100%;
	}
	div#CADEAU_NOIR-link{
		padding-top: 20px;
	}
	div.bland{
		width: 100%;
		height: 30px;
		color: #FFFFFF;
		background-color: #FFF;
		margin-bottom: 30px;
		vertical-align: middle;
	}
	div.bland img{
		margin-left: 10px;
		height: 100%;
	}
	div#product_img01 img{
		width: 45%;
		float: left;
	}	
	div#product_spec{
		padding-left: 50px;
		text-align: left;
		font-family:"sans-serif";
		width: 50%;
		height: auto;
		float: left;
	}
	
	/*div#product_spec p.bland{
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 25px;
		color: #FFFFFF;
		background-color: #bdbbb6;
		margin-bottom: 20px;
		padding-left: 10px;
	}*/
	div#product_spec p.category{
		font-size: 16px;
		padding-left: 10px;
		border-bottom: solid 1px #6D6D6D;
	}
	div#product_spec p.productname{
		font-family: YuMincho, "Yu Mincho";
		font-size: 25px;
		padding-left: 10px;
	}
	div#product_spec p.productname2{
		font-size: 11px;
		color: #999999;
		padding: 0px 0px 0px 10px;
		margin-bottom: 10px;
	}
	div#product_spec p.price{
		padding-left: 10px;
	}
	div#product_spec p.productcopy{
		padding-top: 30px;
		padding-left: 10px;
	}
	div#product_spec p.comment{
		font-size: 11px;
		color: #999999;
		padding: 20px 0px 0px 10px;
		padding-bottom: 10px;
	}
	div#product_spec div#linkbtn{
		text-align: left;
		padding-top: 20px;
	}
	div#product_spec div#linkbtn img{
		width: 160px;
	}
	div#product-food{
		margin-top: -100px;
		padding-top: 100px;
		display: inline-block;
		width: 100%;
	}
	div#product-food-link{
		padding-top: 20px;
	}
	div#product_soyandgreen{
		margin-top: -100px;
		padding-top: 100px;
	}
	
	div#product-howtobuy{
		margin-top: -100px;
		padding-top: 100px;
		display: inline-block;
		width: 100%;
	}
	div#howtobuy-box{
		margin: 0 auto;
		width: 100%;
		/*border: solid #999999 10px;*/
		background-color: #FFFFFF;
		margin-bottom: 80px;
	}
	div#howtobuy-box p.howtobuy-copy{
		font-family: "sans-serif";
		font-size: 15px;
		color: #333333;
		padding: 50px 0px 10px 0px;
	}
	div#howtobuy-box a img{
		width: 450px;
		height: auto;
	}
	div#howtobuy-box p.howtobuy-copy02{
		font-family: "sans-serif";
		font-weight: bold;
		font-size: 18px;
		color: #333333;
		padding: 0px 0px 50px 0px;
	}
		
	
		
	
/*ここからトップに戻るボタン*/
  p.page-top{
      position:fixed;
      right:5%;
      bottom:30px;
  }
  p.page-top a{
      width:30px;
      height:30px;
      display:block;
  }
	
/*ここからフッター*/
  div#footer{
	  width:100%;
	  background:#333333;
  }
}





/*ここからタブレット用*/
@media screen and (max-width:1023px) {
	.pc { display: none !important; }
	.tab { display: block !important; }
	.sp { display: none !important; }
	div#header{
		position:fixed;
		top:0;
		width:100%;
		z-index:10000;
		vertical-align:bottom;
	}
	div#top{
		width: 100%;
		height: 90px;
		position: relative;
		background-color: #000000;
	}
	div#top1{
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		position: relative;
		height: auto;
	}
	h1{
		padding: 20px 0px 20px 10px;
	}
	h1 img{
		height: 50px;
	}
	h2{
		display: none;
	}

	button.fixed_btn{
		display: none;
	}
	
    .fixed_btn_insta{
		display: none;
    }
	

	/*ここからgnavi*/
	
	/*スマホのみトグル部分*/
	.navbar_toggle{
		 z-index:9999;
		padding: 10px 10px 0px 0px;
	}
	.navbar_toggle_icon {
		 position: relative;
		 display: block;
		 height: 2px;
		 width: 30px;
		 background: #ffffff;
	 -webkit-transition: ease .5s;
		 transition: ease .5s;
	}
	.navbar_toggle_icon:nth-child(1) {
		 top: 0;
	}
	.navbar_toggle_icon:nth-child(2) {
		 margin: 8px 0;
	}
	.navbar_toggle_icon:nth-child(3) {
		 top: 0;
	}
	/*OPEN時の動き*/
	.navbar_toggle.open .navbar_toggle_icon:nth-child(1) {
		 top: 10px;
		 -webkit-transform: rotate(45deg);
		 transform: rotate(45deg);
	}
	.navbar_toggle.open .navbar_toggle_icon:nth-child(2) {
		 -webkit-transform: translateY(-50%);
		 transform: translateY(-50%);
		 opacity: 0;
	}
	.navbar_toggle.open .navbar_toggle_icon:nth-child(3) {
		 top: -10px;
		 -webkit-transform: rotate(-45deg);
		 transform: rotate(-45deg);
	}
	

	/*スマホのみナビゲーション部分*/
	.menu{
		 -webkit-transform: translateX(-100%);
		 transform: translateX(-100%);
		 -webkit-transition:ease .5s;
		 transition:ease .5s;
		 z-index:1000;
	}
/*	.menu ul li{
		 border-bottom: 1px solid #CCC;
	}
*/	/*OPEN時の動き*/
	.menu.open {
		 -webkit-transform:translateX(0);
		 transform:translateX(0);
		 overflow-y: auto;
		 -webkit-overflow-scrolling: touch;
	}	
	
	/*トグル部分終わり*/
	div#gnavi{
		display: none;
	}
	div#gnavi2{
		display:block;
		border:0px;
		width:100%;
		background-color: rgba(255,255,255,0.8);
		padding: 10px 0px 50px 0px;
	}
	div#gnavi2 ul{
		padding: 0;
		width: 100%;
	}
	div#gnavi2 ul.dropdown2 {
		width: 100%;
		height:auto;
		display: inline-block;
	}
	div#gnavi2 li {
		height: auto;
		width: 90%;
		cursor: pointer;
		text-align: left;
	}
	div#gnavi2 li.dropdown-li2 {
		margin: 0 auto;
		padding: 10px 3px 10px 3px;
		width: 90%;
		color: #333333;
		border-bottom: 1px solid #DDDDDD;
	}
	div#gnavi2 li a{
		text-decoration: none;
		width: 100%;
	}
    div#gnavi2 li a p{
		display: block;
		cursor: pointer;
		color:#333333;
	}
	div#gnavi2 ul.dropdown2 li a{
		color: #333333;
	}

	div#gnavi2 ul.dropdown_menu2{
		display:none;
		width: 100%;
	}
	div#gnavi2 .dropdown_menu2 li{
		text-align: left;
		padding: 5px 10px 5px 10px;
	}
	div#gnavi2 .dropdown_menu2 li.shohin{
		padding-left: 10px;
		font-size: 12px;
		text-align: left;
		padding-right: 10px;

	}
	div#gnavi2 .dropdown_menu2 a{
		padding-top: 5px;
		height: auto;
		width: 100%;
		color: #fff;
	}
	div#gnavi2 img.insta{
		width: 30px;
		height: 30px;
		padding: 5px;
	}
	

	/*gnaviここまで*/

	
	
    /*メインバナー（スライドショー）ここから*/
	
	.slide{
		padding-top: 90px;
		position: relative;
		max-width: 100%;
		overflow: hidden;
		margin: 0 auto;
	}

	.slide-item{
		position: absolute;
		top:90px;
		left:0;
		width: 100%;
		height: 475px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		overflow: hidden; /* 画像がスライド枠をはみ出ないようにする */
	}

	.item1{
		animation: slide1 20s infinite;
		width: 100%;
		height: 475px;;
		object-fit: cover; /* 画像を縦横比を保ちつつ親要素内に収める */
		object-position: center center; /* 画像の中央に配置 */
	}

	.item2{
		animation: slide2 20s infinite;
		width: 100%;
		height: 475px;;
		object-fit: cover; /* 画像を縦横比を保ちつつ親要素内に収める */
		object-position: center center; /* 画像の中央に配置 */
	}

	.item3{
		animation: slide3 20s infinite;
		width: 100%;
		height: 475px;;
		object-fit: cover; /* 画像を縦横比を保ちつつ親要素内に収める */
		object-position: center center; /* 画像の中央に配置 */
	}

	.item4{
		animation: slide4 20s infinite;
		width: 100%;
		height: 475px;;
		object-fit: cover; /* 画像を縦横比を保ちつつ親要素内に収める */
		object-position: center center; /* 画像の中央に配置 */
	}

@keyframes slide1 { 
	0% {opacity: 1; transform: scale(1.0);} 
	20% {opacity: 1;} 
	30% {opacity: 1;} 
	40% {opacity: 0; transform: scale(1.1);} 
	90% {opacity: 0} 
	100% {opacity: 1; transform: scale(1.0);}
}

@keyframes slide2 { 
	0% {opacity: 0;} 
	30% {opacity: 0; transform: scale(1.1);} 
	40% {opacity: 1;} 
	50% {opacity: 1;} 
	60% {opacity: 0; transform: scale(1.0);} 
	100% {opacity: 0;}
}

@keyframes slide3 { 
	0% {opacity: 0;} 
	50% {opacity: 0; transform: scale(1.0);} 
	60% {opacity: 1;} 
	70% {opacity: 1;} 
	90% {opacity: 0; transform: scale(1.1);} 
	100% {opacity: 0;}
}

@keyframes slide4 { 
	0% {opacity: 0;} 
	70% {opacity: 0; transform: scale(1.1);} 
	80% {opacity: 1;} 
	90% {opacity: 1;} 
	100% {opacity: 0; transform: scale(1.0);}
}
    /*メインバナー（スライドショー）ここまで*/
	
	div#scrollyajirusi_index{
		clear:both;
		width: 100%;
		height: 50px;
		margin: 0 auto;
		margin-top: 500px;
		position: relative;
	}
	div#scrollyajirusi_index img{
		margin: 0 auto;
		height: 100%;
	}
	
	
/*トップバナーここから*/
  div#topbanner {
    clear:both;
    width:100%;
	  display: inline-block;
  }
  div#topbanner img{
	  width: 100%;
	}
/*トップバナーここまで*/
	

    /*ここからコンテンツ*/
	
	div#contents{
  		padding-bottom:30px;
		width:100%;
		position: relative;
		margin-top:100px;
  }
	div#title{
      width: 100%;
      height: 50px;
	}
	.titleword{
		text-align: center;
		font-family: lato,Arial, Helvetica, "sans-serif";
		letter-spacing: .35em;
		font-weight: bold;
      line-height: 50px;
      font-size:30px;
		color: #FFFFFF;
	}
	
	
	
/*ここからabout*/	
	div#about{
		width: 90%;
		margin-top: -90px;
		padding-top: 90px;
		display: inline-block;
	}
	div#about_container{
		width: 100%;
		height: auto;
	}
	div#about_img img{
		width: 45%;
		float: left;
		height: auto;
	}	
	div#about_copy{
		text-align: left;
		font-family:"sans-serif";
		width: 50%;
		height: auto;
		float: right;
	}
	div#about_copy p.midasi{
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 25px;
		color: #CCCCCC;
		padding-bottom: 10px;
	}


/*ここから企業理念*/
	
	div#Corporate-Philosophy{
		width: 90%;
		margin-top: -90px;
		padding-top: 90px;
		display: inline-block;
	}
	div#Corporate-Philosophy-link{
		padding-top: 20px;
	}
	
	div#Philosophy_container{
		width: 100%;
		height: auto;
	}
	div#Philosophy_img01 img{
		width: 95%;
		height: auto;
		margin: 0 auto;
	}	
	div#Philosophy_copy{
		text-align: center;
		font-family:"sans-serif";
		width: 100%;
		padding-top: 30px;
		height: auto;
	}
	div#Philosophy_copy p.midasi{
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 30px;
		color: #CCCCCC;
		padding-bottom: 0px;
	}
	
/*ここから会社概要*/	
	div#company{
		margin-top: -90px;
		padding-top: 90px;
		display: inline-block;
		width: 100%;
	}
	div#company-link{
		padding-top: 20px;
	}
	table{
		border-collapse:collapse;
		text-align: left;
	}
	table.company-table{
		margin-left: 5%;
		margin-bottom: 100px;
		font-family:"sans-serif";
		height: auto;
		width: 90%;
	}
	table.company-table a{
		color:#CCCCCC;
	}
	table.company-table tr{
		border-bottom: solid 1px #CCCCCC;
	}
	table.company-table th{
		padding:15px;
		width: 25%;
	}
	table.company-table td{
		padding: 15px;
		width: 55%;
	}
	table.company-table ul li{
		list-style-type: disc;
		margin-left: 15px;
	}
	.attention-eng{
		font-size: 11px;
	}
	
	
/*ここからお問い合わせ*/	
	div#information{
		margin-top: -90px;
		padding-top: 90px;
		display: inline-block;
		width: 100%;
	}
	div#information-link{
		padding-top: 20px;
	}
	
	
	
	
	/*ここから商品情報*/
	
	div#product_main{
		padding-top: 90px;
		width: 100%;
		height: 300px;
		display: flex;
		align-items: center;
		margin: 0 auto;
		overflow: hidden;
	}

	div#product_main img{
		width: 100%;
		vertical-align: middle;
		overflow: hidden; /* 画像が枠をはみ出ないようにする */
	}
	div#scrollyajirusi_product{
		clear:both;
		width: 100%;
		height: 50px;
		margin: 0 auto;
		margin-top: 20px;
		position: relative;
	}
	div#scrollyajirusi_product img{
		margin: 0 auto;
		height: 100%;
	}
	div#product{
      padding-bottom:30px;
      width:100%;
      margin:0px auto;
		margin-top: 50px;
  }

	
	div#product-skincare{
		width: 90%;
		margin-top: -90px;
		padding-top: 90px;
		display: inline-block;
	}
	div#product_container{
		width: 100%;
		height: auto;
	}
	div#CADEAU_NOIR{
		margin-top: -90px;
		padding-top: 90px;
		display: inline-block;
		width: 90%;
	}
	div.bland{
		width: 100%;
		height: 30px;
		color: #FFFFFF;
		background-color: #FFF;
		margin-bottom: 30px;
		vertical-align: middle;
	}
	div.bland img{
		margin-left: 10px;
		height: 100%;
	}
	div#product_img01 img{
		width: 45%;
		float: left;
	}	
	div#product_spec{
		text-align: left;
		font-family:"sans-serif";
		width: 50%;
		height: auto;
		float: right;
	}
	div#product_spec p.bland{
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 25px;
		color: #FFFFFF;
		background-color: #bdbbb6;
		margin-bottom: 20px;
		padding-left: 10px;
	}
	div#product_spec p.category{
		font-size: 16px;
		padding-left: 10px;
		border-bottom: solid 1px #6D6D6D;
	}
	
	
	div#product_spec p.productname{
		font-family: YuMincho, "Yu Mincho";
		font-size: 25px;
		padding-left: 10px;
	}
	div#product_spec p.productname2{
		font-size: 11px;
		color: #999999;
		padding: 0px 0px 0px 10px;
		margin-bottom: 10px;
	}
	
	div#product_spec p.price{
		padding-left: 10px;
	}
	div#product_spec p.productcopy{
		padding-top: 20px;
		padding-left: 10px;
	}
	div#product_spec p.comment{
		font-size: 11px;
		color: #999999;
		padding: 20px 0px 0px 10px;
		padding-bottom: 10px;
	}
	div#product_spec div#linkbtn{
		text-align: left;
		padding-top: 20px;
	}
	div#product_spec div#linkbtn img{
		width: 160px;
	}
		
	div#product-howtobuy{
		margin-top: -90px;
		padding-top: 90px;
		display: inline-block;
		width: 100%;
	}
	div#howtobuy-box{
		margin: 0 auto;
		width: 90%;
		/*border: solid #999999 10px;*/
		background-color: #FFFFFF;
		margin-bottom: 50px;
	}
	div#howtobuy-box p.howtobuy-copy{
		font-family: "sans-serif";
		font-size: 15px;
		color: #333333;
		padding: 50px 20px 10px 20px;
	}
	div#howtobuy-box a img{
		width: 70%;
		height: auto;
	}
	div#howtobuy-box p.howtobuy-copy02{
		font-family: "sans-serif";
		font-weight: bold;
		font-size: 18px;
		color: #333333;
		padding: 0px 0px 50px 0px;
	}
	
    /*ここからトップに戻るボタン*/
    p.page-top{
		z-index: 1000;
        position:fixed;
        right:15px;
        bottom:15px;
    }
}


/*ここからスマホ用*/

@media screen and (max-width:600px) {
	.pc { display: none !important; }
	.tab { display: none !important; }
	.sp { display: block !important; }
	div#header{
		position:fixed;
		top:0;
		width:100%;
		z-index:10000;
		vertical-align:bottom;
	}
	div#top{
		width: 100%;
		height: 80px;
		position: relative;
	}
	div#top1{
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		position: relative;
		height: auto;
	}
	h1{
		padding: 20px 0px 20px 10px;
	}
	h1 img{
		height: 40px;
	}
	button.fixed_btn{
		display: none;
	}
	
    .fixed_btn_insta{
		display: none;
    }
	

	/*ここからgnavi*/
	
	/*スマホのみトグル部分*/
	.navbar_toggle{
		 z-index:9999;
		padding: 10px 10px 0px 0px;
	}
	.navbar_toggle_icon {
		 position: relative;
		 display: block;
		 height: 2px;
		 width: 30px;
		 background: #FFFFFF;
	 -webkit-transition: ease .5s;
		 transition: ease .5s;
	}
	.navbar_toggle_icon:nth-child(1) {
		 top: 0;
	}
	.navbar_toggle_icon:nth-child(2) {
		 margin: 8px 0;
	}
	.navbar_toggle_icon:nth-child(3) {
		 top: 0;
	}
	/*OPEN時の動き*/
	.navbar_toggle.open .navbar_toggle_icon:nth-child(1) {
		 top: 10px;
		 -webkit-transform: rotate(45deg);
		 transform: rotate(45deg);
	}
	.navbar_toggle.open .navbar_toggle_icon:nth-child(2) {
		 -webkit-transform: translateY(-50%);
		 transform: translateY(-50%);
		 opacity: 0;
	}
	.navbar_toggle.open .navbar_toggle_icon:nth-child(3) {
		 top: -10px;
		 -webkit-transform: rotate(-45deg);
		 transform: rotate(-45deg);
	}
	

	/*スマホのみナビゲーション部分*/
	.menu{
		 -webkit-transform: translateX(-100%);
		 transform: translateX(-100%);
		 -webkit-transition:ease .5s;
		 transition:ease .5s;
		 z-index:1000;
	}
/*	.menu ul li{
		 border-bottom: 1px solid #CCC;
	}
*/	/*OPEN時の動き*/
	.menu.open {
		 -webkit-transform:translateX(0);
		 transform:translateX(0);
		 overflow-y: auto;
		 -webkit-overflow-scrolling: touch;
	}	
	
	/*トグル部分終わり*/
	div#gnavi{
		display: none;
	}
	div#gnavi2{
		display:block;
		border:0px;
		width:100%;
		background-color: rgba(255,255,255,0.8);
		padding: 30px 0px 50px 0px;
	}
	div#gnavi2 ul{
		padding: 0;
		width: 100%;
	}
	div#gnavi2 ul.dropdown2 {
		width: 100%;
		height:auto;
		display: inline-block;
	}
	div#gnavi2 li {
		height: auto;
		width: 90%;
		cursor: pointer;
		text-align: left;
	}
	div#gnavi2 li.dropdown-li2 {
		margin: 0 auto;
		padding: 8px 3px 8px 3px;
		width: 90%;
		color: #333333;
		border-bottom: 1px solid #DDDDDD;
	}
	div#gnavi2 li a{
		text-decoration: none;
		width: 100%;
	}
    div#gnavi2 li a p{
		display: block;
		cursor: pointer;
		color:#333333;
	}
	div#gnavi2 ul.dropdown2 li a{
		color: #333333;
	}

	div#gnavi2 ul.dropdown_menu2{
		display:none;
		width: 100%;
	}
	div#gnavi2 .dropdown_menu2 li{
		text-align: left;
		padding: 5px 10px 5px 10px;
	}
	div#gnavi2 .dropdown_menu2 li.shohin{
		padding-left: 10px;
		font-size: 12px;
		text-align: left;
		padding-right: 10px;

	}
	div#gnavi2 .dropdown_menu2 a{
		padding-top: 5px;
		height: auto;
		width: 100%;
		color: #fff;
	}
	div#gnavi2 img.insta{
		width: 30px;
		height: 30px;
		padding: 5px;
	}
	

	/*gnaviここまで*/
	
	
	
    /*メインバナー（スライドショー）ここから*/
	
	.slide{
		padding-top: 80px;
		position: relative;
		max-width: 100%;
		overflow: hidden;
		margin: 0 auto;
	}

	.slide-item{
		position: absolute;
		top:80px;
		left:0;
		width: 100%;
		height: auto;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		overflow: hidden; /* 画像がスライド枠をはみ出ないようにする */
	}

	.item1{
		animation: slide1 20s infinite;
		width: 100%;
		height: auto;
		object-fit: cover; /* 画像を縦横比を保ちつつ親要素内に収める */
		object-position: center center; /* 画像の中央に配置 */
	}

	.item2{
		animation: slide2 20s infinite;
		width: 100%;
		height: auto;
		object-fit: cover; /* 画像を縦横比を保ちつつ親要素内に収める */
		object-position: center center; /* 画像の中央に配置 */
	}

	.item3{
		animation: slide3 20s infinite;
		width: 100%;
		height: auto;
		object-fit: cover; /* 画像を縦横比を保ちつつ親要素内に収める */
		object-position: center center; /* 画像の中央に配置 */
	}

	.item4{
		animation: slide4 20s infinite;
		width: 100%;
		height: auto;
		object-fit: cover; /* 画像を縦横比を保ちつつ親要素内に収める */
		object-position: center center; /* 画像の中央に配置 */
	}

@keyframes slide1 { 
	0% {opacity: 1; transform: scale(1.0);} 
	20% {opacity: 1;} 
	30% {opacity: 1;} 
	40% {opacity: 0; transform: scale(1.1);} 
	90% {opacity: 0} 
	100% {opacity: 1; transform: scale(1.0);}
}

@keyframes slide2 { 
	0% {opacity: 0;} 
	30% {opacity: 0; transform: scale(1.1);} 
	40% {opacity: 1;} 
	50% {opacity: 1;} 
	60% {opacity: 0; transform: scale(1.0);} 
	100% {opacity: 0;}
}

@keyframes slide3 { 
	0% {opacity: 0;} 
	50% {opacity: 0; transform: scale(1.0);} 
	60% {opacity: 1;} 
	70% {opacity: 1;} 
	90% {opacity: 0; transform: scale(1.1);} 
	100% {opacity: 0;}
}

@keyframes slide4 { 
	0% {opacity: 0;} 
	70% {opacity: 0; transform: scale(1.1);} 
	80% {opacity: 1;} 
	90% {opacity: 1;} 
	100% {opacity: 0; transform: scale(1.0);}
}
/*メインバナー（スライドショー）ここまで*/

    div#scrollyajirusi_index{
      clear:both;
      width: 100%;
      height: 50px;
      margin: 0 auto;
      margin-top: 500px;
      position: relative;
	}
	div#scrollyajirusi_index img{
      margin: 0 auto;
      height: 100%;
	}


/*トップバナーここから*/
  div#topbanner {
    clear:both;
    width:100%;
	display: inline-block;
  }
  div#topbanner img{
	  width: 100%;
	}
/*トップバナーここまで*/

	/*ここからコンテンツ*/
	
	div#contents{
  		padding-top:20px;
 		padding-bottom:30px;
 		width:100%;
		margin:0px auto;
		position: relative;
		margin-top: 50px;
  }
	div#title{
      width: 100%;
      height: auto;
      margin: 0 auto;
	}
	.titleword{
		text-align: center;
		font-family: lato,Arial, Helvetica, "sans-serif";
		letter-spacing: .25em;
		font-weight: bold;
      line-height: 50px;
      font-size:25px;
	}
	

	
/*ここからabout*/
	
	div#about{
		margin-top: -80px;
		padding-top: 80px;
		display: inline-block;
		width: 100%;
	}
  div#about-link{
	  padding-top: 0px;
  }	
	div#about_container{
      width: 100%;
      height: auto;
	}
	div#about_img{
		clear: both;
		width: 100%;
		height: auto;

	}	
	div#about_img img{
		float: none;
 		width: 70%;
		height: auto;
	}	
	div#about_copy{
		float: none;
		font-family:"sans-serif";
		width: 80%;
		height: auto;
		margin: 0 auto;
	}
	div#about_copy p.midasi{
		text-align: left;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 20px;
		color: #CCCCCC;
		padding-top: 20px;
		padding-bottom: 10px;
	}
	div#about_copy p.honbun{
		text-align: left;
		color: #5F5F5F;
	}
	
	
/*ここから企業理念*/	
	div#Philosophy_container{
		width: 100%;
		height: auto;
	}
	div#Philosophy_img01 img{
		width: 100%;
		height: auto;
	}	
	div#Philosophy_copy{
		padding-top: 20px;
		margin: 0 auto;
		font-family:"sans-serif";
		width: 100%;
		height: auto;
	}
	div#Philosophy_copy p.midasi{
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 25px;
		color: #CCCCCC;
		padding-bottom: 0px;
	}
	
	
	table.company-table{
		margin-left: 0%;
		width: 100%;
		
	}
	table.company-table a{
		color:#CCCCCC;
	}
	table.company-table th{
		width: 30%;
	}
	table.company-table td{
		width: 80%;
	}
	table.policy-table{
		margin-left: 0%;
		width: 100%;
		
	}
	table.policy-table th{
		width: 30%;
	}
	table.policy-table td{
		width: 70%;
	}
	
	
	
	/*ここから商品情報*/
	
	
	div#product_main{
		padding-top: 80px;
		width: 100%;
		height: 200px;
		display: flex;
		align-items: center;
		margin: 0 auto;
		overflow: hidden;
	}

	div#product_main img{
		width: 100%;
		vertical-align: middle;
		overflow: hidden; /* 画像が枠をはみ出ないようにする */
	}
	div#scrollyajirusi_product{
		clear:both;
		width: 100%;
		height: 50px;
		margin: 0 auto;
		margin-top: 20px;
		position: relative;
	}
	div#scrollyajirusi_product img{
		margin: 0 auto;
		height: 100%;
	}
	div#product{
      padding-bottom:30px;
      width:100%;
      margin:0px auto;
		margin-top: 30px;
  }	
	
	
	div#product-skincare{
		width: 90%;
		margin-top: -90px;
		padding-top: 90px;
		display: inline-block;
	}
	div.bland{
		width: 100%;
		height: 30px;
		color: #FFFFFF;
		background-color: #FFF;
		margin-bottom: 30px;
		vertical-align: middle;
	}
	div.bland img{
		max-width: 100%;
		margin: 0 auto;
	}
	div#product_container{
		width: 100%;
		height: auto;
	}

	div#product_img01 img{
		width: 80%;
		float: none;
	}	
	div#product_spec{
		padding-top: 30px;
		text-align: left;
		font-family:"sans-serif";
		width: 90%;
		height: auto;
		margin:0 auto;
		float: none;
	}
	div#product_spec p.bland{
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 25px;
		color: #FFFFFF;
		background-color: #bdbbb6;
		margin-bottom: 10px;
		padding-left: 10px;
	}
	div#product_spec p.category{
		font-size: 16px;
		padding-left: 10px;
		border-bottom: solid 1px #6D6D6D;
	}
	
	
	div#product_spec p.productname{
		font-family: YuMincho, "Yu Mincho";
		font-size: 25px;
		padding-left: 10px;
	}
	div#product_spec p.productname2{
		font-size: 11px;
		color: #999999;
		padding: 0px 0px 0px 10px;
		margin-bottom: 10px;
	}
	
		div#product_spec p.productname2{
		font-size: 11px;
		color: #999999;
		padding: 0px 0px 0px 10px;
	}
	div#product_spec p.price{
		padding-left: 10px;
	}
	div#product_spec p.productcopy{
		padding-top: 20px;
		padding-left: 10px;
	}
	div#product_spec p.comment{
		font-size: 11px;
		color: #999999;
		padding: 20px 0px 0px 10px;
	}
	
	
    /*ここからトップに戻るボタン*/
    p.page-top{
        position:fixed;
        right:20px;
        bottom:20px;
    }
    p.page-top a{
        display:block;
    }
	p.page-top img{
        widows: 30px;
        height:30px;
	}

    

}
/*レスポンシブ終わり*/