@charset "utf-8";
/* CSS Document */

html,body {
  margin: 0 auto;
  padding: 0;
}

.dress__content h2 {
  color: #e79b09;
}
.dress__content h2:after {
  margin: .4em auto 3em;
  content: '';
  width: 40px;
  height: 1px;
  background: #e79b09;
  display: block;
}
/* PC用 */
@media screen and (min-width: 751px) {
  /* content
  --------------------------------------------------*/
  .lpbox , #lpfooter {
    font-size: 18px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    color:#303030;
    line-height:1.5em;
  }
  .lpbox a , #lpfooter a{
    color: inherit;
    text-decoration: none;
    font-size: inherit;
    font-weight: inherit;
  }
  .lpbox a:hover, #lpfooter a:hover{
    text-decoration: underline;
  }
  .lpbox span, #lpfooter span {
    font-size: inherit;
    font-weight: inherit;
  }
  .lpbox img ,
  #lpfooter img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: bottom;
  }
  .lpbox img.img-t ,
  #lpfooter img.img-t {
    vertical-align: top;
  }
  /* cart css reset */

  .lpbox header ,
  .lpbox h1 ,
  .lpbox h2 ,
  .lpbox h3 ,
  .lpbox p ,
  .lpbox dl ,
  .lpbox dt ,
  .lpbox dd ,
  .lpbox div ,
  .lpbox section ,
  .lpbox span {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    box-sizing: border-box;
    padding: 0;
    margin: 0 auto;
  }
  #lpfooter footer ,
  #lpfooter div,
  #lpfooter p {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    box-sizing: border-box;
    padding: 0;
    margin: 0 auto;
  }
  #lpfooter ul,
  #lpfooter li,
  .lpbox ul,
  .lpbox li{
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    box-sizing: border-box;
    padding: 0;
    margin: 0 auto;
    list-style: none;
  }

  /*******************
  LP style
  ********************/
  html {
    min-width: 1100px;
    margin: 0 auto;
  }
  .lpbox .hover{
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
  }
  .lpbox .hover:hover{
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
  }
  /* 
  横幅の大きい画像を設定した最小幅でトリミング
  デフォルトの設定は最小1100px、画像幅1500pxなので適宜調整してください
  */
  .lpbox .ovf__area{
    text-align: center;
    overflow: hidden;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    min-width: 1100px;
  }
  .lpbox .ovf__box {
    display: block;
    text-align: center;
    position: relative;
    top: 0;
    left: 50%;
    width: 1920px;
    -webkit-transform: translate3d(-50% , 0 , 0);
    -ms-transform: translate3d(-50% , 0 , 0);
    -o-transform: translate3d(-50% , 0 , 0);
    transform: translate3d(-50% , 0 , 0);
    z-index: 5;
    margin: 0;
  }

  /*---------------------------*/
  .lpbox .fv_box {
    position: relative;
  }

  .lpbox .best {
    margin: 4% auto 4%;
    text-align: center;
  }
  .lpbox .best .best__titl {
    color: #e79b09;
    font-size: 2em;
    margin-bottom: 1%;
  }
  .lpbox .best .best__text {
    font-size: 1.5em;
    line-height: 2em;
  }

  .lpbox .target_link {
    max-width: 1220px;
    margin: 0 auto 7em;
    text-align: center;
  }
  .lpbox .target_link ul {
    display: flex;
    list-style: none;
  }
  .lpbox .target_link ul a {
    height: 9em;
    font-size: 1.1em;
    display: block;
    position: relative;
  }
  .lpbox .target_link ul a:hover {
    text-decoration: none;
  }
  .lpbox .target_link ul a span {
    color: #e79b09;
    font-size: 1.5em;
    line-height: 1.3em;
    vertical-align: bottom;
    display: inline-block;
  }
  .lpbox .target_link li {
    position: relative;
    width: 30%;

    border-right: 1px solid #829263;
  }
  .lpbox .target_link li:last-child {
    border: none;
  }
  .lpbox .target_link a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;

    font-size: 2em;
    content: ">";
    font-weight: bold;
    color: #e79b09;
    -moz-transform:scaleY(.5) rotate(90deg);
    -webkit-transform:scaleY(.5) rotate(90deg);
    -o-transform:scaleY(.5) rotate(90deg);
    -ms-transform:scaleY(.5) rotate(90deg);
    transform:scaleY(.5) rotate(90deg);
  }

  .lpbox .wedding_dress {
    background: #eff0f1 linear-gradient(transparent 60em, #fff 0);
    padding: 4% 0 0;
  }
  .lpbox .wedding_dress__box {
    max-width: 1220px;
    margin: 0 auto;
    text-align: center;
  }
  .lpbox .wedding_dress__box .titl {
    font-size: 2.5em;
    margin-bottom: .5em;
  }
  .lpbox .wedding_dress__box .text {
    font-size: 1.6em;
    margin-bottom: 3em;
  }
  .lpbox .tag_list {
    width: 100%;
    margin-bottom: 1em;
  }
  .lpbox .tag_list__search_titl {
    width: 80%;
    text-align: left;
    font-size: 1.5em;
  }
  .lpbox .tag_list.brand-c botton {
    background: #558154;
    color: #fff;
  }
  .lpbox .tag_list.color-c botton {
    background: #744a2e;
    color: #fff;
  }
  .lpbox .catch {
    display: flex;
    align-items: center; /* 垂直中心 */
    justify-content: right; /* 水平中心 */
  }
  .lpbox .catch:after {
    border-top: 1px solid;
    content: "";
    width: 85%; /* 線の長さ */
  }
  .lpbox .catch:after {
    margin-left: 1%; /* 文字の左隣 */
  }


  .lpbox .tag_list botton {
    background: #7c7c7c;
    color: #fff;
    font-size: 1.3em;
    margin: .7% .3% 0;
    padding: .7% 1.5%;
    border-radius: 10em;
    display: inline-block;
  }
  .lpbox .tag_list botton:hover {
    cursor:pointer;
    opacity: .8;
  }
  .lpbox .tag_list .tag_on {
    background: #c8ac9d;
    color: #000;
  }
  .lpbox .images_list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .lpbox .images_list li {
    display: inline-block;
    margin: 0 .5%;

    width: calc(26% - 1%);
    text-align: left;
    margin: 0 0 1% 0;
  }
  .lpbox .images_list {
    vertical-align: top;
    margin-top: 5em;
  }

  .lpbox .images_list_more {
    position: relative;
    cursor: pointer;
    margin: 5% auto 5%;
  }
  .lpbox .images_list_more bottom {
    background: #e79b09;
    color: #fff;
    font-size: 2em;
    padding: .5% 4% .5% 2%;
    border-radius: 10em;
    position: relative;
    /*     margin-top: 5%; */
    display: inline-block;
  }
  .lpbox .images_list_more bottom:after {
    position: absolute;
    top: 13%;
    right: 6%;

    font-size: 1.5em;
    content: ">";
    font-weight: bold;
    color: #fff;
    -moz-transform:scaleY(.5) rotate(90deg);
    -webkit-transform:scaleY(.5) rotate(90deg);
    -o-transform:scaleY(.5) rotate(90deg);
    -ms-transform:scaleY(.5) rotate(90deg);
    transform:scaleY(.5) rotate(90deg);
  }
  .lpbox .images_list_more bottom.acd__btn--open:after {
    transform:scaleY(.5) rotate(-90deg);
  }

  .lpbox .images_list_more_box ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 5%;
  }
  .lpbox .images_list_more_box li {
    width: calc(26% - 1%);
    text-align: left;
    margin: 0 0 1% 0;
  }

  .lpbox .brand {
    border: 1px solid #e79b09;
    margin-bottom: 13%;
  }
  .lpbox .brand li:nth-of-type(1) {
    background: #e79b09;
    color: #fff;
    font-size: 2.4em;
    padding: 1.5% 0;
  }
  .lpbox .brand li:nth-of-type(1) span {
    font-size: .5em;
    vertical-align: middle;
  }
  .lpbox .brand li p:nth-of-type(1) {
    font-size: 1.5em;
    line-height: 2em;
    padding: 2%;
  }


  .lpbox .vieux_paris {
    max-width: 1220px;
    margin: 0 auto 15em;
    text-align: center;
  }
  .lpbox .vieux_paris .titl {
    font-size: 2.5em;
    margin-bottom: 1%;
  }
  .lpbox .vieux_paris .text {
    font-size: 1.6em;
    margin-bottom: 3em;
  }

  .lpbox .vieux_paris__box {
    position: relative;
    width: 100%;
  }
  .lpbox .right_box {
    display: inline-block;
    width: 50%;
  }
  .lpbox .left_box {
    margin-top: 7%;
    width: 50%;
    display: inline-block;
    float: left;
    text-align: left;
    padding: 0 4% 0 0;
  }
  .lpbox .left_box p {
    font-size: 1.6em;
    line-height: 2em;
  }


  .lpbox .faq {
    width: 100%;
    margin: 0 auto;
    padding: 10em 0 5em;
    text-align: center;
    background: #f8f8ee;
  }
  .lpbox .faq .titl {
    font-size: 2.5em;
    margin-bottom: 1%;
  }
  .lpbox .faq .text {
    font-size: 1.6em;
    margin-bottom: 2em;
  }
  .lpbox .faq .text2 {
    color: #e79b09;
    font-size: 2em;
    margin-bottom: 2em;
  }
  .lpbox .faq__box {
    max-width: 1000px;
    margin-bottom: 10em;
  }
  .lpbox .faq__item {
    margin-bottom: 2em;
  }

  .lpbox .faq--q {
    position: relative;
    cursor: pointer;

    text-align: left;
    background: #744a2e;
    color: #fff;

    font-size: 1.8em;
    padding: 2% 0 2% 7%;
  }
  .lpbox .faq--q:before {
    position: absolute;
    top: 30%;
    left: 2%;

    font-size: 1em;
    content: "Q";
    background: #fff;
    border-radius: 10em;
    height: 1.8em;
    width: 1.8em;
    text-align: center;
    line-height: 1.8em;
    color: #744a2e;
  }
  .lpbox .faq--q:after {
    position: absolute;
    top: 30%;
    right: 2%;

    font-size: 1.5em;
    content: ">";
    font-weight: bold;
    color: #fff;
    -moz-transform:scaleY(.5) rotate(90deg);
    -webkit-transform:scaleY(.5) rotate(90deg);
    -o-transform:scaleY(.5) rotate(90deg);
    -ms-transform:scaleY(.5) rotate(90deg);
    transform:scaleY(.5) rotate(90deg);
  }
  .lpbox .faq--q.acd__btn--open:after {
    transform:scaleY(.5) rotate(-90deg);
  }
  .lpbox .faq--a {
    position: relative;
    display: block;
    text-align: left;
    letter-spacing: .15em;

    font-size: 1.6em;
    line-height: 2.4em;

    margin: 1% 4% 2% 0%;
    padding-left: 7%;
  }

  .lpbox .faq--a:before {
    position: absolute;
    top: 0;
    left: 3%;

    font-size: 1.3em;
    content: "A";
    color: #744a2e;
  }


  .pc-box {
    display: block;
  }
  .sp-box {
    display: none!important;
  }
  .sma {
    display: none;
  }
  .sma_pc {
    display: block;
  }
}
/* PC用 ここまで */


/* SP用 */
@media screen and (max-width: 750px) {
  .lpbox .pc-box {
    display: none!important;
  }
  .lpbox .sp-box {
    display: block;
  }

  /*******************

  LP style

  ********************/
  html , body {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }

  /* content
  --------------------------------------------------*/
  .lpbox , #lpfooter {
    font-size: 14px;
    font-size: 3.7333vw;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    color:#303030;
    line-height:1.5em;
  }
  .lpbox a , #lpfooter a{
    color: inherit;
    text-decoration: none;
    font-size: inherit;
    font-weight: inherit;
  }
  .lpbox a:hover, #lpfooter a:hover{
    text-decoration: underline;
  }
  .lpbox span, #lpfooter span {
    font-size: inherit;
    font-weight: inherit;
  }
  .lpbox img ,
  #lpfooter img {
    width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: bottom;
  }
  .lpbox img.img-t ,
  #lpfooter img.img-t {
    vertical-align: top;
  }
  /* cart css reset */

  .lpbox header ,
  .lpbox h1 ,
  .lpbox h2 ,
  .lpbox h3 ,
  .lpbox p ,
  .lpbox dl ,
  .lpbox dt ,
  .lpbox dd ,
  .lpbox div ,
  .lpbox section ,
  .lpbox span {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    box-sizing: border-box;
    padding: 0;
    margin: 0 auto;
  }
  #lpfooter footer ,
  #lpfooter div,
  #lpfooter p {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    box-sizing: border-box;
    padding: 0;
    margin: 0 auto;
  }
  #lpfooter ul,
  #lpfooter li {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    box-sizing: border-box;
    padding: 0;
    margin: 0 auto;
    list-style: none;
  }
  /*----------------------------------------*/


  /*---------------------------*/
  .lpbox .fv_box {
    position: relative;
  }

  .lpbox .best {
    margin: 10vw auto 15vw;
    text-align: center;
  }
  .lpbox .best .best__titl {
    color: #e79b09;
    font-size: 5vw;
    margin-bottom: 5vw;
    line-height: 8vw;
  }
  .lpbox .best .best__text {
    font-size: 3.5vw;
    line-height: 2em;
  }

  .lpbox .target_link {
    width: 88vw;
    margin: 0 auto 5vw;
    text-align: center;

  }
  .lpbox .target_link ul {
    /*     display: flex;
    flex-wrap: wrap;
    list-style: none; */
  }
  .lpbox .target_link li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0 auto 6vw;
    text-align: center;
    width: 28vw;
    padding: 0 2vw;

    border-right: 1px solid #829263;
  }
  .lpbox .target_link ul a {
    height: 19vw;
    font-size: 1.8vw;
    display: block;
    position: relative;
  }
  .lpbox .target_link ul a:hover {
    text-decoration: none;
  }
  .lpbox .target_link ul a span {
    color: #e79b09;
    font-size: 3vw;
    line-height: 4vw;
    vertical-align: bottom;
    display: inline-block;
  }
  .lpbox .target_link li:nth-of-type(5),
  .lpbox .target_link li:nth-of-type(6),
  .lpbox .target_link li:last-child {
    border: none;
  }
  .lpbox .target_link li:nth-of-type(6),
  .lpbox .target_link li:nth-of-type(7) {
    border-left: 1px solid #e79b09;
  }
  .lpbox .target_link li:nth-of-type(4){
    width: 23%;
  }
  .lpbox .target_link li:nth-of-type(5) {
    width: 22vw;
    margin: 0;
  }
  .lpbox .target_link li:nth-of-type(5) a{
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .lpbox .target_link a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;

    font-size: 5vw;
    content: ">";
    font-weight: bold;
    color: #e79b09;
    -moz-transform:scaleY(.5) rotate(90deg);
    -webkit-transform:scaleY(.5) rotate(90deg);
    -o-transform:scaleY(.5) rotate(90deg);
    -ms-transform:scaleY(.5) rotate(90deg);
    transform:scaleY(.5) rotate(90deg);
  }


  .lpbox .wedding_dress {
    background: #eff0f1 linear-gradient(transparent 60em, #fff 0);
    padding: 10vw 0 0;
  }
  .lpbox .wedding_dress__box {
    width: 90%;
    margin: 0 auto;
    text-align: center;
  }
  .lpbox .wedding_dress__box .titl {
    font-size: 5vw;
    margin-bottom: 2vw;
  }
  .lpbox .wedding_dress__box .text {
    font-size: 4vw;
    margin-bottom: 6vw;
  }
  .lpbox .tag_list {
    width: 100%;
    margin-bottom: 8vw;
  }


  .lpbox .tag_list__search_titl {
    width: 100%;
    text-align: left;
    font-size: 1.4em;
    margin-bottom: 1em;
  }
  .lpbox .tag_list.brand-c botton {
    background: #558154;
    color: #fff;
  }
  .lpbox .tag_list.color-c botton {
    background: #826353;
    color: #fff;
  }
  .lpbox .catch {
    display: flex;
    align-items: center; /* 垂直中心 */
    justify-content: right; /* 水平中心 */
  }
  .lpbox .catch:after {
    border-top: 1px solid;
    content: "";
    width: 60%; /* 線の長さ */
  }
  .lpbox .catch:after {
    margin-left: 1%; /* 文字の左隣 */
  }


  .lpbox .tag_list botton {
    display: inline-block;
    background: #7c7c7c;
    color: #fff;
    font-size: 3vw;
    margin: 0 1vw 2vw;
    padding: .7vw 2vw;
    text-align: justify;
    border-radius: 10em;
  }
  .lpbox .tag_list botton:hover {
    cursor:pointer;
    opacity: .8;
  }
  .lpbox .tag_list .tag_on {
    background: #c8ac9d;
    color: #000;
  }
  .lpbox .images_list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .lpbox .images_list li {
    display: inline-block;
    margin: 0 2vw 4vw;

    width: calc(50% - 4vw);
    text-align: left;
  }
  .lpbox .images_list {
    vertical-align: top;
  }

  .lpbox .images_list_more {
    position: relative;
    cursor: pointer;
    margin: 5vw auto 2.5vw;
  }
  .lpbox .images_list_more bottom {
    background: #e79b09;
    color: #fff;
    font-size: 4vw;
    padding: 1vw 10vw 1vw 4vw;
    border-radius: 10em;
    position: relative;
    margin-bottom: 6vw;
    display: inline-block;
  }
  .lpbox .images_list_more bottom:after {
    position: absolute;
    top: 13%;
    right: 6%;

    font-size: 1.5em;
    content: ">";
    font-weight: bold;
    color: #fff;
    -moz-transform:scaleY(.5) rotate(90deg);
    -webkit-transform:scaleY(.5) rotate(90deg);
    -o-transform:scaleY(.5) rotate(90deg);
    -ms-transform:scaleY(.5) rotate(90deg);
    transform:scaleY(.5) rotate(90deg);
  }
  .lpbox .images_list_more bottom.acd__btn--open:after {
    transform:scaleY(.5) rotate(-90deg);
  }

  .lpbox .images_list_more_box ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .lpbox .images_list_more_box li {
    display: inline-block;
    margin: 0 2vw 4vw;

    width: calc(50% - 4vw);
    text-align: left;
  }

  .lpbox .brand {
    border: 1px solid #e79b09;
    margin-bottom: 16vw;
  }
  .lpbox .brand li:nth-of-type(1) {
    background: #e79b09;
    color: #fff;
    font-size: 4vw;
    padding: 2vw 0;
  }
  .lpbox .brand li:nth-of-type(1) span {
    font-size: 3vw;
    vertical-align: middle;
    display: block;
  }
  .lpbox .brand li p {
    text-align: center;
    font-size: 3vw;
    line-height: 2em;
    padding: 4vw;
  }
  .lpbox .brand li p span {
    display: block;
    text-align: right;
  }


  .lpbox .vieux_paris {
    width: 100%;
    margin: 7vw auto 0;
    text-align: center;
  }
  .lpbox .vieux_paris .titl {
    font-size: 5vw;
    margin-bottom: 2vw;
  }
  .lpbox .vieux_paris .text {
    font-size: 4vw;
    margin-bottom: 8vw;
  }

  .lpbox .vieux_paris__box {
    position: relative;
    width: 100%;
  }
  .lpbox .right_box {
    display: inline-block;
    width: 100%;
  }
  .lpbox .left_box {
    margin: 7vw auto 12vw;
    width: 100%;
    display: inline-block;

    text-align: center;
    padding: 0;
  }
  .lpbox .left_box img {
    width: 30%;
    margin-bottom: 3vw;
  }
  .lpbox .left_box p {
    font-size: 3vw;
    line-height: 2em;
  }



  .lpbox .faq {
    width: 100%;
    margin: 0 auto;
    padding: 10vw 0 1vw;
    text-align: center;
    background: #f8f8ee;
  }
  .lpbox .faq .titl {
    font-size: 6vw;
    margin-bottom: 2vw;
  }
  .lpbox .faq .text {
    font-size: 4vw;
    margin-bottom: 7vw;
  }
  .lpbox .faq .text2 {
    color: #e79b09;
    font-size: 4vw;
    margin-bottom: 6vw;
  }
  .lpbox .faq__box {
    width: 90%;
    margin-bottom: 10vw;
  }
  .lpbox .faq__item {
    margin-bottom: 4vw;
  }

  .lpbox .faq__item .faq_he {
    padding: 5vw 8vw 5vw 15vw;
  }
  .lpbox .faq--q {
    display: block;
    position: relative;
    cursor: pointer;

    text-align: left;
    background: #744a2e;
    color: #fff;


    font-size: 3.5vw;
    padding: 2vw 8vw 2vw 15vw;
  }
  .lpbox .faq--q:before {
    position: absolute;
    top: 20%;
    left: 3%;

    font-size: 5vw;
    content: "Q";
    background: #fff;
    border-radius: 10em;
    height: 10vw;
    width: 10vw;
    text-align: center;
    line-height: 10vw;
    color: #744a2e;
  }
  .lpbox .faq--q:after {
    position: absolute;
    top: 30%;
    right: 2%;

    font-size: 1.5em;
    content: ">";
    font-weight: bold;
    color: #fff;
    -moz-transform:scaleY(.5) rotate(90deg);
    -webkit-transform:scaleY(.5) rotate(90deg);
    -o-transform:scaleY(.5) rotate(90deg);
    -ms-transform:scaleY(.5) rotate(90deg);
    transform:scaleY(.5) rotate(90deg);
  }
  .lpbox .faq--q.acd__btn--open:after {
    transform:scaleY(.5) rotate(-90deg);
  }
  .lpbox .faq--a {
    position: relative;
    display: block;
    text-align: justify;
    letter-spacing: .03em;

    font-size: 3.5vw;
    line-height: 2em;

    padding: 1vw 2vw 2vw 15vw;
    padding-left: 15vw;
  }

  .lpbox .faq--a:before {
    position: absolute;
    top: 1vw;
    left: 7%;

    font-size: 5vw;
    content: "A";
    color: #744a2e;
  }



  .sma {
    display: block;
  }
  .sma_pc {
    display: none;
  }
}
/* SP用 ここまで */