@charset "utf-8";
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999;}
#cboxWrapper {max-width:none; width: 100% !important;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:100%; -ms-interpolation-mode:bicubic;
max-width: 100%; height: auto;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #cboxOverlay{background:#666666;}
#colorbox{outline:0;} .cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;} #cboxTitle{    position: absolute; bottom: 100%; padding-right: 35px; left: 0; color: #ffffff; font-size: 150%;}
#cboxCurrent{display: none !important; position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxLoadingGraphic{background:url(//thu-three.com/wp/wp-content/themes/thuThree/menu/css/images/loading.gif) no-repeat center center;} #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:-40px; margin-top:-32px; background:url(//thu-three.com/wp/wp-content/themes/thuThree/menu/img/btn-prev.png) no-repeat top left; width:28px; height:45px; text-indent:-9999px;}
#cboxNext{position:absolute; top:50%; right:-40px; margin-top:-32px; background:url(//thu-three.com/wp/wp-content/themes/thuThree/menu/img/btn-next.png) no-repeat top right; width:28px; height:45px; text-indent:-9999px;}
#cboxClose{    position: absolute; top: -30px; right: 0; display: block; background: url(//thu-three.com/wp/wp-content/themes/thuThree/menu/img/btn-close.png) no-repeat top center; width: 35px;
height: 35px; text-indent: -9999px;}
@media screen and (max-width: 767px) {
#cboxLoadedContent{max-width: 100% !important;}
.cboxPhoto {width: auto !important;max-width: 80%;}
#cboxTitle {
font-size: 18px;
}
#cboxNext{right:10px;
background-size: 60%;  top: 60%;}
#cboxPrevious{left:10px;
background-size: 60%; top: 60%;}
#cboxLoadedContent {
background: none;
}
#colorbox {
left: 0 !important;
}
#cboxClose {
right: 8%;
top: -26px;
background-size: 50%;
}
#cboxTitle {
left: 10%;
font-size: 12px;
padding-right: 65px;
} }
@media screen and (max-width: 767px) and (orientation:landscape) {
#colorbox {
top: 30px !important;
}
.cboxPhoto[src*="color15"],
.cboxPhoto[src*="color16"],
.cboxPhoto[src*="color17"],
.cboxPhoto[src*="color18"],
.cboxPhoto[src*="color19"],
.cboxPhoto[src*="color20"],
.cboxPhoto[src*="color21"],
.cboxPhoto[src*="color22"],
.cboxPhoto[src*="color23"],
.cboxPhoto[src*="color24"],
.cboxPhoto[src*="color25"] {
max-width: 48%;
}
}
 #contents .common_inner {
padding-bottom: 50px;
}
.main_title {
background: #ffffff url(//thu-three.com/wp/wp-content/themes/thuThree/menu/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 {
background: url(//thu-three.com/wp/wp-content/themes/thuThree/menu/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;
}  #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%;
} #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_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_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(//thu-three.com/wp/wp-content/themes/thuThree/menu/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(//thu-three.com/wp/wp-content/themes/thuThree/menu/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;
} #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_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_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_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;
} #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_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;
}
}