﻿.maindesign {
margin:auto;
max-width: 860px
}

.maindesign .under{
margin-bottom:50px;
}
@media screen and (max-width:767px) {
.maindesign {
width:100%;
}
.maindesign .under{
margin-bottom:30px;
} 
}
.maindesign .listHeading {
font-size: 1.2em;
font-family: 'Noto Sans JP', "ＭＳ Ｐゴシック","MS PGothic",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
color: #333;
font-weight: bold;
}

.maindesign .listHeading.listH34{
margin: 20px 0 10px 0;
}

.maindesign h1 img {
width: 100%
}	
.maindesign h1 span.heading01{
color: #FFF;
text-shadow: 3px 3px 10px #000000;
font-size: 5em;
font-weight: bold;
position: absolute;
font-feature-settings: "palt" 1;
top: 50%;
left: 50%;
width: 100%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
margin: auto;
}	
@media screen and (max-width:767px) {
.maindesign h1 span.heading01{
font-size: 9vw;
font-feature-settings: "palt" 1;
top: 50%;
left: 50%;
width: 100%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
margin: auto;
}
}
.maindesign .cols2-2 {
display: flex;
flex-wrap: wrap;
}
.maindesign .cols2-2 li {
width:calc(50% - 5px);
margin-right:calc(10px / 1);
margin-bottom:20px;
}
.maindesign .cols2-2 li:nth-child(2n){
margin-right:0;
}
.maindesign .cols2-2 .text-box{
padding:0.5em;
font-size:2em;
}
@media screen and (max-width:767px) {
.maindesign .cols2-2 .text-box{
font-size:1.5em;
}
}
.maindesign .cols3-2 li {
width: calc(33.33% - 7px);
margin-right: calc(21px / 2);
margin-bottom: 20px;
position: relative;
}
.maindesign .cols3-2 li:nth-child(3n) {
margin-right: 0px;
}

.maindesign .goods{
align-items: start;
}

.maindesign .kitchen {
margin-bottom:60px;
margin-top: 20px;
}
.maindesign .kitchen h3{
background: #dd6b73;
color: #fff;
padding: 10px 0;
font-size: 1.3em;
font-weight:bold;
margin-bottom:10px;
text-align: center; 
}

.maindesign .kitchen h4{
background: #999;
color: #fff;
padding: 5px 0;
font-size: 1.1em;
font-weight:normal;
text-align: center
}
.maindesign .kitchen h5{
font-size: 1.0em;
text-align:left;
border-bottom:1px solid #dd6b73;
margin:0;
padding:10px 0 5px;
font-weight:bold;
margin-bottom:5px;
}
.maindesign .kitchen .spe_txt p{
font-size: 0.9em;
line-height:1.2;
}
.maindesign .kitchen p{
text-align:left;
}

.maindesign .kitchen .abc{
display:flex;
flex-wrap:wrap;
margin-bottom:30px;
}
.maindesign .kitchen .m_visual{
width: calc(60% - 10px);
margin-right: 10px;
}

.maindesign .kitchen .sub{
width: 40%;
}

/*.maindesign .details .m_visual{
width: calc(50% - 10px);
margin-right: 10px;
}
.maindesign .details .sub{
width: 50%;
}
*/
.maindesign .details table,
.maindesign .details th,
.maindesign .details td{
border:1px solid #666;
border-collapse:collapse;
margin-top: 10px;
}
.maindesign .details th,
.maindesign .details td{
padding:10px 5px;
line-height:1.2;
}
.maindesign .details th{
background-color:#ccc;
width: 30%;
}

.maindesign .sub li {
font-size: 0.9em;
}
@media screen and (max-width:767px) {
.maindesign .kitchen .m_visual{
width: 100%;
margin-right: 0;
}
.maindesign .kitchen .sub{
width: 100%;
margin-top:20px;
}
}
.maindesign .kitchen .sakura_only{
display: flex;
flex-wrap: wrap;
}
.maindesign .kitchen .sakura_only div{
width:50%;
}
.maindesign .kitchen .sakura_only p{
width:calc(50% - 10px);
margin: 0 0 0 10px;
text-align:left;
}
ul{
padding:0;
list-style:none;
}
.maindesign .kitchen .specification li{
display: flex;
flex-wrap: wrap;
}
.maindesign .kitchen .specification img{
width:calc(100% - 2px);
border:1px solid #ccc;
}
.maindesign .kitchen .specification .spe_txt{
width:100%;
margin: 0;
text-align:left;
}



.maindesign .plan li {
border: 1px solid #dd6b73;
}
.maindesign .plan h4{
background: #dd6b73;
color: #fff;
padding: 10px 0;
font-size: 1.2em;
font-weight:bold;
margin:0;
}

.maindesign .plan li img{
width:calc(100% - 10px);
margin:5px;
}


.maindesign .left{
text-align:left;
}
.maindesign .right{
text-align:right;
}

@media screen and (max-width:767px) {
.maindesign .right{
text-align:center;
}
}