@charset "UTF-8";
/* CSS Document */
/*- 詳細 --------------------- */
#detailContainer {
 background: #E8E8E8;
 margin: 0;
 padding: 100px 0;
}
#detail {
 width: 100%;
 max-width: 960px;
 margin: 0 auto;
 padding: 0;
 font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
#name {
 font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#name h2 {
 margin: 0;
 font-size: 2rem;
}
#name p {
 margin: 10px 0 0 0;
 font-size: 1.2rem;
 letter-spacing: -0.005rem;
}
#category {
 background: rgba(255, 255, 255, 1);
 font-size: 1rem;
 line-height: 20px;
 border-radius: 10px;
 display: inline-block;
 margin: 20px 0 0 0;
 padding: 0 10px;
 color: rgba(0, 0, 0, .5);
}
.disc {
 margin: 50px 0 0 0;
 font-size: 1.4rem;
 line-height: 1.8;
}
.disc p {
 margin: 10px 0 0 0;
}
.size {
 margin: 50px 0 0 0;
 font-size: 1.2rem;
 line-height: 1.8;
}
.size p {
 margin: 10px 0 0 0;
}
.swiper-container {
 width: 100%;
 height: auto;
 margin: 50px 0 0 0;
 overflow: hidden;
 cursor: pointer;
}
.swiper-container img {
 border-radius: 2px;
}
.swiper-container p {
 font-size: 1.2rem;
 line-height: 1.8;
 margin: 0;
 padding: 0;
}
.swiper-container p:first-of-type {
 margin: 10px 0 0 0;
}
.att {
 font-size: 1.2rem;
 margin: 50px 0 0 0;
}
@media screen and (max-width:1039px) {
 #detail {
  max-width: 700px;
 }
}
@media screen and (max-width:779px) {
 #detail {
  max-width: 440px;
 }
}
@media screen and (max-width:520px) {
 #detail {
  max-width: calc(100% - 40px);
 }
}