@charset "utf-8";
/*  .main
----------------------------------------*/
#contents .common_inner {
	padding-bottom: 50px;
}
.main_title {
	background: #ffffff url(../img/bg-main_title.jpg) no-repeat center bottom;
	padding-bottom: 23px;
	margin: 33px 0 20px;
	font-size: 175%;
	font-weight: normal;
	color: #9A8366;
	text-align: center;
}
/*  .main_text
----------------------------------------*/
.main_text {
	background: url(../img/bg-mainimage.jpg) no-repeat top center;
	height: 291px;
	padding-top: 109px;
}
.main_text .title {
	color: #998366;
	font-size: 300%;
	margin-bottom: 13px;
	font-weight: normal;
}
.main_text p {
	color: #998366;
	font-size: 117%;
	line-height: 2.3;
}
.txt_right {
	margin-top: 20px;
	font-size: 109%;
	text-align: right;
	color: #525252;
}
#contents .section_inner table tr td.left_border {
	border-left: #e1dbd2 1px solid;
}
#contents .section_inner table tr td.special {
	background: #FCFCFC;
	padding-left: 20px;
	text-align: left;
}
#contents .anchor_section .common_inner {
    padding-bottom: 0;
}
/*--------------------------
  index
----------------------------*/
/*  .menu_section  */
#contents .section_title {
	color: #9B8367;
	font-size: 297%;
	padding-top: 30px;
	margin-bottom: 50px;
}
#contents .menu_section .section_inner .text {
	font-size: 117%;
	color: #333;
	line-height: 2.6;
	margin-bottom: 33px;
}
#contents .menu_section .section_inner .main_txt {
	text-align: center;
	font-size: 125%;
}

/*  .list_area..*/
#contents .section_inner .list_area {
	margin-top: 35px;
}
#contents .section_inner .list_area:after {
	content: "";
	display: block;
	clear: both;
}
#contents .section_inner .list_area li:nth-child(2n-1) {
	margin-left: 0;
}
#contents .section_inner .list_area li {
	float: left;
	width: 48.1%;
	margin: 0 0 20px 2.4%;
	border: 1px #cdc1b3 solid;
	padding: 2px;
}
#contents .section_inner .list_area li .txt_message {
	padding: 12px 14px 0;
	font-size: 109%;
	line-height: 1.9;
}
#contents .section_inner .list_area li h4 {
	background: #fcfcfb;
	border: 1px solid #f6f4f1;
	font-size: 150%;
	font-weight: normal;
	text-align: center;
	padding: 11px 0 10px;
}
#contents .section_inner .list_area li h4 span {
	font-size: 69%;
}
#contents .section_inner .list_area li .list_images {
	padding: 8px 14px 18px;
	text-align: center;
}
#contents .section_inner .list_area li .list_images:after {
	content: "";
	display: block;
	clear: both;
}
#contents .section_inner .list_area li .list_images li {
	border: none;
	padding: 0;
	margin: 0 0 0 2%;
	width: 49%;
}
#contents .section_inner .list_area li .list_images li:first-child {
	margin: 0;
}
#contents .section_inner .list_area li .list_images li img {
	width: 100%;
}
#contents .section_inner table {
	width: 100%;
	vertical-align: middle;
	margin-top: 17px;
}
#contents .section_inner table tr:first-child {
	color: #535353;
	background: #f9f9f8;
}
#contents .section_inner table tr:first-child th {
	background: #f9f9f8;
}
#contents .section_inner table tr {
	color: #525252;
	font-size: 117%;
}
#contents .section_inner table tr th {
	width: 33%;
	border: #e1dbd2 1px solid;
	padding: 17px 0 18px 10%;
	background: #fcfcfc;
}
#contents .section_inner table tr td {
	width: 67%;
	border-bottom: #e1dbd2 1px solid;
	border-top: #e1dbd2 1px solid;
	border-right: #e1dbd2 1px solid;
	padding: 17px 0 18px;
	text-align: center;
}


#contents .section_inner .attention_txt {
	text-align: right;
	margin-top: 17px;
}

/*--------------------------
  flat
----------------------------*/
/*  .flat_section  */

.flat_info {
    padding: 0 2%;
    display: table;
    margin-bottom: 70px;
    width: 96%;
}

.flat .desing_area ul.desing_info {
    width: 100%;
    margin-bottom: 70px;
}
.flat .desing_area ul.desing_info li {
    width: 49%;
    float: left;
}

.flat .desing_area ul.desing_info li h4::before {
	top: 6px;
    left: 0;
    display: inline-block;
    content: '';
    width: 13px;
    height: 13px;
    background: #9B8367;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-right: 9px;
}

.flat .desing_area ul.desing_info li h4{
	font-size: 154%;
	color: #998366;
    border-bottom: 1px #E1DBD2 solid;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.flat .desing_area ul.desing_info li.special {
    float: right;
}
.flat .desing_area ul.desing_info li {
    width: 49%;
    float: left;
}
.sp {
	display: none;
}

@media screen and (max-width: 767px) {
.sp {
	display: block;
}
.pc {
	display: none;
}
.flat_info {
    margin-bottom: 10px;
    width: 100%;
}
.flat .desing_area ul.desing_info {
    margin-bottom: 10px;
}
.flat .desing_area ul.desing_info li h4 {
    color: #9b8267;
}
}

/*--------------------------
  color
----------------------------*/
/*  .color_section  */
.color .color_section .color_info {
	padding: 0 2%;
	display: table;
	margin-bottom: 7px;
	width: 96%;
}
.color .color_section .color_info .photo {
	display: table-cell;
	vertical-align: middle;
	width: 51.9%;
	padding-right: 1.5%;
}
.color .color_section .color_info .photo img {
	width: 100%;
	height: auto;
}
.color .color_section .color_info .message {
	display: table-cell;
	vertical-align: middle;
	border-top: 1px #E1DBD2 solid;
	border-bottom: 1px #E1DBD2 solid;
	padding-left: 1%;
}
.color .color_section .color_info .message ul li {
	float: left;
	margin-right: 30px;
}
.color .color_section .color_info .message p {
	font-size: 117%;
	margin: 10px 0 20px;
}
.color .color_section .color_info .message .img {
	text-align: center;
}
.color .color_section .color_info .message .img img {
	width: 100%;
	max-width: 522px;
}
#contents .sub_title {
	font-size: 134%;
    color: #998366;
    border-bottom: 1px #E1DBD2 solid;
    padding-bottom: 5px;
    margin: 20px 0;
}
.color .point_area dl {
	margin-bottom: 5px;
}
.color .point_area dt {
	float: left;
	width: 135px;
	font-weight: bold;
	color: #525252;
	font-size: 142%;
}
.color .point_area dd {
	background: url(../img/bg-point_dd.gif) no-repeat 135px 5px;
	padding-left: 155px;
	font-size: 117%;
}
.color .point_area ul {
	width: 100%;
    margin: 20px 0 40px;
}
.volume .design_area ul {
	width: 100%;
    margin-top: 20px;
}
.color .point_area li,
.volume .design_area ul li {
	float: left;
	width: 49%;
	margin-left:2%;
	border: 2px solid #e1dbd2;
	box-sizing: border-box;
    margin-bottom: 20px;
}
.color .point_area li img,
.volume .design_area ul li img {
	width: 90%;
}
.color .point_area li:nth-child(2n-1),
.volume .design_area ul li:nth-child(2n-1) {
	margin-left:0;
}
.color .point_area li p,
.volume .design_area ul li p {
	text-align: center;
    margin-bottom: 15px;
}
.color .point_area li p.introduce,
.volume .design_area ul li p.introduce {
    background: #fcfcfb;
    border: 1px solid #f6f4f1;
    font-size: 150%;
    font-weight: normal;
    text-align: center;
    padding: 11px 0 10px; 
}
.color .point_area li p.before,
.volume .design_area ul li p.before {
	background: url(../img/img-color_before.jpg) no-repeat left center;
}
.color .desing_area ul.desing_info {
	width: 100%;
}
.color .desing_area ul.desing_info li {
	width: 49%;
	float: left;
}
.color .desing_area ul.desing_info li.special {
	float: right;
}
.color .desing_area ul.desing_info li h4 {
	font-size: 134%;
	color: #998366;
	border-bottom: 1px #E1DBD2 solid;
	padding-bottom: 5px;
	margin-bottom: 20px;
}
.color .desing_area ul.desing_info li .message {
	width: 100%;
	font-size: 109%;
}
.color .desing_area ul.desing_info li ul li {
	width: 100%;
	float: none;
	margin-bottom: 20px;
}
.color .desing_area ul.desing_info li ul li dt {
	font-size: 109%;
	font-weight: bold;
	margin-bottom: 10px;
	padding-top: 5px;
}
.color .desing_area ul.desing_info li .list li {
	margin-bottom: 5px;
	position: relative;
	padding-left: 15px;
}
.color .desing_area ul.desing_info li .list li:after {
	position: absolute;
	top: 5px;
	left: 0;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	background: #9B8367;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.color .volume_mascara_area {
	display: table;
	background: #333333;
	margin: 45px 20px 55px;
}
.color .volume_mascara_area .photo {
	display: table-cell;
	vertical-align: middle;
	width: 51.5%;
	padding-right: 1.5%;
}
.color .volume_mascara_area .photo img {
	width: 100%;
	height: auto;
}
.color .volume_mascara_area .message {
	display: table-cell;
	vertical-align: middle;
	padding : 0 4% 0 1%;
}
.color .volume_mascara_area .message .title {
}
.color .volume_mascara_area .message p {
	margin-bottom: 25px;
	font-size: 107%;
	line-height: 1.5;
	color: #ffffff;
}
.color .color_area {
	margin-bottom: 55px;
}
.color .color_area ul li {
	border-bottom: 1px #E1DBD2 solid;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.color .color_area ul li .photo {
	float: left;
	width: 15.5%;
}
.color .color_area ul li .photo img {
	width: 100%;
}
.color .color_area ul li .message {
	float: right;
	width: 82.5%;
	font-size: 117%;
}
.color .color_area ul li .message dl dt {
	display: table;
	margin-bottom: 20px;
}
.color .color_area ul li .message dl dt span {
	display: table-cell;
	vertical-align: middle;
}
.color .color_area ul li .message dl dt .tag {
	display: inline-block;
	line-height: 2.1;
	color: #ffffff;
	border-radius: 5px;
	width: 124px;
	text-align: center;
	margin-right: 20px;
	font-weight: bold;
}
.color .color_area ul li .message dl dt .red {
	background: #CA2D40;
}
.color .color_area ul li .message dl dt .blue {
	background: #203892;
}
.color .color_area ul li .message dl dt .green {
	background: #107241;
}
.color .color_area ul li .message dl dt .brown {
	background: #75461A;
}
.color .color_area ul li .message dl dt .pink {
	background: #E8339C;
}
.color .color_area ul li .message dl dt .org {
	background: #E86022;
}
.color .color_area ul li .message dl dt .rose {
	background: #A5085F;
}
.color .color_area ul li .message dl dd li {
	position: relative;
	border: none;
	padding: 0 0 0 20px;
	margin-bottom: 10px;
}
.color .color_area ul li .message dl dd li:after {
	position: absolute;
	top: 6px;
	left: 0;
	display: block;
	content: '';
	width: 9px;
	height: 9px;
	background: #9B8367;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#contents .color .price_area .section_inner table tr th {
	width: 33%;
	padding: 15px 0;
	text-align: center;
	font-weight: normal;
}
#contents .color .price_area .section_inner table tr th:first-child {
	width: 9%;
}
#contents .color .price_area .section_inner table tr th:nth-child(2) {
	width: 24%;
	text-align: left;
	padding-left: 20px;
}
#contents .color .price_area .section_inner table tr td {
	padding: 15px 0;
	text-align: center;
	width: auto;
}
#contents .color .price_area .section_inner table tr td.special {
	background: #FCFCFC;
	padding-left: 20px;
	text-align: left;
}
#contents .section_inner table tr td.left_border {
	border-left: #e1dbd2 1px solid;
}
#contents .color .price_area p {
	font-size: 109%;
	margin: 10px 0 20px;
}
#contents .color .price_area .section_inner .special_table tr th:first-child {
	width: 33%;
}
#contents .color .price_area .section_inner .special_table tr th:nth-child(2) {
	width: 33%;
	text-align: center;
	padding-left: 0;
}

#contents .color .price_area .txt_right {
	margin: 20px 0 0;
}

/*--------------------------
  glue
----------------------------*/

#contents .glue .glue_area .section_inner table tr th {
	width: 10%;
	padding: 15px 0;
	text-align: center;
	font-weight: normal;
}
#contents .glue .glue_area .section_inner table tr th:first-child {
	width: 25%;
}
#contents .glue .glue_area .section_inner table tr th:last-child {
	width: 45%;
}
#contents .glue .glue_area .section_inner table tr td {
	padding: 15px 0;
	text-align: center;
	width: auto;
}
#contents .glue .glue_area .section_inner table tr td.special {
	background: #FCFCFC;
	padding-left: 20px;
	text-align: left;
}
#contents .glue .glue_area .section_inner table tr td.txt_left {
	padding-left: 20px;
	text-align: left;
}
#contents .glue .glue_area .section_inner table tr td.left_border {
	border-left: #e1dbd2 1px solid;
}

#contents .glue .txt {
	font-size: 109%;
	padding: 10px 0 0;
}
/*--------------------------
  silk
----------------------------*/

.silk .silk_section .silk_info {
	padding: 0 2%;
	display: table;
	margin-bottom: 7px;
	width: 96%;
}
.silk .silk_section .silk_info .photo {
	display: table-cell;
	vertical-align: middle;
	width: 51.9%;
	padding-right: 1.5%;
}
.silk .silk_section .silk_info .photo img {
	width: 100%;
	height: auto;
}
.silk .silk_section .silk_info .message {
	display: table-cell;
	vertical-align: middle;
	border-top: 1px #E1DBD2 solid;
	border-bottom: 1px #E1DBD2 solid;
	line-height: 2;
	font-size: 109%;
	padding-left: 2%;
}
.silk .silk_section .silk_info .message p {
	font-size: 117%;
	margin: 10px 0 20px;
}
#contents .silk .silk_section .section_inner table tr th:first-child {
	font-weight: normal;
	text-align: left;
	width: 34%;
	padding: 17px 20px;
}
#contents .silk .silk_section .section_inner table tr th {
	width: 70%;
	text-align: center;
	padding: 0;
	font-weight: normal;
}
#contents .silk .silk_section .section_inner table tr td {
	width: auto;
}
/*--------------------------
  sable
----------------------------*/

.sable .sable_section .sable_info {
	padding: 0 2%;
	width: 96%;
	display: table;
	margin-bottom: 7px;
}
.sable .sable_section .sable_info .photo {
	display: table-cell;
	vertical-align: middle;
	width: 51.9%;
	padding-right: 1.5%;
}
.sable .sable_section .sable_info .photo img {
	width: 100%;
	height: auto;
}
.sable .sable_section .sable_info .message {
	display: table-cell;
	vertical-align: middle;
	border-top: 1px #E1DBD2 solid;
	border-bottom: 1px #E1DBD2 solid;
	padding-left: 2%;
}
.sable .sable_section .sable_info .message .txt {
	margin-top: 10px;
	line-height: 2;
	font-size: 109%;
}

.sable .sable_section .sable_info .message ul li {
	position: relative;
	border: none;
	padding: 0 0 0 20px;
	margin-bottom: 10px;
	font-size: 117%;
}
.sable .sable_section .sable_info .message ul li:after {
	position: absolute;
	top: 6px;
	left: 0;
	display: block;
	content: '';
	width: 9px;
	height: 9px;
	background: #9B8367;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#contents .sable .sable_section .section_inner table tr th:first-child {
	font-weight: normal;
	text-align: left;
	width: 34%;
	padding: 17px 20px;
}
#contents .sable .sable_section  .section_inner table tr th {
	width: 70%;
	text-align: center;
	padding: 0;
	font-weight: normal;
}
#contents .sable .sable_section  .section_inner table tr td {
	width: auto;
}
#contents .sable .sable_section  .section_inner table tr td span {
	font-size: 75%;
	display: inline-block;
	padding-left: 13px;
}

/*--------------------------
  volume
----------------------------*/

.volume .volume_section .volume_info {
	padding: 0 2%;
	display: table;
	margin-bottom: 7px;
	width: 96%;
}
.volume .volume_section .volume_info .message {
	display: table-cell;
    vertical-align: middle;
    border-top: 1px #E1DBD2 solid;
    border-bottom: 1px #E1DBD2 solid;
    padding-left: 2%;
    text-align: center;
    padding: 40px 0;
}
.volume .volume_section .volume_info .message .title {
	margin-bottom: 25px;
}
.volume .volume_section .volume_info .message .txt {
	line-height: 2;
	font-size: 109%;
}
.volume .volume_section .design_area .message {
    width: 100%;
    line-height: 2.1;
    font-size: 109%;
}
.volume .volume_section .design_area {
	margin-top: 25px;
}
.volume .volume_section .design_area .photo {
	float: right;
	width: 44.4%;
}
.volume .volume_section .design_area .photo img {
	width: 100%;
}
.volume .volume_section .volume_list {
	margin-bottom: 75px;
}
.volume .volume_section .volume_list li {
	position: relative;
	padding-left: 15px;
	font-size: 109%;
	line-height: 2;
}
.volume .volume_section .volume_list li:after {
	position: absolute;
	top: 11px;
	left: 0;
	display: block;
	content: '';
	width: 2px;
	height: 2px;
	background: #535353;
}
#contents .volume .volume_section .price_area .txt {
	font-size: 109%;
	margin-bottom: 30px;
}
#contents .volume .volume_section .price_area .special_txt {
	margin-top: 15px;
}
#contents .volume .volume_section .price_area .special_txt .txt {
	float: left;
}
#contents .volume .volume_section .price_area .special_txt .txt_right {
	float: right;
	margin-top: 0;
}
#contents .volume .volume_section .section_inner table tr th {
	width: 69%;
	padding: 15px 0;
	text-align: center;
	font-weight: normal;
}
#contents .volume .volume_section .section_inner table tr th:first-child {
	width: 13%;
}
#contents .volume .volume_section .section_inner table tr th:nth-child(2) {
	width: 20%;
	text-align: left;
	padding-left: 20px;
}
#contents .volume .volume_section .section_inner table tr td {
	padding: 15px 0;
	text-align: center;
	width: auto;
}
#contents .volume .volume_section .section_inner table tr td.special {
	background: #FCFCFC;
	padding-left: 20px;
	text-align: left;
}
#contents .volume .volume_section table tr td.left_border {
	border-left: #e1dbd2 1px solid;
}
#contents .volume .volume_section .section_inner .special_table tr th:first-child {
	width: 33%;
}
#contents .volume .volume_section .section_inner .special_table tr th:nth-child(2) {
	width: 33%;
	text-align: center;
	padding-left: 0;
}

/*--------------------------
  design
----------------------------*/

#contents .design .section_inner .list_area li h3 {
	background: #fcfcfb;
	border: 1px solid #f6f4f1;
	font-size: 150%;
	font-weight: normal;
	text-align: center;
	padding: 11px 0 10px;
}
#contents .design .section_inner .list_area li h3 span {
	font-size: 69%;
}
/*--------------------------
  product
----------------------------*/

.product .product_section .txt {
	text-align: center;
	font-size: 117%;
	margin-bottom: 25px;
}
.product .product_section .product_list li {
	padding: 2px;
	margin-top: 20px;
	width: 100%;
	border: 1px #CDC1B3 solid;
	display: table;
}
.product .product_section .product_list li .message {
	display: table-cell;
	vertical-align: top;
	background: #FCFCFB;
	border-top: 1px #F6F4F1 solid;
	border-bottom: 1px #F6F4F1 solid;
	border-left: 1px #F6F4F1 solid;
	padding: 15px 20px 15px 15px;
}
.product .product_section .product_list li .message .title {
	border-bottom: 1px #E1DBD2 solid;
	font-size: 159%;
	color: #333333;
	padding-bottom: 10px;
	font-weight: normal;
	margin-bottom: 10px;
}
.product .product_section .product_list li .message .title .price {
	float: right;
	font-size: 84%;
	color: #FF7F00;
}
.product .product_section .product_list li .message .title .price span {
	font-size: 158%;
}
.product .product_section .product_list li .message .txt {
	font-size: 119%;
	line-height: 2;
	text-align: left;
	margin-bottom: 0;
}
.product .product_section .product_list li .message .txt {
	font-size: 119%;
	line-height: 2;
	text-align: left;
	margin-bottom: 0;
}
.product .product_section .product_list li .photo {
	display: table-cell;
	vertical-align: top;
	width: 26.7%;
}
.product .product_section .product_list li .photo img {
	width: 100%;
}
@media screen and (max-width: 1000px) {

.color .color_section .color_info .message ul li {
	float: left;
	width: 40%;
	margin-right: 10px;
}
.color .color_section .color_info .message ul li img {
	width: 100%;
}
.color .volume_mascara_area .message p {
	margin-bottom: 10px;
}
}