@charset "UTF-8";

 
main{
  padding-bottom: 80px;
}

main .main_header{
  width: 1107px;
  height: 350px;
  background-image: url(../images/new-item/bg02.png);
  background-repeat: no-repeat;
  background-position-x: 20px;
  background-position: top;
}

main .main_header h1 {
  padding-top: 129px;
  font-size: 32px;
  font-weight: 300;
  text-align: center;
}

main .main_header p {
  padding-top: 45px;
  font-size: 25px;
  font-weight: 300;
  text-align: center;
}

main .main_header h1,
main .main_header p {
  color: #fff;
  text-shadow: 1px 1px 10px rgba(80, 99, 57),
    1px 1px 10px rgba(80, 99, 57),
    1px 1px 10px rgba(80, 99, 57);
}
 


/* main */

main {
  background-image: url(../images/new-item/bg01.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

main section{
  width: 1146px;
  padding-bottom: 130px;
}

 main .main_header{
  padding-bottom: 0;
}

main section .new-item_content{
  margin-bottom: 50px;
}

main .new-item_box {
  width: 650px;
}

main .new-item_box .item_title h2,
main .new-item_box .item_title h3 {
  font-size: 27px;
  font-weight: 200;
}

main .new-item_box .item_title .read {
  padding-top: 45px;
  line-height: 1.5;
}

main .new-item_box .sin_image {
  background-image: url(../images/new-item/sin_02.png);
  width: 274px;
  height: 178px;
  margin-bottom: 31px;
  font-size: 0;
  color: transparent;
  border-radius: 8px;
}

main .new-item_box .yoku_image {
  background-image: url(../images/new-item/yoku_02.png);
  width: 274px;
  height: 178px;
  margin-bottom: 31px;
  font-size: 0;
  color: transparent;
  border-radius: 8px
}

main .new-item_box .new-item_info-box {
  width: 649px;
  padding: 11px 36px 26px;
  box-sizing: border-box;
  border: 1px solid #fff;
  background: linear-gradient(-135deg, #e8faff, #dde2f4);
}

main .new-item_box .new-item_info-box .price {
  font-size: 27px;
  padding-left: 15px;
  line-height: 1.4;
}

main .new-item_info-box .sin-scent {
  color: #8c00c7;
  font-weight: 300;
  padding-top: 10px;
}

main .new-item_info-box .yoku-scent {
  color: #a77a01;
  font-weight: 300;
  padding-top: 10px;
}


main .new-item_info-box .btn_area {
  padding-top: 24px;
}

main .new-item_info-box .btn_area .item_cart-btn{
  width: 349px;
  height: 47px;
  display: block;
  background-color: #506339;
  text-align: center;
  line-height: 2;
  text-align: center;
  line-height: 2.5;
  font-size: 18px;
}

main .new-item_info-box .btn_area .item_cart-btn a::before{
  content:"〉 ";
}

main .new-item_info-box .btn_area .item_cart-btn a{
  color: #fff;
}

main .new-item_info-box .btn_area .item_cart-btn:hover{
  cursor: pointer;
  opacity: .5;
  transition: .4s;
}

main .new-item_info-box .btn_area .coment-btn{
  width: 203px;
  height: 47px;
  display: block;
  background-color: #ffffff;
  text-align: center;
  line-height: 2;
  text-align: center;
  line-height: 2.5;
  font-size: 18px;
  border: 1px solid #506339;
  box-sizing: border-box;
}

main .new-item_info-box .btn_area .coment-btn a::before{
  content:"〉 ";
}

main .new-item_info-box .btn_area .coment-btn:hover{
  cursor: pointer;
  background-color: #e0f1cb;
  transition: .4s;
}


/* ex */
main .ex{
  width: 1107px;
  color: #323232;
}

/* sin-ex */
main .sin_ex{
 border-top: 1px solid #323232;
border-bottom: 1px solid #323232;
}

main .ex .sin_ex dt{
  display: block;
  padding: 25px 25px;
  cursor: pointer;
}

main .ex .sin_ex dt:hover{
  opacity: .5;
  transition: .4s;
}


main .ex .sin_ex dt::before{
  content:"〉 ";
}


main .ex .sin_ex dd{
  display: none;
  font-size: 14px;
  line-height: 1.5;
  padding-bottom: 20px;
  color: #7a7979;
}


/* yoku-ex */
main .yoku_ex{
  border-top: 1px solid #323232;
 border-bottom: 1px solid #323232;
 }
 
 main .ex .yoku_ex dt{
   display: block;
   padding: 25px 25px;
   cursor: pointer;
 }
 
 main .ex .yoku_ex dt:hover{
   opacity: .5;
   transition: .4s;
 }
 
 
 main .ex .yoku_ex dt::before{
   content:"〉 ";
 }
 
 
 main .ex .yoku_ex dd{
  display: none;
   font-size: 14px;
   line-height: 1.5;
   padding-bottom: 20px;
   color: #7a7979;
 }
 
 
 




/* --- スマホ0~640pxまで --- */
@media screen and (max-width:640px) {


  /* テンプレートを書く */
  .inner {
    width: auto;
  }

  img {
    width: 100%;
    /*max-width: 100%;*/
    height: auto;
  }

  /* 段組みの解除 */
  .ds_f {
    flex-direction: column;
  }

  .jc_sb {
    justify-content: flex-start;
  }

  main {
    padding-bottom: 0;
}

main section {
  width: 100%;
  padding-bottom: 39px;
}

main .main_header {
  width: 100%;
  height: 318px;
  padding: 20px 20px 0 20px;
  box-sizing: border-box;
  background-position-x: 20px;
}

main .main_header h1 {
  padding-top: 90px;
  font-size: 1.5rem;
  padding-top: 60px;
}

main .main_header p {
  font-size: 1.5rem;
}

main section .new-item_content {
  padding: 20px;
  margin-bottom: 0px;
}

main .new-item_box {
  width: 100%;
}

main .new-item_box .item_title h2,
 main .new-item_box .item_title h3 {
  font-size: 1.7rem;
  font-weight: 400;
  color: #fff;
  padding-top: 36px;
  text-align: center;
  text-shadow: 1px 1px 10px rgba(80, 99, 57)
}

main .new-item_box .new-item_info-box {
  width: 100%;
  padding: 17px 11px 25px 11px;
  box-sizing: border-box;
}

main .new-item_box .new-item_info-box .price {
  font-size: 22px;
  padding-left: 15px;
  line-height: 1.8;
}

main .new-item_box .item_title .read {
  text-align: center;
  padding-top: 37px;
  padding-bottom: 22px;
  font-size: 0.9rem;
}

main .new-item_info-box li{
  margin-bottom: 15px;
}

main .new-item_info-box li:last-child{
  margin-bottom: 0;
}


main .new-item_info-box .btn_area {
  width: 100%;
}

main .new-item_info-box .btn_area .item_cart-btn {
  width: 100%;
}

main .new-item_box .sin_image {
  background-image: url(../images/new-item/sin_02.png);
  width: auto;
  height: 146px;
  background-size: cover;
  margin-bottom: 21px;
}

main .new-item_box .yoku_image {
  background-image: url(../images/new-item/yoku_02.png);
  width: auto;
  height: 146px;
  background-size: cover;
  margin-bottom: 21px;
}

main .new-item_box .new-item_info-box .price {
  font-size: 24px;
  padding-left: 0;
}

main .new-item_info-box .btn_area .item_cart-btn {
  margin-bottom: 25px;
}

main .new-item_info-box .btn_area .coment-btn {
  margin: 0 auto;
  width: 280px;
}

main .ex .sin_ex dt {
  padding: 15px 20px;
}

main .ex .yoku_ex dt {
  padding: 15px 20px;
}


main .ex {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
}

.br {
  display: block;
  padding-top: 11px;
}


.br_ex {
  display: block;
  padding-top: 11px;
}

.tax{
  font-size: 12px;
}

.br_item{
  display: block;
  padding-top: 3px;
}


}