@import url('https://fonts.googleapis.com/css2?family=Average&display=swap');

/* ==================
  LP all style
====================*/

#edenhamcheck h2,#edenhamcheck h3,#edenhamcheck h4{
  font-family: gill-sans-nova,sans-serif;
  font-weight: 500;
  font-style: normal;

}
#wrapper {
  background: #fff;
}
.container{
  overflow: hidden;
}
#page-body {
  overflow: hidden;
  width: 100%;
}
.container .breadcrumb {
    width: 1170px;
    margin: 0 auto 20px;
}
@media (max-width: 1170px) {
.container .breadcrumb{
  width: 965px;
}
}
@media (max-width: 767px) {
.container .breadcrumb{
  width: 100%;
  padding: 0 5px;
}
}
li{
  list-style: none;
}
a:hover{
  text-decoration: none;
}
.p-main {
  font-size: 14px;
  line-height: 1.7;
}

/* ==================
  p-header
====================*/
header.p-header{
  margin: 0 auto 5%;
  width: 100%;
  text-align: center;
  position: relative;
  background-color: #fff;
  /*background-image: url(//ds-assets.s3.amazonaws.com/e-look.jp/2022/eshoporiginal/project-www-drytouchjersey/main_bg.jpg);
  background-position: 0 0;
  background-repeat: repeat-x;*/
}




@media (max-width: 768px) {
}

/* ==================
  dryponte
====================*/
.dryponte_wrap{
  padding: 0 0 100px 0;
}
.dryponte {
  max-width:880px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.dryponte .text {
  padding: 0 0 0 30px;
}
.dryponte h3 {
  font-size: 34px;
  margin: 0 0 20px 0;
}
.dryponte h3 span {
  font-size: 14px;
  margin-left: 10px;
}
.dryponte ul {
  padding: 0 0 0 20px;
}
.dryponte ul li{
  list-style: disc;
  margin: 0 0 5px 0;
}
@media (max-width: 768px) {
.dryponte_wrap{
  padding: 0 0 50px 0;
  max-width: 70%;
  margin: 0 auto 5%;
}
.dryponte {
  max-width:880px;
  margin: 0 auto;
  display: block;
  align-items: center;
}
.dryponte img{
  display: block;
  margin: 0 0 10px 0;
}
.dryponte .text {
  padding: 0 0 0 0;  
}
.dryponte h3 {
  font-size: 24px;
  margin: 0 0 20px 0;
}
.dryponte h3 span {
  font-size: 14px;
  display: block;
}
}
/* ==================
  www_nav
====================*/
.www_nav{
  width: 100%;
  background: #ebebeb;
  padding: 40px 0;
  margin: 0 0 100px 0;
}
.www_nav .wrap{
  width: 890px;
  margin: 0 auto;
}
.www_nav .wrap ul{
  display: flex;
  justify-content: space-between;
}
.www_nav ul li > a{
  display: flex;
  align-items: flex-end;
}
.www_nav ul li > a:hover{
  opacity: 0.5;
  transition: 0.5s;
}

.www_nav ul li > a .wwww_nav_img{
  text-align: left;
  margin: 0 15px 0 0;
}
.www_nav ul li > a h3{
  font-size: 14px;
  letter-spacing: 0.05em;
  margin: 0 0 5px;
}
.www_nav ul li > a p{
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  line-height: 21px;
}
.www_nav ul li > a p span.credit-price{
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 0.08em;
  display: block;
}
.www_nav ul li > a p.credit_coupon{
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 0.08em;
  display: block;
}



.www_nav_2 ul li > span{
  display: flex;
  align-items: flex-end;
}
.www_nav_2 ul li > span .wwww_nav_img{
  text-align: left;
  margin: 0 15px 0 0;
}
.www_nav_2 ul li > span h3{
  font-size: 14px;
  letter-spacing: 0.05em;
  margin: 0 0 5px;
}
.www_nav_2 ul li > span p{
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  line-height: 21px;
}
.www_nav_2 ul li > span p span.credit-price{
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 0.08em;
  display: block;
}
.www_nav_2 ul li > span p.credit_coupon{
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 0.08em;
  display: block;
}


span.color-chip{
  display: inline-block;
  width: 35px;
  height: 10px;
  margin: 0 3px 0 0;
  line-height: 23px;
}
#edenhamcheck h3.nav-h3{
  font-size: 18px;
}
.color_01{
  background-color: #030d32;
}
.color_02{
  background-color: #eabc06;
}
/*.color_03{
  background-color: #303334;
}*/
.credit_text_nav{
  margin-bottom: 3%;
}
@media (max-width: 768px) {
.www_nav .wrap{
  width: 100%;
  margin: 0 auto;
}
.www_nav ul li {
  width: 33.333%;
  text-align: center;
}
.www_nav ul li > a{
  display: block;
  align-items: self-start;
}

.www_nav_2 ul li > span{
  display: block;
  align-items: self-start;
}

.credit_text {
  padding: 3% 3% 0 3%;
}
span.color-chip{
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 3px 0 0;
  line-height: 23px;
}
.www_nav ul li > a .wwww_nav_img{
  text-align: center!important;
  margin: 0 0 0 0!important;
}
.www_nav ul li > a .wwww_nav_img img{
  max-width: 90px;
}
.www_nav ul li > a h3 {
    font-size: 12px;
    letter-spacing: 0.05em;
    margin: 0 0 1px;
}
.www_nav ul li > a p {
    font-size: 11px;
    font-weight: bold;
    margin: 0 0 3px 0;
    line-height: 19px;
}
.www_nav ul li > a .credit_text .credit-price {
  display: none;
}
.www_nav ul li > a p.credit_coupon{
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 0.08em;
  display: block;
}


.www_nav_2 ul li > span .wwww_nav_img{
  text-align: center;
  margin: 0 0 0 0;
}
.www_nav_2 ul li > span .wwww_nav_img img{
  max-width: 90px;
}
.www_nav_2 ul li > span h3 {
    font-size: 12px;
    letter-spacing: 0.05em;
    margin: 0 0 1px;
}
.www_nav_2 ul li > span p {
    font-size: 11px;
    font-weight: bold;
    margin: 0 0 3px 0;
    line-height: 19px;
}
.www_nav_2 ul li > span p span.credit-price {
    font-size: 11px;

}
.www_nav_2 ul li > span .credit_text .credit-price {
  display: none;
}
.www_nav_2 ul li > span p.credit_coupon{
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 0.08em;
  display: block;
}

}



/* ==================
  border-line
====================*/
.border-line{
  width: 130px;
  height: 1px;
  background: #000;
  margin: 0 auto 100px;
}
@media (max-width: 768px) {
.border-line{
  width: 35%;
  margin: 0 auto 13vw;
}
}


/* ==================
  btn_area
====================*/
.btn_area{
  width: 800px;
  margin: 0 auto;
  margin-bottom: 10%;
}

.btn_area a{
  display: inline-block;
  width: 100%;
  background: #333333;
  font-size: 18px;
  text-align: center;
  padding: 15px 0;
  color: #fff !important;
  transition: 0.3s;
}
.btn_area a:hover{
  opacity: 0.5;
  transition: 0.5s;
}
@media (max-width: 768px) {
.btn_area{
  width: 85%;
}
.btn_area a{
  font-size: 14px;
  padding: 3% 0;
}
}

.btn_yoyaku{
  margin: 5% auto 3% auto;
}
/*==========================
  coupon
==========================*/
.contents_wrap {
  padding: 12% 0 0;
  margin: -12% auto 0;
}
#coupon__banner{
  position: fixed;
  top: 60%;
  right: 0;
  z-index: 999;
}
#coupon__banner .coupon_pc{
  display: block;
}
#coupon__banner .coupon_smp{
  display: none;
}
.coupon{
  text-align: center;
  margin: 10% auto 0;
}
.contents_wrap .coupon h4{
  font-size: 28px;
  margin: 0 auto 40px;
  font-weight: bold !important;
  font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS PGothic,sans-serif !important;
}
.coupon p{
  font-size: 15px;
  line-height: 25px;
  margin: 0 auto 20px;
  font-weight: 500;
}
p.coupon_label{
  display: inline-block;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  background-color: #009889;
  margin: 0 auto 40px;
  padding: 1px 2px;
}
.coupon .coupon_code{
  font-size: 15px;
  font-weight: bold;
  margin: 0 auto 45px;
}
.coupon .coupon_code span{
  font-size: 24px;
  letter-spacing: 0.08em;
  background-color: #121b35;
  color: #fff;
  padding: 0px 25px 2px;
  margin: 0 0 0 10px;
}
.coupon .coupon_code span.clipboard-success {
  font-size: 0.8em;
  background-color: #ffffff;
  color: #333333;
}
.btn-clipboard:hover{
  color: #bfddd9 !important;
}
.coution{
  font-size: 13px;
  color: #767676;
  text-align: center;
  margin: 0 auto 80px;
}
@media (max-width: 768px) {
p.coupon_label{
  line-height: 26px;
  margin: 0 auto 6vw;
}

#coupon__banner{
  position: fixed;
  bottom: 0%;
  right: 0;
  top: unset;
}
#coupon__banner .coupon_pc{
  display: none;
}
#coupon__banner .coupon_smp{
  display: block;
  margin: 0 auto;
}
#coupon__banner .coupon_smp img{
  width: 100%;
}
  .coupon{
    margin: 13vw auto 0;
    max-width: 100%;
  }
  .coupon h4{
    font-size: 1.8em;
    line-height: 1.5;
    margin: 0 auto 6vw;
  }
  .coupon .coupon_code{
    font-size: 1.0em;
    margin: 0 auto 4vw;
  }
  .coupon .coupon_code span{
    font-size: 1.3em;
    padding: 0px 12px;
  }
  .coupon p{
    font-size: 0.9em;
    line-height: 170%;
    margin: 0 auto 7vw;
  }
  .coution{
    font-size: 0.9em;
    margin: 0 auto 17vw;
  }
}


/*==========================
  item_wrap
==========================*/
.item_wrap{
  max-width: 1170px;
  margin: 0 auto 5%;
}
.item_wrap h4{
  text-align: center;
  margin: 0 0 60px 0;
}
.item_wrap h4 .s1{
  font-size: 20px;
  font-weight: normal;
  display: block;
  letter-spacing: 0;
  margin: 0 0 20px 0;
  font-family: 'Average', serif;
}
.item_wrap h4 .s2{
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 0;
  display: block;
  margin: 0 0 15px 0;
  font-family: a-otf-ryumin-pr6n, serif;
  line-height: 1.1em;
  }
.item_wrap h4 .s3{
  font-size: 18px;
  font-weight: 300;
  color: #666666;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  display: block;
}
.item_wrap_img{
  margin: 0 0 2% 0;
}
.item_wrap_section{
  display: flex;
  flex-wrap: nowrap;
  align-items:stretch

}
.item_wrap_section.boxrow{
  flex-flow: row-reverse;
}
.item_wrap_section div.item_wrap_color{
  width: 40%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 5% 5% 2% 5%;
}
.item_wrap_section div.photo{
  width: 50%;
  height: auto;
  overflow: hidden;
}
.item_wrap_section div.photo img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.item_wrap_section div.item_wrap_color .buynow {
  position: absolute;
  top: 10px;
  left: 10px;
}
.item_wrap_section div.item_wrap_color .img_sub {
  max-width: 425px;
}
.item_wrap_section div.item_wrap_color .img_sub dl {
  display: flex;
}
.item_wrap_section div.item_wrap_color .img_sub dl dt{
  word-break: break-all;
  width: 240px;
  margin: 0;
  text-transform: uppercase;
  font-size: 18px;
  font-family: 'Average', serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 1.5px;
}
.item_wrap_section div.item_wrap_color.brown{
  background: #dfe7f7;
  color: #ffffff;
}
.item_wrap_section div.item_wrap_color.gray{
  background: #f9f4c8;
}

.item_credit{
  max-width: 350px;
  margin: auto;
}
.item_credit .www_nav{
  background: transparent;
}
.item_credit .www_nav ul li {
  text-align: left;
}
.item_credit .www_nav ul li > a .credit_text .credit-price {
  display: block;
}

.www_nav ul li > a .wwww_nav_img {
    text-align: left;
    margin: 0 15px 0 0;
}

.item_credit .www_nav_2 ul li > span .credit_text .credit-price {
  display: block;
}

.www_nav_2 ul li > span .wwww_nav_img {
    text-align: left;
    margin: 0 15px 0 0;
}

.www_nav .item_btn {
      display: inline-block;
      width: 200px;
      background: #000;
      font-size: 18px;
      text-align: center;
      padding: 3px 10px;
      color: #fff;
      margin: 0 0 2% 0;
      font-size: 14px;
}
.www_nav .item_btn a{
    color: #FFF
  }

.www_nav_2 a:hover{
    opacity: 0.5;
    transition: 0.5s;
}

@media (max-width: 768px) {
.item_wrap h4 .s2{
  font-size: 23px;
  }
.item_wrap{
  max-width: 1170px;
  margin: 0 auto 20%;
}

.item_wrap_img{
  margin: 0 0 4% 0;
}


.item_wrap_section{
  display: block;
  flex-wrap: nowrap;
  align-items:stretch

}
.item_wrap_section.boxrow{
  flex-flow: row-reverse;
}
.item_wrap_section div.item_wrap_color{
  width: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 10%; 
}
.item_wrap_section div.photo{
  width: 100%;
  height: auto;
  overflow: hidden;
}
.item_wrap_section div.photo img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.item_wrap_section div.item_wrap_color .buynow {
  position: absolute;
  top: 10px;
  right: 3px;
  text-align: right;
}
.item_wrap_section div.item_wrap_color .buynow img{
  max-width: 15px;
 }
.item_credit {
    max-width: 270px;
    margin: auto;
}
.item_credit .www_nav{
    width: 100%;
    background: transparent;
    padding: 0 0;
    margin: 0 auto 0;
}
.item_credit .www_nav ul li{
  width: 100%;
}
.item_credit .www_nav ul li > a{
  display: flex;
  align-items: center;
}
.item_credit .www_nav ul li > a .wwww_nav_img img{
  max-width: 100%;
}

.item_credit .www_nav_2 ul li > span{
  display: flex;
  align-items: center;
}
.item_credit .www_nav_2 ul li > span .wwww_nav_img img{
  max-width: 100%;
}

.www_nav .item_btn {
      width: 100%;
      font-size: 13px;
      padding: 3px 3px;
      margin: 2% 0 0 0;
}
}

/* ==================
  Utility
====================*/
.hidden-phone{
  display: inline-block;
}
.visible-phone{
  display: none;
}

@media (max-width: 768px) {
.hidden-phone{
  display: none !important;
}
.visible-phone{
  display: inline-block !important;
}
}