@charset "UTF-8";
/* ここからCSSのルールを記述していく */


body {
  font-family: "SimSun", "STSong", "Microsoft YaHei", sans-serif;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
/* 共通のスタイル */
#maison-shanghai-p {
  width: 90%;
  margin: 0 auto;
}
.top-ttl {
  padding: 20px 0 15px;
  border-top: solid 1px #B7B7B7;
  border-bottom: solid 1px #B7B7B7;
  width: 300px;
  margin: 100px auto;
}
.ttl_h1 {
  text-align: center;
  font-size: 26px;
  font-weight: 500;
}
h2.product-h2 {
  font-size: 18px;
  font-weight: 400;
}
p.product-txt {
  font-size: 14px;
}
.product-container {
  max-width: 1500px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;
  box-sizing: border;
}
.full-img img {
  width: 100%;
  height: auto;
  margin: 30px 0;
}

.product-container::after {
  content: "";
  width: 49%;
}
.product-img img {
  width: 100%;
  height: auto;
}
table.product-detail {
  border-collapse: collapse;
  width: 250px;
  font-size: 14px;
  margin-bottom: 25px;
}
th, td {
  padding: 2px;
  text-align: left;
  font-weight: 400;
}
th {
  width: 100px;
}
td {
  width: 150px;
}

.fullimg-container{
  max-width: 1500px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;
  box-sizing: border;
}

h2.p_suberi {
    font-size: 16px;
    line-height: 2rem;
}
/* 1201px and above (4 columns) */
@media (min-width: 1201px) {
  .product-box {
    display: flex;
    flex-direction: column;
  }
  .product-ttl {
   	margin: 10px auto 20px 0px;  
  }
  .product-box {
    width: 24%;
    margin-bottom: 20px;
    /* 4カラムの場合 */
  }
	.full-img img {
  width: 100%;
  height: auto;
  margin: 30px 0;
}
}
/* 769pxから1200pxまでのタブレット用スタイル */
@media (min-width: 769px) and (max-width: 1200px) {
  .product-box {
    width: 49%; /* Modified width for 2-column layout */
    margin-bottom: 10px;
    padding: 0 10px;
    vertical-align: top;   
    /* 2カラムの場合 */
  }
   .product-ttl {
   	margin: 10px auto 20px 0px;  
  }
	
  #maison-shanghai-p {
    width: 100%;
  }

  h2.product-h2 {
    font-size: 20px;
  }
  table.product-detail {
    font-size: 16px;
  }
}
/* 768pxまでのスマートフォン用スタイル */
@media screen and (max-width: 768px) {
.ttl_h1 {
    text-align: center;
    font-size: 22px;
    font-weight: 500;
}	
.top-ttl {
    padding: 20px 0 15px;
    border-top: solid 1px #B7B7B7;
    border-bottom: solid 1px #B7B7B7;
    width: 300px;
    margin: 50px auto;
}	
  .product-box {
    width: 100%;
    padding: 0 10px;
    margin: auto;
  }
 .product-ttl {
   	margin: 10px auto 20px 0px;  
  }
 #maison-shanghai-p {
    width: 100%;
  }	
  h2.product-h2 {
    font-size: 20px;
  }
  table.product-detail {
    font-size: 16px;
  }
.full-img img {
  width: 100%;
  height: auto;
  margin: 30px 0;
}	
h2.p_suberi {
    font-size: 16px;
    line-height: 1.5rem;
    font-weight: 300;
}	
}