@charset "utf-8";
/*----------------------------
 common
-----------------------------*/

.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;
}
.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 bottom;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}
#main_img h2 {
	position: absolute;
	top: 214px;
	left: 50%;
}
#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;
}


/*----------------------------
 new_work
 -----------------------------*/

/* 共通 */
#new_work {
	background: url(../img/new_work/bg_new_work_20ss.jpg) center top;
	background-size: auto;
	min-height: 100%;
	overflow: hidden;
}
#new_work #main_img {
	background-image: url(../img/new_work/top/img_main_2020ss.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 #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: 100px;
  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: 100px;
	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: 100px;
	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_20ss.jpg) center top;
	background-size: auto;
	min-height: 100%;
	overflow: hidden;
}
#patrick_cox #main_img {
	background-image: url(../img/patrick_cox/top/img_main_2020ss.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;
}


/*----------------------------
 special
 -----------------------------*/

#special {
	background: url(../img/special/bg_special_20ss.jpg) center top;
	background-size: auto;
	min-height: 1130px;
	overflow: hidden;
	margin:0 auto;
}
#special #main_img {
	background-image: url(../img/special/img_main_20ss.jpg);
	height: 650px;
}
#special #main_img h2 {
	display:none;
}
#special #main #main_txt {
	margin:0 auto;
	position:absolute;
	left: 0%;
    top: 5.5%;
}
#special #main_txt #txt01 {
	margin:30px 0 0 0px;
}
#special #main_txt #txt02 {
	position:absolute;
	top:-120px;
	right:0;
	overflow:visible;
}
/*#special #main_img h2 {
	width: 532px;
	margin: 145px 0 0 -460px;
}
#special #main_img p {
  position: absolute;
  top: 360px;
  right: 0;
  margin:0;
}*/
@media screen and (max-width:1250px) {
#special #main #main_txt {
	max-width:1130px;
}
#special #main_txt #txt01 {
	margin: 0px;
}
}

#kana {
	position: relative;
	margin: 125px auto 0;
  overflow: hidden;  
}
#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 .kana01 {
	position:relative;
	width:960px;  
	height: 640px;
  background: url(../img/special/img_kana_20ss_01.jpg) left top no-repeat;
  background-size:960px auto;
  z-index: 10;
    margin-left: auto !important;
    margin-right: auto;
}
@media screen and (max-width: 1155px) {
#kana .kana01 {
	left:0;
	margin-left:0;
	max-width:1130px;  
}
}
#kana .kana01 p {
  margin: 0 auto;
  padding:0 320px 0 0;
  text-align: right;
}

#kana .kana01 .txtlink001{
	position: absolute;
	left: 520px;
    bottom: 140px;
}

#kana .kana01_2 {
  max-width:960px;
position: relative;
margin-top:10px;
margin-left:auto;
margin-right:auto;
padding-bottom: 20px;
}

#kana .kana01_2 .link_btn {
	float:right;
}


#kana .kana02_wrap {
}
#kana .kana02_wrap .title {
	width:347px;
	margin-left:auto;
	margin-right:auto;
	margin-top:80px;
	margin-bottom:40px;
}
#kana .kana02 {
	width:100%;
  max-width:958px;
	height: 739px;
	margin:0 auto;
  background: url(../img/special/img_kana_20ss_03.png) 0px top no-repeat;
position: relative;
}
#kana .kana02_2 {
	width:100%;
  max-width:1130px;
position: relative;
margin-left:auto;
	margin-right:auto;
	padding-bottom: 20px;
}
#kana .kana02_wrap .kana02_2 .link_btn {
    width: 250px;
  z-index: 999;
  margin-right: 2.7%;
  margin-top:20px;
  margin-bottom:50px;
}

@media screen and (min-width: 1155px) {
#kana .kana02 {
	background-size:100%;
}
}


#kana .kana03 {
	max-width:1130px;
	width:100%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
#kana .kana03 .kana03_inner {
	width:100%;
	height:1230px;
	position: relative;
	background-image: url(../img/special/img_kana_20ss_02.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#kana .kana03 .kana03_inner .link_btn {
	position: absolute;
	width: 250px;
	bottom: 28.5%;
    left: 7%;
}

@media screen and (max-width: 1155px) {
#kana .kana03 .kana03_inner {
	width:100%;
	height:1230px;
	position: relative;
	background-size:100% auto;
}

#kana .kana03 .kana03_inner .link_btn {
	bottom: 36.5%;
    left: 5%;
}

}





#kana .kana04 {
	width:100%;
	position: relative;
	background-color:#35A5E2;
}
#kana .kana04 .kana04_inner {
	width:100%;
	max-width:958px;
	height:1243px;
	position: relative;
	background-size:100% auto;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../img/special/img_kana_20ss_04.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#kana .kana04 .kana04_inner .link_btn {
	position: absolute;
	width: 250px;
	bottom: 18%;
    right: 8.5%;
}






@media screen and (max-width:1300px) {
}


@media screen and (max-width:1130px) {
	#kana > div {
		margin-left:0!important;
		margin-right:0!important;
	}
}

/*----------------------------
 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.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:1320px;
	height: 675px;
	margin-left: auto;
    margin-right: auto;
	overflow: hidden;
	background-image: url(../img/knit_uniform/img_main_2020ss.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 1320px !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: 100px;
}

#knit_uniform_intro #knit_uni_bg > div p:last-child {
  position: absolute;
  top: 0;
  right: -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 {
  margin-bottom: 65px;
  padding: 95px 0 110px;
  text-align: center;
  background-color: #fde9f1;
}
#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;
}


.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;
}



















