@charset "utf-8";

/*------------------------------------------------------------------
  reset style
------------------------------------------------------------------*/
html {
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	}

fieldset,img {
	border: 0;
	}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
	}

ol,ul {
	list-style: none;
	}

caption,th {
	text-align: left;
	}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
	}

q:before,q:after {
	content: '';
	}

abbr,acronym {
	border: 0;
	font-variant: normal;
	}

sup {
	vertical-align :text-top;
	}

sub {
	vertical-align: text-bottom;
	}

input,textarea,select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	}

input,textarea,select {
	font-size: 100%;
	}

legend {
	color: #000;
	}
	
img{
	border:0;
}	

p{
 -webkit-margin-before: 0;
 -webkit-margin-after: 0;
}

img{vertical-align:bottom;}

address{font-style: normal;}

ul {
	list-style: none;
}

a {
	text-decoration: none;
	color:#000;
}

/*------------------------------------------------------------------
  common style
------------------------------------------------------------------*/
html,
body {
width: 100%;
position:relative;
}

body{
/*font-size: 13px;*/
/*font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;*/
font-family: 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'Roboto', sans-serif;
color: #000;
line-height:1.5;
font-feature-settings: "palt";
-webkit-font-smoothing: antialiased;
}

.myfont
{
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Roboto', sans-serif;
}
h2{color: #000;}
.brpc{display:inline;}
.brsp{display:none;}

body {
	width:100%;
}

/* wrapper */
.wrapper {
	position:relative;
	width:100%;
	padding-top:120px;
	overflow:hidden;
/**/
	background-image: url("https://xs918900.xsrv.jp/collect/assets/img/img_bg.png");
	background-image: url("../img/bg_pc.png");
	background-size: 994px auto;
	background-repeat: no-repeat;
	background-position: 100% 0 ;
}
.overlayer{visibility: hidden;display:none;}
.underlayer{visibility: hidden;display:none;}

header,section,footer{width:100%;}

/* nav */

.fixedBelt
{
	width:100%;
/*	max-width:1280px;*/
	min-height:120px;
	position:fixed;
	z-index:10;
	display:flex;
	display:block;
/*	align-items:center;*/
	justify-content: space-between;
	top:0;
	left:50%;
	transform: translateX(-50%);
	background-color:#fff;
/*	box-shadow: 6.962px 0.732px 24px 0px rgba(0, 0, 0, 0.4);*/
}
.mainNav
{
	display:flex;
	justify-content: center;
	justify-content: flex-end;
	margin-right:-2.5em;
	padding-right:40px;
	box-sizing: border-box;
	float:right;
	margin-top:76px;
}
.mainNav li
{
	padding:0 2em 0 0;
	position:relative;
}
.mainNav li a
{
	display:block;
	padding:0.4em 0.4em;
	font-size:1.5rem;
	font-weight:normal;
	font-weight:500;
	transition:.5s all;
	font-family: 'Noto Serif JP', serif;
	letter-spacing:0.12em;
	transition:.5s all;
}
.mainNav li a:hover
{
	opacity:0.5;
}
.optionNav
{
	position:absolute;
	top:0;
	right:0;
	display:flex;
	justify-content: center;
	justify-content: flex-end;
	margin-right:-2.5em;
	padding-right:36px;
	box-sizing: border-box;
}
.optionNav li
{
	width:32px;
	padding:30px 32px 0 0;
	position:relative;
}
.optionNav li a
{
	display:block;
}
.optionNav li a img
{
	width:100%;
	height:auto;
	transition:.5s all;
}
.optionNav li a:hover img
{
	opacity:0.5;
}
.optionNav li:last-child
{
	width:178px;
	width:210px;
	padding:20px 30px 0 0;
}
.optionNav li:nth-of-type(3)
{
	margin:0 -2px;
}

.fixedBelt h1
{
	width:22%;
	width:282px;
	padding-top:42px;
	text-align:center;
	float:left;
}
.fixedBelt h1 a
{
	display:block;
	width:205px;
	margin:0 auto;
	transition:.5s all;
	box-sizing: border-box;
}
.fixedBelt h1 a:hover
{
	opacity:0.5;
}
.fixedBelt h1 a img
{
	width:100%;
	height:auto;
	transition:.5s all;
}
.fixedBelt h1 a:hover img
{
	opacity:0.5;
}

/* header */
.headerHero
{
	width:100%;
/*	max-width:1280px;*/
	margin:0 auto;
	position:relative;
}
.mytime
{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display:flex;
	width:100%;
	justify-content:center;
}
.mytime dt
{
	padding-top:4.4rem;
	padding-right:20px;
	font-size:2.6rem;
	font-weight:100;
	line-height:1;
	color:#fff;
	font-family: 'Gothic A1', sans-serif;
	box-sizing: border-box;
}
.mytime dd
{
	font-size:8rem;
	line-height:1;
	letter-spacing:0em;
	text-indent:0em;
	color:#fff;
	font-family: 'Gothic A1', sans-serif;
	font-family: "Hiragino Sans",'Noto Sans JP' , sans-serif;
	font-family: 'Lato', sans-serif;
	font-weight: 100;
	width:4.5em;
	
  text-shadow: 
    0.5px 0.5px 0, 
    0.5px -0.5px 0px,
    -0.5px 0.5px 0,
    -0.5px -0.5px 0px,
    0.5px 0px 0px,
    0px 0.5px 0px,
    -0.5px 0px 0px,
    0px -0.5px 0px;
  
  }

.mytime dd span
{
	position:relative;
	top:-0.1em;
}

/* footer */
.myFooter
{
	width:100%;
	background-color:transparent;
	background-color:#29abe2;
	padding-top:36px;

/*	max-width:1280px;*/
	min-height:120px;
	margin:0 auto;
	position:relative;
/*	position:fixed;
	z-index:10;
	display:flex;
	display:block;
	justify-content: space-between;
	bottom:0;
	left:50%;
	transform: translateX(-50%);*/
}
.copyright
{
	padding:0 2em;
	padding-bottom:30px;
	color: #fff;
	font-size:1.6rem;
	text-align:center;
	font-family: 'Noto Serif JP', serif;
	letter-spacing:0.02em;
/*
	position:absolute;
	bottom:0;
	right:0;
*/
}
.footerNav
{
/*	display:flex;
	justify-content: center;*/
	display:flex;
	justify-content: center;
	padding: 0;
	margin-left:20px;
	margin:0 auto;
	margin-bottom:10px;
	width:100%;
	max-width:1280px;
	flex-wrap:wrap;
}
.footerNav li
{
	padding:0 1em 10px;
}
.footerNav li a
{
	display:block;
	padding:0.4em 0.5em;
	font-size:1.6rem;
	font-weight:normal;
	font-weight:500;
	color: #fff;
	transition:.5s all;
	font-family: 'Noto Serif JP', serif;
	letter-spacing:0.02em;
}
.footerNav li a:hover
{
	opacity:0.5;
}
.snsNav
{
	/*
	position:absolute;
	top:0;
	top:26px;
	right:0;
	*/
	display:flex;
	justify-content: flex-end;
	justify-content: center;
	padding-right:40px;
	padding-right:0px;
	padding-bottom:24px;
	box-sizing: border-box;
}
.snsNav li
{
	width:32px;
	padding:10px 0 0 46px;
	position:relative;
}
.snsNav li a
{
	display:block;
}
.snsNav li a img
{
	width:100%;
	height:auto;
	transition:.5s all;
}
.snsNav li a:hover img
{
	opacity:0.5;
}
.button_search
{
	display:none;
}
.snsNav li:first-child
{
	padding-left:0;
}
.snsNav li:last-child
{
	width:112px;
}
.snsNav li:nth-of-type(3)
{
	margin:0 -2px;
}

/*---------------------------------
  TOP PAGE
---------------------------------*/

/* sectionCollect */
.sectionCollect
{
	width:100%;
	max-width:1280px;
	margin:0 auto;
	padding:200px 0;
	position:relative;
}
.sectionCollect h2
{
	display:block;
	margin-bottom:50px;
	margin-bottom:60px;
	padding:0;
	color: #000;
	line-height:1.0;
	font-size:4.2rem;
	font-weight:400;
	font-family: 'Noto Serif JP', serif;
	letter-spacing:0.22em;
	text-align:center;
}
.boxTextMid
{
	width:100%;
	max-width:860px;
	margin:0 auto;
	display:flex;
	justify-content: center;
	justify-content: space-between;
}
.boxJa,
.boxEn
{
	width:47%;
	margin:0;
	line-height:1.88;
	line-height:2.1;
	font-size:1.5rem;
	font-weight:normal;
	font-weight:400;
	font-family: 'Noto Serif JP', serif;
	letter-spacing:0.1em;
}
.boxJa
{
	margin-right:22px;
}
.boxEn
{
	margin-left:22px;
	font-family: 'EB Garamond', serif;
	line-height:1.75;
	font-size:1.6rem;
}

/* sectionVintage */
.sectionVintage,.sectionSetouchi,.sectionSustainable
{
	width:100%;
	max-width:1024px;
	max-width:860px;
	margin:0 auto;
	padding-bottom:160px;
	position:relative;
	display:flex;
	justify-content: flex-end;
}
.sectionSustainable
{
	justify-content: flex-start;
	padding-bottom:180px;
}

.titleBias
{
	display:block;
	margin-bottom:40px;
	padding:0;
	color: #000;
	line-height:1.0;
	font-size:4.3rem;
	font-weight:500;
	font-family: 'EB Garamond', serif;
	letter-spacing:0.04em;
	position:relative;
	top:-1rem;
	z-index:2;
}
.titleBias span
{
	font-size:8rem;
	color: #29abe2;
	position:relative;
	top:1.2rem;
}
.titleBias::after
{
   content:"";
   display:block;
   width:610px;
   height:1px;
   background-color:#29abe2;
   position:absolute;
   bottom:0;
   left:56px;
   z-index:-1;
}
.titleSustainable::after
{
   left:42px;
}
.titleSetouchi::after
{
   left:0px;
   width:8.8em;
}
.titleSetouchi::before
{
   content:"";
   display:block;
   width:5em;
   height:1px;
   background-color:#29abe2;
   position:absolute;
   bottom:0;
   left:10em;
   z-index:-1;
}

.boxTextBias
{
	width:100%;
	max-width:610px;
	margin:0 0 0 56px;
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.titleSustainable + .boxTextBias
{
	margin:0 0 0 42px;
}
.boxTextBias .boxJa,
.boxTextBias .boxEn
{
	width:46%;
	margin:0;
	padding-bottom:1.8em;
	line-height:1.88;
	font-size:1.5rem;
	font-weight:normal;
	font-weight:400;
	font-family: 'Noto Serif JP', serif;
	letter-spacing:0.1em;
}
.boxTextBias .boxEn
{
	line-height:1.55;
	font-size:1.6rem;
	font-family: 'EB Garamond', serif;
}

.viewMore
{
	width:100%;
/*	margin-top:1em;*/
	display:flex;
	justify-content: flex-end;
}
.viewMore a
{
	padding-right:88px;
	font-size:2.2rem;
	font-weight:normal;
	font-weight:400;
	font-family: 'EB Garamond', serif;
	letter-spacing:0.05em;
	line-height:0.8;
	color:#29A2EC;
	display:inline-block;
	position:relative;
	transition: 0.4s cubic-bezier(0.39, 0.575, 0.565, 1)
}

.viewMore a::after
{
   content:"";
   display:block;
   width:80px;
   height:1px;
   background-color:#29A2EC;
   position:absolute;
   bottom:0;
   right:0;
	transition: 0.4s cubic-bezier(0.39, 0.575, 0.565, 1)
}
.viewMore a::before
{
   content:"";
   display:block;
   width:24px;
   height:1px;
   background-color:#29A2EC;
   position:absolute;
   bottom:0;
   right:0;
   transform-origin: right bottom;
   transform: translate(0, 0) rotate(35deg);
	transition: 0.4s cubic-bezier(0.39, 0.575, 0.565, 1)
}
.viewMore a:hover
{
/*	opacity:0.8;*/
	color:#C9EAF8;
}
.viewMore a:hover::after
{
   transform: translate(8px, 0);
   width:88px;
   background-color:#C9EAF8;
}
.viewMore a:hover::before
{
   transform: translate(8px, 0) rotate(35deg);
   background-color:#C9EAF8;
}

.boxBiasLeft
{
	display:flex;
	justify-content: flex-start;
}
.boxBiasRight
{
	display:flex;
	justify-content: flex-end;
}
.boxBias
{
/*	width:68%;*/
}


.sectionShindenim,
.sectionProductsearch
{
	width:100%;
	max-width:1024px;
	max-width:860px;
	margin:0 auto;
	position:relative;
}
.sectionShindenim .banner,
.sectionProductsearch .banner
{
	width:100%;
	max-width:550px;
	margin:0 auto;
}
.sectionShindenim .banner a,
.sectionProductsearch .banner a
{
	display:block;
	border:1px solid #000;
	transition: 0.4s cubic-bezier(0.39, 0.575, 0.565, 1)
}
.sectionShindenim .banner a img,
.sectionProductsearch .banner a img
{
	width:100%;
	height:auto;
}
.sectionShindenim .banner a:hover,
.sectionProductsearch .banner a:hover
{
	display:block;
	background-color:#C9EAF8;
}

/* bg word */
.sectionCollect,
.sectionVintage,.sectionSetouchi,.sectionSustainable,
.sectionShindenim,
.sectionProductsearch
{
	background-size: 1280px auto;
/*	background-size: contain;*/
	background-position:50% 0;
	background-repeat: no-repeat;
}
.sectionCollect
{
	background-image: url("../img/bg_word_01.png");
}
.sectionVintage
{
	background-image: url("../img/bg_word_02.png");
}
.sectionSustainable
{
	background-image: url("../img/bg_word_03.png");
}

.sectionSetouchi
{
	background-image: url("../img/bg_word_04.png");
}

.sectionShindenim
{
	background-image: url("../img/bg_word_05.png");
}

.sectionProductsearch
{
	background-image: url("../img/bg_word_06.png");
}

.sectionCollect
{
}
.sectionVintage
{
	margin-top:-200px;
	padding-top:200px;
}
.sectionSustainable
{
	margin-top:-160px;
	padding-top:160px;
}
.sectionSetouchi
{
	margin-top:-160px;
	padding-top:160px;
}
.sectionShindenim
{
	padding-bottom:120px;
	padding-top:320px;
	margin-top:-160px;
}
.sectionProductsearch
{
	padding-top:120px;
	margin-top:-120px;
	padding-bottom:220px;
}

@media only screen and (max-width:1200px) {
}
@media only screen and (max-width:1100px) {
}

/*---------------------------------
  contents page
---------------------------------*/
.vintage .wrapper,
.sustainable .wrapper,
.setouchi .wrapper {
	background-size: 1280px auto;
	background-repeat: no-repeat;
	background-position: 50% 250px;
/*	background-attachment: fixed;*/
}
.vintage .wrapper {
	background-image: url("../img/bg_vintage.png");
}
.sustainable .wrapper {
	background-image: url("../img/bg_sustainable.png");
}
.setouchi .wrapper {
	background-image: url("../img/bg_setouchi.png");
}

.sectionIntro
{
	width:100%;
	max-width:1280px;
	margin:0 auto;
	padding:130px 0 	0px;
	padding:100px 0 	200px;
	position:relative;
}
.sectionContent
{
	width:100%;
	max-width:1280px;
	margin:0 auto;
	padding:0 0 	200px;
	position:relative;
}

.titlePage
{
	display:block;
	margin-bottom:40px;
	color: #000;
	line-height:1.0;
	text-align:center;
	font-size:4.1rem;
	font-weight:500;
	font-family: 'EB Garamond', serif;
	letter-spacing:0.04em;
	position:relative;
}
.titlePage span
{
	font-size:7.7rem;
	color: #29A2EC;
	position:relative;
	top:1.2rem;
}
.setouchi .titlePage
{
	margin-bottom:70px;
}
.titleIntro
{
	margin-bottom:70px;
	color: #000;
	line-height:1.0;
	font-size:4.2rem;
	font-weight:400;
	font-family: 'Noto Serif JP', serif;
	letter-spacing:0.18em;
	text-align:center;
}

.boxText
{
	width:100%;
	max-width:1024px;
	max-width:860px;
	margin:0 auto;
	display:flex;
	justify-content: center;
	justify-content: space-between;
}
.boxText .boxJa,
.boxText .boxEn
{
	width:48%;
	line-height:1.88;
	font-size:1.5rem;
	font-weight:normal;
	font-weight:400;
	font-family: 'Noto Serif JP', serif;
	letter-spacing:0.1em;
}
.boxText .boxEn
{
	line-height:1.65;
	font-size:1.6rem;
	font-family: 'EB Garamond', serif;
}
.boxText .titleJa,
.boxText .titleEn
{
	margin-bottom:24px;
	line-height:1.2;
	font-size:3rem;
	font-weight:normal;
	font-weight:500;
	font-family: 'Noto Serif JP', serif;
	letter-spacing:0.1em;
}
.boxText .titleEn
{
	line-height:1.2;
	font-size:3rem;
	font-family: 'EB Garamond', serif;
}
.linkJa,.linkEn
{
	padding:1.6em 0;
}
.linkJa a,.linkEn a
{
	display:inline-block;
	padding:0.2em 1em;
	border:1px solid #000;
	transition: 0.4s cubic-bezier(0.39, 0.575, 0.565, 1)
}
.linkJa a:hover,
.linkEn a:hover
{
	color:#fff;
	background-color:#29abe2;
	border:1px solid #000;
}
.boxAlt
{
	width:100%;
	max-width:1024px;
	max-width:860px;
	margin:0 auto;
	display:flex;
	justify-content: center;
	justify-content: space-between;
	flex-wrap:wrap;
}
.ttlRgt
{
	flex-direction: row-reverse;
}
.ttlLft
{
	flex-direction: row;
}
.boxTitle
{
}
.alignRgt .boxTitle
{
	text-align:right;
	width:100%;
	margin-bottom:30px;
}
.alignLft .boxTitle
{
	text-align:left;
	width:100%;
	margin-bottom:30px;
}
.boxPic
{
	width:63%;
	padding-bottom:38px;
}
.alignRgt .boxPic
{
	margin-left:37%;
}
.boxPic img
{
	width:100%;
	height:auto;
}
.titleContent
{
	margin-top:-0.3em;
	font-size:5.5rem;
	font-weight:normal;
	font-weight:400;
	font-family: 'Noto Serif JP', serif;
	letter-spacing:0.1em;
}
.titleContentEn
{
	line-height:1.2;
	font-size:4.0rem;
	font-family: 'EB Garamond', serif;
}

.ttlRgt .titleContent,
.ttlRgt .titleContentEn
{
	text-align:right;
}
.titlePartner
{
	width:100%;
	max-width:1024px;
	max-width:860px;
	margin:0 auto;
	padding-bottom:150px;
	display:flex;
	justify-content: center;
	flex-direction: column-reverse;
}
.titlePartnerJa
{
	display:inline-block;
	text-align:center;
	font-size:4.2rem;
	font-weight:normal;
	font-weight:400;
	font-family: 'Noto Serif JP', serif;
	letter-spacing:0.05em;
	position:relative;
}
.titlePartnerEn
{
	line-height:1.2;
	text-align:center;
	font-size:4.0rem;
	font-weight:normal;
	font-weight:400;
	font-family: 'EB Garamond', serif;
	letter-spacing:0.05em;
}
.titlePartnerJa::after
{
	content:"";
	display:block;
	width:5em;
	height:1px;
	background-color:#000;
	position:absolute;
	top:0;
	left:50%;
	transform: translateX(-50%);
}
.sectionGallery
{
	width:100%;
	max-width:1280px;
	margin:0 auto;
	padding-bottom:150px;
	position:relative;
}
.titleGallery
{
	margin-bottom:70px;
	line-height:1.2;
	text-align:center;
	font-size:4.0rem;
	font-weight:normal;
	font-weight:400;
	font-family: 'EB Garamond', serif;
	letter-spacing:0.05em;
}
.timeGallery
{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	margin-bottom:16px;
	line-height:1.2;
	font-size:2.0rem;
	font-weight:normal;
	font-weight:400;
	font-family: 'EB Garamond', serif;
	letter-spacing:0.08em;
}
.boxGallery
{
	width:100%;
	max-width:1000px;
	max-width:860px;
	margin:0 auto;
	margin-bottom:70px;
	display:flex;
	justify-content: center;
	justify-content: space-between;
	flex-wrap:wrap;
}
.boxGallery li
{
	width:220px;
	width:48%;
	overflow:hidden;
	position:relative;
}
.boxGallery li img
{
	width:100%;
	height:auto;
	transition: opacity 200ms ease;
/*	margin:-1px;*//* are you all right? */
}
.boxGallery li a
{
	display:block;
	background-color: #29ABE2;
	background-color: transparent;
}
.boxGallery li a:hover img
{
	opacity: 0.5;
}
.boxGallery li a
{
	background-color: #29ABE2;
}
.boxGallery li:hover a
{
background-color: rgba(0,0,255,1);
	background-color: #29ABE2;
}
/*
.boxGallery li:hover div img
{
	opacity: 0.5;
}
.boxGallery li:hover div
{
	background-color: rgba(41,171,226,0.2);
}
*/
.boxGallery li .slickTime
{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	color:#fff;
	font-size:2.6rem;
	font-weight:100;
	font-weight:300;
	line-height:1;
	color:#fff;
	font-family: 'Gothic A1', sans-serif;
	font-family: "Hiragino Sans",'Noto Sans JP' , sans-serif;
	letter-spacing:0.05em;
	opacity: 0;
	transition: opacity 400ms ease;
}
.boxGallery li:hover .slickTime
{
	opacity: 1;
}
/*
.boxGallery:nth-child(odd)
{
	flex-direction: row-reverse;
}
*/
.titleSetouchi .brSp{display:none;}
.titleIntro .brSp{display:none;}

/*------------------------------------------------------------------
  responsive style
------------------------------------------------------------------*/

@media only screen and (max-width:1080px) {
.footerNav
{
	margin-left:0px;
	margin-left:20px;/****/
/*	justify-content: space-between;*/
	justify-content: flex-start;
	width:98%;
	margin-left:2%;
}
}
@media screen and (min-width:941px) { 
}

@media only screen and (max-width:900px) {
.copyright
{
	padding-bottom:16px;
	font-size:0.9rem;
	position:relative;
}

.footerNav li
{
	padding:0 0.6em 5px 0.8em ;
}

.footerNav li a
{
	padding:0.4em 0.4em;
	padding:0.4em 0.1em;/****/
	font-size:0.9rem;
	font-size:1.05rem;
	letter-spacing: 0.05em;
}
.snsNav
{
	top:16px;
	right:10px;/****/
	top:auto;
	right:auto;/****/
	bottom:18px;
	left:10px;
	padding-right:10px;
	padding-bottom:16px;
}
.snsNav li
{
	width:16px;
	padding:5px 4px 0px 8px;
	padding:5px 0px 0px 22px;
}
.snsNav li:last-child
{
	width:56px;
}
.snsNav li:first-child
{
	padding-left:0;
}

.snsNav li:nth-of-type(3)
{
	margin:0 -1px;
}
.myFooter
{
	padding-top:16px;
	min-height:auto;
}
}
@media only screen and (max-width:820px) {
.fixedBelt h1
{
	width:210px;
	padding:24px 0 0 16px;
}
}

@media only screen and (max-width:768px) {
.wrapper {
	padding-top:50px;
}

.wrapper {
	background-image: url("../img/bg_sp.png");
	background-size: 475px  auto;
}

.fixedBelt
{
	min-height:50px;
	min-height:55px;
}
.mainNav,.optionNav
{
	display:none;
}
.fixedBelt h1
{
	width:96px;
	padding:16px 0 0 16px;
}
.fixedBelt h1 a
{
	width:100%;
}
.button_search
{
	display:block;
	width:90px;
/*	height:24px;*/
	float:right;
	margin-right:64px;
	padding-top:14px;
}
.button_search a
{
	display:block;
}

.button_search img
{
	width:100%;
	height:auto;
}
.mytime
{
	width:auto;
	justify-content:center;
	flex-direction: column;
}
.mytime dt
{
	padding-top:0;
	padding-bottom:0.8em;
	padding-right:0px;
	font-size:1.7rem;
	text-indent:1.5em;
}
.mytime dd
{
	font-size:5.4rem;
	font-family: 'Gothic A1', sans-serif;
	font-family: 'Lato', sans-serif;
	text-align:center;
}

/* sectionCollect */
.sectionCollect
{
	width:100%;
	max-width:1280px;
	margin:0 auto;
	padding:140px 0;
}
.sectionCollect h2
{
	display:block;
	margin-bottom:50px;
	margin-bottom:60px;
	font-size:2.6rem;
	letter-spacing:0.16em;
}
.boxTextMid
{
	width:77%;
	max-width:860px;
	margin:0 auto;
	display:block;
}
.boxJa,
.boxEn
{
	width:100%;
	line-height:1.77;
	font-size:1.3rem;
	letter-spacing:0.05em;
}
.boxJa
{
	margin-right:0;
	margin-bottom:2em;
}
.boxEn
{
	margin-left:0;
	line-height:1.5;
	font-size:1.35rem;
}
.boxTextBias
{
	width:auto;
	max-width:610px;
	margin:0 0 0 28px;
	justify-content: space-between;
	flex-wrap: wrap;
	
	display:block;

}
.titleSustainable + .boxTextBias
{
	margin:0 0 0 21px;
}
.boxTextBias .boxJa,
.boxTextBias .boxEn
{
	width:90%;
	margin:0;
	padding-bottom:1.8em;
	line-height:1.71;
	font-size:1.2rem;
	letter-spacing:0.05em;
}
.boxTextBias .boxEn
{
	line-height:1.33;
	font-size:1.35rem;
}

.viewMore
{
	width:90%;
}
.viewMore a
{
	padding-right:44px;
	font-size:1.1rem;
}

.viewMore a::after
{
   width:40px;
}
.viewMore a::before
{
   width:12px;
}
.viewMore a:hover
{
/*	opacity:0.8;*/
	color:#C9EAF8;
}
.viewMore a:hover::after
{
   transform: translate(8px, 0);
   width:88px;
   background-color:#C9EAF8;
}
.viewMore a:hover::before
{
   transform: translate(8px, 0) rotate(35deg);
   background-color:#C9EAF8;
}

.boxBiasLeft
{
	display:flex;
	justify-content: flex-start;
}
.boxBiasRight
{
	display:flex;
	justify-content: flex-end;
}
.boxBias
{
	width:68%;
	width:76%;
}
.sectionSustainable .boxBias
{
	margin-left:20px;
}
.titleBias
{
	margin-bottom:18px;
	font-size:2.15rem;
	letter-spacing:0.04em;
	top:0;
}
.titleBias span
{
	font-size:4rem;
	top:0.6rem;
}
.titleBias::after
{
   content:"";
   display:block;
   width:240px;
   height:1px;
   background-color:#29abe2;
   position:absolute;
   bottom:0;
   left:28px;
   z-index:-1;
}
.titleSustainable::after
{
   left:21px;
}
.titleSetouchi::after
{
   left:0px;
   width:8.8em;
}
.titleSetouchi::before
{
   content:"";
   display:block;
   width:5em;
   height:1px;
   background-color:#29abe2;
   position:absolute;
   bottom:0;
   left:10em;
   z-index:-1;
}


.sectionShindenim .banner,
.sectionProductsearch .banner
{
	max-width:225px;
}

.sectionCollect,
.sectionVintage,.sectionSetouchi,.sectionSustainable,
.sectionShindenim,
.sectionProductsearch
{
	background-size: 1280px auto;
	background-size: contain;
	background-position:50% 0;
	background-repeat: no-repeat;
}
.sectionCollect
{
	background-image: url("../img/bg_word_sp_01.png");
}
.sectionVintage
{
	background-image: url("../img/bg_word_sp_02.png");
}
.sectionSustainable
{
	background-image: url("../img/bg_word_sp_03.png");
}

.sectionSetouchi
{
	background-image: url("../img/bg_word_sp_04.png");
}

.sectionShindenim
{
	background-image: url("../img/bg_word_sp_05.png");
}

.sectionProductsearch
{
	background-image: url("../img/bg_word_sp_06.png");
}

.sectionCollect
{
}
.sectionVintage
{
	margin-top:-100px;
	padding-top:100px;
}
.sectionSustainable
{
	margin-top:-80px;
	padding-top:80px;
}
.sectionSetouchi
{
	margin-top:-80px;
	padding-top:80px;
}
.sectionShindenim
{
	padding-bottom:120px;
	padding-top:80px;
	margin-top:-80px;
}
.sectionProductsearch
{
	padding-top:100px;
	margin-top:-100px;
	padding-bottom:220px;
}




.sectionIntro
{
	padding:50px 0 115px;
}
.sectionContent
{
	padding:0 0 	72px;
}

.titlePage
{
	margin-bottom:20px;
	font-size:2.05rem;
	letter-spacing:0.02em;
}
.titlePage span
{
	font-size:3.85rem;
	top:0.2rem;
}
.setouchi .titlePage
{
	margin-bottom:35px;
}
.titleIntro
{
	margin-bottom:36px;
	font-size:2.05rem;
	font-size:2rem;
	letter-spacing:0.09em;
	letter-spacing:0.05em;
	line-height:1.6;
}

.boxText
{
	width:78%;
	max-width:1024px;
	max-width:860px;
	margin:0 auto;
	display:block;
}
.boxText .boxJa,
.boxText .boxEn
{
	width:100%;
	line-height:2;
	font-size:1.3rem;
	margin-bottom:40px;
}
.boxText .boxEn
{
	line-height:1.77;
	font-size:1.35rem;
}
.boxText .titleJa,
.boxText .titleEn
{
	margin-bottom:20px;
	line-height:1.2;
	font-size:1.75rem;
	letter-spacing:0.05em;
}
.boxText .titleEn
{
	line-height:1.2;
	font-size:2rem;
	font-family: 'EB Garamond', serif;
}
.linkJa,.linkEn
{
	padding:0.8em 0;
}
.linkJa a,.linkEn a
{
	padding:0.2em 0.8em;
	letter-spacing:0.05em;
}


.boxAlt
{
	width:100%;
	max-width:1024px;
	max-width:860px;
	margin:0 auto;
	display:flex;
	justify-content: center;
	justify-content: space-between;
	flex-wrap:wrap;
}
.ttlRgt
{
	flex-direction: row-reverse;
}
.ttlLft
{
	flex-direction: row;
}
.boxTitle
{
	text-align:left;
	width:78%;
	margin:0 auto;
	margin-bottom:18px;
}
.alignRgt .boxTitle
{
	text-align:left;
	width:78%;
	margin:0 auto;
	margin-bottom:18px;
}
.alignLft .boxTitle
{
	text-align:left;
	width:78%;
	margin:0 auto;
	margin-bottom:18px;
}
.boxPic
{
	width:100%;
	padding-bottom:24px;
}
.alignRgt .boxPic
{
	margin-left:0;
}
.boxPic img
{
	width:100%;
	height:auto;
}
.titleContent
{
	font-size:2.5rem;
	letter-spacing:0.05em;
}
.titleContentEn
{
	font-size:2.0rem;
}

.ttlRgt .titleContent,
.ttlRgt .titleContentEn
{
	text-align:left;
}
.titlePartner
{
	padding-bottom:80px;
}
.titlePartnerJa
{
	font-size:2.1rem;
}
.titlePartnerEn
{
	font-size:2.0rem;
}
.titlePartnerJa::after
{
}

/* GALLERY */
.sectionGallery
{
	width:100%;
	padding-bottom:80px;
}
.titleGallery
{
	margin-bottom:36px;
	font-size:2.0rem;
}
.timeGallery
{
	margin-bottom:12px;
	font-size:1.6rem;
}

.boxGallery
{
	width:97%;
	margin-bottom:24px;
	justify-content: space-around;
/*
	display:flex;
	display:block;
	justify-content: center;
	justify-content: space-between;
	flex-wrap:wrap;
	*/
}
.boxGallery li
{
/*	width:100%;*/
	width:50%;
	padding-left:2%;
	padding-right:2%;
  box-sizing: border-box;
}
.boxGallery li img
{
}
/*
.boxGallery li div a
{
	position:relative;
	z-index:-1;
}
.boxGallery li:hover div a
{
	position:relative;
	z-index:10;
}
.boxGallery li:hover a
{
background-color: rgba(0,0,255,1);
	background-color: #29ABE2;
}
.boxGallery li:hover div img
{
	opacity: 0.5;
}
.boxGallery li:hover div
{
	background-color: rgba(41,171,226,0.2);
}
*/

.vintage .wrapper,
.sustainable .wrapper,
.setouchi .wrapper {
	background-size: 1280px auto;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50% 250px;
/*	background-attachment: fixed;*/
}
.vintage .wrapper {
	background-image: url("../img/bg_vintage_sp.png");
}
.sustainable .wrapper {
	background-image: url("../img/bg_sustainable_sp.png");
}
.setouchi .wrapper {
	background-image: url("../img/bg_setouchi_sp.png");
}
}

@media only screen and (max-width:480px) {
.titleSetouchi .brSp{display:inline;}
.titleIntro .brSp{display:inline;}

.titleSustainable::after
{
   left:21px;
}
.titleSetouchi::after
{
   width:2em;
}
.titleSetouchi::before
{
   width:9em;
   left:3.2em;
}
}



@media only screen and (min-width:769px) {
.overlayTrigger
{
	display:none;
}
nav.overlayNav {
	display:none;
}
}
@media only screen and (max-width:768px) {
.overlayTrigger
{
	display:block;
	position:absolute;
	width:24px;
	height:2px;
	background-color:#333;
	right:5%;
	right:20px;
	top:49%;
}

.overlayTrigger,
.overlayTrigger:before,
.overlayTrigger:after,
.overlayTrigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.overlayTrigger:before,
.overlayTrigger:after
 {
	content: '';
	width:100%;
	height:2px;
	background-color:#333;
	position:absolute;
	z-index:1;
}
.overlayTrigger:before
 {
	top:-6px;
}
.overlayTrigger:after
 {
	bottom:-6px;
}
.overlayTrigger.active:before {
  transform: translateY(6px) rotate(-45deg);
}
.overlayTrigger.active{
	background-color:transparent;
}
.overlayTrigger.active:after {
  transform: translateY(-6px) rotate(45deg);
}

body.is-locked{
	overflow:hidden;
}

nav.overlayNav {
	display:block;
  width: 300px;
  width: 42%;
  height: 100%;
/*  height: auto;*/
  padding: 25px 0;
  background-color: rgba(255, 255, 255, 0.99);
  position: fixed;
  top: 50px;
  right: 0;
  z-index: 10;
  transform: translate(100%);
  transition: all .5s;
}
nav.overlayNav.is-open {
  transform: translateZ(0);
}
.overlayMenu{
padding-top:12px;
}
.overlayMenu li {
margin-top:-6px;
}
.overlayMenu li a{
    text-align:left;
    font-size:1.35rem;
	font-weight:500;
	font-family: 'Noto Serif JP', serif;
	letter-spacing:0.1em;
    text-decoration:none;
    color:#333;
    display:block;
    padding:0 18px 28px 0;
    text-align:right;
}
.mainNav li a
{
}

.overlayMenu
{
    margin:0 auto;
}
.overlayOption
{
	box-sizing: border-box;
}
.overlayOption li
{
	width:100%;
	position:relative;
	padding:0 20px 30px 0;
	box-sizing: border-box;
	overflow:hidden;
}
.overlayOption li a
{
	display:block;
	width:25px;
	float:right;
}
.overlayOption li a img
{
	width:100%;
	height:auto;
}

}

@media only screen and (max-width:768px) {
}

@media only screen and (max-width:940px) {
}


/*------------------------------------------------------------------
  end of style
------------------------------------------------------------------*/











	
@media only screen and (max-width:1600px) {
}
@media only screen and (max-width:1400px) {
}
@media only screen and (max-width:1200px) {
}
@media only screen and (max-width:1100px) {
}
@media only screen and (max-width:1025px) {
}
@media only screen and (max-width:768px) {
}
@media only screen and (max-width:500px) {
}
@media only screen and (max-width:360px) {
}