html.overF, .overF body {
  overflow: auto;
  height: 100%;
}
.l-footer {
  text-align: left;
}
/*

.c-page-top{
opacity:1;
visibility:visible
}*/
#fashionCo {
  font-family: 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  text-align: center;
}
#fashionCo img {
  border: none;
  max-width: 100%;
}
#fashionCo .ss {
  font-weight: bold;
  font-size: .875em;
}
#fashionCo table {
  border-collapse: collapse;
}
#fashionCo .mainIMG{
background: #E5E4CF;
border-top: 10px solid #131D4F;
border-bottom: 10px solid #131D4F;
}
#fashionCo .mainIMG p{
margin: 0;
padding: 0;
line-height: normal;
border-top: 2px solid #E78B48;
border-bottom: 2px solid #E78B48;
}
#fashionCo .mainIMG img{
vertical-align: bottom;
height: 90vh}


p.red {
  color: #dd0000;
  font-weight: bold;
}
#fashionCo .l-breadcrumbs {
margin-bottom: 2rem;
  text-align: left;
}
#fashionCo .more {
  padding: 2em 0 0;
  text-align: center
}
#fashionCo .more a {
  display: inline-block;
  font-size: 86%;
  position: relative;
  color: #fff;
  background: #000;
  padding: .8em 2em .8em 3em;
  border-radius: 100px;
}
#fashionCo .more.coming a {
  pointer-events: none;
  padding: .8em 2.6em;
  line-height: 1.288em
}

#fashionCo .more.coming a::before {
  display: none
}
/**/
#fashionCo .Category .Inner {
  display: flex;
  justify-content: space-between;
}
#fashionCo .Item {
  position: relative
}
#fashionCo .Item a {
  cursor: pointer;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0
}
#fashionCo .Category dl {
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
  width: 32%;
}
#fashionCo .Category dd a {
  display: block;
  color: #FFF;
  background:#E78B48;
  padding: 1em 0;
  transition: 1s;
  border-radius: 10px;
}

#fashionCo .Category dd:nth-of-type(2) a
{ background: #F5C45E;
}
#fashionCo .Category dd a:hover {
  background: #FFF;
  color: #000
}
/**/
#fashionCo .boxINTRO{
  color: #FFF;
  background:#131D4F;
  padding: 3em 0;
  text-align: center;
  margin: 0 auto 4em
}
#fashionCo .boxINTRO h2 {
	font-size: 2rem;
	margin: 0;
}
#fashionCo .boxINTRO p {
  color: #FFF;
}
#fashionCo .boxINTRO h2::after {
  display: none;
}
#fashionCo .boxINTRO .more {
  padding: 1em 0 0;
  font-size: 1.5rem
}
#fashionCo .boxINTRO .more a {
  display: inline-block;
  padding: .88em 3em;
  border-radius: 8px;
  background:#E78B48;
  color: #fff;
  transition: 1s;
}
#fashionCo .boxINTRO .more a:hover{
color:#E78B48;
background:#FFF
}

  #fashionCo .Category dt {
	width: 100%;

	font-family: serif;
	font-weight: normal;
  }
  
/* ------------------------ division ----------------- */
@media screen and (max-width:767px) {
  .pc {
    display: none;
  }
}
@media screen and (min-width:768px) {
  .sp {
    display: none;
  }
  #fashionCo .Category dt {	padding: 0 0 1em;
	font-size: 2.25rem;
  }
  #fashionCo .Category dd {
    width: 48%;
    font-size: 1.25rem
  }
  #fashionCo .mainIMG img{
  min-height: 500px;
  }
}
@media print {
  #fashionCo .sp {
    display: none;
  }
}
#fashionCo #Container {
  padding: 0;
  width: 100%;
  background-attachment: fixed;
  border-top: 0;
  clear: both;
}
#fashionCo .Inner {
  margin: 0 auto;
  width: 1000px;
}
#fashionCo .Inner.ichiran {
  margin-top: 3em;
  text-align: left
}
#fashionCo .bb {
  color: rgb(133,103,54);
  font-weight: bold;
}
#fashionCo .bb.tit {
  font-weight: bold;
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
#fashionCo p {
  margin: 0 0 1.5em;
  line-height: 1.6em;
}
#fashionCo .Intro {
  padding: 0 0 4em;
}
#fashionCo .Intro p {
  font-size: 1.125em;
}
#fashionCo .Intro p.bb {
  font-size: 1.5em;
}
#fashionCo .Intro ul, #fashionCo ul.listAnk {
  padding: 3em 0 0;
  display: flex;
  justify-content: space-between;
}
#fashionCo .Intro ul li {
  width: 47.4%;
}
#fashionCo ul.listAnk li {
  width: 32%
}
#fashionCo .Intro ul li a, #fashionCo ul.listAnk li a {
  display: block;
  border: 1px solid rgb(133,103,54);
  border-radius: 10px;
  transition: 1s;
  font-size: 2rem;
  padding: 1.4em 0
}
#fashionCo .Intro ul li a:hover, #fashionCo ul.listAnk li a:hover {
  background: rgb(133,103,54);
  color: #fff;
}
#fashionCo ul.listAnk {
  padding: 0 0 2em
}
/* --------------  --------------- */
#fashionCo h2 {
  font-size: 3rem;
  padding: 1em 0 1em;
  position: relative;
  margin: 0 0 1em;
  font-family: serif;
  line-height: 1em;
}
#fashionCo h2::after {
  position: absolute;
  content: "";
  bottom: 0;
  width: 3em;
  height: 2px;
  background: #000;
  left: calc(50% - 1.5em)
}#fashionCo h2.event{
  color:rgb(133,103,54);
margin: 2em 0 .6em}
#fashionCo h2.event::after{
display: none
}
.Event {
  padding: 5em 0
}
#fashionCo .eventInfo {
  text-align: left
}
#fashionCo .eventInfo h4 {
  font-size: 1.75rem;
  padding: 0 0 .6em;
}
#fashionCo .eventInfo h6 {
  padding: .6em 0em;
  margin: 1em 0;
  font-weight: bold;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666
}
#fashionCo .brand h4::after, #fashionCo .Event h4.bb::after {
  position: absolute;
  width: 3em;
  height: 2px;
  background: #897143;
  content: "";
  top: 0;
  left: calc(50% - 1.5em);
}
#fashionCo .brand h4 {
  margin-top: 4em
}
#fashionCo .Event .box {
  background: #FFF;
  padding: 1.4em;
  margin: 0 auto 2em;
  text-align: center;
}
#fashionCo .Event .box.present {
  margin: 1.5em auto 4em
}
#fashionCo .Event .box table, #fashionCo .Event .box .Inn {
  text-align: left
}
#fashionCo .Event .box.aCENTER .Brand {
  justify-content: center;
  display: flex;
}
#fashionCo .box .Inn a {
  text-decoration: underline
}
#fashionCo .box .Inn .btn a, #fashionCo .box .Inn .more a {
  text-decoration: none
}
#fashionCo .aCENTER {
  text-align: center !important
}
#fashionCo .Event {
  background:#EFE4D2;
}
#fashionCo h3 {
  color:rgb(133,103,54);
  font-size: 2.5em;
  font-weight: normal;
  margin: 2em 0 .8em;
  line-height: 1.6em;
  font-family: serif;
}

#fashionCo .event h3 {
  font-size: 1.875rem
}
#fashionCo h1 {
font-weight: normal;
font-family: serif;
  margin: auto;
  padding: 1em 0;
  font-size: 3rem;
}
#fashionCo .Intro h3 {
  text-align: left;
  line-height: 1.8em;
  font-size: 1.375em;
  margin: 0 0 1em;
}
#fashionCo .tokushu h3{
line-height: 1em}
#fashionCo h1 .ss,
#fashionCo h2 .ss,
#fashionCo h3 .ss{ font-family: 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;

  font-size: 44%;
  display: block;
  font-weight: normal;
  margin: .6em 0 0;
}

#fashionCo h2 .ss{
font-size: 34%;
}
#fashionCo h4 {
  font-size: 1.25em;
  color: #897143;
  line-height: 1.4em;
  margin-bottom: 5px;
}
/**/
  #fashionCo .Category{
  margin: 6em 0 10em;
  padding: 4em 0;
  background: #EFE4D2;
  }
/**/
#fashionCo .tokushu {
  padding-bottom: 60px
}
#fashionCo .Column {
  display: flex;
  flex-wrap: wrap;
}
#fashionCo .Column img {
  width: 100%;
}
#fashionCo .Column .Item {
  position: relative;
  border: 1px solid #000;
  margin: 0 0 2em 2%;
  border-radius: 8px;
  width: 32%;
  overflow: hidden;
}
#fashionCo .Column .Item figure {
  height: 380px;
  overflow: hidden
}
#fashionCo .Column .Item figure img {
  transition: transform .4s ease;
}
#fashionCo .Column .Item:hover figure img {
  transform: scale(1.1);
}
#fashionCo .Column .Item:nth-of-type(1), #fashionCo .Column .Item:nth-of-type(4), #fashionCo .Column .Item:nth-of-type(7) {
  margin-left: 0
}
#fashionCo .Column dl {
  text-align: left;
  padding: 1em;
}
#fashionCo .Column dt, #fashionCo .Column dd {
  line-height: 1.8em;
}
#fashionCo .Column dd {
  font-size: .875rem;
  color: #666
}
/**/
.brandINFO {
  text-align: left;
  overflow-y: auto;
  overscroll-behavior-y: contain; /* スクロール可能な要素に付与する必要有り */
  padding: 0 1em 0 2.4em;
}
.brandINFO h2 {
  line-height: 1.0em;
  text-align: center;
  margin: 1.2em 0 .288em 0;
  font-weight: normal;
  font-size: 2.25rem;
  font-family: "Times New Roman", Times, serif;
}
.brandINFO h2 span {
  display: block;
  font-size: .813rem;
  color: #777;
  font-weight: normal
}
.brandINFO h3 {
  font-size: 1.5rem;
  padding: 0 0 .4em;
  line-height: 1.688em
}
.brandINFO .pctR {
  float: right;
  margin: 0 0 1em 1em;
}
.brandINFO h4 {
  text-align: center;
  font-weight: bold;
  font-size: 1.25em;
  padding: 2.25em 0 1.25em;
  line-height: 1.8em;
} /*
.brandINFO h4::after{
position:absolute;
content:"";
left:calc(50% - 1.5em);
width:3em;
height: 2px;
bottom: .8em;
background:#000;
}
*/
.brandINFO h5 {
  color: #000;
  margin: 1.5em 0 .8em;
  text-align: center;
  font-size: 1.125em;
  padding: .6em 0;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  clear: both;
}
.brandINFO li, .brandINFO p {
  margin: 0 0 1em;
  line-height: 1.8em;
  font-size: .938em;
}
.brandINFO li {
  margin: 0;
}
.brandINFO ol.num li {
  padding: 0 0 .4em 1.2em;
  text-indent: -1.2em;
}
.brandINFO ul.spec {
  margin: 1em 0;
}
.brandINFO ul.spec li {
  padding: 0 0 .4em 2em;
  text-indent: -1em;
}
.brandINFO ul.spec.ss li {
  font-size: 90%;
}
.brandINFO ul.spec.kakko li {
  text-indent: -2em;
}
.brandINFO p.price {}
.brandINFO p img {
  width: 100%;
}
.brandINFO p.ss {
  font-size: .75em;
  margin: 2em 0 0;
  color: #666;
  font-weight: 500;
}
.brandINFO th, .brandINFO td {
  text-align: left;
  padding: .4em 1em .4em 0;
  font-size: .875rem;
}
.brandINFO td {
  color: #777
}
.brandINFO p.price {
  font-size: 1.313rem;
}
.brandINFO th, .brandINFO td {
  line-height: 1.6em
}
.brandINFO th {
  white-space: nowrap
}
/**/
#fashionCo .brand h5 {
  color: #897143;
  font-size: 1.5em;
  font-feature-settings: "palt";
}
#fashionCo .box h5 {
  align-items: flex-start;
  line-height: 1.8em;
  display: flex;
  font-weight: bold;
  color: #333;
  margin: 0 0 1em
}
#fashionCo .box h5 .hatsu {
  font-size: 80%;
  border: 1px solid #897143;
  color: #897143;
  display: inline-block;
  padding: .4em;
  margin-left: 1em;
  line-height: normal
}
#fashionCo p.catch {
  font-size: 1.75rem;
  text-align: center;
  margin: 0 0 1.6em
}
#fashionCo ul.kome {}
#fashionCo ul.kome li {}
#fashionCo .btn {
text-align: center;
  padding: 1em 0 0;
}
#fashionCo .btn a {
  text-decoration: none;
  display: inline-block;
  padding: .8em 2em;
  margin: auto;
  color: #FFF;
  background:#131D4F;
  border-radius: 8px;
  text-align: center;
  font-size: 120%;
  transition: 1s;
}


#fashionCo .btn a:hover{
background: #E78B48;
}
/**/

#fashionCo .Event hr{
margin-top: 5em
}
/**/
#fashionCo .box .btn {
  padding: .6em 0
}
.brandINFO .btn {
  text-align: center;
}
.brandINFO .btn a {
  display: inline-block;
  padding: .8em 2em;
  margin: 2em auto 0;
  color: #FFF;
  background: #CC3366;
}

#cboxContent{
border-radius:20px;
}
#cboxTopCenter,
#cboxTopLeft,
#cboxTopRight,
#cboxMiddleRight,
#cboxMiddleLeft,
#cboxBottomCenter,
#cboxBottomRight,
#cboxBottomLeft{
height: 1px!important;
width: 1px!important;
background:transparent!important}
@media screen and (min-width:768px) {
  .flexPC {
    display: flex;
    justify-content: space-between;
  }
#fashionCo .tokushu h3{
padding:  0 0 2em;
margin: 0}
  #fashionCo .Event .photo {
    width: 35%;
    margin: 0 2em 0 0;
  }
  #fashionCo .flexPC .Inn {
    width: 45%;
  }
  #fashionCo .flexPC .photo {
    width: 50%;
  }
  #fashionCo .flexPC .photo .slider img {
    width: 460px;
  }
  #fashionCo #Contents a:hover img {
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
  }
  #fashionCo #tbl01.tbl td img {
    max-width: 660px;
  }
  #fashionCo .tbl th {
    font-size: 20px;
  }
  #fashionCo .Event .box {
    width: 1000px;
  }
  #fashionCo .Event .box .eventInfo {
    position: relative;
  }
  #fashionCo .Event .box .eventInfo .photo {
    position: absolute;
    left: 0;
    top: 0
  }
  #fashionCo .Event .box .eventInfo .Inn {
    min-height: 290px;
    margin: 0 0 0 38%
  }
  #fashionCo .Event .box .eventInfo .Inn.apri {
    min-height: unset;
    margin: 0
  }
  #fashionCo .Event .box.muet .eventInfo .Inn {
    min-height: 244px;
  }
  #fashionCo .Event #okuda.box .eventInfo .Inn {
    min-height: 540px;
  }
  #fashionCo .btn {
    width: 1000px;
    display: block;
    margin: auto;
  }
  #fashionCo .box .btn {
    width: auto
  }
  .brandINFO figure {
    width: 420px;
  }
  .brandINFO .infoMore {
    width: 420px;
  }
  .brandINFO .new {
    width: 500px;
  }
  #fashionCo .brand ul.five {
    justify-content: space-between;
  }
  #fashionCo .brand ul.five li {
    width: 18%;
    margin: 0;
  }#cboxClose{
bottom: 25px!important;
}

}
@media screen and (max-width:767px) {
#fashionCo .mainIMG img{
height: auto
}
  #fashionCo h1 {
    padding: 1em 0 0;
    font-size: 6vw
  }
  #fashionCo .boxINTRO{
margin-bottom: 1.4em}
  #fashionCo .boxINTRO h2 {
    font-size: 6vw;
    padding: .6em 0;
  }
  #fashionCo .boxINTRO.Inner {
    padding: 1.6em 0;
	margin-bottom: 0;
  }
  #fashionCo .boxINTRO .more {
    font-size: 4.8vw
}
#fashionCo .boxINTRO .more {
  padding: 0 0 1em
}

#fashionCo .Intro p.bb+p{
font-size: 4vw;
text-align: left;
}
#fashionCo .Intro ul li a, #fashionCo ul.listAnk li a {
  font-size: 4.8vw;
  padding: .8em 0
}
#fashionCo img {
  max-width: 100%;
}
#fashionCo .w30 {
  width: 30%;
}
#fashionCo .w40 {
  width: 40%;
}
#fashionCo .Inner {
  width: 92%;
  padding: 2em 0;
}
#fashionCo .tokushu h3{
padding:  2em 0 0;
margin: 0}
#fashionCo .Column .Item figure {
  height: auto
}
#fashionCo .infoArea {
  width: 92%;
  margin: 0 auto 1.5em;
}
#fashionCo .Event.mainEVENT {
  padding: 1.5em 1em;
}
#fashionCo .Intro p.bb {
  font-size: 5.2vw
}
#fashionCo .box h5 .hatsu {
  font-size: 50%;
  text-align: center;
  white-space: nowrap
}
/* --------------  --------------- */
#fashionCo .brand h5, #fashionCo .Event h4, #fashionCo .Event h5 {
  line-height: 1.6em;
  margin: 0 0 .8em;
  font-size: 5vw
}
#fashionCo p {
  font-size: 3.4vw;
}
#fashionCo .ss {
  font-size: 2.8vw;
}
#fashionCo .brand {
  padding: 1.5em 0;
}
#fashionCo h2 {
  font-size: 8.8vw;
}
#fashionCo .Event{
padding: 1em 0
}
#fashionCo .Event .Inner{
padding: 0
}
#fashionCo .Event h2 {
  font-size:6vw;
}
#fashionCo p.catch {
  font-size: 4.2vw
}
/**/

#fashionCo .Category {
padding:  0;
margin: 3em 0}
#fashionCo .Category .Inner {
  display: block
}
#fashionCo .Category dl {
flex-wrap:wrap;
  justify-content: center;
  align-items: center;
  width: 100%
}
#fashionCo .Category dt, #fashionCo .Category dd {

}
#fashionCo .Category dt {
  font-size: 6vw;
  width: 100%;
  margin: 1em 0 .8em;
}
#fashionCo .Category dd {
  width: 40%;
  margin: 0 .4em 1.2em;
  font-size: 3.6vw;
}
#fashionCo h3 {
  font-size: 6.8vw
}
#fashionCo h4 {
  font-size: 0.94em;
}
#fashionCo .Event h3 {
  font-size: 6vw;
  margin-top: 1em
}
#fashionCo .eventInfo h4 {
  font-size: 4.8vw
}
#fashionCo .eventInfo h5 {
  font-size: 3.4vw
}
#fashionCo .Event .box{
padding: 1em;
margin-bottom: 1.5em
}
#fashionCo .Event hr{
margin-top: 2.8em
}
/**/
#fashionCo .Column {
  justify-content: space-between;
}
#fashionCo .Column .Item {
  width: 48%;
  margin: 0 0 1em
}
/**/
.brandINFO {
  padding: 2em;
}
#fashionCo .photo {
  padding: 0 0 1.5em;
  width: 100%;
}
#fashionCo .btn a {
  font-size: 1em;
}
#fashionCo .btn {
  width: 94%;
  margin: auto;
}
/**/
.brandINFO h2 {
margin-top: .8em;
  margin-bottom: .5em;
  font-size: 7.4vw
}
.brandINFO h3 {
  line-height: 1.6em;
  font-size: 5.2vw;
  padding: 1em 0 .6em;
  text-align: center
}
.brandINFO .price {
  text-align: right
}
#fashionCo .Column dl {
  padding: 1em .8em
}
#fashionCo .Column dt {
  font-size: 3.2vw
}
#fashionCo .Column dd {
  font-feature-settings: "palt";
  font-size: 2.8vw
}
.brandINFO th, .brandINFO td {
  font-size: 2.98vw
}/* Colorbox のスクロールバー非表示 */
html.noScroll,
body.noScroll {
  overflow: hidden !important;
  height: 100% !important;
}

/* Colorbox全体 */
#cboxLoadedContent {
  max-height: 90vh; /* 例えばビューポートの90% */
  overflow-y: auto !important; /* 縦方向のスクロールを許可 */
  -webkit-overflow-scrolling: touch; /* iOSでのスクロールを滑らかにする */
}


#cboxClose{

z-index: 1000!important}
#cboxLoadedContent{
margin-bottom: 0!important;
}

/**/
}