@charset "UTF-8";
@font-face {
  font-family: 'CormorantGaramond';
  src: url("../../font/CormorantGaramond-Medium.woff"); }

@font-face {
  font-family: 'EBGaramond';
  src: url("../../font/EBGaramond-Regular.woff"); }

.sp_only {
  display: none !important; }

.cateList {
  width: 1100px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  display: flex;
  height: 50px;
  line-height: 50px;
  font-size: 12px;
  margin: 20px auto;
  color: #000;
}
.cateList li {
  margin-left: 2px;
  margin-right: 5px;
}

#outer_lp{
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  width: 1100px;
    text-align: center;
    margin: 0 auto;
    color: #58595B;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    letter-spacing: 0.06em;
    font-size:13px;
    line-height: 2;

}

#outer_lp img{
    width: 100%;
}

#outer_lp section.woolcoat .flex{
    display: flex;
    justify-content: space-between;
    margin-bottom: 92px;
}

#outer_lp section.boacoat .flex{
    display: flex;
    justify-content: space-between;
    margin-bottom: 70px;
}

#outer_lp section.protectionmaterial .flex{
    display: flex;
    justify-content: space-between;
    margin-bottom: 70px;
}

#outer_lp section a{
    display: block;
}
#outer_lp section .credit{
    text-align: left;
    text-decoration: underline;
    margin-top: 12px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
}
#outer_lp section .credit span{
    font-size: 14px;
    font-family: "EBGaramond", serif;
}
#outer_lp section .item{
    margin-top: 50px;
    width: 500px;
    border: 2px solid #E2E2E2;
    text-align: justify;
}
#outer_lp .mv{
    width: 1000px;
    margin: 0 auto;
}
#outer_lp .mv p{
    margin: 45px auto 106px;
    line-height: 1.9;
}

#outer_lp .present{
  width: 900px;
  margin: 0 auto;
}

#outer_lp .present .bg{
  background: #f9f6ed no-repeat;
  padding: 60px 100px;
  position: relative;
}

#outer_lp .present .bg h2{
  font-size: 36px;
  color: #705238;
  position: relative;
  font-family: demos-next, sans-serif;
  font-weight: 500;
  font-style: normal;
  width: 160px;
  margin: -98px auto 0;
  letter-spacing: 0.05em;
}

#outer_lp .present .bg h2::after{
  content: "";
  background: #705238;
  width: 155px;
  height: 2px;
  position: absolute;
  left: 0px;
  right: 0;
  bottom: 16px;
  z-index: 0;
  margin: 0 auto;
}

#outer_lp .present .bg p{
  font-size: 13px;
  margin-top: 22px;
  line-height: 1.9;
}

#outer_lp .present .bg p.attention{
  font-size: 10px;
  text-align: left;
  margin-top: 35px;
}

#outer_lp .present .bg .present_img,#outer_lp .present .bg .present_img_text{
  display: inline-block;
  vertical-align: bottom;
}

#outer_lp .present .bg .present_img{
  width: 300px;
  padding: 35px 0 0 125px;
}

#outer_lp .present .bg .present_img_text{
  font-size: 10px;
  margin-left: 15px;
  letter-spacing: 0.15em;
}

/*woolcoat*/
#outer_lp section.woolcoat{
  margin-top: 70px;
}
#outer_lp section .title{
  color: #705238;
  font-size: 38px;
  font-family: demos-next, sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.05em;
}
/*_01*/
#outer_lp section.woolcoat ._01 .left{
  width: 460px;
  margin-left: 50px;
  margin-top: 30px;
}

#outer_lp section.woolcoat ._01 .right{
  width: 400px;
  margin-right: 50px;
  margin-top: 230px;
}

/*_02*/
#outer_lp section.woolcoat ._02{
  position: relative;
  height: 1032px;
}
#outer_lp section.woolcoat ._02 .left{
  width: 360px;
  margin-left: 190px;
  position: relative;
  z-index: 5;
}

#outer_lp section.woolcoat ._02 .right{
  width: 460px;
  position: absolute;
  right: 140px;
  bottom: 0;
}

/*_03*/
#outer_lp section.woolcoat ._03 .left{
  width: 400px;
  margin-left: 100px;
}

#outer_lp section.woolcoat ._03 .right{
  width: 360px;
  margin-right: 140px;
  margin-top: 150px;
}

/*_04*/
#outer_lp section.woolcoat ._04{
  margin-bottom: 115px;
}
#outer_lp section.woolcoat ._04 .center{
  width: 460px;
  margin-left: auto;
  margin-right: auto;
}

/*_05*/
#outer_lp section.woolcoat ._05{
  position: relative;
  height: 1272px;
}
#outer_lp section.woolcoat ._05 .absolute{
  position: absolute;
  width: 400px;
  right: 200px;
  top: -18px;
}
#outer_lp section.woolcoat ._05 .absolute a{
  text-align: right;
}
#outer_lp section.woolcoat ._05 .left{
  width: 400px;
  margin-left: 150px;
  margin-top: 482px;
}

#outer_lp section.woolcoat ._05 .right{
  width: 360px;
  margin-top: 716px;
  margin-right: 90px;

}


/*_06*/
#outer_lp section.boacoat ._06 .left{
  width: 460px;
  margin-left: 70px;
  margin-top: 28px;
}

#outer_lp section.boacoat ._06 .right{
  width: 400px;
  margin-right: 50px;
  margin-top: 228px;
}


/*_07*/
#outer_lp section.protectionmaterial ._07{
  position: relative;
  height: 1730px;
}
#outer_lp section.protectionmaterial ._07 .left1{
  width: 360px;
  position: absolute;
  left: 50px;
  top: 27px;
}
#outer_lp section.protectionmaterial ._07 .right1{
  width: 460px;
  position: absolute;
  top: 227px;
  right: 115px;
}
#outer_lp section.protectionmaterial ._07 .right1 .credit{
  text-align: right;
}

#outer_lp section.protectionmaterial ._07 .left2{
  width: 460px;
  position: absolute;
  bottom: 183px;
  left: 115px;
}
#outer_lp section.protectionmaterial ._07 .right2{
  width: 360px;
  position: absolute;
  bottom: 0;
  right: 50px;

}

#outer_lp .link_wrap {
  width: 260px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 95px auto 100px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  line-height: 1.2; }
  #outer_lp .link_wrap .link_list a {
    display: table;
    height: 65px;
    width: 260px;
    background: #705238;
    color: #fff;
    font-family: "EB Garamond", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; }
  #outer_lp .link_wrap .txt_wrap {
    display: table-cell;
    padding: 10px 0;
    text-align: center; }
  #outer_lp .link_wrap strong {
    margin-bottom: 3px;
    display: block;
    font-weight: normal;
    font-family: demos-next, sans-serif;
    font-size: 22px;
    letter-spacing: 0.05em;
    }
  #outer_lp .link_wrap .small {
    font-size: 11px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 300; }
  #outer_lp .link_wrap .small span{
  font-weight: 300; }