@charset "UTF-8";

/*---------------------------------------------

Brands Page CSS

for ad-world.co.jp
coded by d-spica at 2016-10-27

---------------------------------------------*/


@import url(default.css);
@import url(base.css);
@import url(parts.css);

#page{
	overflow-x: hidden;
}

#vintageLarch {
	position: relative;
	left: 480px;
	bottom: 246px;
	margin-bottom: -246px;
}

.textStyle {
	padding-left: 13.5%;
	text-align: left;
}

.mb5{
	margin-bottom:5px;
}

section.brands {
	margin: 0 0 6em;
}

section.brands > div {
/*	margin: 0 auto;
	max-width: 68.6em;*/
}

section.brands ul {
	overflow: hidden;
	margin: 0 -1.5em;
}

section.brands li {
	float: left;
	/*width: 50%;*/
	width: calc(100% / 3);
	width: -webkit-calc(100% / 3);
	aspect-ratio: 866 / 1000;
	background-image:url(../../brands/listone_giordano/img/bg-classica.jpg);
	background-size:cover;
	background-position: top 50% left 50%;
}
section.brands li:nth-child(3) {
	background-image:url(../../brands/listone_giordano/img/bg-atelier.jpg);
}
section.brands li:nth-child(2) {
	background-image:url(../../brands/listone_giordano/img/bg-natural_genius.jpg);
}
/*
section.brands li:nth-child(4) {
	background-image:url("../../brands/listone_giordano/img/bg-bellezza_b.jpg");
}
section.brands li:nth-child(5) {
	background-image:url(../../brands/listone_giordano/img/bg-outdoor.jpg);
}
*/
section.brands li:hover {
	opacity:0.8;
}

section.brands li em {
	max-width:46.42em;
	display:block;
	/*padding-top:21em; hight-fix ver*/
	/*padding-top:45.38%;*/
	/*height:0px;*/
	margin:0;
	position:relative;
	aspect-ratio: 866 / 1000;
}

section.brands li a img {
	position:absolute;
	left:0px;
	/*top:0px;*/
	top:50%;
	/*margin-top:-22.69%;*/
	width:100%;
	height:auto;
	max-width:100%;
	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);

}



section.brands li a {
	display: block;
}

section.brands li .banner {
	margin-bottom: 1em;
}

section.brands li .banner span {
	display: block;
}

section.brands li .summary {
	margin-bottom: 0.8em;
}

section.brands li .nav-more {
	position: relative;
	font-size: 90%;
	color: #777;
}

section.brands li a:hover .nav-more {
	color: #999;
}

section.brands li .nav-more:after {
	content: url(../img/ar-bk.png);
	position: absolute;
	top: -0.6em;
	left: 6em;
	transform: scale(0.3);
	opacity: 0.7;
}

section.brands li a:hover .nav-more:after {
	opacity: 0.5;
}

section.story {
	margin: 5em 0;
}

section.story_ {
	margin: 3em 0;
}

section.story__ {
	margin: 3em 0 10em;
}

section.story_ #story_{
	padding-top:2em;
}

section.sdgs{
	margin: 0 -1.67em;
	background-color: #d7dbdd;
}
section.sdgs-top{
	padding: 7em 1.5em 7em;
}
section.sdgs-top .sdgs-ttl p{
	text-align: center;
}
section.sdgs .icons-wrapper{
	display: flex;
	flex-wrap:wrap;
	max-width: 900px;
	margin: 0 auto;
	padding-bottom: 4em;
}
section.sdgs .icons-wrapper .icons{
	display: flex;
	/*margin: 2em 0.9em;*/
	padding: 2em 1%;
	align-items:flex-start;
	/*width:29%;*/
	width: 31%;
}
section.sdgs .icons-wrapper .icons img{
	width: 80px;
	height: auto;
	flex-shrink: 0
}
section.sdgs .icons-wrapper .icons .sdgs-txt{
	display: flex;
	flex-direction:column;
	margin-left: 0.8em;
	width: 100%;
}
body .sdgs .icons-wrapper .icons .sdgs-txt p{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
section.sdgs .icons-wrapper .icons .sdgs-txt .icon-name{
	/*font-size: 16px;*/
	font-size: 15px;
	letter-spacing: 0.01em;
	font-weight: bold;
	margin-bottom: 0.3em;
}
section.sdgs .icons-wrapper .icons .sdgs-txt .icon-small-name{
	font-size: 14px;
	line-height: 16px;
}
section.sdgs .icons-wrapper .icons .sdgs-txt .icon-txt{
	font-size: 11px;
	letter-spacing:-0.03em;
	font-feature-settings: "palt";
}



.footerStyle {
	margin-bottom: 3em!important;
}
.sns-title_pc{
	padding-left: 20px;
	padding-right: 5px;
	letter-spacing: normal;
	vertical-align: middle;
}
.sns_pc{
	display: flex;
	align-items:center;
}
.sns_sp{
	display: none;
}
.sns-icons{
	display: inline-flex;
	margin: 0 auto;
}
.breadcrumb-sns{
	display: flex;
	justify-content: space-between;
}
.sns-icon_pc{
	height: 20px;
	width: auto;
	margin: 0 10px;
}

section.crystalcare {
	padding: 5.0em 2.5em 0;
	background-color: #211f20;
	margin: 0 -1.67em 6.0em;
}
section.story > div,section.crystalcare > div{
	margin: 0 auto;
	max-width: 53.71em;
}
section.story h1 {
	margin-bottom: 1em;
	border-bottom: solid 4px #EEE;
	padding-bottom: 0.5em;
	text-align: center;
	font-size: 170%;
}

.material {
	padding-bottom: 0em;
}

section.story p {
	line-height: 1.8;
}
section.crystalcare p{
	line-height: 1.8;
	color: #FFFFFF;
	margin-bottom: 5.0em;
}
section.crystalcare figure{
	padding-bottom: 5em;
	margin: 0 auto;
	max-width: 40em;
}
section.story p + figure{
	margin:2.5em 0 3em;
}

section.story p.withFig {
	padding-left:205px;
	position:relative;
	min-height:112px;
}
section.story p.withFig img {
	position:absolute;
	left:0px;
	top:0.5em;
	width:180px;
}

section.story p + figure{
	margin:2.5em 0 3em;
}
.sotrybox4 {
	margin:0 -6em -2.5em;
	padding:1em 0;
	overflow:hidden;
}

.sotrybox4 li {
	width:25%;
	float:left;
	padding:0 1em;
	box-sizing:border-box;
}
.sotrybox4 li img {
	width:100%;
}

.sotrybox4 li figure {
	display:block;
	margin-bottom:0.8em;
}

.sotrybox4 li figcaption {
	display:block;
	min-height:7em;
	font-size:79%;
	line-height:1.8;
}

section.series {
	margin: 6em 0;
}

section.series > div {
	margin: 0 auto;
	max-width: 68.6em;
}

section.series ul {
	overflow: hidden;
	margin: 0 -1.67%;
}

section.series li {
	float: left;
	margin: 0 1.66% 3em;
	width: 30%;
}

section.series li:nth-child(3n+1) {
	clear: left;
}

section.series li a {
	display: block;
}

section.series li .banner {
	margin-bottom: 0.5em;
}

section.series li .banner span {
	display: block;
}

section.series li .designer {
	position: relative;
	padding-left: 1.2em;
	font-size: 80%;
}

section.series li .designer:before {
	content: url(../img/ar-bk.png);
	position: absolute;
	top: -0.7em;
	left: -1em;
	transform: scale(0.3);
}

section.series li a:hover {
	color: #666;
}

section.series li a:hover .designer:before {
	opacity: 0.7;
}

section.summary {
	margin: 5em 0;
	text-align: center;
}

section.summary > div {
	margin: 0 auto;
	max-width: 68.6em;
}

section.summary h1 {
	margin-bottom: 1em;
	line-height: 2;
	font-size: 170%;
}

section.summary h1 span {
	display: block;
	font-size: 70%;
}

section.summary h1 b.ruby {
	position: relative;
	font-weight:normal;
}
section.summary h1 b.ruby i {
	position: absolute;
	top: -1.8em;
	left: 0;
	font-size: 50%;
	letter-spacing: 5px;
	font-style: normal;
}

section.summary p {
	line-height: 2;
	font-size: 115%;
}

section.photos {
	margin: 5em 0 13em;
	text-align: center;
}

section.no-slide{
	margin: 5em 0;
}

section.no-slide ul li img{
	max-width: 752px;
	width: 100%;
}

section.photos > div {
	position: relative;
	margin: 0 auto;
	max-width: 68.6em;
}

section.photos ul.photos {
	position: relative;
	margin: 0 10%;
	background: #FFF;
}

section.photos ul.photos li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

section.photos ul.photos li img {
	max-height: 100%;
	width: auto;
}

section.photos p.nav-expansion {
	position: absolute;
	bottom: 3em;
	right: 10%;
	margin-right: 0.5em;
	width: 2.2em;
	cursor: pointer;
}

section.photos p.nav-expansion:hover img {
	opacity: 0.7;
}

section.photos ul.nav-swap {
	height: 0;
}

section.photos ul.nav-swap li {
	position: absolute;
	top: 40%;
	width: 2em;
	cursor: pointer;
}

section.photos ul.nav-swap li:hover {
	opacity: 0.7;
}

section.photos ul.nav-swap .prev {
	left: 0;
}

section.photos ul.nav-swap .next {
	right: 0;
}

section.photos p.exists {
	margin-top: 1em;
}

section.photos p.exists img {
	margin: 0 0.5em;
	width: 0.6em;
	opacity: 0.3;
	cursor: pointer;
}

section.designer {
	margin: 5em 0;
}

section.designer > div {
	margin: 5em 0;
	margin: 0 auto;
	max-width: 52.28em;
	padding-left:10.14em;
	position:relative;
	box-sizing:border-box;
}

section.designer h1 {
	margin-bottom: 0.8em;
	font-size: 129%;
}

section.designer h1 span {
	display:block;
	font-size:67%;
}

section.designer figure {
	width:8.142em;
	position:absolute;
	left:0px;
	top:1em;
}

section.designer p {
	line-height: 1.8;
	font-size:86%;
}

section.patterns {
	margin: 5em 0 -3em;
}

section.patterns > div {
	overflow: hidden;
	margin: 0 auto;
	max-width: 68.6em;
}

section.patterns dl {
	margin-bottom: 1em;
}

section.patterns dt {
	margin-bottom: 0.2em;
	font-size: 143%;
}

section.patterns ul {
	overflow: hidden;
	margin: 0 -1.56%;
	padding-top: 0.1em;
}

section.patterns li {
	float: left;
	margin: 0 1.56% 3em 0;
	width: 23.34%;
}

section.colors {
	margin: 5em 0;
	font-family: "ryo-display-plusn", YuMincho, "游明朝", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: 500;
	text-align: center;
}
/*--カラバリにアンカーリンク追加--*/
#color-variation{
	padding: 5em 0;
	margin: -5em 0;
}
/*.cork > #color-variation{
	padding: 5em 0;
	margin: -5em 0;
}
#wrapper-tabu-colors{
	padding: 5em 0;
	margin: -5em 0;
}*/

#wrapper-tabu-colors > #color-variation{
	padding: 0;
	margin:  0;
}*
/*END--カラバリにアンカーリンク追加--*/
section.colors > div {
	overflow: hidden;
	margin: 0 auto;
	max-width: 68.6em;
	text-align: left;
}

section.colors > div.ew8-slim h3{
	margin-bottom: 0.2em;
	font-size: 147%;
	margin-top: 1em;
}

section.colors header {
	margin: 0 auto 2em;
	max-width: 50em;
}
section.colors header.before-list {
	margin: 0 auto 4.5em;
}

section.colors header h1 {
	margin-bottom: 3em;
	margin-bottom: 0.8em;
	border-bottom: solid 4px #EEE;
	padding-bottom: 0.4em;
	line-height: 1.2;
	text-align: center;
	font-size: 255%;
}

section.colors header h1 em {
	font-family: "BauerBodoniBTW01-Roman";
}

section.colors.cork header h1 {
	font-size:147%;
}
section.colors.cork header {
	margin-bottom:4.5em;
}

section.colors header h1 span {
	display: block;
	font-size: 40%;
}
	
section.colors header h1 i {
	font-style: normal;
	font-size: 70%;
}

section.colors header p {
	line-height: 1.8;
	text-align: left;
	font-size: 115%;
}

section.colors dl {
	margin-bottom: 1em;
}

section.colors dl.half {
	float: none;
	width: 50%;
}

section.colors dt {
	margin-bottom: 0.2em;
	font-size: 147%;
	text-align: left;
}

#natural_genius section.colors dt {
	text-align:left;
}
#natural_genius section.colors li {
	text-align:left;
}

#natural_genius section.colors dl.item1 {
	max-width:25em;
	margin:0 auto;
	padding-left: 6em;
}
#natural_genius section.colors dl.item1 li {
	width:64.28%;
}

#natural_genius section.colors dl.item2 {
	max-width:33.71em;
	margin:0 auto;
	padding-left: 2em;
}

#natural_genius section.colors dl.item2 li {
	width:47.5%;
	margin-right:1.6%;
	text-align:left;
}

section.colors ul {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

section.colors.lineItem3 ul {
	width:51.7em;
	margin:0 auto;
}

section.colors.lineItem2 >div{
	max-width: 31em;	
} 

section.colors.lineItem2 ul {
	margin: 0 auto;
	justify-content: space-between;
}

section.colors li {
	/*float: left;*/
	margin: 0 0 1em 1.6%;
	width: 23.4%;
	cursor: pointer;
	 text-align: left;
}

section.colors.lineItem3 ul li {
	width: 31%;
	margin: 0 0 1em 2%;
}

section.colors.lineItem2 ul li {
	width: 48.5%;
	margin: 0 0 1em;
}

section.colors.item3{
	text-align:center;
}

section.colors.item3 >div{
	text-align:center;
}

section.colors.item3 ul {
	letter-spacing:-.4em;
	text-align:center;
	display:inline;
}

section.colors.item3 ul li {
	letter-spacing:normal;
	display:inline-block;
	float:none;
	text-align: left;
	vertical-align: top!important;
}

section.colors .half li {
	margin: 0 0 1em 3.2%;
	width: 46.8%;
}

section.colors li:nth-child(4n+1) {
	margin-left: 0;
}

section.colors.lineItem3 li:nth-child(4n+1) {
	margin-left:2%
}

section.colors li img {
	margin-bottom: 0.5em;
}

section.colors li span {
	display: block;
	position: relative;
	padding-left: 1.2em;
	/*height: 2.8em;*/
	font-size: 80%;
}

section.colors li span:before {
	content: url(../img/ar-bk.png);
	position: absolute;
	top: -1em;
	left: -1em;
	transform: scale(0.3);
}

section.colors li:hover {
	color: #666;
}

section.colors li:hover img {
	opacity: 0.7;
}

section.colors li:hover span:before {
	opacity: 0.7;
}

section.colors p.attention {
	text-align: center;
	font-size: 170%;
}
section.colors .itemWrap {
	position:relative;
	overflow:hidden;
}

section.colors .itemWrap.nordo dl:first-child li:nth-child(5) ,
section.colors .itemWrap.nordo dl:first-child li:nth-child(6) {
	margin-top:3em;
}
section.colors .itemWrap.nordo dl:nth-child(2) {
	width: 100%;
	float: left;
}

aside.relation1 {
	margin: 3.5em 0;
	font-family: "BauerBodoniBTW01-Roman", "ryo-display-plusn", YuMincho, "游明朝", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

aside.relation1 > div {
	margin: 0 auto;
	max-width: 68.6em;
	text-align: center;
}

aside.relation1 li ,
.gotoCatalog li {
	/*display: inline-block;*/
	margin: 0 1.5em 3.5em;
}
	
aside.relation1 li a span {
	display: block;
	margin-top: 0.2em;
	font-size: 50%;
}

aside.relation1 li a:after ,
.gotoCatalog li a:after {
	content: url(../img/ar-bk-t.png);
	position: absolute;
	top: 1.2em;
	right: 1em;
	transform: scale(0.5);
}

aside.relation1 li a ,
.gotoCatalog li a {
	background-color:#fff;
	border:solid 1px #7d7d7d;
	color:#000;
	display: inline-block;
	position: relative;
	padding: 1.8em 2em 1.6em;
	width: 21em;
	text-align: left;
	font-size: 129%;
	box-sizing:border-box;
}

.gotoCatalog li .img-btn{
	display: flex;
	flex-direction: row;
}

.gotoCatalog li .img-btn img{
	width: 70%;
	padding-left: 15px;
}

aside.relation1 li a.contact {
	background: #000;
	color: #FFF;
	border:solid 1px #000;
}

aside.relation1 li a.contact:after {
	content: url(../img/ar-wt-t.png);
}

aside.relation1 li:hover ,
.gotoCatalog li:hover {
	opacity:0.7;
}

aside.relation2 {
	margin: -1em -1.5em -7em;
/*	background: #E6E6E6;*/
	padding: 5em 1.5em 3.5em;
	color: #000;
}

aside.relation2 > div {
	margin: 0 auto;
	max-width: 50em;
}

aside.relation2 ul {
	overflow: hidden;
	text-align:center;
	border-top:solid 4px #EEE;
	padding:3.5em 0 5em;
	letter-spacing:-.4em;
}

aside.relation2 li {
	/*float: left;*/
	display:inline-block;
	margin: 0 2% 1% 0;
	width: 32%;
	font-size: 120%;
	letter-spacing:normal;
	text-align:left;
}

aside.relation2 li:last-child {
	margin-right:0;
}

aside.relation2 li img {
	margin-bottom: 0.7em;
}

aside.relation2 li span {
	display: block;
	position: relative;
	margin-top: 0.5em;
	font-size: 75%;
	color: #777;
}

aside.relation2 li .spec2 span {
	margin-top: 0.3em;
}

aside.relation2 li span:after {
	content: url(../img/ar-gy.png);
	position: absolute;
	top: -0.15em;
	left: 6.5em;
	transform: scale(0.5);
}

aside.relation2 li .spec1 span:after {
	left: 13em;
}

aside.relation2 li .spec2 span:after {
	left: 12.2em;
}

aside.relation2 li:hover {
	color: #666;
}

aside.relation2 li:hover span {
	color: #999;
}

aside.relation2 li:hover span:after {
	opacity: 0.7;
}

article.contents > div.box {
	margin: 0 auto;
	max-width: 68.6em;
}

section.spec {
	padding: 5em 12%;
	font-size: 90%;
}

section.spec > h1 {
	border-bottom: solid 4px #EEE;
	padding-bottom: 0.8em;
	text-align: center; 
	font-size: 230%;
}

section.spec p.nav-section {
	margin-top: 0.5em;
	text-align: right;
}

section.spec p.nav-section a {
	display: inline-block;
	position: relative;
	padding-left: 1.2em;
}
	
section.spec p.nav-section a:after {
	content: url(../img/ar-bk.png);
	position: absolute;
	top: -0.6em;
	left: -0.7em;
	transform: scale(0.3);
}

section.spec p.nav-section a:hover {
	color: #666;
}

section.spec p.nav-section a:after {
	opacity: 0.7;
}

section.spec section {
	margin: 5em auto;
	max-width: 50em;
}

section.spec section h1 {
	margin-bottom: 0.8em;
	line-height: 1.2;
	text-align: left;
	font-size: 255%;
}

section.spec section h1 i {
	display: block;
	font-size: 85%;
	font-style: normal;
}

section.spec section h1 span {
	display: block;
	font-size: 40%;
}

section.spec section > p {
	margin-bottom: 1.5em;
	text-align: center;
}

section.spec section.summary h1 {
	text-align: left;
	font-size: 150%;
}

section.spec section.summary p {
	text-align: left;
}
	
section.spec section ul.size {
	border-top: solid 1px #000;
	margin-bottom: 1em;
}

section.spec section ul.size li {
	position: relative;
	border-bottom: solid 1px #000;
	padding: 1em 0;
}

section.spec section ul.size.simple li {
	line-height:2;
	min-height:3.5em;
}
	
section.spec section ul.size li em {
	display: block;
	position: absolute;
	top: 1em;
	left: 0;
}
section.spec section ul.size.simple li em {
	line-height:2;
}

section.spec section + section {
	padding-top:3em;
}

section.spec section.specDetail + section.specDetail {
	padding-top:0;
}

ul.size.simple + dl {
	margin:5em 0 8em;
}

section.spec section .note {
	margin-bottom: 1em;
	line-height: 1.8;
	text-align: left;
	font-size: 85%;
}

section.spec section dl {
	margin: 3em 0 2em;
}

section.spec section dt {
	margin-bottom: 0.8em;
	font-size: 150%;
}

section.spec section dd p {
	line-height: 1.8;
	margin-bottom: 1em;
}

section.spec section dd p.figure {
	margin: 2em 0;
	text-align: center;
}

section.spec section dd p.figure img {
	width: 45em;
}

section.spec section dd p.figure + p.note {
	width: 50em;
	margin:-1em auto 5em;
}

section.spec section ul.colors {
	overflow: hidden;
	margin: 0 -1.51%;
}

section.spec section ul.colors li {
	float: left;
	margin: 0 1.5% 1.5em;
	width: 47%;
	font-size: 115%;
}

section.spec section ul.colors li span {
	display: block;
	margin-bottom: 0.5em;
}

section.spec p.nav-print {
	margin: 4em auto 0;
	background: #000;
	padding: 0.8em;
	width: 14em;
	text-align: center;
	font-size: 180%;
	color: #FFF;
	cursor: pointer;
}

section.spec p.nav-print:hover {
	background: #444;
}

section.download {
	padding: 5em 12% 3.5em;
	font-size: 90%;
}

section.download > h1 {
	border-bottom: solid 4px #EEE;
	padding-bottom: 0.8em;
	text-align: center; 
	font-size: 230%;
}

section.download ul {
	overflow: hidden;
	margin-top: 3em;
	font-size: 115%;
}

section.download li {
	float: left;
	margin-bottom: 3em;
	width: 50%;
}

section.download li a {
	display: block;
	margin-right: 2em;
}

section.download li a em {
	display: inline-block;
	background: #000;
	padding: 0.8em 0;
	width: 3em;
	vertical-align: middle;
	text-align: center;
	font-size: 120%;
	color: #FFF;
}
	
section.download li a span {
	display: inline-block;
	margin-left: 1em;
	vertical-align: middle;
	text-decoration: underline;
	white-space: nowrap;
}

section.download li a:hover em {
	background: #444;
}

section.download li a:hover span {
	color: #666;
}

.mto-txt {
	font-size:143%;
}

.pr-movie {
	width:752px;
	margin:0 auto 10em;
}

.pr-movie section.story > div {
	max-width:49em;
}

.pr-movie.listone {
	margin:-3em auto 3.5em;
}


.pr-movie .movieWrap {
	width:100%;
	padding-top:56.25%;
	position:relative;
	height:0px;
}

.pr-movie .movieWrap iframe {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}

.specDetail h2 {
	font-size:129%;
	margin-bottom:1em;
}

.specDetail h2 span {
	font-size:60%;
}

.specDetail ul {
	border-top:solid 1px #000;
	border-bottom:solid 1px #000;
	padding:2em 0;
}

.specDetail ul li {
	line-height:2em;
	padding-left:4em;
	position:relative;
}

.specDetail ul.spec-d-size li {
	padding-left:20em;
}

.specDetail ul li em {
	position:absolute;
	left:0;
	top:0;
}

.specDetail ul li em:after {
	content:"：";
}

.specDetail ul.spec-d-size li em:after {
	content:"";
}
.btm-description{
	margin: 5em 0;
}
.btm-description h2{
	text-align: center;
	font-size: 122%;
	line-height: 1.8;
}
.btm-description small{
	font-size: 11px;
}
.btm-description .btm-description-inner{
	margin: 3em auto;
	width: 46em;
}
.btm-description .btm-description-inner ul{
	margin-bottom: 0.5em;
}
.btm-description ul li{
	position: relative;
	padding-left: 6em;
	margin-bottom: 0.5em;
}
.btm-description ul li em{
	position: absolute;
	top:0;
	left: 0;
	display: block;
	width: 5em;
}
.btm-description ul li span{
	position: absolute;
	top:0;
	left: 5em;
	width: 1em;
	display: block;
	text-align: center;
}
.specSize {
	text-align:center;
	font-size:122%;
	margin-bottom:5em;
	/*line-height:2.5;*/
	line-height: 2.0;
}
#tabColors {
	width:68.6em;
	/*margin:15em auto 3.5em;*/
	padding-top: 5em;
	margin: -3em auto 3.5em;
	overflow:hidden;
}

#tabColors li {
	width:11%;
	float:left;
	margin-right:1.5%;
	font-size:72%;
	margin-bottom:1.5em;
	letter-spacing:normal;
}
#tabColors li img {
	display:block;
	margin-bottom:0.5em;
}

section.nav-section {
	margin: 0 -1.5em;
	background: #333;
	color: #FFF;
}

section.nav-section ul {
	overflow: hidden;
	margin: 0 auto;
	max-width:960px;
	text-align: center;
	letter-spacing: -.40em;
}

section.nav-section li:first-child {
	border-left: solid 1px #000;
}

section.nav-section li {
	display: inline-block;
	width: 16.5%;
	letter-spacing: normal;
	border-right: solid 1px #000;
	vertical-align: bottom;
}

section.nav-section li.brandName a {
/*	display: block;
	padding: 2.4em 0em 2em;
	white-space: nowrap;
	line-height:1;*/
}

section.nav-section li a {
	background-image:url(../../brands/listone_giordano/img/nav1.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	display:block;
	padding-top:42.5%;
	height:0;
	overflow:hidden;
	line-height:2;
}

section.nav-section li:nth-child(3) a {
	background-image:url(../../brands/listone_giordano/img/nav2.png);
}

section.nav-section li:nth-child(4) a {
	background-image:url(../../brands/listone_giordano/img/nav3.png);
}
/*
section.nav-section li:nth-child(5) a {
	background-image:url(../../brands/listone_giordano/img/nav5.png);
}
*/
section.nav-section li:nth-child(5) a {
	background-image:url(../../brands/listone_giordano/img/nav4.png);
}

section.nav-section li a:hover ,
section.nav-section li.current a {
	background-color:#000;
}


section.nav-section li.brandName a {
	background-image:url(../../brands/listone_giordano/img/nav-logo.png);
	background-size:192px 80px;
	background-position:center;
	text-indent:-9999px;
	background-color:#009944;
	overflow:hidden;
	background-repeat:no-repeat;
}


.gotoCatalog ,
.listoneCatalog ul {
	margin: 0 auto;
	max-width: 68.6em;
	letter-spacing:-.4em;
	text-align:center;
}
.gotoCatalog li {
	display:inline-block;
	letter-spacing:normal;
}
.gotoCatalog .patent{
	font-size: 86%;
	letter-spacing: normal;
	margin-bottom: 1.4em;
}
.gotoCatalog ul + p {
	letter-spacing: normal;
	margin-top: -3em;
	margin-left: -5em;
	margin-bottom: -2em;
	font-size: 86%;
	position: relative;
	right: 30px;
}
.gotoCatalog ul + .long-txt{
	margin-left: 7em;
}

.listoneCatalog p {
	text-align:center;
	font-size:129%;
	margin:7em 0 1em;
}


.listoneCatalog li {
	width:7.714em;
	letter-spacing:normal;
	display:inline-block;
	font-size:93%;
	vertical-align:top;
	margin:0 0.82em;
	text-align:left;
}

.listoneCatalog li span {
	display:block;
	position: relative;
	padding-left: 1.2em;
	margin-top:0.5em;
}

.listoneCatalog li span:before {
	content: url(../img/ar-bk.png);
	position: absolute;
	top: -0.7em;
	left: -1em;
	transform: scale(0.3);
}


.listoneCatalog li:hover {
	opacity:0.7;
}

section.colors + .gotoCatalog {
	padding-top:2em;
}

.colors.listone {
	margin-top:3em;
	padding-top:7em;
}

	
@media screen and (max-width:987px) {
#vintageLarch {
	position: static;
	left: 0px;
	bottom: 0px;
	margin-bottom: 0px;
}

section.summary p {
	text-align: left;
}	

.textStyle {
	padding-left: 5%;
}

#tabColors {
	width: auto;
	margin: 5em 0 3.5em 0;
	overflow: hidden;
}

#tabColors li {
	margin-right:3%;
	width:22.6%;
}
#tabColors li:nth-child(4n) {
	margin-right:0;
}
#tabColors li em {
	display:block;
}
	
}

@media screen and (max-width:640px) {
	.sns_pc{
		display: none;
	}
	.breadcrumb-right{
		display: none;
	}
	.breadcrumb-right ol {
		justify-content: flex-end;
	}
	.sns-icon_sp{
		margin: 15px 20px;
		height: 28px;
		width: auto;
	}
	.sns-title_sp{
		font-size: 16px;
	}
	.sns_sp{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		padding-top: 30px ;
		padding-bottom: 70px;;
	}
	.textStyle {
		padding-left: 0%;
	}
	section.brands {
		margin: 3.5em 0 5em;
	}
	
	section.brands li {
		margin: 0 1.5% 2em;
	}
	
	section.brands li .banner {
		overflow: hidden;
		margin-bottom: 0.8em;
	}
	
	section.brands li .banner span {
		margin: 0 -30%;
	}
	
	section.brands li .summary {
		margin-bottom: 0.5em;
	}
	
	section.story {
		margin: 5em 0;
	}

	section.story_{
		margin:3em 0;
	}
	section.story_ #story_{
		padding-top:0;
	}
	
	section.story > div {
		margin: 0 auto;
		max-width: 68.6em;
	}
	section.crystalcare {
		padding-top: 4.0em;
	}
	section.crystalcare > div{
		margin: 0 auto;
		max-width: 68.6em;
		padding: 0 1.5em;
	}
	section.crystalcare p{
	margin-bottom: 4.0em;
	}
	section.story h1 {
		margin-bottom: 0.8em;
		font-size: 140%;
	}
	
	section.series {
		margin: 5em 0;
	}

	section.series ul {
		margin: 0 -2.52%;
	}

	section.series li {
		margin: 0 2.5% 2em;
		width: 45%;
	}
	
	section.series li:nth-child(3n+1) {
		clear: none;
	}

	section.series li:nth-child(2n+1) {
		clear: left;
	}

	section.summary {
		margin: 3em 0;
	}

	section.summary p br {
		display:none;
	}

	section.summary h1 {
		font-size: 140%;
	}

	section.summary h1 b.ruby i {
		letter-spacing:3px;
	}

	section.summary p {
		font-size: 100%;
	}

	section.story__ {
		margin: 3em 0 8em;
	}

	section.photos {
		margin: 2em -1.5em 8em;
	}

	section.no-slide{
		margin: 2em 0 -6em;	
	}
	
	section.photos ul.photos {
		margin: 0;
	}

	section.photos p.nav-expansion {
		display: none;
	}

	section.photos ul.nav-swap li {
		position: absolute;
		top: auto;
		bottom: -0.6em;
		width: 1.2em;
	}

	section.photos ul.nav-swap .prev {
		left: 12%;
	}

	section.photos ul.nav-swap .next {
		right: 12%;
	}
	
	section.photos p.exists {
		margin-top: 1.5em;
	}

	section.designer h1 {
		text-align: center;
		font-size: 125%;
	}

	section.designer h1 span {
		display: block;
		margin-left: 0;
	}

	/*section.colors {
		padding-top:3em;
	}*/
	
	section.colors header {
		margin-bottom: 4em;
	}

	section.colors header h1 {
		margin-bottom: 0.5em;
		font-size: 230%;
	}
	
	section.colors header p {
		font-size: 100%;
	}
	
	section.colors.cork header h1 {
		font-size: 140%;
		line-height:1.4;
	}
	
	section.colors dl.half {
		float: none;
		width: auto;
	}
	
	section.colors .itemWrap.nordo dl:nth-child(2) {
		position:inherit;
		bottom: inherit;
		left: inherit;
		width: 100%;
	}
	
	section.colors.item3 {
		text-align:left;
	}


	section.colors li ,section.colors.lineItem3 ul li {
		/*margin: 0 0 1em 3.2%;*/
		margin:0 0 1em 6.1%;
		width: 46.8%;
		letter-spacing:0;
	}
	
	section.colors li:nth-child(2n+1) ,section.colors.lineItem3 ul li:nth-child(2n+1) {
		margin-left: 0;
	}

	section.colors .itemWrap.nordo dl:first-child li:nth-child(5),
	section.colors .itemWrap.nordo dl:first-child li:nth-child(6) {
		margin-top: 0em;
	}

	section.colors li span {
		height:auto;
	}

	section.colors p.attention {
		font-size: 140%;
	}

	section.colors li span:before {
		-moz-transform:	scale(0.3);
		-webkit-transform: scale(0.3);
		-o-transform:	  scale(0.3); 
		-ms-transform:	 scale(0.3);
		transform:		 scale(0.3);
		display:block;
	}

	#natural_genius section.colors dl.item1 {
		max-width:auto;
		padding-left:0;
		margin:0;
	}
	
	#natural_genius section.colors dl.item1 li {
		margin: 0 0 1em 6.1%;
		width: 46.8%;
	}
	
	#natural_genius section.colors dl.item1 li:nth-child(odd) {
		margin-left:0;
	}
	
	#natural_genius section.colors dl.item2 {
		max-width:auto;
		margin:auto;
		padding-left:0;
	}
	
	#natural_genius section.colors dl.item2 li {
		margin: 0 0 1em 6.1%;
		width: 46.8%;
	}
	
	#natural_genius section.colors dl.item2 li:nth-child(odd) {
		margin-left:0;
	}
	section.patterns ul {
		margin: 0 -2.02%;
	}
	
	section.patterns li {
		margin: 0 2% 3em;
		width: 46%;
	}
	
	aside.relation1 li {
		margin: 0 0 2em;
		font-size: 90%;
	}

	aside.relation1 li a ,aside.relation1 li a.contact {
		width: 100%;
	}

	aside.relation1 li a:after {
		top: 0.9em;
		-moz-transform: scale(0.5);
		-webkit-transform: scale(0.5);
		-o-transform: scale(0.5);
		-ms-transform: scale(0.5);
		transform: scale(0.5);
		display:block;
	}

	aside.relation2 li span:after{
		-moz-transform: scale(0.5);
		-webkit-transform: scale(0.5);
		-o-transform: scale(0.5); 
		-ms-transform: scale(0.5);
		transform: scale(0.5);
		display:block;
	}

	aside.relation2 {
		/*margin-bottom: -2em;
		padding: 1.5em 1.5em 3em;*/
		margin: 3.5em 0 -2em;
		padding: 0;
	}

	aside.relation2 ul {
		text-align:left;
	}

	aside.relation2 li {
		margin: 0 0 1.5em 6%;
		width: 47%;
		font-size: 110%;
		vertical-align: top;
	}

	aside.relation2 li:nth-child(2n+1) {
		margin-left: 0;
	}
	
	section.spec {
		padding: 3em 6%;
	}

	section.spec > h1 {
		font-size: 140%;
	}

	section.spec section h1 {
		font-size: 190%;
	}

	section.spec section ul.size li {
		padding-left: 0 !important;
	}

	section.spec section ul.size li em {
		position: static;
		margin-bottom: 0.3em;
		width: auto !important;
		font-size: 120%;
	}

	section.spec section ul.size.simple li em br {
		display:none;
	}
	
	section.spec section ul.size.simple.longtxt li em br {
		display:block;
	}
	
	section.spec section ul.colors li {
		float: none;
		width: 97%;
	}
	
	section.spec section + section {
		padding-top:0;
	}

	section.spec section dd p.figure + p.note {
		width:auto;
	}

	.specDetail ul.spec-d-size li {
		padding-left: 0;
	}
	
	.specDetail ul.spec-d-size li em {
		position:inherit;
		display:block;
	}

	.specDetail + .specDetail {
		margin-bottom:0;
	}
	
	section.spec p.nav-print {
		display: none;
	}

	section.download {
		padding: 3em 6% 3.5em;
	}

	section.download li {
		float: none;
		margin-bottom: 2em;
		width: auto;
	}
	
	section.download li a {
		margin-right: 0;
	}

	section.photos ul.photos li img {
		width: auto;
		max-height: 100%;
		
	}

	.colors + .photos {
		margin-top:-5em;
	}
	
	.pr-movie {
		/*width:100%;*/
		width:auto;
		margin: 0 -1.5em 10em;
	}
	
	section.story p.withFig {
		padding-left: 0;
		position: relative;
		min-height:inherit;
	}
	
	section.story p.withFig img {
		position:inherit;
		left:inherit;
		top:inherit;
		display:block;
		width:100%;
		margin-bottom:1em;
		vertical-align:bottom;
	}
	
	section.story {
		margin: 5em 0 3.5em;
	}
	section.sdgs-top {
		padding: 5em 1.5em 4em;
		margin: 0 -1.67em;
	}
	section.sdgs-top .sdgs-ttl p{
	text-align: left;
	}
	section.sdgs .icons-wrapper .icons {
		display: flex;
		width: 80%;
		margin: 0 auto 3em;;
	}
	
	section.sdgs .icons-wrapper .icons .sdgs-txt {
		margin-left: 2em;
	}
	section.sdgs .icons-wrapper .icons .sdgs-txt .icon-name {
		margin-bottom: 0.4em;
	}
	section.sdgs .icons-wrapper .icons .sdgs-txt .icon-txt {
		letter-spacing: 0;
	}
	
	section.colors.lineItem3 ul ,.sotrybox4 {
		width:auto;
	}
	
	.sotrybox4 {
		margin:0 -0.5em -1.5em;
	}
	
	.sotrybox4 li {
		width:50%;
		padding:0 0.5em;
		margin-bottom:1.5em;
	}
	
	section.spec section ul.size.simple.longtxt li em br.pc {
		display:none;
	}
	
	.specDetail ul li {
		padding-left:5em;
	}
	
	.pr-movie .story {
		padding:0 1.5em;
	}
	
	section.nav-section ul {
		overflow:hidden;
		letter-spacing:normal;
	}
	
	section.nav-section ul li {
		width:50%;
		border:none;
		line-height:1;
		display:block;
		float:left;
	}
	
	section.nav-section li:first-child {
		border-left: none;
	}
	
	section.nav-section ul li.brandName {
		width:100%;
		z-index:2;
	}

	section.nav-section li a {
		background-image:url(../../brands/listone_giordano/img/nav1-sp.png);
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
		display:block;
		padding-top:26.66%;
		height:0;
		overflow:hidden;
		line-height:2;
		position:relative;
		border-bottom:solid 1px #5a5a5a;
		border-right:solid 1px #5a5a5a;
	}

	section.nav-section ul li.brandName a {
		border-right:none;
	}
	
	section.nav-section li:nth-child(3) a {
		background-image:url(../../brands/listone_giordano/img/nav2-sp.png);
		border-bottom:solid 1px #5a5a5a;
		border-right:none;
	}

	section.nav-section li:nth-child(4) a {
		background-image:url(../../brands/listone_giordano/img/nav3-sp.png);
		/*border-bottom:none;*/
	}
	/*
	section.nav-section li:nth-child(5) a {
		background-image:url(../../brands/listone_giordano/img/nav5-sp.png);
		border-right:none;
	}
	*/
	section.nav-section li:nth-child(5) a {
		background-image:url(../../brands/listone_giordano/img/nav4-sp.png);
		border-bottom:none;
	}
	
	section.nav-section li a span {
		line-height:1;
		background-position: right 1px;
	}

	section.nav-section li.brandName a {
		background-image:url(../../brands/listone_giordano/img/nav-logo-sp.png);
		background-size:cover;
		padding-top:13.33%;
	}
	
	section.brands {
		margin: 0 0 5em;
	}
	
	section.brands li {
		margin:0;
		float:none;
		width:100%;
		aspect-ratio: 1500 / 675;
		background-image:url(../../brands/listone_giordano/img/bg-classica_sp.jpg);
	}
	section.brands li em {
		aspect-ratio: 1500 / 675;
	}
	section.brands li:nth-child(3) {
		background-image:url(../../brands/listone_giordano/img/bg-atelier_sp.jpg);
	}
	section.brands li:nth-child(2) {
		background-image:url(../../brands/listone_giordano/img/bg-natural_genius_sp.jpg);
	}
	
	.gotoCatalog li {
		display:block;
		margin: 0 0em 2.5em;
	}
	.gotoCatalog .patent{
		text-align: left;
	}
	.gotoCatalog ul + p {
		margin:-2em 0 0 0;
		text-align:left;
		right:inherit;
	}

	aside.relation1 li a, .gotoCatalog li a {
		width:100%;
		font-size:115%;
		padding: 1.8em 1.5em 1.6em;
	}
	
	aside.relation1 li a:after{
		top: 0.6em;
	}
	.gotoCatalog li a:after{
		top: 1.0em;
	}
	
	.listoneCatalog ul {
		text-align:left;
		margin-right:-1.6em;
		padding-bottom:3em;
	}
	
	.listoneCatalog li {
		margin:0 1.25em 2em 0;
		width:28.5%;
	}
	
	.contents#natural_genius .summary h1 {
		font-size:122%;
	}

	.contents#natural_genius section.colors header h1 {
		font-size:136%;
	}
	
	section.designer > div {
		padding-left:0;
	}

	section.designer > div figure {
		position:inherit;
		float:left;
		width:5.7em;
		top:inherit;
		margin-right:1em;
	}

	.contents#natural_genius section.designer h1 {
		padding:2.8em 0 1.5em;
		text-align:left;
	}
	
	.contents#natural_genius section.designer h1 span {
		letter-spacing:0;
	}

	.contents#natural_genius section.designer h1.line2 {
		padding:2em 0 1em;
	}
	
	.contents#natural_genius section.colors {
		margin:5em 0 3em;
	}

	.contents#natural_genius section.colors dt {
		font-size:122%;
	}

	.contents#natural_genius aside.relation1 {
		margin-bottom:8em;
	}
	
	section.colors.item3 >div{
		text-align:left;
	}

	.btm-description .btm-description-inner{
		width: 100%;
	}
	
	section.spec section dd p.figure img{
		width: 100%;
		height: auto;
	}
	
	section.brands li:nth-child(4) {
		background-image:url("../../brands/listone_giordano/img/bg-bellezza-sp_b.jpg");
	}
}


@media screen and (max-width:400px) {

section.series li {
	float: none;
	width: auto;
}

section.series li .banner {
	overflow: hidden;
}

section.series li .banner span {
	margin: -25% 0 -20%;
}

section.series li .banner span img {
	width: 100%;
}

section.patterns li {
	margin-bottom: 2em;
	width: 96%;
}
.pr-movie {
	margin: 0 -1.5em 5em;
}

article.contents .bx-viewport .slider a:hover img {
	opacity:1;
}

	
}

@media print {

.print div.lightbox {
	background: none;
	padding-top: 0 !important;
	height: auto !important;
	font-size: 90%;
}

.print div.lightbox div {
	margin: 0 auto;
	max-width: none;
}

.print section.spec {
	padding: 3em;
}

.print #page,
.print section.download,
.print section.spec .nav-print,
.print div.lightbox .close {
	display: none;
}

}


/*SEO修正分*/

section.summary h2.seo {
	margin-bottom: 1em;
	line-height: 2;
	font-size: 170%;
}

section.colors.cork header h2.seo {
	font-size:147%;
}

section.colors header h2.seo {
	margin-bottom: 3em;
	margin-bottom: 0.8em;
	border-bottom: solid 4px #EEE;
	padding-bottom: 0.4em;
	line-height: 1.2;
	text-align: center;
	font-size: 255%;
}

section.story h2.seo {
	margin-bottom: 1em;
	border-bottom: solid 4px #EEE;
	padding-bottom: 0.5em;
	text-align: center;
	font-size: 170%;
}
section.sdgs h2.seo {
	border-bottom: solid 4px #121212;
}
/*h1.back-hydrocork{
	background-image:url(../../brands/hydrocork/img/ec-hydrocork.jpg);
}*/

h1.back-corkcomfort{
	background-image:url(../../brands/corkcomfort/img/ec-corkcomfort.jpg);
}

/*h1.back-ew8-fl{
	background-image:url(../../brands/ew8/flooring/img/ec-flooring.jpg);
}*/

h1.back-ew8-ma{
	background-image:url(../../brands/ew8/material/img/ec-material_b.jpg);
}

h1.back-ew8-wa{
	background-image:url(../../brands/ew8/wall/img/ec-wall_b.jpg);
}

h1.back-GB{
	background-image:url(../../brands/green_blade/img/ec-green_blade.jpg);
}

h1.back-atelier{
	background-image:url(../../brands/listone_giordano/atelier/img/ec-atelier.jpg);
}

h1.back-classica{
	background-image:url(../../brands/listone_giordano/classica/img/ec-classica.jpg);
}
h1.back-bellezza{
	background-image:url("../../bellezza/img/ec-bellezza.jpg") !important;
	background-size: cover !important;

}

h1.back-NG{
	background-image:url(../../brands/listone_giordano/natural_genius/img/ec-natural_genius.jpg);
}

h1.back-outdoor{
	background-image:url(../../brands/listone_giordano/outdoor/img/ec-outdoor.jpg);
}

h1.back-mam{
	background-image:url(../../authorized/made_a_mano/img/ec-made_a_mano.jpg);
}

h1.back-NO{
	background-image:url(../../brands/natural_one_170403/img/ec-natural_one.jpg);
}

h1.back-NORDO{
	background-image:url(../../brands/nordo/img/ec-nordo.jpg);
}

h1.back-ORGANOID{
	background-image:url(../../brands/organoid/img/ec-organoid.jpg);
}

h1.back-shops{
	background-image:url(../../brands/shops/img/ec-shops.jpg);
}

h1.back-SW{
	background-image:url(../../brands/soul_wood/img/ec-soul_wood.jpg);
}

h1.back-tabu{
	background-image:url("../../brands/tabu/img/ec-tab_b.jpg");
}

.sotrybox4 li figure.seo{
	display:block;
	margin-bottom:0;
}

.sotrybox4 li figure.seo figcaption{
	display:block;
	min-height:7em;
	font-size:79%;
	line-height:1.8;
	margin-top:0.8em;
}

section.colors section.seo-section {
	margin-bottom: 1em;
}

section.colors section.seo-section h3{
	margin-bottom: 0.2em;
	font-size: 147%;
	text-align: left;
}

section.spec > h2.seo {
	border-bottom: solid 4px #EEE;
	padding-bottom: 0.8em;
	text-align: center; 
	font-size: 230%;
}

section.spec section h2.seo {
	border-bottom: solid 4px #EEE;
	padding-bottom: 0.8em;
	margin-bottom: 0.8em;
	line-height: 1.2;
	text-align: left;
	font-size: 255%;
}

section.spec section h2.seo-noborder {
	margin-bottom: 0.8em;
	line-height: 1.2;
	text-align: left;
	font-size: 255%;
}

section.colors header h2.seo span , section.spec section h2.seo-noborder span {
	display: block;
	font-size: 40%;
}

section.designer h2.seo {
	margin-bottom: 0.8em;
	font-size: 129%;
}

section.designer h2.seo span {
	display:block;
	font-size:67%;
}

section.summary h2.seo b.ruby {
	position: relative;
	font-weight:normal;
}
section.summary h2.seo b.ruby i {
	position: absolute;
	top: -1.8em;
	left: 0;
	font-size: 45%;
	letter-spacing: 3px;
	text-align:center;
	font-style: normal;
	width:100%;
}

/*2017年10月月次更新*/

section.spec-shops section {
	max-width:700px;
}

.spec-new ul.spec-d-size{
	overflow:hidden;
}

.spec-new ul.spec-d-size li{
	float:left;
	line-height:1.2;
	letter-spacing:normal;
	text-align:center;
}

.spec-new ul.spec-d-size li.spec-name{
	width:23%;
	padding-left:0;
	text-align:left;
	font-size:13px;
	padding:35px 0;
}

.spec-new ul.spec-d-size li.spec-name2{
	padding:60px 0;
}

.spec-new ul.spec-d-size li.spec-date{
	width:77%;
	padding-left:0;
	font-size:12px;
}

.spec-new ul.spec-d-size li.spec-date{
	display:block;
}

.spec-new ul.spec-d-size li.spec-date sup{
	vertical-align: super;
	font-size:60%;
}

.spec-new ul.spec-d-size li.spec-date ul{
	border:none;
	overflow:hidden;
}

.spec-new ul.spec-d-size li.spec-date ul li{
	padding:0;
	overflow:hidden;
	border-bottom:1px solid #898989;
}

.spec-new ul.spec-d-size li.spec-date ul li:last-child{
	border:none;
}

.spec-new ul.spec-d-size li.spec-date ul li span{
	line-height:50px;
	text-align:center;
	float:left;
}

.spec-new ul.spec-d-size li.spec-date ul li span.w165{
	width:165px;
}

.spec-new ul.spec-d-size li.spec-date ul li span.w205{
	width:205px;
}

.spec-new ul.spec-d-size li.spec-date ul li span.w-full{
	width:535px;
	text-align:left;
}

.spec-new ul {
	padding:0;
}

.spec-description{
	margin:2em auto;
	padding:0;
}

.spec-description ul{
	border:none;
}

.spec-description ul li{
	font-size:12px;
	text-align:left;
	padding:0;
}

.spec-figure{
	display:block;
	margin:40px auto 70px;
	width:490px;
}

.spec-figure img{
	width:100%;
	height:auto;
	margin-bottom:50px;
}

.spec-title{
	margin-bottom:-4.5em;
}

.spec-title ul{
	margin-left:175px;
	overflow:hidden;
}

.spec-title ul li{
	float:left;
	text-align:center;
}

.spec-title ul li:nth-child(1),.spec-title ul li:nth-child(3){
	width:165px;
}

.spec-title ul li:nth-child(2){
	width:205px;
}

@media screen and (max-width:640px) {

	.spec-figure{
		width:100%;
	}

	.spec-new ul.spec-d-size li.spec-name{
		width:100%;
		margin:0;
	}
	
	.spec-new ul.spec-d-size li.spec-name{
		padding:15px 0;
		line-height:1.5;
	}

	.spec-new ul.spec-d-size li.spec-date ul li span{
		line-height:20px;
		text-align:left;
		float:none;
		display:block;
	}
	
	.spec-new ul.spec-d-size li.spec-date ul li span{
		position:relative;
		padding-left:6em;
		letter-spacing:normal;
	}
	.spec-new ul.spec-d-size li.spec-date ul li span em.sp{
		position:absolute;
		left:0;
		top:0;
		width:6em;
	}
	.spec-new ul.spec-d-size li.spec-date ul li span.full{
		padding-left:0;
	}

	.spec-new ul.spec-d-size li.spec-date ul li span em.sp:after{
		position:absolute;
		right:0.2em;
		top:0;
		content:"：";
	}	
	.spec-new ul.spec-d-size li.spec-date ul li span.w165,.spec-new ul.spec-d-size li.spec-date ul li span.w205,.spec-new ul.spec-d-size li.spec-date ul li span.w-full{
		width:100%;
	}
	
	.spec-new ul.spec-d-size li.spec-date ul li{
		border:none;
	}
	
	.spec-new ul.spec-d-size li.spec-date{
		padding-bottom:15px;
		width:100%;
	}
	
	.spec-new ul.spec-d-size li.spec-date ul li{
		width:100%;
	}
	
	.spec-figure{
	margin:40px auto 0;
	}
	
	.spec-figure img:last-child{
	margin-bottom:0;
	}
}

/*BRANDS追加*/

article.brands-top{
	padding-bottom:0;
}

div.brands-top-ttl{
	overflow: hidden;
	margin: 0 -1.5em;
	position:relative;
}

div.brands-top-ttl h1.brands-top-txt img{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-43px;
	margin-left:-133px;
	width:265px;
	height:85px;
}

.brans-top-slide,.brans-top-slide-sp{
	margin:0 -1.5em;
}

section.brands-top{
	background-color:#2a2a2a;
	margin:0 -1.5em;
	padding:7em 0 3em;
	color:#FFF;
}

section.brands-top > div{
	margin: 0 auto;
	max-width: 68.6em;
	padding:0 1.5em;
}

section.brands-top > div > h2 {
	margin: 0 auto 3em;
	border-bottom: solid 4px #535353;
	padding-bottom: 0.5em;
	max-width: 32.4em;
	text-align: center;
	font-size: 170%;
}

section.brands-top > div > h2 span {
	display:block;
	font-size: 50%;
}

section.brands-top ul {
	overflow: hidden;
	margin: -2.52% -2.52% 5em;
	
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

section.brands-top ul li {
	float: left;
	margin: 0 2.5% 5.5em;
	width: 45%;
}

section.brands-top ul.twice {
	margin: -2.52% 0 5em 0;
}
section.brands-top ul.twice li {
	width: 100%;
	margin: 0 0 5.5em 0;
}

section.brands-top li a {
	display: block;
}

section.brands-top li .banner {
	margin-bottom: 1em;
}

section.brands-top li h3.title {
	margin-bottom: 1em;
	font-size: 85%;
}

section.brands-top li h3.title em {
	display: block;
	font-size: 160%;
}

section.brands-top li .summary {
	margin-bottom: 1.8em;
	line-height: 1.7;
	font-size: 85%;
	height:6em;
}

section.brands-top li .nav-more {
	position: relative;
	border: solid 1px #535353;
	padding: 0.6em 1.2em;
	/*width: 11em;*/
	width: 20em;
}

section.brands-top li .nav-more::after {
	content: url(../img/ar-wt.png);
	position: absolute;
	top: 0.3em;
	right: 0.5em;
	transform: scale(0.5);
}

section.brands-top #brands2,section.brands-top #brands1{
	margin-top:-120px !important;
	padding-top:120px !important;
}

@media screen and (max-width:640px) {
	div.brands-top-ttl{
		height:auto;
	}
	div.brands-top-ttl h1.brands-top-txt img {
		margin-top:-25px;
		margin-left:-73px;
		width:145px;
		height:50px;
	}
	div.brands-top-ttl .brans-top-slide ul li .brands-top-slide-inner img {
		width:100%;
		height:auto;
	}
	section.brands-top{
		padding: 2em 0 1em;
	}

	section.brands-top ul {
		margin: -2.52% -2.52% 0;
	}
	section.brands-top ul li {
		float: none;
		width: auto;
		margin:0 2.5% 4em;	
	}

	section.brands-top li .summary {
		height:auto;
	}
	
	section.brands-top li .nav-more {
		padding: 1.2em;
		width: auto;
	}
	
	section.brands-top > div > h2 {
		margin: 0 auto 2em;
		padding: 1em 0 0.5em;
	}
	
	section.brands-top li .nav-more::after {
		top: 0.8em;
		-moz-transform: scale(0.5);
		-webkit-transform: scale(0.5);
		-o-transform: scale(0.5);
		-ms-transform: scale(0.5);
		transform: scale(0.5);
		display: block;
	}
	section.brands-top div#brands1 {
		padding: 0 1.5em 2.5em;
	}
	section.brands-top #brands2,section.brands-top #brands1{
		margin-top:0 !important;
		padding-top:0 !important;
	}

}