@charset "UTF-8";
/* CSS Document */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	min-height: 0px;
	}
body {
	font-family: "Times New Roman", serif, 'PT Sans', "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", "YuGothic",'Meiryo UI', "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", sans-serif;
	background: #fff;
}
a {
	-webkit−transition: 0.4s ;
	transition: 0.4s ;
}
	a{
  outline:none;
}
a:hover{
  outline:none;
}
a:active{
  outline:none;
}
a:link{
  outline:none;
}
a:visited{
  outline:none;
}
.navbar-default {
    min-height: 42px;
    margin-bottom: 0;
    border-bottom: 1px solid transparent;
	border-top: 1px solid transparent;
	letter-spacing:.5px;
	background: rgba(219, 213, 225, .5);
	box-shadow: inset 0 1px 3px -4px rgba(130, 95, 141,.7),inset 0 -1px 3px -4px rgba(130, 95, 141,.7);
}
	
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 700px;
}
.navbar-default .navbar-nav > li > a {
color:#2b2b2b;
font-size:85%;
padding:10px 6px;
letter-spacing: 0px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	background-color:inherit;
	color:#fff;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
color:inherit;
background-color:inherit;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
color:inherit;
background-color:inherit;
}
.dropdown-menu {
	background:none;
	color:inherit;
	border-radius:0;
	border:0;
	box-shadow:none;
}
.dropdown-menu li {
	font-size:90%;
	padding:inherit;
	
}
.dropdown-menu li a {
	color:#2b2b2b;
	font-size:inherit;
}
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
color:#fff;
background-color:inherit;
}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
color:inherit;
background-color:inherit;
font-size:inherit;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #2b2b2b;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, 
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	color:#fff;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
    margin: auto;
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 8px 15px;
    margin-top: 6.5px;
    margin-right: 15px;
    margin-bottom: 6.5px;
    background-color: transparent;
    background-image: none;
    border-radius: 0;
    border: 0;
	z-index:2;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
background-color:transparent;
}
.navbar-default .navbar-toggle .icon-bar {
background-color:rgba(77,77,77,.8);
	width:30px;
	height: 1px;
}
.navbar-default .navbar-toggle:focus > .icon-bar,
.navbar-default .navbar-toggle:hover > .icon-bar {
background-color: rgba(77,77,77,.8);
}
.navbar-brand {
    position: absolute;
    width: 100%;
}
.navbar-brand {
    height: 42px;
    padding: 10px 15px;
}
.navbar-brand img {
	display:block;
	margin-bottom:0px;
}
.carousel-indicators li {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin: 4px;
    text-indent: -999px;
    cursor: pointer;
    background: rgba(134,114,154,.5);
    border: 1px solid rgba(134,114,154,.3);
    border-radius: 10px;
	box-shadow: inset 0 0 3px rgba(150,150,150,0.3);
}
.carousel-indicators .active {
    width: 9px;
    height: 9px;
    margin: 4px;
    background: rgba(134,114,154,.9);
	border: 1px solid rgba(134,114,154,.3);
}
.message {
	position: relative;
	text-transform:uppercase;
	bottom:72px;
	text-align: center;
	
}
	.message p {
	position: absolute;
    top:16px;
	font-size:14px;
	margin:auto;
	left:0;
	right:0;
	line-height: 1.5;
	color: rgba(77,77,77,.7);
	text-shadow: 0 0 1em rgba(255,255,255,.9);
	}
	.concept-container {
		padding:0;
	}
.concept-box {
	padding:20px 15px 55px 15px;
	background: url("../images/brand/concept-s.jpg") no-repeat;
    background-size: cover;
	box-shadow: inset 0 0 2px rgba(255,255,255,.1);
	height:auto;
	margin:15px 0;
    background-position: center;
}
	.concept-box-container {margin-top:0;}
	.concept-textbox {text-align: center;text-shadow: 0 1px 3px rgba(0, 0, 0, .1);padding: 0px 10px;}
	.concept-logo {padding:0;}
    .concept-logo img{width:100px;}
	.concept-title {color: #5b5e64;letter-spacing:0;font-size: 90%;line-height: 1.5;margin-top:0;padding-top:10px;}
	.concept-caption {color:#5b5e64;font-size: 85%;line-height: 1.8;font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";padding-top:10px;}
    .concept-caption2 {font-style:italic;color: #5b5e64;font-size: 95%;line-height: 1.6;margin-bottom: 10px;}
	.news-container {padding:15px 15px 0;}
	.news {text-align:center;text-transform: uppercase;font-size:85%;margin-top:5px;margin-bottom:0;color: #2e2e2e;}
	.news-title {text-align: center;font-size:135%;padding:5px 0 0;margin-bottom:0;text-transform: uppercase;color: #1d1d1d;}
	.news-title span {font-size:90%;font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";}
	.news-subtitle {text-align: center;font-size: 80%;padding-bottom: 5px;color: #2b2b2b;}
	.news-caption{letter-spacing: .5px;line-height: 1.8;font-size: 85%;font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; color:#222;}
	.news-info {font-size:75%;line-height: 1.7;margin: 20px 0 0;}
	.news-img-box1 {padding-right:0;}
	.news-img-box2 {padding-left:0;}
	.news-link span {text-align: right;padding:5px 10px 15px;display:block;color:#2e2e2e;margin:0;text-transform: lowercase;font-size: 100%;text-decoration: none;}
	/*--
	.news-date {font-size: 85%;margin-bottom: 5px;color: #2b2b2b;text-shadow: 0 0 10px rgba(255, 255, 255, .7);}
	.news-time {font-size: 85%;margin-bottom: 5px;color: #2b2b2b;text-shadow: 0 0 10px rgba(255, 255, 255, .7);}
	.news-place {font-size: 85%;margin-bottom: 5px;color: #2b2b2b;text-shadow: 0 0 10px rgba(255, 255, 255, .7);}
	*/
	
#slideshow {height: 100%;box-shadow: 0px 0px 2px -2px #000000;}
	
.cb-slideshow,
.cb-slideshow:after {width: 100vw;height: 100vh;top: 0px;left: 0px;z-index: 0;margin: 0;list-style: none;}
	
.cb-slideshow li span {width: 100vw;height: 100vh;position: absolute;top: 0px;left: 0px;color: transparent;background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;opacity: 0;z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 30s linear infinite 0s;
    -moz-animation: imageAnimation 30s linear infinite 0s;
    -o-animation: imageAnimation 30s linear infinite 0s;
    -ms-animation: imageAnimation 30s linear infinite 0s;
    animation: imageAnimation 30s linear infinite 0s; }
	
.cb-slideshow li div {z-index: 1000;position: absolute;left: 0%;top: 30%;width: 100%;opacity: 0;color: #fff;
     -webkit-animation: titleAnimation 30s linear infinite 0s;
    -moz-animation: titleAnimation 30s linear infinite 0s;
    -o-animation: titleAnimation 30s linear infinite 0s;
    -ms-animation: titleAnimation 30s linear infinite 0s;
    animation: titleAnimation 30s linear infinite 0s; }
/*slider-text
.cb-slideshow li div h3 {z-index: 50;font-family: 'Playfair Display', serif;font-size: 8vmin;olor: #fff;font-weight: bold;line-height: 1.2;text-align: center;}
.cb-slideshow li div h3 i {display: block;font-size: 3vmin;}
.cb-slideshow li div h3 em {color: #bb342e;font-size: 10vmin;font-weight: bold;}
*/
.cb-slideshow li:nth-child(1) span {background-image: url("../images/brand/slider-1s.jpg");
}
.cb-slideshow li:nth-child(2) span {background-image:  url("../images/brand/slider-2s.jpg");
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) span {background-image:  url("../images/brand/slider-3s.jpg");
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;   
}
.cb-slideshow li:nth-child(4) span {background-image:  url("../images/brand/slider-4s.jpg");
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) span {background-image:  url("../images/brand/slider-5s.jpg");
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.cb-slideshow li:nth-child(2) div {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) div {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;   
}
.cb-slideshow li:nth-child(4) div {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) div {
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}

@keyframes imageAnimation {
    0% { opacity: 0; animation-timing-function: ease-in; }
    4% { opacity: 1; animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@keyframes titleAnimation {
    0% { opacity: 0 }
    4% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}	
	
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
    opacity: 1;
}		
	
	
	
	
	
	
	
	

.effect1 {
	position: relative;
	overflow: hidden;
	width: 100%;
	height:100%;
}
.effect1-caption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(7,6,8,.3);
	-webkit-transition: .8s;
	transition: .8s;
	opacity: 0;
	text-align:center;
	color:#fff;
}
.effect1:hover .effect1-caption {
	opacity: 1;
}
.effect1-caption h3 {
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:200px;
	height:30px;
	margin:auto;
	position:absolute;
	letter-spacing:1px;
}
.topic {
	text-align:center;
	text-transform: uppercase;
	font-size:85%;
	margin-top:5px;
	margin-bottom:0;
	color: #2e2e2e;
	}
	.topic-title {
		text-align: center;
		font-size:135%;
		padding:5px 0;
		margin-bottom:0;
		text-transform: uppercase;
		color: #1d1d1d;
	}
	.topic-caption {
	position: relative;
	height: 80px;
	overflow: hidden;
    color: #585858;
}
	.topic-link span {
		text-align: right;
		padding:5px 10px 15px;
		display:block;
		font-size:85%;
		text-transform:uppercase;
		color:#2e2e2e;
		text-decoration: underline;
		text-decoration-color: #585858;
		margin:0;
	}
.collection1 {
  padding:0;
}
	.top-collection-box-container {
		margin-bottom:0;
	}
	.top-collection-title {
	text-align:center;
	text-transform: uppercase;
	font-size:80%;
	padding:5px 0 0px;
	margin-bottom:0;
	color: #2e2e2e;
	}
	.top-collection-subtitle {
		text-align: center;
		font-size:140%;
		padding:5px 0 5px 0;
		margin-bottom:0;
		text-transform: uppercase;
		letter-spacing: .5px;
		z-index: 100;
		bottom:5px;
		right:25px;
		color: #1d1d1d;
	}
	.collection-link1 {
		text-align: right;
    font-size: 80%;
    padding: 15px 0 5px;
    margin-bottom: 0;
    margin-right: 20px;
    text-transform: uppercase;
    background: #e8e8e8;
		border-bottom: 1px solid rgba(0,0,0,.2);
	}
	.collection-link1 a {
		color:#2e2e2e;
	}
	.collection-link1 span {
position: relative;
display: inline-block;
vertical-align: middle;
text-decoration: none;
font-size: 85%;
margin-bottom:4px;
}
.collection-link1 span::before,
.collection-link1 span::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.collection-link1 span:before{
left: 4px;
width: 10px;
height: 10px;
border-top: 1px solid rgba(77,77,77,.8);
border-right: 1px solid rgba(77,77,77,.8);
-webkit-transform: rotate(135deg);
transform: rotate(45deg);
}
	.collection-producttitle {
		text-align: center;
		font-size:135%;
		margin-bottom:0;
		text-transform: uppercase;
		color:rgba(255,255,255,.8);
	}
	.collection-link {
		text-align: center;
		font-size:135%;
		padding:5px 0;
		margin-bottom:0;
		text-transform: uppercase;
	}
	.collection-link span {
		text-align: center;
		display:block;
		font-size:60%;
		text-transform:uppercase;
		color: rgba(255,255,255,.7);
		text-decoration: underline;
		margin-top:5px;
	}
	.collection1-1 {
		padding:5px;
		margin-bottom:0;
		text-align:center;
        text-transform: uppercase;
	}
.effect2 {
	position: relative;
	overflow: hidden;
}
.effect2-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height:26px;
	background: rgba(219,213,225,.5);
	-webkit-transition: .5s;
	transition: .5s;
	font-size:90%;
	padding:5px 20px;
	text-transform: uppercase;
	color: #000;
}
.effect2:hover .effect2-caption {
	left: -100%;
}

.btn-default {
	background: none;
	border:none;
	color:#333; 
	letter-spacing:1px;
	border-radius: 0px;
	font-size:90%;
	text-transform: uppercase;
	}
.space {
	clear: both;
    overflow: hidden;
    padding-top: 15px;
	display:none;
}
	.forcus-container{padding:0 15px;}
	.forcus-caption-ja{color:#222;font-size: 85%;line-height: 1.8;font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";padding-top:5px;}
	.forcus-caption-en{color:#585858;}
	
	.top-sns-title{margin:0;text-align: center;padding:15px;font-size:135%;}
	.top-sns-title a {color: #333;text-shadow: 0 1px 0 rgba(255, 255, 255, 1);}
.footer {
	background: rgba(219, 213, 225, .5);
	box-shadow: inset 0 1px 10px -4px rgba(255,255,255,0.5),inset 0 -1px 10px -4px rgba(255,255,255,0.5);
	color:#333;
	text-align: center;
}
.footer-title {
	text-transform:uppercase;
	font-size:100%;
	padding-top:20px;
}
	.add-en {
		font-size:70%;
		padding:15px 0 5px;
		display:block;
		text-transform: uppercase;
		
	}
.sns-box {
	padding:3px 0;
}
.sns-box img{
	margin:0 2px;	
}
.copy{
	text-align:center;
	margin:0;
	padding:10px 0 10px;
	font-size:80%;
	color:#333;
}
@media (min-width: 768px) {
	.dropdown-menu {
	background: rgba(219, 213, 225, .5);
}
	.nav-container {
		padding-right:30px;
	}
    .navbar-brand img {
	display:inline-block;
		margin-bottom:4px;
}
.navbar-brand {
    position: absolute;
    width:inherit;
}
.navbar-brand {
  height: 42px;
  padding: 10px 15px;
  position: absolute;
}

.navbar-nav > li > a {
  padding:10px 0 10px 5px!important;
}

.dropdown:hover > .dropdown-menu{
	display:block;
  
}
	.cb-slideshow li:nth-child(1) span {background-image: url("../images/brand/slider-1.jpg");}
	.cb-slideshow li:nth-child(2) span {background-image: url("../images/brand/slider-2.jpg");}
	.cb-slideshow li:nth-child(3) span {background-image: url("../images/brand/slider-3.jpg");}
	.cb-slideshow li:nth-child(4) span {background-image: url("../images/brand/slider-4.jpg");}
	.cb-slideshow li:nth-child(5) span {background-image: url("../images/brand/slider-5.jpg");}
	
	
	
	
	.message {
	bottom:82px;
}
.message p {
    top: 32px;
    font-size: 18px;
    line-height: 1;
	text-shadow: 0 0 1em rgba(255,255,255,.9);
	}
.concept-container {padding:10px 0 15px;}
.concept-textbox {text-align: left;padding: 40px 20px;}
	.concept-box-container {margin-top:5px;padding: 5px;}
.concept-box {background: url("../images/brand/concept.jpg") no-repeat;background-size: cover;margin-bottom:0;}
	.concept-logo{}
.concept-logo img{width:140px;}
.concept-title {font-size:100%;margin:15px 0 10px;letter-spacing: .5px;}
.concept-caption {line-height:2.2;font-size:95%;letter-spacing: 1px;}
.concept-caption2 {line-height:1.8;font-size:105%;}
	
	.news-container {padding:10px 15px;}
	.news-title {font-size: 140%;}
	.news-subtitle {letter-spacing: .5px;font-size: 90%;padding: 5px;color: #2b2b2b;}
	.news-caption{text-align:center;letter-spacing: 1px;line-height: 2.2;font-size: 95%;}
	.news-info {text-align:center;font-size:80%;line-height: 1.8;;margin: 20px 0 0;}
	.news-img-box  {padding:0;}
	.news-img-box1 {padding:0;}
	.news-img-box2 {padding:0;}
	.news-link span {text-align: center;padding:5px 10px 15px;display:block;color:#2e2e2e;margin:0;text-transform: lowercase;font-size: 100%;text-decoration: none;}
	.news-link a:hover {text-decoration: none;}
	/*--
	.news-date {font-size: 100%;margin-bottom:10px;}
	.news-time {font-size: 100%;margin-bottom:10px;}
	.news-place {font-size: 100%;margin-bottom:10px;}
	*/
	.topic-box {
		padding:10px;
	}
	.topic {
	text-align:left;
	}
	.topic-title {
		text-align: left;
	}
	.topic-caption {
}
	.top-collection-box-container {
		margin-bottom:50px;
		padding: 5px;
	}
	
.collection1 {
  padding:10px;
}
		.top-collection-title {
	        text-align:left;
			background: none;
	}
	.top-collection-subtitle {
		text-align: left;
		background: none;
		border-bottom:1px solid rgba(0,0,0,.2);
		padding:6px 0 2px;
		position: static;
		font-size:140%;
		
	}
	.collection-link1 {
		background: none;
		
	}
	.collection-link1 a:hover {
		text-decoration: none;
		
	}
	.collection-producttitle {
		color: #333;
		padding:5px 0;
	}
	.collection-link span {
		color:rgba(77,77,77,.8);
		padding:10px 5px;
		text-decoration: none;
		background: rgba(128, 100, 162, 0.2);
		
	}
	.collection-link span:hover {
		background: rgba(124, 86, 132, .5);
	-webkit-transition: .8s;
	transition: .8s;
		color:#000;
		
	}
	.caption a:hover {
		text-decoration: none;
	}
	
	.add-en {
		padding:10px 0;
	}
	.display {
		display:none;
	}
	.sns-box {
	padding:7.5px 0;
		text-align: right;
}
	.sns-box img {
	margin:0 3px;
		vertical-align: text-top;
}
	.forcus-container{padding:0;margin-bottom:30px;}
	.forcus-caption-ja{letter-spacing: 1px;line-height: 2;font-size: 95%;}
	.forcus-caption-en{font-size: 105%;line-height: 1.6;}
	
	.copy {
		padding-left:15px;
	}

}
	

@media (min-width: 992px) {
	.nav-container {
		padding-right:45px;
		padding-left:30px;
	}
	.navbar-default .navbar-nav > li > a {
    font-size:90%;
    padding:10px 0 10px 10px!important;
    letter-spacing: .5px;
}
	.concept-logo img{width:160px;}
	.concept-title {letter-spacing: 1px;font-size:115%;}
	.concept-caption {font-size:100%;}
	.concept-caption2 {font-size:110%;}
	.message {
	bottom:82px;
}
	.message p {
    top: 29.5px;
    font-size: 23px;
    line-height: 1;
	}
	
}


@media (min-width: 1200px) {
.container {
    width: 960px;
}
}

.arrow{
position: relative;
display: inline-block;
padding:50px 50px 0;
color: #000;
vertical-align: middle;
text-decoration: none;
}
.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right:0;
margin: auto;
content: "";
vertical-align: middle;
}
.collection::before{
width: 50px;
height: 50px;
border-top: 1px solid rgba(77,77,77,.9);
border-right: 1px solid rgba(77,77,77,.9);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
	
}

/*collection-page-202006*/
	.breadcrumb{}
	.collection-container{padding: 70px 20px 20px;}
	.img-box {padding: 5px 5px}
	
	
	
	@media (min-width: 768px) {
	.collection-container{padding: 80px 20px 30px;}	
		
	}
	
	
	
	
	

/*collection-page*/
	.fullbox-container {
		margin-bottom: 5px;
        box-shadow: inset 0 1px 10px -4px rgba(255,255,255,0.5), inset 0 -1px 10px -4px rgba(255,255,255,0.5);
	}
		 .full-img-box {
  width: 100vw;
  height: 100vh;
}
	 .full-img-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
	
	
		.collection-message {
	bottom:10px;
	position: absolute;
	text-transform:uppercase;
	text-align: center;
	left: 0;
	right: 0;
	color: rgba(77,77,77,.9);
	font-size:130%;
	letter-spacing: .5px;
	text-shadow: 0 0 1em rgba(255,255,255,.9);
}
	.collection-br {
		display:inline;
	}
	.br {
		display:block;
	}
	.br2 {
		display:inline;
	}
	 .collection-full-caption-box {
		position: absolute;left:15px;top:52px;padding:0;margin:0;
}
	.collection-img {
		padding:0;
	}
	.collection-img img {
	}
	
	.collection-page-title {
		text-align: center;
		font-size:135%;
		padding:15px 0 5px;
		margin-bottom:0;
		text-transform: uppercase;
		margin-top:0;
		color:#2b2c3a;
		font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	}
	.collection-page-subtitle {margin:0 0 15px;text-transform: uppercase;font-size:100%;text-align: center;color:#2b2c3a;}
	.collection-caption-ja {
		font-size:85%;
		letter-spacing: .5px;
		line-height: 1.8;
		margin-bottom:5px;
		text-align: center;
		color:#5b5e64;
		font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	}
	.collection-caption-en {
		font-size:95%;
		line-height: 1.5;
		text-align: center;
		font-style:italic;
		color:#5b5e64;
		margin-bottom: 5px;
	}
	.shop-link1 {
	text-align: center;
    font-size: 120%;
    text-transform: uppercase;
	margin:30px 0 50px;
	letter-spacing: .5px;
	}
	.shop-link1 a {
		color:#2e2e2e;
	}
	.shop-link1 a:hover {
		text-decoration: none;
	}
	.shop-link1 span {
position: relative;
display: inline-block;
vertical-align: middle;
text-decoration: none;
font-size: 85%;
margin-bottom:4px;
}
.shop-link1 span::before,
.shop-link1 span::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.shop-link1 span:before{
left: 4px;
width: 12px;
height: 12px;
border-top: 1px solid rgba(77,77,77,.8);
border-right: 1px solid rgba(77,77,77,.8);
-webkit-transform: rotate(135deg);
transform: rotate(45deg);
}
	
/*collection-page(min-width : 768px)*/
@media only screen and (min-width : 768px) {
	.collection-full-caption-box {
		position: absolute;left:30px;top:62px;padding:0;margin:0;
}
	.collection-message {
	bottom:15px;
	font-size:160%;
	letter-spacing: 1px;
}
	.collection-page-title {
		background: none;
		padding:10px 0 15px;
		font-size: 170%;
	}
	.collection-page-subtitle {
		margin:5px 0 10px;text-transform: uppercase;font-size:105%;
	}
	.collection-caption-ja {
		font-size:90%;
		letter-spacing: .5px;
		line-height: 2;
		margin-bottom:10px;
	}
	.collection-caption-en {
		font-size:95%;
		line-height: 1.6;
	}
	.collection-br {
		display:block;
	}
	.collection-img img {
	}
	.br {
		display:inline;
	}
	.br2 {
		display:block;
	}
	
	
	}
	/*collection-page(min-width : 992px)*/
@media only screen and (min-width : 992px) {
	.collection-message {
	bottom:20px;
	font-size:190%;
	letter-spacing: 1.5px;
}
	.collection-page-title {
		background: none;
		padding:10px 0 20px;
	}
	.collection-page-subtitle {
		margin:10px 0 10px;text-transform: uppercase;font-size:110%;
	}
	.collection-caption-ja {
		font-size:100%;
		letter-spacing: .5px;
		line-height: 2;
		margin-bottom:10px;
	}
	.collection-caption-en {
		font-size:105%;
		line-height: 1.6;
		margin-top:5px;
	}
	
	
	}
	
	/*design*/
	.design-full-caption-box {
		 padding: 15px 15px;
		background: rgba(7, 6, 8, 0.6);
		margin:5px 15px;
		text-align: center;
}
	.full-bg-img-design {
  background-image: url(../images/brand/design-bg-s.jpg);
  background-size: cover;
  background-position: center;
}
	.full-bg-img-quality {
  background-image: url(../images/brand/quality-bg-s.jpg);
  background-size: cover;
  background-position: center;
}
	.full-bg-img-about {
  background-image: url(../images/brand/about-bg-s.jpg);
  background-size: cover;
  background-position: center;
}
	.design-section-container {
		margin:15px auto;
	}
	.design-page-title {
		text-align: center;
		font-size:150%;
		padding:5px 0 5px;
		margin-bottom:0;
		text-transform: uppercase;
		margin-top:0;
		color:#fff;
	}
	.design-page-subtitle {
	text-align:center;
	text-transform: uppercase;
	font-size:90%;
	margin-top:10px;
	color:#fff;
	}
	.design-caption-ja {
		margin-top:10px;
		font-size:80%;
		letter-spacing: 1px;
		line-height: 1.7;
		color:#f8f8f8;
		font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	}
	.design-caption-en {
		font-size:85%;
		line-height: 1.4;
		font-style: italic;
		margin-bottom: 0;
		color:#f8f8f8;
	}
	
	
	.row-eq-height {
		margin:0;
		display: flex;
		flex-wrap: wrap;
	}
	.row-eq-height:before {
		display: flex;
	}

		.design-section-box {
			padding:0;
		}
	.design-section-title1 {
			font-size:135%;color:#2b2c3a;text-transform: uppercase;
	}
	.design-section-title2 {
			font-size:135%;color:#2b2b2b;text-shadow: 0 0 1em rgba(255,255,255,.9);text-transform: uppercase;
		}
	.design-section-caption-en1 {
			text-transform: uppercase; letter-spacing: 1px;font-size: 80%;line-height: 1.5;color:#5b5e64;margin-bottom:25px;
		}
	.design-section-caption-en2 {
		text-transform: uppercase;letter-spacing: 1px;font-size: 80%;line-height: 1.5;text-shadow: 0 0 1em rgba(255,255,255,.9);color: rgba(77,77,77,.8);margin-bottom:25px;
	}
	
	/*design-page(min-width : 768px)*/
@media only screen and (min-width : 768px) {
	.design-full-caption-box {
		 padding: 80px 30px;
		color:#fff;
		max-width:720px;
		margin:15px 30px;
}
	.full-bg-img-design {
  background-image: url(../images/brand/design-bg.jpg);
		background-attachment: fixed;
	}
	.full-bg-img-quality {
  background-image: url(../images/brand/quality-bg.jpg);
		background-attachment: fixed;
	}
	.full-bg-img-about {
  background-image: url(../images/brand/about-bg.jpg);
		background-attachment: fixed;
		
}
	.design-page-title {
		background: none;
		padding:5px 0;
		font-size: 220%;
		color:#fff;
	}
	.design-page-subtitle {
			background: none;
		font-size:100%;
		color:#fff;
	}
	.design-caption-ja {
		margin-top:20px;
		font-size:90%;
		letter-spacing: 1px;
		line-height: 1.8;
	}
	.design-caption-en {
		font-size:100%;
		line-height: 1.5;
		font-style: italic;
		margin-bottom: 0;
	}
	.design-section-title1 {
			font-size:165%;color:#2b2c3a;
	}
	.design-section-title2 {
			font-size:165%;color:#2b2b2b;text-shadow: 0 0 10px rgba(255, 255, 255, .7);
		}
	.design-section-caption-en1 {
			text-transform: uppercase; letter-spacing: 1px;font-size: 85%;line-height: 1.6;color:#5b5e64;margin-bottom:0;
		}
	.design-section-caption-en2 {
		text-transform: uppercase;letter-spacing: 1px;font-size: 85%;line-height: 1.6;text-shadow: 0 0 10px rgba(255, 255, 255, .7);color: rgba(77,77,77,.8);margin-bottom:0;
	}
	}
	/*design-page(min-width : 992px)*/
	@media only screen and (min-width : 992px) {
		.design-full-caption-box {
		 padding: 100px 65px;
		max-width:930px;
		margin:15px;
}
		.design-page-title {
		padding:5px 0;
		font-size: 250%;
	}
	.design-page-subtitle {
		font-size:120%;
	}
	.design-caption-ja {
		margin-top:30px;
		font-size:100%;
		letter-spacing: 1px;
		line-height: 1.8;
	}
	.design-caption-en {
		font-size:110%;
		line-height: 1.5;
	}
		.design-section-title1 {
			font-size:185%;color:#2b2c3a;margin:40px 0 10px;
		}
		.design-section-title2 {
			font-size:185%;color:#2b2b2b;text-shadow: 0 0 10px rgba(255, 255, 255, .7);margin:40px 0 10px;
		}
		.design-section-caption-en1 {
			text-transform: uppercase; letter-spacing: 1px;font-size: 95%;line-height: 1.8;color:#5b5e64;
		}
		.design-section-caption-en2 {
		text-transform: uppercase;letter-spacing: 1px;font-size: 95%;line-height: 1.8;text-shadow: 0 0 10px rgba(255, 255, 255, .7);color: rgba(77,77,77,.8);
	}
	}	
	
	/*quality*/
	.quality-full-title-en{color:#fff;margin-bottom: 3px;font-size:110%;text-transform: uppercase;letter-spacing: .5px;}
	.quality-full-title-ja{color:#fff;font-size:80%;font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";}
	.quality-section-box {margin-bottom:20px;}
	.quality-section-title {text-align: center;font-size:135%;padding:5px 0;margin-bottom:3px;text-transform: uppercase;color: #1d1d1d;font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";}
	.quality-img-box{padding:5px;border:1px solid rgba(0,0,0,.2);background: #f8f8f8;}
	.quality-caption-ja{color:#222;font-size: 85%;line-height: 1.8;font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";padding:5px;margin-top:5px;}
	.quality-caption-en{color:#585858;padding:0 5px 5px 5px;font-size:95%;line-height: 1.5;}
	.en-link {text-align: right;font-size: 95%;text-transform: uppercase;margin:0 40px 10px;letter-spacing: .5px;}
	.en-link a {color:#2e2e2e;text-decoration: underline;}
	.en-link a:hover {text-decoration: underline;}
	.en-link span {position: relative;display: inline-block;vertical-align: middle;text-decoration: none;font-size: 85%;margin-bottom:11px;}
    .en-link span::before,.en-link span::after{position: absolute;top: 0;bottom: 0;left: 0;margin: auto;content: "";vertical-align: middle;}
    .en-link span:before{left: 10px;width: 12px;height: 12px;border-top: 1px solid rgba(77,77,77,.8);border-right: 1px solid rgba(77,77,77,.8);-webkit-transform: rotate(135deg);transform: rotate(135deg);}
	
	/*quality-page(min-width : 768px)*/
@media only screen and (min-width : 768px) {
	.quality-full-title-en{margin-bottom: 6px;font-size:130%;letter-spacing: 1px;}
	.quality-full-title-ja{font-size:100%;letter-spacing: 1px;}
	.quality-section-title {margin-bottom:10px;}
	.quality-title-box{padding:0 10px;}
	.quality-section-title {text-align: left;}
	.quality-img-box{padding:10px;}
	.quality-caption-ja{letter-spacing: 1px;line-height: 2;font-size: 95%;padding:10px;}
	.quality-caption-en{font-size: 105%;line-height: 1.6;padding:0 10px 10px 10px;}
	}
	/*quality-page(min-width : 992px)*/
	@media only screen and (min-width : 992px) {
	.quality-title-box{padding:0 15px;}
	.quality-img-box{padding:15px;}
	.quality-caption-ja{font-size: 100%;padding:15px;}
	.quality-caption-en{font-size: 110%;padding:0 15px 15px 15px;}	
	}
	
	/*about*/
	.about-full-caption-box {padding: 30px 15px;background: rgba(7, 6, 8, 0.6);margin:10px 15px;text-align: center;}
	.about-page-title {
		text-align: center;
		font-size:140%;
		padding:5px 0 10px;
		margin-bottom:10px;
		text-transform: uppercase;
		margin-top:0;
		color:#2b2c3a;
	}
	.about-title-message {color: #5b5e64;letter-spacing:0;font-size: 90%;line-height: 1.5;}
	.about-caption-ja {
		margin-top:20px;
		font-size:85%;
		letter-spacing: 1px;
		line-height: 1.8;
		color:#5b5e64;
		font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	}
	.about-caption-en {
		font-size:95%;
		line-height: 1.6;
		font-style: italic;
		margin-bottom: 0;
		color:#5b5e64;
	}
	
	.about-page-subtitle {
	text-align:center;
	text-transform: uppercase;
	font-size:100%;
	margin-top:20px;
	color:#2b2c3a;
	}
	
	.about-section-box {padding: 15px;}
	.about-section-box1{background: linear-gradient(#f8f8f8, #fff);padding:0;}
	.about-section-box2{background: linear-gradient(#f8f8f8, #fff);padding:0 10px;}
	.about-section-title{font-size:130%;text-transform: uppercase;}
	.about-section-subtitle {font-size:80%;margin-bottom: 5px;color:#2b2c3a;text-transform: uppercase;}
	.about-section-caption-ja {font-size: 85%;line-height: 1.8;font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";}
	.about-section-caption-en {font-size: 85%;line-height: 1.6;font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";margin-bottom: 20px;}
	
	/*about-page(min-width : 768px)*/
@media only screen and (min-width : 768px) {
	.about-full-caption-box {padding: 80px 30px;max-width:720px;margin:15px 30px;}
	.about-page-title {padding:5px 0 25px;font-size: 220%;}
	.about-title-message {letter-spacing: .5px;font-size: 110%;line-height: 1.8;}
	.about-caption-ja {margin-top:30px;font-size:95%;letter-spacing: 1px;line-height: 2.2;}
	.about-caption-en {font-size:105%;line-height: 1.8;}
	.about-page-subtitle {font-size:110%;margin-top: 25px;}
	
	.about-section-box{padding:30px 0;}
	.about-section-box1{padding:25px 25px 25px 20px;}
	.about-section-box2{padding:10px 0 15px 25px}
	.about-section-title{font-size:180%;text-transform: uppercase;margin:15px 0;}
	.about-section-subtitle {font-size:90%;line-height: 1.5;margin-bottom: 5px;}
	.about-section-caption-ja {font-size: 90%;line-height: 1.9;letter-spacing: .5px;}
	.about-section-caption-en {font-size: 90%;line-height: 1.7;}
	}
	
	/*design-page(min-width : 992px)*/
	@media only screen and (min-width : 992px) {
		.about-full-caption-box {padding: 100px 65px;max-width:960px;}
	.about-caption-ja {
		margin-top:30px;
		font-size:100%;
		letter-spacing: 1px;
		line-height: 1.8;
	}
	.about-caption-en {
		font-size:110%;
		line-height: 1.5;
	}
		
	.about-page-title {font-size: 250%;}
	.about-title-message {letter-spacing: 1px;font-size: 120%;}
	.about-caption-ja {font-size:105%;}
	.about-caption-en {font-size:110%;}
	.about-page-subtitle {font-size:120%;}
		
	.about-section-caption-ja {font-size: 95%;line-height: 1.9;letter-spacing: .5px;}
	.about-section-caption-en {font-size: 95%;line-height: 1.7;}	
		
	}
	
	
	
	/*lookbook-page*/
	.look-box-container {
		
	}
	
	/*lookbook-page(min-width : 760px)*/
	@media only screen and (min-width : 768px) {
	.look-box-container {
		margin-bottom:25px;
		
	}
	}
	
	
	/*lookbook*/
	.look-box-container {
		margin-bottom:22px;
	}
.breadcrumb {
	padding:10px 0 0 5px;
    margin: 0px; 
    list-style: none;
    border-radius: 0;
	background: transparent;
	text-transform: uppercase;
	line-height: 1;
	font-size:90%;
}
.breadcrumb li a{
	font-size:70%;
	color:rgba(0,0,0,.8);
}
.breadcrumb .active a{
	color:rgba(0,0,0,.5);
}
	
	.look-img {
		padding:5px;
	}
	
@media (min-width: 768px) {
.breadcrumb {
	padding:25px 0 0 10px;
	}
.breadcrumb li a{
	font-size:85%;
	color:rgba(0,0,0,.8);
}
	.look-img {
		padding:10px;
	}
	}