/* layout.css */
@charset "UTF-8";

@import url('../../../resource/css/reset.css');
@import url('../../../resource/css/layout.css');

/* 全体、その他
============================================*/

#fv {
	width: 100%;
	max-width: 980px;
	margin: 40px auto 0;
	text-align: right;
}
#main_fv {
	width: 500px;
	margin: 0 auto;
	text-align: center;
}
#main-text {
	margin: 5px auto;
	text-align: center;
}

#fv img {
	width: 100%!important;
}
#fv .slick-list {
	vertical-align: top;
}
.slick-prev, .slick-next {
    width: 25px!important;
    height: 50px!important;
}
.slick-prev {
    left: 0!important;
	z-index: 10;
}
.slick-next {
    right: 0!important;
}
.slider {
width: 90%;
margin: 0 auto 80px;
}
.slick-slide {
	padding: 10px;
	cursor: pointer;
}
.slick-slide img {
width: 100%;
height: auto;
}
.slide_fv{
	width: 100%;
	padding: 20px 40px;
	box-sizing: border-box;
}
.slick-prev:before {
  content: "" !important;
}

.slick-prev:after {
  content: url(../images/arrow_left.png);
}

.slick-next:before {
  content: "" !important;
}

.slick-next:after {
  content: url(../images/arrow_right.png);
}  


#main {
	margin: 20px auto 50px;
	text-align: left;
}

#main h2 {
	margin: 40px 0 20px;
	font-size: 28px;
	font-size: 2.8rem;
}
#main h3 {
	margin: 40px 0 20px;
	background: #E6E6E6;
	font-size: 20px;
	font-size: 2.0rem;
	padding: 0 20px;
}
#main p {
	margin: 20px 0;
}

#main dl {
	margin-top: 5px;
}

#main dt {
	clear: both;
	float: left;
	width: 5em;
}

#main dd {
	padding: 0 0 0 7em;
	margin-bottom: 15px;
	position: relative;
}

#main dd:before {
	content:"";
	display: block;
	height: 100%;
	width: 5px;
	background: #FFA42C;
	position: absolute;
	left: 5.5em;
}

#main .product p {
	margin: 0;
}

#main .price {
	font-size: 24px;
	font-size: 2.4rem;
}

#main .price span {
	font-size: 14px;
	font-size: 1.4rem;
}


#main .bodycolor li {
	float: left;
	margin: 0 105px 10px 0;
	width: 80px;
	height: 80px;
	box-sizing: border-box;
	position: relative;
	background-image: url(../images/body_01.png);
	background-repeat: no-repeat;
	background-position: center center;
	-moz-background-size: 180px auto;
	background-size: 180px auto;
	border: #666 1px solid;
}

#main .bodycolor li span {
	position: absolute;
	left: 85px;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	width: 90px;
	font-size: 10px;
}

#main .linecolor li {
	float: left;
	margin: 0 55px 10px 0;
	width: 50px;
	height: 50px;
	box-sizing: border-box;
	position: relative;
	border: #666 1px solid;
}

#main .linecolor li span {
	position: absolute;
	left: 55px;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	width: 50px;
	font-size: 10px;
}

#main .shop h5 {
	margin: 20px 0 10px;
	font-weight: bold;
}

#main .gallery ul {
	margin: 0 -5px;
}

#main .gallery li {
	width: 20%;
	float: left;
	box-sizing: border-box;
	padding: 5px;
}
/*-------------------------
|                         |
|  レスポンシブCSS        |
|  SP用（767px以下）  　　|
|													|
-------------------------*/

@media screen and (max-width:766px){
#main .product,
#main dl,
#main .info,
#main .shop h4,
#main .shop h5,
#main .shop p,
#main .gallery ul {
	padding: 0 20px;
}
#main .gallery li {
	width: 33%;
}
}


/*-------------------------
|                         |
|  レスポンシブCSS        |
|  PC用（767px以上）  　　|
|													|
-------------------------*/

@media screen and (min-width:767px){

}