html {
}
body {
	margin:0;
	padding:0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
img{max-width: 100%;
}

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  transition-property: all;
  transition: 0.1s linear;
}

.pc{display: none!important;
	}

.sp{
	}

.cl{
	clear: both;
}
.sp-pd0{
	padding-left:0!important;
	padding-right:0!important;
}
header{
	height: 56px;
	width:100%;
	/*border-bottom:6px solid #e0006a;*/
	z-index: 999999;
	position: absolute;
	margin-top:5px;
}

header #logo{
	margin:0;
	width:110px;
	float: left;
}
header #logo h1{
	margin:0;
	padding:0;
	line-height: 0;
}
header #logo h1 img{
	width:100%;
}
header #sns{
	margin: 8px 0 0 0;
	padding:0;
	width:84px;
	float: right;
}
header #sns li{
	margin:0 7px 0 0;padding:0;
	width:35px;
	height:35px;
	list-style: none;
	float: left;
}
header #sns li img{
	width:100%; height: 100%;
}

#top-movie{
	width:100%;
	margin-bottom:-8px;
	position: relative;
}
#top-movie .arrow{
	  width: 30px;
  height: 30px;
  border: 3px solid;
  border-color:  transparent transparent #fff #fff;
  transform: rotate(-45deg);
	bottom:110px;
	left: calc(50% - 15px);
	position: absolute;
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 178.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
video{
	width:100%;
}
#mv{
	background: url("../images/mv-bg.jpg") no-repeat;
	background-size: 100%;
}

#concept{background:#d3d3a9;}

#lineup-cafemocha{background: linear-gradient(#d8d0c7, #cebd98);}
#lineup-cafemocha .button{background: url("../images/lineup-cafemocha-button.jpg") no-repeat;background-size: 100% 100%;padding:0 15px 15px 15px;}

#lineup-greentea{background: linear-gradient(#a2af9c, #9e9c81);}
#lineup-greentea .button{background: url("../images/lineup-greentea-button.jpg") no-repeat;background-size: 100% 100%;padding:0 15px 15px 15px;}

#lineup-babybrown{background: linear-gradient(#f7cee4, #f194ac);}
#lineup-babybrown .button{background: url("../images/lineup-babybrown-button.jpg") no-repeat;background-size: 100% 100%;padding:0 15px 15px 15px;}

#lineup-honeyhoney{background: linear-gradient(#debfae, #b39993);}
#lineup-honeyhoney .button{background: url("../images/lineup-honeyhoney-button.jpg") no-repeat;background-size: 100% 100%;padding:0 15px 15px 15px;}

#lineup-minthazel{background: linear-gradient(#b6bda8, #c6b2cc);}
#lineup-minthazel .button{background: url("../images/lineup-minthazel-button.jpg") no-repeat;background-size: 100% 100%;padding:0 15px 15px 15px;}

#lineup-clearpink{background: linear-gradient(#ae869b, #946b6d);}
#lineup-clearpink .button{background: url("../images/lineup-clearpink-button.jpg") no-repeat;background-size: 100% 100%;padding:0 15px 15px 15px;}


#lineup-cafemocha .button ul{width:100%;margin:0 ;padding:0;}
#lineup-cafemocha .button ul li{margin:5px 5px;list-style: none;background: #ba8d4d;font-size: 13px;line-height: 22px;width:calc(50% - 10px);text-align: center;position: relative;float: left;}
#lineup-cafemocha .button ul li a{color: #fff;padding:12px 25px 12px 5px;display: block;}
#lineup-cafemocha .button ul li a:hover{text-decoration: none;}
#lineup-cafemocha .button ul li:after{content: '';width: 25px;height: 25px;display: block;position: absolute;top: 10px;right: 5px;background: url("../images/icon-cart.png") no-repeat;background-size: 100% 100%;}

#lineup-greentea .button ul{width:100%;margin:0 ;padding:0;}
#lineup-greentea .button ul li{margin:5px 5px;list-style: none;background: #98ab7f;font-size: 13px;line-height: 22px;width:calc(50% - 10px);text-align: center;position: relative;float: left;}
#lineup-greentea .button ul li a{color: #fff;padding:12px 25px 12px 5px;display: block;}
#lineup-greentea .button ul li a:hover{text-decoration: none;}
#lineup-greentea .button ul li:after{content: '';width: 25px;height: 25px;display: block;position: absolute;top: 10px;right: 5px;background: url("../images/icon-cart.png") no-repeat;background-size: 100% 100%;}

#lineup-babybrown .button ul{width:100%;margin:0 ;padding:0;}
#lineup-babybrown .button ul li{margin:5px 5px;list-style: none;background: #b29885;font-size: 13px;line-height: 22px;width:calc(50% - 10px);text-align: center;position: relative;float: left;}
#lineup-babybrown .button ul li a{color: #fff;padding:12px 25px 12px 5px;display: block;}
#lineup-babybrown .button ul li a:hover{text-decoration: none;}
#lineup-babybrown .button ul li:after{content: '';width: 25px;height: 25px;display: block;position: absolute;top: 10px;right: 5px;background: url("../images/icon-cart.png") no-repeat;background-size: 100% 100%;}

#lineup-honeyhoney .button ul{width:100%;margin:0 ;padding:0;}
#lineup-honeyhoney .button ul li{margin:5px 5px;list-style: none;background: #d4bf6c;font-size: 13px;line-height: 22px;width:calc(50% - 10px);text-align: center;position: relative;float: left;}
#lineup-honeyhoney .button ul li a{color: #fff;padding:12px 25px 12px 5px;display: block;}
#lineup-honeyhoney .button ul li a:hover{text-decoration: none;}
#lineup-honeyhoney .button ul li:after{content: '';width: 25px;height: 25px;display: block;position: absolute;top: 10px;right: 5px;background: url("../images/icon-cart.png") no-repeat;background-size: 100% 100%;}

#lineup-minthazel .button ul{width:100%;margin:0 ;padding:0;}
#lineup-minthazel .button ul li{margin:5px 5px;list-style: none;background: #7ea184;font-size: 13px;line-height: 22px;width:calc(50% - 10px);text-align: center;position: relative;float: left;}
#lineup-minthazel .button ul li a{color: #fff;padding:12px 25px 12px 5px;display: block;}
#lineup-minthazel .button ul li a:hover{text-decoration: none;}
#lineup-minthazel .button ul li:after{content: '';width: 25px;height: 25px;display: block;position: absolute;top: 10px;right: 5px;background: url("../images/icon-cart.png") no-repeat;background-size: 100% 100%;}

#lineup-clearpink .button ul{width:100%;margin:0 ;padding:0;}
#lineup-clearpink .button ul li{margin:5px 5px;list-style: none;background: #de96a7;font-size: 13px;line-height: 22px;width:calc(50% - 10px);text-align: center;position: relative;float: left;}
#lineup-clearpink .button ul li a{color: #fff;padding:12px 25px 12px 5px;display: block;}
#lineup-clearpink .button ul li a:hover{text-decoration: none;}
#lineup-clearpink .button ul li:after{content: '';width: 25px;height: 25px;display: block;position: absolute;top: 10px;right: 5px;background: url("../images/icon-cart.png") no-repeat;background-size: 100% 100%;}


#spec{background: #d3d3a9;padding:35px 0 70px 0;}
#spec .inner{background: #b3b39a;padding:15px;}
#spec h2{}
#spec h3{font-size:15px;font-weight: bold;text-align: center;color: #fff;margin:10px 0;}
#spec p{font-size:12px;line-height: 18px; color: #fff;text-align: left;}
#spec p span{font-size:8px;line-height: 12px; color: #fff;text-align: left;}

#series{background: #e0e0c6;position: relative;padding:0;}
#series h2{position: absolute;top:-45px;}
#series h2 img{width:100%;}

#series-hugme{
	background: url( "../images/series-hugme-bg.png") no-repeat,#e0e0c6;
	background-position: top right;
	padding:50px 10px 20px 10px;
	background-size: 100%;
}

#series-girly{
	background: url( "../images/series-girly-bg.png") no-repeat,#e2b4be;
	background-position: bottom left;
	padding:10px 10px 20px 10px;
	background-size: 100%;
}

#series-natural{
	padding:10px 10px 0 10px;
	background: #f0dcca;
}

#series ul{width:100%;margin:0;padding:0;}
#series ul li{width:50%;float: left;list-style: none;}
#series ul li img{width:100%;}
#series ul li p{text-align: center;font-size: 14px;color: #5f5f5f;letter-spacing: 1px;margin:8px 0;}

#profile{background: #d3d3a9;}
#profile p{margin:0;padding:15px;color: #fff;font-size: 14px;line-height: 24px;}
#profile p img{margin-bottom:10px;width:140px;}

footer{background: #fff;padding:30px;}
footer p{color:#666;font-size: 13px;line-height: 22px;}
footer ul{margin:15px 0;padding:0;display: flex;justify-content: center;}
footer ul li{margin:0 10px;font-size: 11px;list-style: none;}
footer ul li a{color: #666;text-decoration: underline;}
footer copy{color:#666;font-size: 12px;text-align: center;display: block;}

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