@charset "utf-8";
/*----------------------------
 common
-----------------------------*/

#header_inner h1 {
width: 46%;
margin: 0 auto 25px ;
}
#header_inner h1 img {
width: 100%;
}

.tio-wrapper{
  overflow: hidden;
}

.mt25 {
  margin-top: 25px;
}
.mt30 {
  margin-top: 30px;
}
.mt40 {
  margin-top: 40px;
}
.mt45 {
  margin-top: 45px;
}
.mt47 {
  margin-top: 47px;
}
.mt50 {
  margin-top: 50px;
}
.mt60 {
  margin-top: 60px;
}
.mt70 {
  margin-top: 70px;
}
.mt75 {
  margin-top: 75px;
}
.mt90 {
  margin-top: 90px;
}
.mt110 {
  margin-top: 110px !important;
}
.mt160 {
  margin-top: 160px;
}
.mt_10 {
  margin-top: -10px;
}
.mt_80 {
  margin-top: -80px;
}
.pl30 {
  padding-left: 30px;
}
.pl40 {
  padding-left: 40px;
}
.pl50 {
  padding-left: 50px;
}
.pl60 {
  padding-left: 60px;
}
.pl70 {
  padding-left: 70px;
}
.pt50 {
  padding-top: 50px;
}
.pt70 {
  padding-top: 70px;
}
.pb70 {
  padding-bottom: 70px;
}
.txt_gray {
  color: #646464;
}
#main_img {
  position: relative;
  height: 430px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
#main_img h2 {
  position: absolute;
      top: 52%;
    left: 9%;
}
#collection_list {
  margin-top: 65px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
#collection_list h3 {
  margin-bottom: 30px;
}
#collection_list ul {
  margin: 8px auto 0;
  letter-spacing: -.4em;
}
#collection_list li {
    display: inline-flex;
  position: relative;
  letter-spacing: normal;
  line-height: 0;
  z-index: 1;
}
#collection_list li + li {
  margin-left: 10px;
}
#collection_list li span {
  display: block;
  margin-bottom: 12px;
  -webkit-transition: box-shadow .4s;
  transition: box-shadow .4s;
}
#collection_list li span img {
  position: relative;
  z-index: -1;
}
.collection {
  padding-bottom: 50px;
}
.collection .box {
  position: relative;
}
.collection .box h3 {
  position: absolute;
  left: 0;
}
.collection .box .link_btn {
  position:relative;
}


/*----------------------------
 rental
-----------------------------*/

#rental {
  background: url(../img/rental/bg_rental.jpg) center top;
  background-size: auto;
  min-height: 100%;
  overflow: hidden;
}

#rental1 {
  width:960px;
  margin:75px auto 0;
  position:relative;
}
#rental_catalog01 {
  position:absolute;
  left:510px;
  top:90px;
}
#rental_catalog02 {
  position:absolute;
  left:720px;
  top:90px;
}
#rental2 {
  margin-top:100px;
}
#rental3 {
  margin-top:46px;
  width: 100%;
}
#rental3 > div:first-child {
  float: right;
  width: 460px;
  position: relative;
}
#rental3 > div:first-child #rental_btn01 {
  position:absolute;
  top:330px;
  left:35px;
}

#rental3 > div:last-child {
  float: left;
  width: 460px;
  position: relative;
}
#rental3 > div:last-child #rental_btn02 {
  position:absolute;
  top:330px;
  left:35px;
}


@media screen and (max-width:980px) {
  .collection .patrick_wrap{
    margin-left:0!important;
    margin-right:0!important;
  }
}


.contact_link{
	position: fixed;
	left: 0px;
	top: 60px;
	height: 250px;
	width: 50px;
	z-index: 99;
}

.catalog_link{
	position: fixed;
	left: 0px;
	top: 80px;
	height: 180px;
	width: 50px;
	z-index: 99;
}


/*----------------------------
 new_work
 -----------------------------*/

/* 共通 */
#new_work {
  background: url(../img/new_work/bg_new_work_21-22aw.jpg) center top;
  background-size: auto;
  min-height: 100%;
  overflow: hidden;
}
#new_work #main_img {
  background-image: url(../img/new_work/top/img_main_21-22aw.jpg);
}
#new_work .contents_wrap {
  overflow: hidden;
}
#new_work .collection #main_img h2 {
  width: 529px;
  margin: -90px 0 0 -15px;
}
#new_work #collection_list {
  padding-bottom: 65px;
}
#new_work #collection_list li a span{
  display:block;
  width: 200px;
  height:200px;
  overflow:hidden;
}
#new_work #collection_list li a span img{
  vertical-align:bottom;
}
@media all and (-ms-high-contrast:none){
  #new_work #collection_list li a span img/*指定のclassやid*/ {
    margin-top:1px;
  }
}

#new_work #collection_list li a:hover span{
  box-shadow: 0 0 0 7px #E6B4DC inset;
}
#new_work .collection .box {
  max-width:987px;
  text-align: right;
}
#new_work .collection .box#new_collection01 {
  max-width:992px;
}
#new_work #new_collection01 h3 {
  position: absolute;
  top: 0px;
  left: 0px;
}
#new_work #new_collection01 .link_btn {

    margin-top: 10px;
}
#new_work #new_collection02 {
  max-width:987px;
  margin-top: 80px;
  padding-top: 35px;
}
#new_work #new_collection02 .link_btn {

    margin-top: 10px;
}

#new_work #new_collection02 h3 {
  position: absolute;
  top: 20px;
  left: 0px;
}
#new_work #new_collection03 {
  max-width:987px;
  margin-top: 80px;
  padding-top: 35px;
}
#new_work #new_collection03 h3 {
  position: absolute;
  top: 0px;
  left: 0px;
}
#new_work #new_collection03 .link_btn {

    margin-top: 10px;
}
#new_work #new_collection04 {
  max-width:987px;
  margin-top: 80px;
  padding-top: 35px;
}
#new_work #new_collection04 h3 {
  position: absolute;
  top: 0px;
  left: 0px;
}
#new_work #new_collection04 .link_btn {

    margin-top: 10px;
}

#new_work #new_collection05 {
  max-width:987px;
  margin-top: 100px;
  padding-top: 35px;
}
#new_work #new_collection05 h3 {
  position: absolute;
  top: 0px;
  left: 0px;
}
#new_work #new_collection05 .link_btn {

    margin-top: 10px;
}

#new_work #new_collection06 {
  max-width:987px;
  margin-top: 100px;
  padding-top: 35px;
}
#new_work #new_collection06 h3 {
  position: absolute;
  top: 0px;
  left: 0px;
}
#new_work #new_collection06 .link_btn {

    margin-top: 10px;
}




/*----------------------------
 patrick_cox
 -----------------------------*/
.collection .patrick_wrap{
  margin:0 auto;
  width:auto;
  max-width:980px;
}
#patrick_cox {
  background: url(../img/patrick_cox/bg_patrick_cox_20-21aw.jpg) center top;
  background-size: auto;
  min-height: 100%;
  overflow: hidden;
}
#patrick_cox #main_img {
  background-image: url(../img/patrick_cox/top/img_main_20-21aw.jpg);
}
#patrick_cox .collection #main_img h2 {
  width: 467px;
  margin: -34px 0 0 0px;
}

#patrick_cox #collection_list ul {
  margin: 30px auto 65px;
}
#patrick_cox #collection_list li a:hover span {
  box-shadow: 0 0 0 7px #001F65 inset;
}
#patrick_cox .collection .box h3 {
  position: absolute;
  top: 20px;
  left: -5px;
}
#patrick_cox .link_btn {
  left: 0px;
}
#patrick_cox #pa_collection01 {
  padding-top: 55px;
}
#patrick_cox #pa_collection01 .link_btn {
  right: -30px;
    margin-top: 10px;
      text-align: right;
}
#patrick_cox #pa_collection02 {
  margin-top: 100px;
  padding-top: 35px;
}
#patrick_cox #pa_collection02 .link_btn {
  right: -30px;
    margin-top: 10px;
      text-align: right;
}

/*----------------------------
 skirt_length
 -----------------------------*/

/* 共通 */
#skirt_length {
  background: url(../img/skirt_length/img_bg_2019ss.jpg) center top;
  background-size: auto;
  min-height: 100%;
  overflow: hidden;
}
#skirt_main  h2 {
  margin:0 0 50px 100px;
}
#skirt_main {
}
#skirt_main #main_img {
  position: relative;
  width: 100%;
  height: 675px;
  background: url(../img/skirt_length/img_main_2019ss.jpg) left top no-repeat;
  background-size: cover;
  overflow: hidden;
}
#skirt_main #main_img #txt {
  position: absolute;
  top: 100px;
  left:100px;
}
#skirt_main #main_img #scale {
  position: absolute;
  top: 53px;
  right:0;
}
#skirt_length .contents_wrap {
  overflow: hidden;
}
#skirt01 {
  width:1130px;
  margin: auto;
}
#skirt01 h3 {
  text-align:center;
  margin:40px auto 0;
}
#skirt01 h4 {
  margin-top:35px;
  margin-bottom:35px;
}
@media screen and (min-width: 1330px) {
  #skirt01 .skirt01_img {
    margin-left:20px;
}
}
#skirt02 {
  margin-bottom:45px;
}
#skirt02,
#skirt03 {
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
@media screen and (max-width:1200px) {
  #skirt_main #main_img {
    background: url(../img/skirt_length/img_main_2019ss02.jpg) left top no-repeat;
  }

}
@media screen and (max-width:1080px) {
  #skirt_main  h2 {
  margin:0 0 50px 20px;
}
  #skirt_main #main_img #txt {
  position: absolute;
  top: 100px;
  left:20px;
}
#skirt_main #main_img #scale {
  position: absolute;
  top: 53px;
  right:0;
}
#skirt01,
#skirt02 {
  margin-left:-70px;
}
}




/*----------------------------
 KNIT UNIFORM
-----------------------------*/


#knit_uniform {
  background: url(../img/knit_uniform/bg_knit_uniform_23-24aw.jpg) center top;
  background-size: auto;
  min-height: 100%;
  overflow: hidden;
}

#knit_uniform_intro {
  width: 100%;
/*  margin-bottom: 65px;*/
  margin-bottom: 40px;

}



#knit_uniform_intro h2 {
  margin-bottom: 50px;
}

.knit_section_inner {
    width: 100%;
    position: relative;
    max-width: 980px;
    margin: 0 auto;
}


#knit_uniform_intro #knit_uni_bg {
  position: relative;
  width: 100%;
  max-width:1130px;
  height: 675px;
  margin-left: auto;
    margin-right: auto;
  overflow: hidden;
  background-image: url(../img/knit_uniform/img_main_23-24aw.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 1130px !important;
  background-position: center top !important;
}

#knit_uniform_intro #knit_uni_bg > div {
  width: 100%;
  position: relative;
  max-width: 980px;
  margin: 0 auto;
}

#knit_uniform_intro #knit_uni_bg > div p:first-child {
  position: absolute;
  top: 155px;
  left: 0;
}

#knit_uniform_intro #knit_uni_bg > div p:last-child {
  position: absolute;
  top: 0;
  left: -10px;
}




sub {
  vertical-align: sub;
  display: inline-block;
  height: 11px;
  overflow: hidden;
}


/* お悩み */

#knit_uniform_trouble {
  width: 100%;
}

#knit_uniform_trouble dl {
  position: relative;
}

#knit_uniform_trouble dl:after {
  content: "";
  background: url(../img/knit_uniform/img_txt02.png) no-repeat center;
  background-size: 485px 100px;
  width: 485px;
  height: 100px;
  display: block;
  margin: 45px auto 50px;
}

#knit_uniform_trouble dl dt {
  text-align: center;
  margin-bottom: 40px;
}

#knit_uniform_trouble dl dd ul {
  display: table;
  table-layout: fixed;
  width: 100%;
}

#knit_uniform_trouble dl dd ul li {
  display: table-cell;
  text-align: center;
  vertical-align: top;
}

#knit_uniform_chara {
  width: 100%;
  background: #FFEFE9;
  padding: 50px 0 75px;
}

#knit_uniform_chara ul {
  width: 100%;
  margin-bottom: -40px;
}

#knit_uniform_chara ul li {
  width: 440px;
  float: left;
  margin-right: 80px;
  margin-bottom: 40px;
}

#knit_uniform_chara ul li:nth-child(2n) {
  margin-right: 0;
}

#knit_uniform_chara ul li dt {
  margin-bottom: 12px;
}

#knit_uniform_chara ul li dd {
  font-size: 13px;
}



/* 違い */

#knit_uniform_spec {
  width: 100%;
  max-width: 1130px;
  min-height: 1587px;
  margin: 55px auto 65px;
  position: relative;
  overflow: hidden;
}

#knit_uniform_spec img {
  display: block;
  max-width: 1130px;
  /* min-height: 1587px; */
}



/* KNIT COLLECTION */

#knit_collection h2 {
  text-align: center;
  margin-bottom: 45px;
}
#knit_collection {
position: relative;
overflow: hidden;
}
#knit_collection ul {
  position: relative;
  left: 50%;
  float: left;
/*  width: 100%;
  margin:0 auto;
  */
}

#knit_collection ul li {
  position: relative;
  left: -50%;
  list-style: none;
  float: left;
  width: 180px;
  margin-right: 40px;
}

#knit_collection ul li:last-child {
  margin-right: 0;
}

#knit_collection ul li dt {
  margin-bottom: 5px;
}
#knit_collection ul li dt img {
  /*display: block;*/
  margin-bottom: 20px;
}
#knit_collection ul li dt a {
  letter-spacing: -.06em;
  font-size: 16px;
  font-weight: bold;
  text-decoration: underline;
}
#knit_collection ul li dd h3 {
  text-decoration: underline;
  font-size: 18px;
  margin-bottom: 5px;
  line-height: 1.5;
}

#knit_collection ul li dd h3:after {
  content: "";
  background: url(../img/arr_left_black.png) no-repeat left center;
  background-size: 8px 9px;
  width: 8px;
  height: 9px;
  display: inline-block;
  margin-left: 7px;
}
#knit_collection ul li dd h3.narrow {
  letter-spacing: -.03em;
}

#knit_collection ul li dd p {
  font-size: 12px;
  line-height: 1.8;
  font-weight: bold;
}
/*
#knit_collection ul li a:hover {
  opacity: .5;
  color: #000;
}

#knit_collection ul li a img,
#knit_collection ul li a h3 {
  -webkit-transition: .4s;
  transition: .4s;
}

#knit_collection ul li a:hover img,
#knit_collection ul li a:hover h3 {
  opacity: .5;
}
*/
#knit_uniform_trouble .switch {
  margin-bottom: 55px;
  letter-spacing: -.4em;
  text-align: center;
}
#knit_uniform_trouble .switch li {
  display: inline-block;
  margin-right: 25px;
  width: 230px;
  height: 95px;
  background: url(../img/knit_uniform/btn_knit.png);
  background-repeat: no-repeat;
  overflow: hidden;
}
#knit_uniform_trouble .switch li:last-child {
  margin-right: 0;
}
#knit_uniform_trouble .switch li a {
  display: block;
  height: 95px;
  background: url(../img/knit_uniform/btn_knit.png);
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition: .4s;
  transition: .4s;
}
#knit_uniform_trouble .switch li a:hover,
#knit_uniform_trouble .switch li a.active {
  opacity: 0;
}
#knit_uniform_trouble .switch li:nth-child(1) {
  background-position: 0 -95px;
}
#knit_uniform_trouble .switch li:nth-child(1) a {
  background-position: 0 0;
}
#knit_uniform_trouble .switch li:nth-child(2) {
  background-position: -230px -95px;
}
#knit_uniform_trouble .switch li:nth-child(2) a {
  background-position: -230px 0;
}
#knit_uniform_trouble .switch li:nth-child(3) {
  background-position: -460px -95px;
}
#knit_uniform_trouble .switch li:nth-child(3) a {
  background-position: -460px 0;
}

#knit_uniform_trouble .user_voice_wrap {
  background-color: #fde1d6;
}
#knit_uniform_trouble .user_voice {
  position: relative;
  margin: 0 auto 70px;
  padding: 55px 0 0 0;
  text-align: center;

}
@media screen and (min-width: 980px){
#knit_uniform_trouble .user_voice {
  padding-left:0px;
  width:100%;
  overflow:hidden;
}
}
#knit_uniform_trouble .user_voice h2 {
  margin-bottom: 25px;
  padding-right: 45px;
  line-height: 0;
}
#knit_uniform_trouble .user_voice p {
  line-height: 0;
}
#knit_uniform_trouble .history {
  padding: 95px 0 10px;
  text-align: center;
  background-color: #E7D3DB;
}
#knit_uniform_trouble .history h2 {
  margin-bottom: 75px;
  padding-left: 12px;
  line-height: 0;
}
#knit_uniform_trouble .history p {
  padding-left: 30px;
  line-height: 0;
}
#knit_uniform_trouble .history p img {
width: 100%;
max-width: 773px;
	margin: 0 auto;
}
#knit_uniform_trouble .history .nth-2child {
  padding-left: 0px;
  line-height: 0;
	margin-left: -60px;
}
#knit_uniform_trouble .history .nth-2child img {
	max-width: 801px;
}




.rental4 {
    width: 100%;
}

.rental4 ul {
  padding-left:80px;
}

.rental4 ul li {
  display: inline-flex;
  margin-bottom:10px;
  margin-left:20px;
  font-size: 16px;
  font-weight: bold;
  line-height:2;
}

.rental4 ul::before {
  position:absolute;
  left:0;
  content:"";
  display:inline-block;
  width: 68px;
    height: 26px;
  background:url(../img/rental/ttl_rental02_19aw.png) no-repeat;
  background-size:contain;
}

/*----------------------------
 TioTioプレミアム
-----------------------------*/

#tiotio {
  background: url(../img/tiotio/bg_tiotio.jpg) center top;
  background-size: auto;
  min-height: 100%;
  overflow: hidden;
}
#tiotio .premium {
  background-color: #FAF5E6;
  padding-top: 90px;
  padding-bottom: 90px;
}

#tiotio1 {
  width: 960px;
  margin:0 auto;
  padding-bottom: 20px;
}

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");

.tiotio2 {
  position:relative;
  width:1002px;
  /*height: 1658px;
  background: url(../img/tiotio/img_txt_2022ss_01_01.png) left top no-repeat;*/
  height: 1725px;
  background: url(../img/tiotio/img_txt_2022ss_01_01_new.png) left top no-repeat;
  background-size:1002px auto;
  z-index: 10;
  margin: 0 auto 100px auto ;
}
.tiotio2_topics {
  position: absolute;
  /*right: 20px;
  bottom: 0;
  width: 610px;*/
  right: 85px;
  bottom: 45px;
  width: 510px;
}
.tiotio2_topics p {
  font-size: 12px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  text-indent: -1em;
  margin-left: 1em;
  line-height: 1.7;
}
.tiotio2_topics_item {
  position: relative;
  padding: 22px 10px 15px 40px;
  width: 570px;
  background-color: #ff0;
  box-shadow: 4px 4px 0 #dcd7d2;

  font-weight: bold;
}
.tiotio2_topics_item.item02 {
  margin-top: 40px;
}
.tiotio2_topics_item sup {
  position: relative;
  vertical-align: top;
  top: .1em;
  font-size: .8em;
  height: 1em;
  line-height: 1;
}
.tiotio2_topics h3 {
  position: absolute;
  top: -21px;
  left: -21px;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background-color: #1e96dc;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  line-height: 62px;
  text-align: center;
}
.tiotio2_topics .item_main {
  font-family: 'Noto Sans JP', sans-serif;
  letter-spacing: .03em;
  font-size: 19px;
  line-height: 1.4;
}

.tiotio2_topics .item_sub {
  margin-top: 5px;
  font-size: 11px;
}
.tiotio2_topics strong {
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  color: #1e92d2;
}
.tiotio2_topics .font_l {
  font-size: 42px;
}
.tiotio2_topics .font_ml {
  font-size: 26px;
}
.tiotio2_topics .font_m {
  font-size: 22px;
}
.tiotio2_topics .font_s {
  display: block;
  font-size: 12px;
}
.tiotio2_topics .narrow01 {
  letter-spacing: .01em;
}
.tiotio2_topics .narrow02 {
  letter-spacing: -.04em;
}
.w_line {
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  z-index: 1;
}
.w_line::after {
  content: "";
  position: absolute;
  bottom: 3px;
  left: 0;
  width: 100%;
  height: 8px;
  background-color: #fff;
  z-index: -1;
}
.tiotio2_topics_item .item_bubble {
  position: absolute;
  top: -10px;
  right: -40px;
  width: 187px;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 11px;
  font-weight: 400;
}
.tiotio2_topics_item.item01 .item_bubble {
  padding: 13px 5px 15px 35px;
  height: 98px;
  background: url(../img/tiotio/bg_bubble_01.png) 0 0 no-repeat;
}
.tiotio2_topics_item.item02 .item_bubble {
  padding: 15px 5px 15px 35px;
  height: 82px;
  background: url(../img/tiotio/bg_bubble_02.png) 0 0 no-repeat;
}
.tiotio2 .item_bubble {
  position: absolute;
  bottom: 263px;
  right: 25px;
  padding: 13px 5px 15px 38px;
  width: 187px;
  height: 98px;
  background: url(../img/tiotio/bg_bubble_01.png) 0 0 no-repeat;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.7;
}


@media screen and (max-width: 1155px) {
.tiotio2 {
  left:0;
  margin-left:0;
  max-width:1002px;
}
}
.tiotio2 .link_btn {
  position:absolute;
 /* right: 65px;
  bottom: 30px;*/
  bottom: 0;
  right: 0;
}
.tiotio2 .link_btn a {
  display: inline-block;
  position: relative;
  padding-right: 8px;
  color: #1e92d2 !important;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 15px;
font-weight: bold;
  text-decoration: underline;
  letter-spacing: -.05em;
}
.tiotio2 .link_btn a::after {
  content: "";
  position: absolute;
  right: 0;
  top: calc(45% - 4px);
  width: 8px;
  height: 8px;
  border-top: 2px solid #1e92d2;
  border-right: 2px solid #1e92d2;
  transform: rotate(45deg);
}
.tiotio2 .link_btn a:hover {
  text-decoration: none;
}

.tiotio3 {
  position:relative;
  width:1002px;
  height: 723px;
  background: url(../img/tiotio/img_txt_2021ss_02_01.png) left top no-repeat;
  background-size:1002px auto;
  z-index: 10;
    margin: 0 auto 40px auto ;
}
.tiotio3 .link_btn {
  position:absolute;
  right: 82px;
   top: 699px;
}

.tiotio3_02 {
  position:relative;
  width:1002px;
  height: 941px;
  background: url(../img/tiotio/img_txt_2022ss_02_02.png) left top no-repeat;
  background-size:1002px auto;
  z-index: 10;
    margin: 0 auto 0 auto ;
}
.tiotio3_02 .link_btn {
  position:absolute;
      right: 82px;
   top: 565px;
}


.tiotio4 {
  position:relative;
  width:1006px;
  height: 244px;
  background: url(../img/tiotio/img_txt_2021ss_03.png) left top no-repeat;
  background-size:1006px auto;
  z-index: 10;
    margin: 90px auto 0 auto ;
}


#tiotio .premium:after {
  content: "";
  position: absolute;
  bottom: -201px;
  left: 0;
  width: 100%;
  height: 201px;
  background-color: #fffeec;
}


/*------------------------
 modal
------------------------*/
.modal_overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
  z-index: 500;
}

.modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 802px;
  z-index: 550;
}

.modal_close {
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  transition: .3s;
}
.modal_close:hover {
  opacity: .7;
}
.modal_close::before, .modal_close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #808080;
  transform: rotate(45deg);
}
.modal_close::after {
  transform: rotate(-45deg);
}



/*----------------------------
 tiotio_premium
 -----------------------------*/

#contents_ttl {
    text-align: center;
    padding-top: 140px;
    margin-bottom: 40px;
}
#tiotio_premium {
  background: url(../img/special/bg_tiotio_premium_21-22aw.jpg) center top;
  background-size: auto;
  min-height: 1130px;
  overflow: hidden;
  margin:0 auto;
}
#tiotio_premium #main_img {
  height: auto;
  width: 100%;
}
#tiotio_premium #main_img img {
  width: 100%;
}
#tiotio_premium #main_img h2 {
  display:none;
}
#special_premium {
    position: relative;
    margin: 125px auto 0;
    overflow: hidden;
}
#special_premium .tiotio_premium01 {
  position:relative;
  width:100%;
  max-width:973px;
  height: 738px;
  margin:0 auto;
  background: url(../img/special/img_tiotio_premium_21-22aw_01.png) 0px top no-repeat;
position: relative;
}
#special_premium .tiotio_premium01 .link_btn {
  width: 200px;
  z-index: 999;
  position:absolute;
  bottom: 64px;
  right: 15px;
  font-size: 12px;
letter-spacing: -1px;
	line-height: 1.5;
}
#special_premium .tiotio_premium01 .link_btn a {
  color: #008BCF;
	font-weight: bold;
	text-decoration: underline;
}
@media screen and (min-width: 1155px) {
#special_premium .tiotio_premium01 {
  background-size:100%;
}
}

#special_premium .tiotio_premium02 {
  position:relative;
  width:100%;
  max-width:973px;
  height: 647px;
  margin:0 auto 60px auto;
  background: url(../img/special/img_tiotio_premium_21-22aw_02.png) 0px top no-repeat;
}
#special_premium .tiotio_premium02 .link_btn {
  width: 200px;
  z-index: 999;
  position:absolute;
  bottom: 36px;
  right: 15px;
}

#special_premium .tiotio_premium03 {
position:relative;
width: 100%;
}
#special_premium .tiotio_premium03_inner {
position:relative;
  width:100%;
  max-width:973px;
  height: 287px;
  margin:0 auto 80px auto;
  background: url(../img/special/img_tiotio_premium_21-22aw_03.png) 0px top no-repeat;
	z-index: 1;
}
#special_premium .tiotio_premium03 .link_btn {
  width: 200px;
  z-index: 999;
  position:absolute;
  bottom: 36px;
  right: 15px;
}
#special_premium .tiotio_premium03:after {
	background-color: #F2F2F2;
  position: absolute;
  top:10px;
  left:0px;
  content:"";
 height: 106%;
  width:100%;
}

#special_premium .tiotio_premium04 {
  position:relative;
  width:100%;
  max-width:973px;
  height: 302px;
  margin:0 auto 60px auto;
  background: url(../img/special/img_tiotio_premium_21-22aw_04.png) 0px top no-repeat;
}
#special_premium .tiotio_premium04 .link_btn {
  width: 200px;
  z-index: 999;
  position:absolute;
  bottom: 28px;
  right: 15px;
}

#special_premium .tiotio_premium05 {
position:relative;
width: 100%;
}
#special_premium .tiotio_premium05_inner {
position:relative;
  width:100%;
  max-width:973px;
  height: 330px;
  margin:0 auto 60px auto;
  background: url(../img/special/img_tiotio_premium_21-22aw_05.png) 0px top no-repeat;
	z-index: 1;
}
#special_premium .tiotio_premium05 .link_btn {
  width: 200px;
  z-index: 999;
  position:absolute;
      bottom: 56px;
    right: 0px;
}
#special_premium .tiotio_premium05:after {
	background-color: #F2F2F2;
  position: absolute;
  top:10px;
  left:0px;
  content:"";
 height: 90%;
  width:100%;
}

#special_premium .tiotio_premium06 {
  position:relative;
  width:100%;
  max-width:973px;
  height: 299px;
  margin:0 auto 60px auto;
  background: url(../img/special/img_tiotio_premium_21-22aw_06.png) 0px top no-repeat;
}
#special_premium .tiotio_premium06 .link_btn {
  width: 200px;
  z-index: 999;
  position:absolute;
  bottom: 5px;
  right: 15px;
}






/*----------------------------
 23-24aw_special1
 -----------------------------*/
#special_overblouse {
  background: url("../img/special/bg_special_25aw.png") center top;
  background-size: auto;
  min-height: 1130px;
  overflow: hidden;
  margin:0 auto;
}
#special_overblouse #main_img {
  height: auto;
  width: 100%;
}
#special_overblouse #main_img img {
  width: 100%;
}
#special_overblouse #main_img h2 {
  display:none;
}
#special_overblouse #main #main_txt {
  margin:0 auto;
  position:absolute;
  top: 20%;
  right: 16%;
}
#special_overblouse #main_txt #txt01 {
  margin:30px 0 0 0px;
}
#special_overblouse #main_txt #txt02 {
  position:absolute;
  top:-120px;
  right:0;
  overflow:visible;
}


#kana {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
background: url(../img/special/img_airfort_22-23aw_01bg.jpg) no-repeat right top;
}
#kana > div p {
  position: relative;
  z-index: 10;
}
#kana > div .link_btn {
  position: relative;
  z-index: 10;
  line-height: 2.2;
  font-size: 12px;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
}
#kana img {
  max-width: initial;
  max-width: auto;
}
#kana .airfort01 {
  position:relative;
  width:100%;
max-width: 970px;
  margin: 3% auto 9%;
}
#kana .airfort01 img {
width: 100%;
}
@media screen and (max-width: 1155px) {
#kana .airfort01 {
  left:0;
  margin-left:0;
  max-width:1130px;
}
}

#kana .lineup {
	 width:100%;
	background-color: #f0f0f0;
	margin-bottom: 5%;
	padding: 2.5% 0 3%;
}
#kana .lineup h3 {
text-align: center;
margin-bottom:2%;
}
#kana .lineup ul {
position:relative;
width:100%;
max-width: 870px;
margin:0 auto;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
#kana .lineup ul li {
margin: 0 10px 20px;
}

#kana .kana01_wrap {
  width:100%;
	text-align: center;
	margin:0 auto;
  position: relative;
	margin-bottom: 100px;
}
#kana .kana01 {
  position:relative;
  width:100%;
}
#kana .kana01 img {
  width:100%;
}
#kana .kana01 .link_btn {
	position: absolute;
    top: 66%;
    left: 50%;
}
#kana .kana01 .link_btn img {
  width: 120px;
}

#kana .kana02_wrap {
  width:100%;
	text-align: center;
	margin:0 auto;
  position: relative;
	margin-bottom: 100px;
}
#kana .kana02 {
  position:relative;
  width:100%;
}
#kana .kana02 img {
  width:100%;
}
#kana .kana02 .link_btn {
	position: absolute;
    top: 66%;
    left: 50%;
}
#kana .kana02 .link_btn img {
  width: 120px;
}

#kana .kana03_wrap {
  width:100%;
	text-align: center;
	margin:0 auto;
  position: relative;
	margin-bottom: 100px;
}
#kana .kana03 {
  position:relative;
  width:100%;
}
#kana .kana03 img {
  width:100%;
}
#kana .kana03 .link_btn {
	position: absolute;
    top: 66%;
    left: 50%;
}
#kana .kana03 .link_btn img {
  width: 120px;
}

#kana .kana04_wrap {
  width:100%;
	text-align: center;
	margin:0 auto;
  position: relative;
	margin-bottom: 100px;
}
#kana .kana04 {
  position:relative;
  width:100%;
}
#kana .kana04 img {
  width:100%;
}
#kana .kana04 .link_btn {
	position: absolute;
    top: 66%;
    left: 50%;
}
#kana .kana04 .link_btn img {
  width: 120px;
}

#kana .kana05_wrap {
  width:100%;
	text-align: center;
	margin:0 auto;
  position: relative;
	margin-bottom: 100px;
}
#kana .kana05 {
  position:relative;
  width:100%;
}
#kana .kana05 img {
  width:100%;
}
#kana .kana05 .link_btn {
	position: absolute;
    top: 66%;
    left: 50%;
}
#kana .kana05 .link_btn img {
  width: 120px;
}

#kana .kana06_wrap {
  width:100%;
	text-align: center;
	margin:0 auto;
  position: relative;
	margin-bottom: 100px;
}
#kana .kana06 {
  position:relative;
  width:100%;
}
#kana .kana06 img {
  width:100%;
}
#kana .kana06 .link_btn {
	position: absolute;
 top: 65%;
 left: 51%;
}
#kana .kana06 .link_btn img {
  width: 120px;
}



#kana .attention {
  width:100%;
	text-align: center;
	margin:0 auto;
}
#kana .attention img {
  position:relative;
}


@media screen and (max-width:1130px) {
  #kana > div {
    margin-left:0!important;
    margin-right:0!important;
  }
}







/*----------------------------
22ss_special_epants
 -----------------------------*/
#special_epants {
  background: url(../img/epants/bg_22ss_special_epants.jpg) center top;
  background-size: auto;
  min-height: 1130px;
  overflow: hidden;
  margin:0 auto;
}
#special_epants #main_img {
  height: auto;
  width: 100%;
}
#special_epants #main_img img {
  width: 100%;
}
#special_epants #main_img h2 {
  display:none;
}

#epants {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}
#epants > div p {
  position: relative;
  z-index: 10;
}
#epants img {
  width: 100%;
}
#epants .contents01 {
   position:relative;
   width:100%;
   margin-left: auto !important;
   margin-right: auto;
   margin-bottom: 106px;
}
#epants .contents01 div {
    width: 86%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 30px;
}
#epants .contents01 .img01 {
    margin-top: 18px;
}
#epants .contents01 .img02 {
    margin-top: 5px;
}
#epants .contents01 .attention img {
    width: 94%;
}
#epants .contents02_wrap {
  margin:0 auto;
  width: 960px;
  border-top: 6px solid #333;
  margin-bottom: 100px;
}
#epants .contents02 {
    position:relative;
    width:100%;
    margin:0 auto;
}
#epants .contents02 .type-box {
    width: 960px;
    margin:0 auto;
    border-bottom: 6px solid #333;
}
#epants .contents02 .type-box:last-child {
    border-bottom: none;
}
#epants .contents02 dl {
    display: flex;
    margin:0 auto;
    margin-top: 44px;
    margin-bottom: 47px;
}
#epants .contents02 dl dt {
     width: 335px;
}
#epants .contents02 dl dd {
     width: 625px;
}
#epants .contents02 dl dd div:first-child {
    margin-bottom: 16px;
}
#epants .detail {
  width: 625px;
  height: 332px;
  background: url(../img/epants/img_type_detail.png) center top;
  background-size: auto;
  padding-top: 50px;
    text-align: center;
}
#epants .detail img {
    width: 525px;
    text-align: center;
}

#epants .contents03_wrap {
    width:100%;
    text-align: center;
    margin:0 auto;
   background: #C1B9DB;
}
#epants .contents03 {
    margin: 0 auto;
    padding-top: 38px;
    text-align: center;
}
#epants .contents03 img {
   width: 84%;
   margin-bottom: 47px;
}
#epants .attention {
    width:100%;
    text-align: center;
    margin:0 auto;
}
#epants .attention img {
  position:relative;
}


/*----------------------------
 22-23aw_skyknit
 -----------------------------*/
#skyknit_overblouse {
  background: url(../img/special/bg_skyknit_22-23aw.jpg) center top;
  background-size: auto;
  min-height: 1130px;
  overflow: hidden;
  margin:0 auto;
}
#skyknit_overblouse #main_img {
  height: auto;
  width: 100%;
}
#skyknit_overblouse #main_img img {
  width: 100%;
}
#skyknit_overblouse #main_img h2 {
  display:none;
}
#skyknit {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
margin-bottom: -50px;
}

#skyknit img {
  width: 100%;
}

#skyknit > div p {
  position: relative;
  z-index: 10;
}
#skyknit > div .link_btn {
  position: relative;
  z-index: 10;
  line-height: 2.2;
  font-size: 12px;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
}
#skyknit .skyknit01 {
  position:relative;
  width:100%;
max-width: 970px;
     margin: 6% auto 7%;
}
@media screen and (max-width: 1155px) {
#skyknit .skyknit01 {
  left:0;
  margin-left:0;
  max-width:1130px;
}
}
#skyknit .skyknit02_wrap {
  width:100%;
	text-align: center;
	margin:0 auto 3%;
  position: relative;
}
#skyknit .skyknit02 {
  position:relative;
  width:100%;
max-width: 970px;
margin:0 auto;
}
#skyknit .skyknit02 img {
  width:100%;
}
#skyknit .skyknit02 .link_btn {
	position: absolute;
        right: 0;
    bottom: 0;
}
#skyknit .skyknit02 .link_btn img {
  width: 120px;
}
#skyknit .skyknit03_wrap {
  width:100%;
	text-align: center;
	margin:0 auto;
  position: relative;
	margin-bottom: 30px;
}
#skyknit .skyknit03 {
  position:relative;
  width:100%;
}
#skyknit .skyknit03 img {
  width:100%;
}
#skyknit .attention {
    width:78%;
    text-align: center;
    margin:0 auto;
}
#skyknit .attention img {
  position:relative;
width:100%;
}
#skyknit .skyknit03 .link_btn {
	position: absolute;
    left: 65.5%;
    bottom: 2.3%;
}
#skyknit .skyknit03 .link_btn img {
  width: 230px;
}
#contents_list {
	margin-top: 5%;
	margin-bottom: 10%;
}
#contents_list ul li a {
    display: block;
    width: 37%;
	margin: 0 auto;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    letter-spacing: .14em;
    text-align: center;
    border-radius: 30px;
    padding: 15px;
	background: #000;
}


/*----------------------------
 23-24aw special knit
 -----------------------------*/
#knit_overblouse {
  background: url(../img/special/bg_knit_23-24aw.jpg) center top;
  background-size: auto;
  min-height: 1130px;
  overflow: hidden;
  margin:0 auto;
}
#knit_overblouse #main_img {
  height: auto;
  width: 100%;
		margin-bottom: 60px;
}
#knit_overblouse #main_img img {
  width: 100%;
}
#knit_overblouse #main_img h2 {
  display:none;
}
#knit {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
margin-bottom: -50px;
}

#knit img {
  width: 100%;
}

#knit > div p {
  position: relative;
  z-index: 10;
}
#knit > div .link_btn {
  position: relative;
  z-index: 10;
  line-height: 2.2;
  font-size: 12px;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
}
#knit .knit01 {
position:relative;
width:100%;
margin: 6% auto 7%;
}
#knit .knit01 .inner {
position:relative;
width:100%;
max-width: 920px;
margin: 1.6% auto 7%;
}
#knit .knit01 .inner .link_btn {
position: absolute;
top: 13%;
left: 51.1%;
}
@media screen and (max-width: 1155px) {
#knit .knit01 .inner {
left:0;
margin-left:0;
max-width:1130px;
}
}

#knit .knit02 {
position:relative;
width:100%;
margin: 6% auto 7%;
}
#knit .knit02 .inner {
position:relative;
width:100%;
max-width: 946px;
margin: 1.6% auto 7%;
}
#knit .knit02 .inner .link_btn {
position: absolute;
top: 11%;
left: 49.8%;
}
@media screen and (max-width: 1155px) {
#knit .knit02 .inner {
left:0;
margin-left:0;
max-width:1130px;
}
}

#knit .knit03 {
position:relative;
width:100%;
margin: 6% auto 7%;
}
#knit .knit03 .inner {
position:relative;
width:100%;
max-width: 964px;
margin: 1.6% auto 7%;
}
#knit .knit03 .inner .link_btn {
position: absolute;
top: 12%;
left: 49.8%;
}
@media screen and (max-width: 1155px) {
#knit .knit03 .inner {
left:0;
margin-left:0;
max-width:1130px;
}
}

#knit .knit04 {
position:relative;
width:100%;
margin: 6% auto 7%;
}
#knit .knit04 .inner {
position:relative;
width:100%;
max-width: 964px;
margin: 1.6% auto 7%;
}
#knit .knit04 .inner .link_btn {
position: absolute;
top: 12%;
left: 49.8%;
}
@media screen and (max-width: 1155px) {
#knit .knit04 .inner {
left:0;
margin-left:0;
max-width:1130px;
}
}





#contents_list {
	margin-top: 5%;
	margin-bottom: 10%;
}
#contents_list ul li a {
    display: block;
    width: 37%;
	margin: 0 auto;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    letter-spacing: .14em;
    text-align: center;
    border-radius: 30px;
    padding: 15px;
	background: #000;
}








/*----------------------------
ホップアップ2
 -----------------------------*/
/* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
#epants .contents01 .open2 {
	white: 100%;
	max-width: 27%;
	text-decoration: underline;
	position: absolute;
	left: 7.9%;
top: 28.7%;
}
.open2 {
	cursor:pointer; 
}
#pop-up {
	display: none; 
}
.overlay {
	display: none; 
}
#pop-up:checked + .overlay {
	display: block;
	z-index: 9999;
	background-color: #00000095;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}






/*----------------------------
ホップアップ
 -----------------------------*/
/* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
#epants .contents01 .open {
	white: 100%;
	max-width: 27%;
	position: absolute;
	left: 28%;
    top: 41.8%;
}
.open {
	cursor:pointer; 
}
#epants .contents01 .open01 {
	white: 100%;
	max-width: 27%;
	position: absolute;
	left: 28%;
    top: 41.8%;
}

#pop-up {
	display: none; 
}
.overlay {
	display: none; 
}
#pop-up:checked + .overlay {
	display: block;
	z-index: 9999;
	background-color: #00000095;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
.window {
	width: 90vw;
	max-width: 680px;
	height: 680px;
	background-color: #ffffff;
	border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.text {
	font-size: 16px;
	margin: 0;
}
.text img {
	height: 600px !important;
}
.close {
	cursor:pointer;
	position: absolute;
	top: 4px;
	right: 4px;
	font-size: 10px;
	line-height: 0.8;
	z-index: 10;
}
.close span {
	font-size: 44px;
}


/*----------------------------
スライダー
 -----------------------------*/
.swiper-wrapper {
	width: 525px;
	height: 255px;
	margin: 0 auto;
}
.swiper-slide {
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 255px;
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 0% !important;
    width: 27px;
    height: 255px !important;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 12px 22px !important;
    background-position: center;
    background-repeat: no-repeat;
	background-color: #dbdbdb;
}
/* 4の倍数＋1枚目のスライドのスタイル（1枚目、5枚目…） */
.swiper-slide:nth-child(4n+1) {

}
/* 4の倍数＋2枚目のスライドのスタイル（2枚目、6枚目…） */
.swiper-slide:nth-child(4n+2) {

}
/* 4の倍数＋3枚目のスライドのスタイル（3枚目、7枚目…） */
.swiper-slide:nth-child(4n+3) {
	background-color: #1F1762;
}
/* 4の倍数＋4枚目のスライドのスタイル（4枚目、8枚目…） */
.swiper-slide:nth-child(4n+4) {
	background-color: #BEDAE5;
}
#special_overblouse #main .kana01 img{
  width: 100%;
}


/* 2023ss */
header .header_ic{
z-index: 5;
width: 15%;
	display: flex;
	justify-content: space-between;
	position: absolute;
	right: 15px;
	top: 15px;
}
.knit-bnr {
	margin: 0 auto 40px;
	text-align: center;
}

.usage_img04 {
	position: relative;
}
.usage_img04 p {
	position: absolute;
	right: 58px;
    bottom: 62px;
}

#rental_catalog01 a,
#rental_catalog02 a {
	font-size: 12px;
	text-decoration: underline;
}
#rental_catalog01 a:hover,
#rental_catalog02 a:hover {
	font-size: 12px;
	text-decoration: none;
}

.ic_company:after {
	content: url(../img/ic_company.png);
	margin-left: 5px;
}





#catch h2 img {
	width: 100%;
	height: auto;
}
main .inner {
	width: 1130px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
}
main p {
	font-size: 16px;
}
main p a img {
	transition: 0.3s;
}
main p a img:hover {
	opacity: 0.7;
	transition: 0.3s;
}
#flowlightknit .flex {
	display: flex;
	justify-content: space-between;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 80px;
}
#flowlightknit .flex p:nth-of-type(2) {
	margin-top: 20px;
	margin-bottom: 5px;
}


#etoileknit {
	margin-top: 150px;
}
#etoileknit .flex {
	display: flex;
	justify-content: space-between;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 80px;
}
#etoileknit .flex div p:nth-of-type(1) {
	margin-top: 20px;
	margin-bottom: 5px;
}



#cocoamini {
	margin-top: 150px;
}
#cocoamini .flex {
	display: flex;
	justify-content: space-between;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 80px;
}
#cocoamini .flex div p:nth-of-type(1) {
	margin-top: 20px;
	margin-bottom: 5px;
}


#alicecheck {
	margin-top: 150px;
	margin-bottom: 150px;
}
#alicecheck .flex {
	display: flex;
	justify-content: space-between;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 80px;
}
#alicecheck .flex div figure {
	margin-top: -230px;
}
#alicecheck .flex div div {
	position: relative;
	left: 260px;
	top: 130px;
}
#alicecheck .flex div p:nth-of-type(1) {
	margin-top: 20px;
	margin-bottom: 5px;
}