@charset "utf-8";
/* CSS Document */
.section-top-movie .movie-list .movie-holder {
    border-radius: 4px 4px 0 0;
    overflow: hidden;
}
/* 汎用style
========================================*/
.Flex-Box {
  display: flex;
}
.main-visual img.pc-style {
  display: block;
}
.main-visual img.sp-style {
  display: none;
}
.notes {
  font-size: calc(8px + 0.25vw);
  line-height: calc(1.2rem + 0.25vw);
}
.chojyu-color {
  color: #562529;
}
.Noto-Serif-j {
  font-family: 'Noto Serif JP', serif;
}
.fa-shopping-cart {
  margin-left: 10px;
}
.nama:before {
  content: "";
  display: inline-block;
  background: url(../images/nama-icon.svg) no-repeat;
  width: 18px;
  height: 15px;
  background-size: contain;
  position: relative;
  top: -6px;
}
.pc-style {
  display: block;
}
.sp-style {
  display: none;
}
/* 糀トライアルセット
========================================*/

.main-visual {
  max-width: 1170px;
  width: 100%;
  position: relative;
  margin: 0 auto;
}
.main-visual img {
  display: block;
  width: 100%;
}
.chojyu-logo {
  display: block;
  max-width: 80px;
  width: 100%;
  position: absolute;
  z-index: 5;
  top: 30px;
  right: 50px;
}
.info-area-box.Flex-Box {
  justify-content: space-between;
}
.info-area-box {
  max-width: 1170px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 40px 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.set-title {
  font-size: calc(0.8rem + 0.25vw);
  line-height: calc(1.0rem + 0.25vw);
  font-weight: bold;
  letter-spacing: 0.08rem;
  color: #685656;
  margin: 0 0 5px;
}
.set-detail {
  font-size: calc(0.5rem + 0.25vw);
  line-height: calc(1.2rem + 0.25vw);
  letter-spacing: 0.08rem;
  color: #685656;
}
.left-box,.right-box {
  display: block;
  width: 35%;
  margin: 0 80px;
  padding: 20px 20px 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.left-box p,.right-box p {
  font-size: calc(9px + 0.25vw);
  line-height: calc(1.2rem + 0.25vw);
  color: #685656;
}
.left-box p.notes,.right-box p.notes {
  font-size: calc(7px + 0.25vw);
  line-height: calc(1.2rem + 0.25vw);
}
.H3-title {
  font-size: calc(1.0rem + 0.25vw);
  line-height: calc(1.0rem + 0.25vw);
  font-weight: 300;
  letter-spacing: 0.5rem;
  margin: 0 0 30px;
}
.H3-title span {
  font-size: calc(8px + 0.25vw);
  line-height: calc(0.8rem + 0.25vw);
  position: relative;
  top: -5px;
}
.price-box {
  font-size: calc(1.2rem + 0.25vw);
  line-height: calc(1.0rem + 0.25vw);
  font-weight: 600;
  letter-spacing: 0.1rem;
  margin: 10px 0 0;
}
.price-box span {
  font-size: calc(10px + 0.25vw);
  line-height: calc(1.0rem + 0.25vw);
  font-weight: 100;
  letter-spacing: 1px;
}
.notes-box {
  max-width: 1000px;
  width: 100%;
  display: block;
  margin: 0 auto 30px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.cart-bt a {
  font-family: 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
  display: block;
  color: #fff;
  max-width: 200px;
  width: 100%;
  font-size: calc(10px + 0.25vw);
  line-height: calc(1.0rem + 0.25vw);
  font-weight: 100;
  letter-spacing: 1.5px;
  border-radius: 3px;
  padding: 10px;
  margin: 40px auto 0;
  text-align: center;
  background: #685656;
  text-decoration: none;
}
.cart-bt a:hover {
  background: #822222;
  transition: .8s;
}
footer.copy-text {
  max-width: 1000px;
  width: 100%;
  font-size: calc(7px + 0.25vw);
  line-height: calc(0.8rem + 0.25vw);
  letter-spacing: 1.5px;
  border-top: solid 1px #e9e9e9;
  margin: 0 auto 30px;
  padding: 30px 0 0;
  text-align: center;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

@media all and (min-width: 1024px) {
.notes-box {
  max-width: 900px;
}
}
@media screen and (max-width: 860px) {
}
@media screen and (max-width: 768px) {
/* 汎用style
========================================*/
.notes {
  line-height: calc(1.0rem + 0.25vw);
}
/* 糀トライアルセット
========================================*/
.chojyu-logo {
  max-width: 60px;
}
.main-visual {
  margin: 0 auto 150px;
}
.left-box,.right-box {
  display: block;
  width: 45%;
  margin: 0 40px;
}
.notes-box {
  max-width: 600px;
}
}
@media all and (min-width: 660px) {
}
@media screen and (max-width: 660px) {
/* 汎用style
========================================*/
.main-visual img.pc-style {
  display: none;
}
.main-visual img.sp-style {
  display: block;
}
.pc-style {
  display: none;
}
.sp-style {
  display: block;
}
/* 糀トライアルセット
========================================*/
.chojyu-logo {
  max-width: 40px;
  top: 20px;
  right: 15px;
}
.main-visual {
  margin: 0 auto 30px;
}
.info-area-box {
  position: relative;
  bottom: 0;
  padding: 0;
}
.set-detail {
  font-size: calc(0.6rem + 0.25vw);
  line-height: calc(1.3rem + 0.25vw);
  letter-spacing: 0.1rem;
  margin: 0 0 24px;
}
.info-area-box.Flex-Box {
  justify-content: flex-start;
  flex-wrap: wrap-reverse;
}
.price-box {
  font-size: calc(1.2rem + 0.25vw);
  line-height: calc(1.0rem + 0.25vw);
  font-weight: 600;
  letter-spacing: 0.1rem;
  margin: 10px 0 0;
}
.left-box,.right-box {
  display: block;
  width: 100%;
  margin: 0;
  text-align: center;
}
.cart-bt a {
  margin: 20px auto 30px;
}
.notes-box {
  padding: 0 20px;
}
}