@charset "UTF-8";

/* ----トップページ/レイアウト---- */
.page-top .pane-left-menu{
  display: none;
}
.page-top .container{
  display: block;
  width: 100%;
}
.page-top .pane-main{
  margin-bottom: 30px;
}

/* ----トップページ/ajax---- */
.ajaxerror{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 50px auto;
  background: #ccc;
  text-align: center;
  padding: 10px 1em;
  font-size: 1.2rem;
}

/* ----トップページ/MV---- */
.ajax-top-mv{
  height: 629px;
  margin: 25px 0 67px 0;
}
.block-top-mv{
  min-width: 1200px;
  height: 629px;
  overflow: hidden;
}
.block-top-mv-slider{
  opacity: 0;
}
.block-top-mv-slider.active,
.block-top-mv-slider.display{
  opacity: 1;
}
.block-top-mv-slider.active>div{
}
.block-top-mv-slider.active>div img{
  display: block;
  margin: 0 auto;
}
.block-top-mv .slick-list{
  height: 600px;
}
.block-top-mv .slick-slide{
  padding: 0 12px;
  width: 1094px;
  height: 600px;
}
.block-top-mv .slick-slide img{
  display: block;
  width: 100%;
  margin: 0 auto;
}
.block-top-mv-slider .slick-dots{
  position: absolute;
  bottom: -31px;
  left: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.block-top-mv-slider .slick-dots li{
  background: none;
  height: 19px;
  opacity: 1;
  margin: 0 5px;
}
.block-top-mv-slider .slick-dots li button{
  position: relative;
  width: 30px;
  height: 19px;
  border: none;
  padding: 0;
  background-color: inherit;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.block-top-mv-slider .slick-dots li button:hover{
  cursor: pointer;
}
.block-top-mv-slider .slick-dots li button:before,
.block-top-mv-slider .slick-dots li button:after{
  content: "";
  position: absolute;
  top: 8px;
  left: 0px;
  display: block;
  height: 3px;
  width: 100%;
  transition: all .4s ease;
}
.block-top-mv-slider .slick-dots li button:before{
  background-color: #f0f0f0;
}
.block-top-mv-slider .slick-dots li:hover button:before{
  background-color: #cccccc;
}
.block-top-mv-slider .slick-dots li button:after{
  background-color: #333333;
  opacity: 0;
}
.block-top-mv-slider .slick-dots li.slick-active button:after{
  opacity: 1;
}
/*
.block-top-mv-slider .slick-dots li.slick-active:hover button:before{
  background-color: #f0f0f0;
}
.block-top-mv-slider .slick-dots li button:after{
  width: 0;
  background-color: #333333;
}
.block-top-mv-slider .slick-dots li.active button:after{
  width: 100%;
}
.block-top-mv-slider .slick-dots li.slick-active button:after{
  width: 100%;
  animation-name: width;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
.block-top-mv-slider.init .slick-dots li.slick-active button:after{
  animation-duration: 4s;
}
*/
@keyframes width {
  0% {width:0;}
  100% {width:100%;}
}

.block-top-mv-slider .slick-arrow{
  position: absolute;
  width: 80px;
  height: 80px;
  top: 0;
  z-index: 1;
  top: 50%;
  margin-top: -40px;
  border: none;
  background: none;
  opacity: 0.7;
}
.block-top-mv-slider .slick-arrow:hover{
  cursor: pointer;
}
.block-top-mv-slider .slick-arrow:before,
.block-top-mv-slider .slick-arrow:after{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
.block-top-mv-slider .slick-arrow:before{
  width: 80px;
  height: 80px;
  border-top: 2px #000 solid;
  border-right: 2px #000 solid;
}
.block-top-mv-slider .slick-arrow:after{
  width: 78px;
  height: 78px;
  border-top: 2px #fff solid;
  border-right: 2px #fff solid;
}
.block-top-mv-slider .slick-prev{
  left: 50%;
  margin-left: -590px;
}
.block-top-mv-slider .slick-prev:before{
  transform: rotate(225deg);
}
.block-top-mv-slider .slick-prev:after{
  transform: rotate(225deg) translate(-1px, 0px);
}
.block-top-mv-slider .slick-next{
  right: 50%;
  margin-right: -590px;
}
.block-top-mv-slider .slick-next:before{
  transform: rotate(45deg);
}
.block-top-mv-slider .slick-next:after{
  transform: rotate(45deg) translate(-1px, 2px);
}


/* ----トップページ/ブランド一覧---- */
.block-top-brandlist{
  width: 100%;
  max-width: 1400px;
  min-width: 1200px;
  margin: 0 auto 88px auto;
}
.block-top-brandlist h2{
  text-align: center;
  font-size: 2.6rem;
  font-weight: bold;
  margin-bottom: 40px;
}
.block-top-brandlist-line{
  display: flex;
}
.block-top-brandlist--large{width: calc(100% / 3 * 2);}
*::-ms-backdrop, .block-top-brandlist--large {width: 66.66%;}
.block-top-brandlist--small{width: calc(100% / 3);}
*::-ms-backdrop, .block-top-brandlist--large {width: 33.33%;}
.block-top-brandlist-line a{
  display: block;
  width: 100%;
  overflow: hidden;
}
.block-top-brandlist-line img{
  display: block;
  transition: all .4s ease;
}
.block-top-brandlist-line a:hover img{
  opacity: 0.6;
}

.block-top-brandlist-grid {
  width: 100%;
  max-width: 1400px;
  min-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
*::-ms-backdrop, .block-top-brandlist-grid {
  display: flex;
  flex-wrap: wrap;
}
.block-top-brandlist-grid span,
.block-top-brandlist-grid a {
  display: block;
  grid-column: span 2;
  grid-row: span 2;
}
*::-ms-backdrop, .block-top-brandlist-grid span,
*::-ms-backdrop, .block-top-brandlist-grid a{
  width: 33.3%;
}
.block-top-brandlist-grid span.block-top-brandlist_large,
.block-top-brandlist-grid a.block-top-brandlist_large {
  grid-column: span 3;
  grid-row: span 3;
}
.block-top-brandlist-grid span.block-top-brandlist_extralarge,
.block-top-brandlist-grid a.block-top-brandlist_extralarge {
  grid-column: span 4;
  grid-row: span 4;
}
.block-top-brandlist-grid span img,
.block-top-brandlist-grid a img {
  width: 100%;
  height: 100%;
  object-fit: fill;
  transition: all .4s ease;
  border: .5px solid #fff;
}
.block-top-brandlist-grid a:hover img {
  opacity: 0.6;
}

/* ----トップページ/時計を探す---- */
.block-top-search{
  width: 1200px;
  margin: 0 auto 48px auto;
  display: flex;
  border:  1px #E8E8E8 solid;
}
.block-top-search h2{
  text-align: center;
  font-size: 2.6rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.block-top-search div.block-top-search--left{
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  background-color: #F9F9F9;
  padding: 40px 50px 40px 50px;
}
.block-top-search div.block-top-search--left .block-goods-hashtagarea a{
/*  padding: 5px 15px;
  background-color: #000;
  color: #ffffff;
  border-radius: 25px;
  text-decoration: none;*/
  display: inline-block;
  margin: 5px;
}
.block-top-search div.block-top-search--left .block-goods-hashtagarea a:before{
  content: "#";
  padding-right: 5px;
}
.block-top-search div.block-top-search--left .block-goods-hashtagarea a:hover{
  opacity: 0.7;
  transition: all .4s ease;
}
.block-top-search div.block-top-search--left h3{
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 18px;
}
.block-top-search div.block-top-search--left form{
  position: relative;
  border: 1px #707070 solid;
  background-color: #ffffff;
  margin-bottom: 38px;
}
.block-top-search div.block-top-search--left form .block-search-box--keyword{
  line-height: 45px;
  padding: 0 25px 0 23px;
  font-size: 1.8rem;
  width: 375px;
}
.block-top-search div.block-top-search--left form .block-search-box--search-submit{
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 45px;
  background-color: #000000;
  background-image: url(../ico_search_white_large.html);
  background-position: center center;
  background-size: 20px auto;
  border-radius: 0;
}
.block-top-search div.block-top-search--right{
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  background-image: url(../top-search--right.html);
  background-size: cover;
  padding: 40px 50px 50px 50px;
  background-color: rgb(255 255 255 / 56%);
  background-blend-mode: lighten;
}
.block-top-search div.block-top-search--right h3{
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 18px;
  /*color: #fff;*/
}
.block-top-search div.block-top-search--right p{
  /*color: #fff;*/
}
.block-top-search div.block-top-search--right a{
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    font-size: 1.6rem;
    width: 290px;
    height: 51px;
    text-decoration: none;
/*    background-color: rgba(255,255,255,0.8);*/
    background-color: #000;
    transition: all .4s ease;
    margin-top: 60px;
}
.block-top-search div.block-top-search--right a:before {
    position: absolute;
    content: "";
    display: block;
    top: 50%;
    left: 29px;
    width: 6px;
    height: 6px;
    border-right: 1px #000 solid;
    border-bottom: 1px #000 solid;
    transform: rotate(-45deg);
    margin-top: -4px;
}
.block-top-search div.block-top-search--right a:hover{
  opacity: 0.7;
  transition: all .4s ease;
}


.block-top-search div.block-top-search--right span{
color:#fff;
}


/* ----トップページ/AIウオッチレコメンド---- */
.block-top-ai-watch-recommend{
  width: 1200px;
/*  margin: 0 auto 50px auto;*/
margin: 80px auto;
}
.block-top-ai-watch-recommend h2{
  font-size: 2.2rem;
  font-weight: bold;
  margin-left: 55px;
  margin-bottom: 20px;
}
.block-top-ai-watch-recommend>a{
  display: block;
  position: relative;
  overflow: hidden;
}
.block-top-ai-watch-bg{
  display: block;
  min-width: 1200px;
  width: 100%;
}
.block-top-ai-watch-recommend>a:hover .block-top-ai-watch-bg{
  opacity: 0.9;
  transition: all .4s ease;
}
.block-top-ai-watch-content{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}
.block-top-ai-watch-content span{
  display: block;
  width: 100%;
}
.block-top-ai-watch-content span img{
  display: block;
  margin: 0 auto;
}
.block-top-ai-watch-content p{
  color: #ffffff;
  font-size: 1.6rem;
  text-align: center;
  margin-top: 52px;
  margin-bottom: -4px;
  line-height: 2.2;
}

/* ----トップページ/FTS---- */
.block-top-fts {
    position: relative;
    height: 425px;
    background-image: url(../bg_fts.html);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1200px;
    margin: 0 auto;
    max-width: 1200px;
}
.block-top-fts-content{
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  max-width: 1200px;
  height: 100%;
  transform: translate(-50%,0);
}
.block-top-fts-content h2{
  position: absolute;
  top: 44px;
  left: 40px;
}
.block-top-fts-content div{
  position: absolute;
  bottom: 49px;
  left: 40px;
}
.block-top-fts-content p{
  color: #ffffff;
  font-size: 1.6rem;
  margin-top: 7px;
}
.block-top-fts-content p span{
  font-size: 1.4rem;
}
.block-top-fts-content a{
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  font-size: 1.6rem;
  width: 340px;
  height: 51px;
  text-decoration: none;
  background-color: rgba(255,255,255,0.8);
  transition: all .4s ease;
  margin-top: 22px;
}
.block-top-fts-content a:hover{
  background-color: rgba(255,255,255,0.65);
}
.block-top-fts-content a:before{
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 29px;
  width: 6px;
  height: 6px;
  border-right: 1px #000 solid;
  border-bottom: 1px #000 solid;
  transform: rotate(-45deg);
  margin-top: -4px;
}
.block-top-fts-content a span{
  display: block;
  padding: 0 29px;
  background-image: url(../ico_blank1.html);
  background-repeat: no-repeat;
  background-position: right center;
}

/* ----トップページ/関連ブランド一覧---- */
.block-top-recommend-brand{
  width: 1200px;
  margin: 0 auto 100px auto;
}
.block-top-recommend-brand h2{
  text-align: center;
  font-size: 2.6rem;
  font-weight: bold;
  margin-bottom: 64px;
}
.block-top-recommend-brand-top{
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
}
.block-top-recommend-brand-top a{
  width: 404px;
  background-color: #041e41;
  display: flex;
  align-items: center;
  margin: 0 30px;
}
.block-top-recommend-brand-top a.wicca{
  background-color: #fdedeb;
}

.block-top-recommend-brand-top a span{
  display: flex;
  width: 204px;
  justify-content: center;
  align-items: center;
  transition: all .4s ease;
}
.block-top-recommend-brand-top a:hover span{
  opacity: 0.7;
}
.block-top-recommend-brand-bottom{
  background-color: #F9F9F9;
  padding: 50px 0px;
}
.block-top-recommend-brand-bottom ul{
  display: flex;
  justify-content: center;
}
.block-top-recommend-brand-bottom li{
  margin: 0 8px;
}
.block-top-recommend-brand-bottom a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 100px;
  background-color: #ffffff;
}
.block-top-recommend-brand-bottom img{
  display: block;
  transition: all .4s ease;
}
.block-top-recommend-brand-bottom a:hover img{
  opacity: 0.7;
}

/* ----トップページ/重要なお知らせ---- */
.block-top-important-news{
  min-width: 1200px;
  margin-bottom: 97px;
  background-color: #F9F9F9;
  padding-top: 27px;
  padding-bottom: 50px;
}
.block-top-important-news h2{
  text-align: center;
  font-size: 2.6rem;
  font-weight: bold;
  margin-bottom: 24px;
}
.block-top-important-news ul{
  width: 900px;
  margin: 0 auto;
}
.block-top-important-news li{
}
.block-top-important-news li a,
.block-top-important-news li div{
  position: relative;
  display: inline-block;
  margin: 13px 0;
  text-decoration: none;
  padding-left: 25px;
}
.block-top-important-news li a:before,
.block-top-important-news li div:before{
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: -2px;
  width: 6px;
  height: 6px;
  border-right: 1px #000 solid;
  border-bottom: 1px #000 solid;
  transform: rotate(-45deg);
  margin-top: -2px;
}
.block-top-important-news li a span{
  transition: all .4s ease;
}
.block-top-important-news li a:hover span{
  opacity: 0.7;
}
.block-top-important-news>a{
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  border: 1px #707070 solid;
  font-size: 1.6rem;
  width: 250px;
  height: 50px;
  text-decoration: none;
  transition: all .4s ease;
  margin-top: 15px;
  border-radius: 3px;
}
.block-top-important-news>a:hover{
  border: 1px #C7C7C7 solid;
}
.block-top-important-news>a:before{
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 20px;
  width: 6px;
  height: 6px;
  border-right: 1px #000 solid;
  border-bottom: 1px #000 solid;
  transform: rotate(-45deg);
  margin-top: -4px;
}

/* ----トップページ/ニュース---- */
.block-top-news{
  margin-bottom: 95px;
  padding-bottom: 50px;
  border-bottom: 1px #EBEBEB solid;
}
.block-top-news h2{
  width: 1200px;
  text-align: center;
  font-size: 2.6rem;
  font-weight: bold;
  margin: 0 auto 39px auto;
}
.block-top-news-list{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.block-top-news-list>ul{
  display: flex;
}
.block-top-news-list>ul>li{
  width: 281px;
  margin-right: 25px;
}
.block-top-news-list>ul>li:nth-child(4n){
  margin-right: 0;
}
.block-top-news-list>ul>li a{
  display: block;
  text-decoration: none;
}
.block-top-news--img{
  width: 281px;
  height: 281px;
  border: 1px #E8E8E8 solid;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 13px;
}
.block-top-news--img img{
  display: block;
  max-width: 100%;
  max-height: 100%;
  transition: all .4s ease;
}
.block-top-news-list li a:hover img{
  opacity: 0.6;
}
.block-top-news--date{
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  padding-left: 10px;
  margin-bottom: 15px;
}
.block-top-news--icon{
  display: flex;
  margin-left: 10px;
}
.block-top-news--icon li{
  display: inline-block;
  background-color: #E5E5E5;
  font-size: 1.3rem;
  padding: 3px 10px;
  line-height: 1.2;
}
.block-top-news-list>ul>li p{
  margin: 6px 0 0 10px;
  font-size: 1.4rem;
}
.block-top-news>a{
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  border: 1px #707070 solid;
  font-size: 1.6rem;
  width: 250px;
  height: 50px;
  text-decoration: none;
  transition: all .4s ease;
  margin-top: 61px;
  border-radius: 3px;
}
.block-top-news>a:hover{
  border: 1px #C7C7C7 solid;
}
.block-top-news>a:before{
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 20px;
  width: 6px;
  height: 6px;
  border-right: 1px #000 solid;
  border-bottom: 1px #000 solid;
  transform: rotate(-45deg);
  margin-top: -4px;
}


/* ----トップページ/スペシャルコンテンツ---- */
.block-top-special-contents{
  width: 1200px;
  margin: 0 auto 100px auto;
}
.block-top-special-contents h2{
  text-align: center;
  font-size: 2.6rem;
  font-weight: bold;
  margin-bottom: 39px;
}
.block-top-special-contents ul{
  display: flex;
  flex-wrap: wrap;
  margin-left: -17px;
  margin-right: -17px;
}
.block-top-special-contents li{
  width: 275px;
  margin: 0 16px 48px 17px;
}
.block-top-special-contents-link{
  display: block;
  text-decoration: none;
  text-align: center;
}
.block-top-special-contents-link>span{
  display: block;
  transition: all .4s ease;
  margin-bottom: 15px;
}
a.block-top-special-contents-link:hover>span{
  opacity: 0.6;
}
.block-top-special-contents-link span img{
  display: block;
  border: 1px #E8E8E8 solid;
}
.block-top-special-contents-link p{
  display: inline-block;
  margin: 0 auto;
  text-align: left;
  line-height: 1.6;
}
.block-top-special-contents li.block-top-special-contents--large{
  width: 380px;
  margin: 0 15px 48px 16px;
}
.block-top-special-contents>a{
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  border: 1px #707070 solid;
  font-size: 1.6rem;
  width: 300px;
  height: 50px;
  text-decoration: none;
  transition: all .4s ease;
  margin-top: -3px;
  border-radius: 3px;
}
.block-top-special-contents>a:hover{
  border: 1px #C7C7C7 solid;
}
.block-top-special-contents>a:before{
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 28px;
  width: 6px;
  height: 6px;
  border-right: 1px #000 solid;
  border-bottom: 1px #000 solid;
  transform: rotate(-45deg);
  margin-top: -4px;
}

/* ----トップページ/バナー---- */
.block-top-bnr{
  width: 1000px;
  margin: 0 auto 95px auto;
}
.block-top-bnr-content{
  margin-bottom: 2px;
}
.block-top-bnr-content a{
  display: block;
  overflow: hidden;
}
.block-top-bnr-content img{
  display: block;
  transition: all .4s ease;
}
.block-top-bnr-content a:hover img{
  opacity: 0.6;
}
#block-top-bnr--about_citizen a{
  position: relative;
  overflow: hidden;
}
#block-top-bnr--about_citizen div{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#block-top-bnr--about_citizen div p{
  color: #ffffff;
  text-align: center;
  font-size: 4.4rem;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 20px;
}
#block-top-bnr--about_citizen div span{
  display: block;
  font-size: 5.0rem;
}
#block-top-bnr--better_starts_now a{
  position: relative;
}
#block-top-bnr--better_starts_now div{
  position: absolute;
  top: 203px;
  left: 50%;
  width: 60px;
  height: 60px;
  margin-left: -30px;
}
#block-top-bnr--better_starts_now div:before,
#block-top-bnr--better_starts_now div:after{
  position: absolute;
  content: "";
  display: block;
  border-radius: 50%;
}
#block-top-bnr--better_starts_now div:before{
  width: 60px;
  height: 60px;
  background-color: rgba(255,255,255,0.36);
  transition: all .8s ease;
  z-index: 1;
}
#block-top-bnr--better_starts_now a:hover div:before{
  transform: scale(1.2);
  opacity: 0;
}
#block-top-bnr--better_starts_now div:after{
  margin: 10px 0 0 10px;
  width: 40px;
  height: 40px;
  background-color: #FFFFFF;
  z-index: 2;
}
#block-top-bnr--better_starts_now div span{
  display: flex;
  justify-content: center;
  align-items: center;
}
#block-top-bnr--better_starts_now div span:after{
  content: "";
  display: block;
  position: absolute;
  top: 20px;
  z-index: 3;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 16px;
  border-color: transparent transparent transparent #000000;
}
#block-top-bnr--multiple-row{
  display: flex;
}
#block-top-bnr--multiple-row a{
  width: 100%;
}

#block-top-bnr--multiple-row a:first-child{
  border-right:4px solid #fff;
}




/* ----トップページ/サポート---- */
.block-top-support{
  background-color: #F9F9F9;
  padding: 27px 0 60px 0;
}
.block-top-support h2{
  width: 1200px;
  margin: 0 auto 39px auto;
  text-align: center;
  font-size: 2.6rem;
  font-weight: bold;
}
.block-top-support-inner{
  width: 1125px;
  margin: 0 auto;
  display: flex;
}
.block-top-support-btns{
  width: 434px;
}
.block-top-support-btns li{
  margin-bottom: 25px;
}
.block-top-support-btns li a{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 349px;
  height: 50px;
  border: 1px #707070 solid;
  transition: all .4s ease;
  text-decoration: none;
  border-radius: 3px;
}
.block-top-support-btns li a:before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 28px;
  width: 6px;
  height: 6px;
  border-right: 1px #000 solid;
  border-bottom: 1px #000 solid;
  transform: rotate(-45deg);
  margin-top: -4px;
}
.block-top-support-btns li a:hover{
  border: 1px #C7C7C7 solid;
}
.block-top-support-links{
  display: flex;
  flex: 1;
}
.block-top-support-link-row:nth-of-type(1){
  width: 276px;
  padding-right: 1em;
}
.block-top-support-link-row:nth-of-type(2){
  width: 212px;
  padding-right: 1em;
}
.block-top-support-link-row:nth-of-type(3){
  flex: 1;
}
.block-top-support-link-row h3{
  margin: 0 0 23px 0;
  padding: 0;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.2;
}
.block-top-support-link-row li{
  padding-left: 6px;
}
.block-top-support-link-row li a{
  position: relative;
  display: inline-block;
  margin: 5px 0;
  line-height: 1.2;
  padding-left: 20px;
  text-decoration: none;
}
.block-top-support-link-row li a:before{
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 0px;
  width: 6px;
  height: 6px;
  border-right: 1px #000 solid;
  border-bottom: 1px #000 solid;
  transform: rotate(-45deg);
  margin-top: -2px;
}
.block-top-support-link-row li a span{
  transition: all .4s ease;
}
.block-top-support-link-row li a:hover span{
  opacity: 0.7;
}

/* ----ヘッダー---- */
.block-header-important{
  position: relative;
  top: 0;
  left: 0;
  height: 35px;
  background-color: #efefef;
  z-index: 11;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all .2s ease;
  text-decoration: none;
}
.block-header-important:hover{
  background-color: #ccc;
}
.block-header-important p{
  font-size: 1.2rem;
  font-weight: bold;
}
.block-header-important.active{
  height: 0;
  opacity: 0;
}
.header_wrap{
  background-color: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  border-bottom: 1px #C0C0C0 solid;
  transition: top .2s ease, height .2s ease;
  z-index: 10;
}
.header_wrap.up{
  top: 0px;
}
.header_wrap.down{
  top: -100px;
}
.block-header-important + .header_wrap{
  padding-top: 35px;
  height: 135px;
}
.block-header-important + .header_wrap.active{
  padding-top: 0;
}
.header_wrap header{
  position: relative;
  height: 100px;
  margin: 0 25px 0 30px;
  min-width: 1145px;
  transition: height .2s ease;
  font-weight: bold;
}
.header_wrap header a{
  text-decoration: none;
}

.block-header-logo{
  display: block;
  position: absolute;
  top: 32px;
  left: 15px;
  transition: all .2s ease;
}
.header_wrap.active .block-header-logo{
  top: 19px;
}
.block-header-logo>*{
  padding: 0;
  margin: 0;
  width: 125px;
  height: 37px;
  transition: all .2s ease;
  overflow: hidden;
}
.header_wrap.active .block-header-logo>*{
  height: 25px;
}

.pane-order-header .block-header-logo{
  position: static;
  margin: 0 auto;
}
.block-header-logo--link{
  display: block;
}

.block-header-globalnav{
  padding: 37px 0 0 260px;
  transition: all .4s ease;
}
.header_wrap.active .block-header-globalnav{
  padding-top: 0;
}
.block-header-globalnav>ul{
  display: flex;
}
.block-header-globalnav>ul>li{
  position: relative;
  padding: 0 1.5em;
  height: 63px;
  display: flex;
  align-items: center;
}
.block-header-globalnav>ul>li:first-child{padding-left: 0;}
.block-header-globalnav>ul>li:last-child{padding-right: 0;}
.block-header-globalnav>ul>li>p,
.block-header-globalnav>ul>li>a{
  position: relative;
  height: 63px;
  display: flex;
  align-items: center;
}
.block-header-globalnav>ul>li>p:after,
.block-header-globalnav>ul>li>a:after{
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 3px;
  background-color: #000;
  transition: all .4s ease;
}
.block-header-globalnav>ul>li:hover>p:after,
.block-header-globalnav>ul>li:hover>a:after{
  left: 0;
  width: 100%;
}

.block-header-globalnav--menu{
  display: none;
  position: absolute;
  /* top: 100px; */
  top: 63px;
  left: 0;
  width: 100%;
}

.block-header-globalnav--menu.prdlist{
  left: -200px;
}



.header_wrap.active .block-header-globalnav--menu{
  display: none !important;
}
.header_wrap.active.up .block-header-globalnav--menu{
  display: none !important;
}
.block-header-globalnav--menu:after{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 500vw;
  height: 100%;
  left: -200vw;
  /*background-color: #ffffff;*/
  z-index: 1;
  /*border-bottom: 1px solid #e0e0e0;*/
  /*box-shadow: 0 3px 3px 0 rgba(0,0,0,0.1);*/
}


.header_wrap.active .block-header-globalnav--menu{
  top: 62px;
}
.block-header-globalnav--menu-content {
    position: relative;
    z-index: 2;
    padding: 32px 50px 32px 50px;
    display: flex;
    justify-content: center;
    background-color: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.1);
    width: fit-content;
    width: -moz-fit-content;
    margin: 0 auto;
}
@media all and (-ms-high-contrast:none){
    *::-ms-backdrop, .block-header-globalnav--menu-content {
        min-width: 400px;
    }
}
.block-header-globalnav--menu-left{
  display: flex;
  flex-direction: column;
}
.block-header-globalnav--menu-left>p{
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 20px;
}
.block-header-globalnav--menu-left>p a{
  font-size: 1.8rem;
  font-weight: bold;
}
.block-header-globalnav--menu-left>div{
  display: flex;
}
.block-header-globalnav--menu-left ul{
/*  padding: 0 15px 25px 0;*/
  min-width: 220px;
}
.block-header-globalnav--menu-left ul+ul{
/*  padding-left: 19px;*/
}
.block-header-globalnav--menu-left li{
  position: relative;
  padding-left: 20px;
}
.block-header-globalnav--menu-left li:before{
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 1px;
  width: 6px;
  height: 6px;
  border-right: 1px #000 solid;
  border-bottom: 1px #000 solid;
  transform: rotate(-45deg);
  margin-top: -4px;
}
.block-header-globalnav--menu-left a{
  display: inline-block;
  font-size: 1.6rem;
  padding: 5px 0 5px 0;
  transition: all .4s ease;
}
.block-header-globalnav--menu-left a:hover{
  opacity: 0.6;
}
.block-header-globalnav--menu-right{
  width: 420px;
  display: flex;
  align-items: center;
  padding-left: 30px;
  margin-left: 30px;
  border-left: 1px #ccc solid;
}
.block-header-globalnav--menu-right a{
  display: block;
}
.block-header-globalnav--menu-right a img{
  transition: all .4s ease;
}
.block-header-globalnav--menu-right a:hover img{
  opacity: 0.6;
}

.block-header-usernav{
  position: absolute;
  bottom: 12px;
  right: 0;
}


.block-header-usernav>ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.block-header-usernav>ul>li {
  width: 52px;
  padding: 0 6px;
  position: relative;
}
.block-header-usernav>ul>li>span,
.block-header-usernav>ul>li>a {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 40px;
  height: 40px;
}
.block-header-usernav>ul>li>span img,
.block-header-usernav>ul>li>a img{
  display: block;
  max-width: 25px;
  max-height: 25px;
}
.block-header-usernav>ul>li>a:hover img {
  opacity: 1;
}
.block-header-usernav--description {
  padding: 5px 2px;
  position: absolute;
  top: 35px;
  left: 50%;
  transform: translate(-50%, 0);
  display: block;
  background: rgba(0,0,0,0.7);
  border-radius: 3px;
  opacity: 0;
  visibility: hidden;
  width: 5em;
  text-align: center;
  font-size: 1.1rem;
  color: #fff;
  line-height: 1rem;
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
  transition: all .2s ease-in-out;
  z-index: 100;
}
.block-header-usernav span:hover+.block-header-usernav--description,
.block-header-usernav a:hover+.block-header-usernav--description {
  opacity: 1;
  visibility: visible;
}
.block-header-usernav--search .block-header-usernav--description { width: 4em; }
.block-header-usernav--login .block-header-usernav--description { width: 5em; }
.block-header-usernav--favorite .block-header-usernav--description {width: 6em; }
.block-header-usernav--cart .block-header-usernav--description { width: 7em; }
.block-header-usernav--cart em {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0;
  right: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #B81626;
  border-radius: 50%;
  font-style: normal;
  font-size: .9rem;
  color: #fff;
  line-height: 1rem;
}
.block-header-usernav--search div{
  position: absolute;
  top: 0;
  right: 0;
  width: 400px;
  height: 40px;
  border: 1px #707070 solid;
  border-radius: 25px;
  background: #ffffff;
  z-index: 2;
  display: flex;
  opacity: 0;
  visibility: hidden;
  transition: opacity .4s ease;
}
.block-header-usernav--search div.active{
  opacity: 1;
  visibility: visible;
}
.block-header-usernav--search form{
  flex: 1;
  display: flex;
  align-items: center;
}
.block-header-usernav--search form input{
  width: 280px;
  border: none;
  padding: 0;
  margin-left: 20px;
  margin-right: 10px;
  line-height: 38px;
}
.block-header-usernav--search form input:hover{
  border: none;
}
.block-header-usernav--search form button{
  width: 40px;
  height: 38px;
  border: none;
  background: none;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all .4s ease;
}
.block-header-usernav--search form button:hover{
  opacity: 0.7;
}
.block-header-usernav--search form button img{
  width: 35px;
}
.block-header-usernav--search-close{
  display: block;
  position: relative;
  width: 48px;
  height: 38px;
}
.block-header-usernav--search-close:before,
.block-header-usernav--search-close:after{
  content: "";
  display: block;
  position: absolute;
  width: 18px;
  height: 1px;
  background-color: #000;
  top: 50%;
  left: 50%;
  margin-left: -9px;
}
.block-header-usernav--search-close:before{transform: rotate(45deg);}
.block-header-usernav--search-close:after{transform: rotate(-45deg);}

/*
.block-header-usernav>ul{
  display: flex;
}
.block-header-usernav>ul li{
  margin-left: 6px;
}
.block-header-usernav>ul li:first-child{
  margin-left: 0;
}
.block-header-usernav>ul a,
.block-header-usernav>ul div{
  position: relative;
  display: block;
  height: 50px;
  min-width: 27px;
  padding-top: 30px;
}
.block-header-usernav>ul div:hover{
  cursor: pointer;
}
.block-header-usernav>ul a p,
.block-header-usernav>ul div p{
  font-size: 1.0rem;
  font-weight: bold;
  letter-spacing: -0.09em;
  text-align: center;
}
.block-header-usernav>ul a>span,
.block-header-usernav>ul div>span{
  position: absolute;
  top: 0;
  right: 0;
  width: 15px;
  height: 15px;
  background-color: #B81626;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.block-header-usernav>ul a>span span,
.block-header-usernav>ul div>span span{
  display: block;
  width: 15px;
  color: #ffffff;
  font-size: 1.0rem;
  transform: scale(0.8);
  line-height: 1.0;
  text-align: center;
}
.block-header-usernav>ul a:before,
.block-header-usernav>ul div:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background-repeat: no-repeat;
  transition: all .4s ease;
}
.block-header-usernav--search a:before{
  background-image: url(../../img/usr/header/ico_usernav_search.png);
  background-position: center 8px;
}
.block-header-usernav--login a:before{
  background-image: url(../../img/usr/header/ico_usernav_login.png);
  background-position: center 8px;
}
.block-header-usernav--favorite a:before{
  background-image: url(../../img/usr/header/ico_usernav_favorite.png);
  background-position: center 7px;
}
.block-header-usernav--cart a:before{
  background-image: url(../../img/usr/header/ico_usernav_cart.png);
  background-position: center 9px;
}
.block-header-usernav a:hover:before{
  opacity: 0.5;
}
*/



.block-header-cart{
  display: none;
  position: absolute;
  top: 55px;
  right: 0;
  width: 250px;
  background-color: #ffffff;
  min-height: 200px;
  padding: 15px 11px;
  z-index: 11;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16) ;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16) ;
  -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16) ;
  -o-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16) ;
  -ms-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16) ;
}
.block-header-cart-items{
}
.block-header-cart-items li{
  display: flex;
  border-bottom: 1px #EBEBEB solid;
  padding-bottom: 7px;
  margin-bottom: 6px;
}
.block-header-cart-items li>div{
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}
.block-header-cart-items li>div p{
  width: 100%;
  font-size: 1.2rem;
}
.block-header-cart-items li>div p span{
  font-size: 1.0rem;
  padding-left: 0.3rem;
}
.block-header-cart-items li>div p+p{
  margin-top: 6px;
}
.block-header-cart-items li>span{
  display: flex;
  width: 60px;
  height: 60px;
  justify-content: center;
  align-items: center;
}
.block-header-cart-items li>span img{
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.block-header-cart-total{
  display: flex;
  justify-content: flex-end;
  padding-right: 15px;
  margin-top: 12px;
}
.block-header-cart-total p{
  font-size: 1.2rem;
  margin-left: 20px;
}
.block-header-cart-total p:first-of-type{
  margin-left: 0;
}
.block-header-cart-total p span{
  font-size: 1.0rem;
  padding-left: 0.3rem;
}
.block-header-cart-link{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 175px;
  height: 25px;
  margin: 18px auto 10px auto;
  background-color: #000000;
  border: 1px #000000 solid;
  transition: all .4s ease;
}
.block-header-cart-link:hover{
  background-color: #ffffff;
}
.block-header-cart-link:before{
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 20px;
  width: 6px;
  height: 6px;
  border-right: 1px #ffffff solid;
  border-bottom: 1px #ffffff solid;
  transform: rotate(-45deg);
  margin-top: -3px;
}
.block-header-cart-link:hover:before{
  border-right: 1px #000 solid;
  border-bottom: 1px #000 solid;
}
.block-header-cart-link span{
  display: block;
  color: #ffffff;
  font-size: 1.1rem;
  transition: all .4s ease;
}
.block-header-cart-link:hover span{
  color: #000000;
}

.block-header-brandnav{
  position: absolute;
  top: 5px;
  right: 0;
}
.block-header-brandnav ul{
  display: flex;
}
.block-header-brandnav li{
  margin-left: 35px;
}
.block-header-brandnav li:first-child{
  margin-left: 0;
}
.block-header-brandnav a{
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1.2;
  transition: all .4s ease;
}
.block-header-brandnav a:hover{
  opacity: 0.7;
}
.block-header-brandnav a.blank{
  padding-right: 15px;
  background-repeat: no-repeat;
  background-image: url(../ico_blank1.html);
  background-position: right center;
}



/* ----フッター---- */
.block-footer-store{
  background-color: #F9F9F9;
  width: 100%;
  height: 100px;
}
.block-footer-store ul{
  display: flex;
  justify-content: center;
  width: 1200px;
  margin: 0 auto;
}
.block-footer-store li{
  display: flex;
  align-items: center;
  margin: 0 43px;
  height: 100px;
}
.block-footer-store li span{
  padding-left: 90px;
  font-size: 2.2rem;
  font-weight: bold;
  display: block;
  background-repeat: no-repeat;
}
.block-footer-store--shipping span{
  background-image: url(../ico_footer_shipping.html);
  background-position: 43px center;
}
.block-footer-store--payment span{
  background-image: url(../ico_footer_payment.html);
  background-position: 46px center;
}

.pane-footer .container{
  position: relative;
  width: 1200px;
  margin: 0 auto;
  color: #ffffff;
  padding: 50px 0 0 0;
  display: flex;
  flex-wrap: wrap;
}
.block-footer-1{
  font-size: 1.4rem;
  /*width: 267px;*/
  padding-right: 3.5em;
}
.block-footer-2{
  font-size: 1.4rem;
  /*width: 244px;*/
  padding-right: 3.5em;
}
.block-footer-3{
  font-size: 1.4rem;
  /*width: 228px;*/
  padding-right: 3.5em;
}
.block-footer-4{
  font-size: 1.4rem;
  width: 162px;
}
.block-footer-5{
  font-size: 1.4rem;
  position: relative;
  flex: 1;
  padding-left: 30px;
}

.pane-footer a{
  display: inline-block;
  margin: 5px 0 4px 0;
  color: #ffffff;
  line-height: 1.3;
  text-decoration: none;
  transition: all .4s ease;
}
.pane-footer a:hover{
  opacity: 0.7;
}

.block-footer-1 p,
.block-footer-2 p,
.block-footer-3 p,
.block-footer-4 p,
.block-footer-5 p{
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 20px;
}
.block-footer-1 li,
.block-footer-2 li,
.block-footer-3 li,
.block-footer-4 li{
  position: relative;
  padding-left: 16px;
}
.block-footer-1 li:before,
.block-footer-2 li:before,
.block-footer-3 li:before,
.block-footer-4 li:before{
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: -2px;
  width: 6px;
  height: 6px;
  border-right: 1px #fff solid;
  border-bottom: 1px #fff solid;
  transform: rotate(-45deg);
  margin-top: -2px;
}
.block-footer-1 li a,
.block-footer-2 li a,
.block-footer-3 li a,
.block-footer-4 li a{
  display: inline-block;
  margin: 5px 0 4px 0;
  color: #ffffff;
  line-height: 1.3;
  text-decoration: none;
}

.block-footer-1>a,
.block-footer-2>a,
.block-footer-3>a,
.block-footer-4>a{
  display: inline-block;
  margin: 9px 0;
  font-size: 1.8rem;
  font-weight: bold;
  color: #ffffff;
  line-height: 1.3;
  text-decoration: none;
}
.block-footer-1 a.blank:after,
.block-footer-2 a.blank:after,
.block-footer-3 a.blank:after,
.block-footer-4 a.blank:after{
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  background-image: url(../ico_blank2.html);
  background-repeat: no-repeat;
  margin-left: 15px;
}
.block-footer-5 a.blank:after{
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  background-image: url(../ico_blank2.html);
  background-repeat: no-repeat;
  margin-left: 8px;
}



.block-footer-2 ul{margin-bottom: 21px;}
.block-footer-2>a+a{margin-top: 25px;}

.block-footer-3 ul{margin-bottom: 33px;}

.block-footer-4 ul{margin-bottom: 42px;}


.block-footer-5:before{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 318px;
  border-left: 1px #fff dotted;
}
.block-footer-5 ul{
  margin-top: -3px;
  margin-bottom: 45px;
}
.block-footer-5 li{
  margin-bottom: 6px;
}
.block-footer-5 li:last-child{
  margin-bottom: 0;
}
.block-footer-5 li a{
  display: inline-block;
  color: #ffffff;
  line-height: 1.3;
  text-decoration: none;
}

.block-footer-sns{
  position: absolute;
  bottom: -3px;
  right: 0;
}
.block-footer-sns ul{
  display: flex;
}
.block-footer-sns li{
  margin: 0 0 0 18px;
}
.block-footer-sns a{
  position: relative;
  display: block;
  width: 52px;
  height: 50px;
  margin: 0;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  background-repeat: no-repeat;
  transition: all .4s ease;
}
.block-footer-sns a:hover{
  opacity: 0.7;
}

/*
.block-footer-sns a:before{
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  font-family:'FontAwesome';
  font-weight: 900;
  color: #ffffff;
}
.block-footer-sns--facebook a:before{
  content: '\f040';
  font-size: 27px;
}
.block-footer-sns--instagram a:before{
  content: '\f16d';
  font-size: 27px;
}
.block-footer-sns--twitter a:before{
  content: '\f099';
  font-size: 27px;
}
.block-footer-sns--youtube a:before{
  content: '\f16a';
  font-size: 27px;
}
*/

.block-footer-sns--facebook a{
  background-image: url(../png/ico_facebook.png);
  background-position: 13px 16px;
}
.block-footer-sns--instagram a{
  background-image: url(../png/ico_instagram.png);
  background-position: 17px 16px;
}
.block-footer-sns--twitter a{
  background-image: url(../png/ico_twitter.png);
  background-position: 19px 17px;
}
.block-footer-sns--youtube a{
  background-image: url(../png/ico_youtube.png);
  background-position: 24px 18px;
}


.pane-footer-orderflow{
  margin-top: 100px;
}
.block-footernav{
  margin-top: 25px;
  border-top: 1px #fff solid;
}
.block-footernav .container{
  padding: 10px 0 13px 0;
  display: flex;
  justify-content: space-between;
}
.block-footernav ul{
  display: flex;
}
.block-footernav li{
  position: relative;
  padding-right: 21px;
  margin-right: 21px;
}
.block-footernav li:after{
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 12px;
  background-color: #D2D2D2;
  top: 50%;
  margin-top: -6px;
  right: 0;
}
.block-footernav li:last-child{
  padding-right: 0;
  margin-right: 0;
}
.block-footernav li:last-child:after{
  display: none;
}
.block-footernav a{
  font-size: 1.4rem;
  color: #D2D2D2;
}

.block-copyright{
  font-size: 1.4rem;
  color: #D2D2D2;
  line-height: 1.1;
  margin-top: 6px;
}


/* ----ブランド画面---- */

.block-brand-list {
  margin: 40px 0 60px;
}

.block-brand-list .block-topic-path {
  margin-bottom: 40px;
}

.block-brand-list--items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.block-brand-list--item {
  flex-grow: 1;
  flex-basis: 390px;
  max-width: 390px;
  margin: 0 0 20px 15px;
}

.block-brand-list--item:nth-of-type(3n+1) {
  margin-left: 0;
}

.block-brand-list--item-img {
  width: 390px;
  height: 240px;
}

.block-brand-list--item-name,
.block-brand-list--item-comment {
  border: #ddd 1px solid;
  border-top: none;
  border-bottom: none;
}

.block-brand-list--item-name {
  padding: 15px 35px 0;
}

.block-brand-list--item-comment {
  border-bottom: #ddd 1px solid;
  padding: 15px 35px 35px;
}

.block-brand-list--item-btn {
  display: block;
  text-align: center;
  width: 240px;
  height: 48px;
  line-height: 48px;
  color: #333;
  font-size: 14px;
  margin: 15px auto 0;
  background: #e5e5e5;
}

.block-brand-detail--image {
  margin-top: 40px;
}

.block-brand-detail--description {
  margin-bottom: 30px;
}

/* ----商品詳細画面---- */

/*CSSによる商品詳細画面の項目の並び順変更用*/
.pane-goods-right-side form {
  display: flex;
  flex-flow: column wrap;
}

.block-goods-sns {
  order: 10;
}

.page-goods .block-icon {
  order: 20;
}

.block-goods-comment {
  order: 30;
}

.block-goods-name {
  order: 40;
}

.block-goods-price {
  order: 50;
}

.block-goods-code {
  order: 60;
}

.block-goods-item-code {
  order: 70;
}

.block-goods-item-code2 {
  order: 80;
}

.block-goods-item-code3 {
  order: 90;
}

.block-goods-release-dt {
  order: 100;
}

.block-goods-class1 {
  order: 110;
}

.block-goods-class2 {
  order: 120;
}

.block-goods-attr1 {
  order: 130;
}

.block-goods-attr2 {
  order: 140;
}

.block-goods-attr3 {
  order: 150;
}

.block-goods-size {
  order: 160;
}

.block-goods-color {
  order: 170;
}

.block-goods-point {
  order: 180;
}

.block-goods-postage {
  order: 190;
}

.block-goods-stock {
  order: 200;
}

.block-goods-spec {
  order: 210;
}

.block-goods-sales-detail-append {
  order: 220;
}

.block-variation {
  order: 230;
}

.block-custom-order {
  order: 240;
}

.block-add-cart {
  order: 250;
}

.block-no-stock {
  order: 260;
}

.block-outside-sales-period {
  order: 260;
}

.block-arrival-notice {
  order: 270;
}

.block-goods-store-stock {
  order: 280;
}

.block-goods-set {
  order: 290;
}

.block-accessory-list {
  order: 300;
}

.block-variation-back-order {
  order: 310;
}

.block-contact-about-goods {
  order: 320;
}

.block-goods-favorite {
  order: 330;
}

.block-goods-link {
  order: 340;
}

/* ----ゲストお気に入り画面---- */
.block-guest-favorite-synchronize {
  text-align: center;
  margin-top: 50px;
}

/* ----定期購入商品サイクル情報変更画面---- */

.block-regular-purcharse-cycle-info-update--skip-cancel-message {
  margin: 5px 0 0 5px;
}

.footer_wrap{
    margin-top: 20px;
}