@charset "utf-8";
 #contents .section_title {
font-size: 18px;
padding-top: 15px;
margin-bottom: 15px;
}
#contents .main_title {
border-top: 1px #E2E2DC solid;
padding: 10px 0 15px;
background: url(//thu-three.com/wp/wp-content/themes/thuThree/menu/img/sp/bg-main_title.jpg) no-repeat center bottom;
background-size: 100%;
margin: 20px 0;
font-size: 14px;
} .main_text {
background: #F4F6F8 url(//thu-three.com/wp/wp-content/themes/thuThree/menu/img/bg-mainimage.jpg) no-repeat top right;
background-size: cover;
height: auto;
padding: 10% 0;
}
.main_text .title {
font-size: 18px;
margin-bottom: 0;
}
.txt_right {
font-size: 12px;
margin-top: 10px;
}
#contents .common_inner {
padding-bottom: 20px;
} #contents .menu_section .section_inner .main_txt {
font-size: 12px;
}
#contents .section_inner .list_area li h4 {
font-size: 13px;
height: auto !important;
}
#contents .section_inner .list_area li .txt_message {
height: auto !important;
font-size: 12px;
padding: 10px 10px 0;
}
#contents .menu_section .section_inner .list_area {
margin-top: 15px;
}
#contents .menu_section .section_inner .list_area li {
float: none;
width: 100%;
margin: 0 0 10px 0;
}
#contents .section_inner .list_area li .list_images {
padding: 10px;
}
#contents .section_inner .list_area li .list_images img {
width: 90%;
}
#contents .menu_section .section_inner .list_area li .list_images li {
float: left;
}
#contents .section_inner table tr {
font-size: 12px;
}
#contents .section_inner table tr th {
padding: 5px;
}
#contents .section_inner table tr td {
padding: 5px 0;
}
#contents .section_inner .attention_txt {
text-align: right;
margin-top: 17px;
font-size: 12px;
} .flat_info {
margin-bottom: 10px;
width: 100%;
}
.flat .desing_area ul.desing_info {
margin-bottom: 10px;
}
.flat .desing_area ul.desing_info li {
width: 100%;
float: left!important;
}
.flat .desing_area ul.desing_info li h4 {
color: #9b8267;
}  .color .color_section .color_info {
padding: 0;
display: block;
margin-bottom: 7px;
width: 100%;
}
.color .color_section .color_info .photo {
display: block;
vertical-align: middle;
width: 100%;
padding-right: 0;
}
.color .color_section .color_info .message {
display: block;
width: 100%;
border: none;
padding: 10px;
}
.color .color_section .color_info .message ul li {
float: left;
width: auto;
margin-right: 10px;
}
.color .color_section .color_info .message ul li img {
width: auto;
height: 14px;
}
.color .color_section .color_info .message p {
font-size: 12px;
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: 100%;
}
#contents .sub_title {
font-size: 16px;
margin: 10px 0;
}
.color .point_area dl {
margin-bottom: 5px;
}
.color .point_area dt {
float: none;
width: 100%;
font-weight: bold;
font-size: 14px;
}
.color .point_area dd {
background: url(//thu-three.com/wp/wp-content/themes/thuThree/menu/img/sp/bg-point_dd.gif) no-repeat left 3px;
background-size: 11px 11px;
padding-left: 15px;
font-size: 12px;
}
.color .point_area ul,
.volume .design_area ul  {
width: 100%;
margin: 15px 0;
}
.color .point_area li,
.volume .design_area ul li {
width: 98%;
margin: 0 0 10px;
vertical-align: middle;
}
.color .point_area li:nth-child(odd),
.volume .design_area ul li:nth-child(odd) {
margin: 0 0 10px 0;
}
.color .point_area li .img,
.volume .design_area ul li .img {
width: 40%;
display: table-cell;
vertical-align: middle;
padding-left: 0;
}
.color .point_area li p,
.volume .design_area ul li p {
margin-top: 0;
font-size: 12px;
padding-left: 5px;
vertical-align: middle;
margin-bottom: 10px;
}
.color .point_area li p.introduce,
.volume .design_area ul li p.introduce {
font-size: 16px;
padding: 5px 0;
}
.color .desing_area ul.desing_info {
width: 100%;
}
.color .desing_area ul.desing_info li {
width: 100%;
float: none;
}
.color .desing_area ul.desing_info li.special {
float: none;
}
.color .desing_area ul.desing_info li h4 {
font-size: 14px;
color: #000000;
border-bottom: 1px #E1DBD2 solid;
padding-bottom: 5px;
margin-bottom: 20px;
}
.color .desing_area ul.desing_info li .message {
font-size: 12px;
}
.color .desing_area ul.desing_info li ul li {
width: 100%;
float: none;
margin-bottom: 10px;
}
.color .desing_area ul.desing_info li .list li {
padding-left: 10px;
}
.color .desing_area ul.desing_info li .list li:after {
width: 6px;
height: 6px;
}
.color .desing_area ul.desing_info li ul li .title {
font-size: 14px;
clear:both;
font-weight: bold;
color: #525252;
margin-bottom: 10px;
}
.color .volume_mascara_area {
display: block;
margin: 10px 0;
background: none;
}
.color .volume_mascara_area .photo {
display: block;
width: 100%;
padding-right: 0;
}
.color .volume_mascara_area .message {
display: block;
width: 100%;
padding : 10px;
background: #333333;
}
.color .volume_mascara_area .message p {
margin-bottom: 15px;
font-size: 12px;
}
.color .volume_mascara_area .message .title img {
width: auto;
height: 19px;
}
.color .color_area {
margin-bottom: 0;
}
.color .color_area ul li {
border-bottom: 1px #E1DBD2 solid;
margin-bottom: 15px;
padding-bottom: 5px;
}
.color .color_area ul li:last-child {
border-bottom: none;
}
.color .color_area ul li .photo {
float: left;
width: 20.5%;
}
.color .color_area ul li .message {
float: right;
width: 74.5%;
font-size: 12px;
}
.color .color_area ul li .message dl dt {
display: block;
margin-bottom: 0;
}
.color .color_area ul li .message dl dt span {
display: block;
}
.color .color_area ul li .message dl dt span img {
width: auto;
height: 15px;
}
.color .color_area ul li .message dl dt .tag {
display: inline-block;
line-height: 2.1;
width: 124px;
text-align: center;
margin: 0 0 10px 0;
}
.color .color_area ul {
clear: both;
}
.color .color_area ul.sp_list {
padding-top: 10px;
}
.color .color_area ul.sp_list li {
position: relative;
border: none;
padding: 0 0 0 10px;
margin-bottom: 5px;
font-size: 12px;
}
.color .color_area ul.sp_list li:after {
position: absolute;
top: 6px;
left: 0;
display: block;
content: '';
width: 6px;
height: 6px;
background: #9B8367;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#contents .color .price_area .section_inner table tr th {
padding: 10px 0;
font-size: 12px;
width: 20%;
}
#contents .color .price_area .section_inner table tr th:nth-child(2) {
padding-left: 5px;
width: 35%;
}
#contents .color .price_area .section_inner table tr td {
padding: 10px 0;
font-size: 12px;
}
#contents .color .price_area .section_inner table tr td.special {
padding-left: 5px;
}
#contents .color .price_area p {
font-size: 12px;
margin: 10px 0;
}
#contents .color .price_area .section_inner .special_table tr th:first-child {
width: 50%;
}
#contents .color .price_area .section_inner .special_table tr th {
width: 25%;
}
#contents .color .price_area .section_inner .special_table tr th:nth-child(2) {
width: 25%;
} #contents .glue .section_inner table {
width: 100%;
}
#contents .glue .glue_area .section_inner table tr th:last-child {
width: 100%;
}
#contents .glue .section_inner table tr {
font-size: 12px;
}
#contents .glue .section_inner table tr th {
width: 100%;
}
#contents .glue .section_inner table tr th:last-child {
width: 100%;
text-align: left;
padding: 10px
}
#contents .glue .glue_area .section_inner table tr td {
width: 21%;
text-align: left;
padding: 10px;
}
#contents .glue .glue_area .section_inner table tr td.border_none {
border-right: none;
}
#contents .glue .glue_area .section_inner table tr td.txt_right {
text-align: right;
width: 12%;
padding-left:0;
}
#contents .glue .txt {
font-size: 12px;
padding: 10px 0 0;
} .silk .silk_section .silk_info {
padding: 0;
display: block;
width: 100%;
}
.silk .silk_section .silk_info .photo {
display: block;
width: 100%;
padding-right: 0;
}
.silk .silk_section .silk_info .message {
display: block;
border: none;
font-size: 12px;
padding: 10px;
}
.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: 50%;
padding: 17px 10px;
}
#contents .silk .silk_section .section_inner table tr th:first-child {
padding: 10px;
}
#contents .silk .silk_section .section_inner table tr th {
width: 50%;
text-align: center;
padding: 0;
font-weight: normal;
}
#contents .silk .silk_section .section_inner table tr td {
padding: 10px;
} .sable .sable_section .sable_info {
padding: 0;
display: block;
width: 100%;
}
.sable .sable_section .sable_info .photo {
display: block;
width: 100%;
padding-right: 0;
}
.sable .sable_section .sable_info .message {
display: block;
padding: 10px;
border: none;
}
.sable .sable_section .sable_info .message .txt {
font-size: 12px;
}
.sable .sable_section .sable_info .message ul {
margin-bottom: 10px;
}
.sable .sable_section .sable_info .message ul li {
position: relative;
padding: 0 0 0 10px;
margin-bottom: 5px;
font-size: 12px;
}
.sable .sable_section .sable_info .message ul li:after {
position: absolute;
top: 6px;
left: 0;
display: block;
content: '';
width: 6px;
height: 6px;
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: 50%;
padding: 17px 10px;
}
#contents .sable .sable_section .section_inner table tr th:first-child {
padding: 10px;
}
#contents .sable .sable_section .section_inner table tr th {
width: 50%;
text-align: center;
padding: 0;
font-weight: normal;
}
#contents .sable .sable_section .section_inner table tr td {
padding: 10px;
}
#contents .sable .sable_section  .section_inner table tr td span {
font-size: 10px;
display: block;
padding-left: 0;
} .volume .volume_section .volume_info {
padding: 0;
display: block;
margin-bottom: 7px;
width: 100%;
}
.volume .volume_section .volume_info .photo {
display: block;
width: 100%;
padding-right: 0;
}
.volume .volume_section .volume_info .message {
display: block;
width: 100%;
border: none;
padding: 10px;
}
.volume .volume_section .volume_info .message .title {
margin-bottom: 10px;
text-align: left;
}
.volume .volume_section .volume_info .message .title img {
height: 21px;
width: auto;
}
.volume .volume_section .volume_info .message .txt {
line-height: 1.6;
font-size: 12px;
text-align: left;
}
.volume .volume_section .design_area {
margin: 25px 0;
}
.volume .volume_section .design_area .message {
float: none;
width: 100%;
line-height: 1.6;
font-size: 12px;
}
.volume .volume_section .design_area .photo {
float: none;
width: 80%;
margin: 0 auto;
margin-bottom: 20px;
}
.volume .volume_section .volume_list {
margin-bottom: 25px;
}
.volume .volume_section .volume_list li {
padding-left: 10px;
font-size: 12px;
}
#contents .volume .volume_section .price_area .txt {
font-size: 12px;
margin-bottom: 15px;
}
#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: 40%;
padding: 10px 0;
}
#contents .volume .volume_section .section_inner table tr th:first-child {
width: 20%;
}
#contents .volume .volume_section .section_inner table tr th:nth-child(2) {
width: 40%;
}
#contents .volume .volume_section .section_inner table tr td {
padding: 10px 0;
}
#contents .volume .volume_section .section_inner table tr td.special {
padding-left: 10px;
}
#contents .volume .volume_section .section_inner .special_table tr th:first-child {
width: 50%;
}
#contents .volume .volume_section .section_inner .special_table tr th:nth-child(2) {
width: 25%;
} #contents .design .section_inner .list_area li h3 {
font-size: 13px;
height: auto !important;
} .product .product_section .txt {
font-size: 12px;
margin-bottom: 15px;
}
.product .product_section .product_list li {
padding: 2px;
margin-top: 10px;
width: 100%;
display: block;
}
.product .product_section .product_list li .message {
display: table;
padding: 10px;
width: 100%;
border: 1px #F6F4F1 solid;
}
.product .product_section .product_list li .message .title {
font-size: 14px;
}
.product .product_section .product_list li .message .title .price {
float: right;
font-size: 12px;
}
.product .product_section .product_list li .message .title .price span {
font-size:  14px;
}
.product .product_section .product_list li .message .txt {
font-size: 12px;
float: left;
}
.product .product_section .product_list li .message .txt {
font-size: 12px;
float: left;
width: calc(100% - 130px);
}
.product .product_section .product_list li .photo {
display: block;
float: right;
width: 120px;
margin-left: 10px;
}
.product .product_section .product_list li .photo img {
width: 100%;
}
@media screen and (orientation:landscape){
#contents .glue .glue_area .section_inner table tr td {
width: 16%;
}
#contents .glue .glue_area .section_inner table tr td.txt_right {
width: 16%;
}
}