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{
	}

.sp{display: none!important;
	}

.cl{
	clear: both;
}
.pc-w70p{
	width:70%;
	margin:0 auto;
}
.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: 15px;
	width:140px;
	float: left;
}
header #logo h1{
	margin:0;
	padding:0;
	line-height: 0;
}
header #logo h1 img{
	width:100%;
}
header #sns{
	margin: 15px 0 0 0;
	padding:0;
	width:100px;
	float: right;
}
header #sns li{
	margin:0 10px 0 0;padding:0;
	width:40px;
	height:40px;
	list-style: none;
	float: left;
}
header #sns li img{
	width:100%; height: 100%;
}
#top-movie{
	background: linear-gradient(to right, #e2d3d4, #b3b1cb);position: relative;
}
#top-movie .arrow{
	  width: 40px;
  height: 40px;
  border: 3px solid;
  border-color:  transparent transparent #fff #fff;
  transform: rotate(-45deg);
	bottom:80px;
	left: calc(50% - 20px);
	position: absolute;
}

#top-movie .container-fluid{padding-right:0!important;padding-left:0!important;}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.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:10px 10px;list-style: none;background: #ba8d4d;font-size: 20px;line-height: 22px;width:calc(50% - 20px);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: 35px;height: 35px;display: block;position: absolute;top: 5px;right: 15px;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:10px 10px;list-style: none;background: #98ab7f;font-size: 20px;line-height: 22px;width:calc(50% - 20px);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: 35px;height: 35px;display: block;position: absolute;top: 10px;right: 15px;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:10px 10px;list-style: none;background: #b29885;font-size: 20px;line-height: 22px;width:calc(50% - 20px);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: 35px;height: 35px;display: block;position: absolute;top: 10px;right: 15px;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:10px 10px;list-style: none;background: #d4bf6c;font-size: 20px;line-height: 22px;width:calc(50% - 20px);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: 35px;height: 35px;display: block;position: absolute;top: 10px;right: 15px;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:10px 10px;list-style: none;background: #7ea184;font-size: 20px;line-height: 22px;width:calc(50% - 20px);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: 35px;height: 35px;display: block;position: absolute;top: 10px;right: 15px;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:10px 10px;list-style: none;background: #de96a7;font-size: 20px;line-height: 22px;width:calc(50% - 20px);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: 35px;height: 35px;display: block;position: absolute;top: 10px;right: 15px;background: url("../images/icon-cart.png") no-repeat;background-size: 100% 100%;}



#spec{background: #d3d3a9;padding:65px 0 140px 0;}
#spec .inner{background: #b3b39a;padding:15px;}
#spec h2{width:80%;margin:0 auto;}
#spec h3{font-size:20px;font-weight: bold;text-align: center;color: #fff;margin:10px 0;}
#spec p{font-size:16px;line-height: 26px; color: #fff;text-align: center;}
#spec p span{font-size:12px;line-height: 20px; color: #fff;text-align: center;}

#series{background: #e0e0c6;padding:40px 0 0 0;}
#series h2{width:60%;margin:0 auto;position: relative;top: -160px;}
#series h2 img{width:100%;}
#series h3{width:60%;margin:0 auto;}
#series h3 img{width:100%;}
#series-hugme{margin-top: -130px;}

#series-girly{}

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

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

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

#natural-col{background: #f0dcca;}


#series ul{width:70%;margin:0 auto;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: 18px;color: #5f5f5f;letter-spacing: 1px;margin:8px 0;}

#profile{background: #d3d3a9;}
#profile h2{margin:0 auto;width:60%;}
#profile h2 img{width:100%;}
#profile img{width:70%;margin:0 auto;display: block;}
#profile p{width:70%;margin:0 auto;padding:15px;color: #fff;font-size: 18px;line-height: 32px;}
#profile p img{margin:30px 0 0 0;width:200px;}

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

@media (min-width: 1200px){
.container {max-width: 960px!important;}
}
@media screen and (max-width: 320px) {
}