@charset "UTF-8";
/*---------------------------------------------------------------*\
	$INDEX
\*---------------------------------------------------------------*/
/*
・共通
・◯◯◯◯◯
・◯◯◯◯◯
*/

/*---------------------------------------------------------------*\
	$共通
\*---------------------------------------------------------------*/

h1 {
    margin: 100px 0 80px;
    text-align: center;
}
h1 img {
    width: 460px;
    margin: 0 auto;
}
img.personal_image {
    margin: 0 auto;
}
h2 {
    text-align: center;
    margin: 100px 0 40px;
}
.product img {
    margin: 0 auto;
}
.product h3 {
    width: 980px;
    margin: 50px auto 0;
    text-align: center;
    position: relative;
}
.product h3:before {
    content: '';
    position: absolute;
    top: 50%;
    display: block;
    height: 1px;
    width: 100%;
    background-color: #555;
}
.product h3 span {
    display: inline-block;
    width: 200px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #555;
    background-color: #fff;
    position: relative;
    z-index: 5;
}
ul.product_detail {
    margin: 0 auto;
    text-align: center;
    padding: 60px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}
.product_detail.border {
    border-top: 1px dotted #ece7e7;
    border-bottom: 1px dotted #ece7e7;
}
.product_detail.col2 {
    width: 800px;
}
.product_detail.col3 {
    width: 1100px;
}
.product_detail.col2 li {
    width: 40%;
    margin: 5%;
}
.product_detail.col3 li {
    width: 29%;
    margin: 2%;
}
.product_detail li {
    text-align: left;
    display: inline-block;
}
.product_bottle {
    width: 22%;
    display: inline-block;
    vertical-align: middle;
}
.product img {
    height: auto;
}
.product_detail p {
    display: inline-block;
    width: 70%;
    margin-left: 6%;
    font-size: 1.25rem;
    vertical-align: middle;
	color: #666;
}
.product_detail span {
    display: block;
    font-size: 1.55rem;
    margin-bottom: 10px;
}
.personal_cap {
	margin: 80px auto 40px;
}



/*---------------------------------------------------------------*\
	$980px
\*---------------------------------------------------------------*/
@media screen and (max-width: 980px) {
}
