/* =================================
	/chasseriau-ten/event/
================================= */

@media all and (min-width: 768px) {
div.unit-basic table.basic th {
	width:7em;
}
}

/*	coming soon
============================== */
p.soon {
	font-family: 'Lusitana', 'serif';
	line-height:1.5;
	text-align:center;
	color:#91b486;
	padding:2em 0;
}
@media all and (min-width: 768px) {
p.soon {
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
p.soon {
	font-size:83%;
}
}


/*	#event
============================== */
div#event dl dt, div#event dl dd {
	line-height:1.5;
	border-left:5px solid #91b486;
	padding-left:10px;
}
div#event dl dt {
	color:#91b486;
}
div#event dl dd.notice span {
	display:block;
	background-color:hsla(0,0%,100%,0.7);
}
div#event dl dd.pics {
	font-size:100%;
}
div#event dl dd.pics figcaption {
	text-align:center;
	font-size:62.5%;
}
div#event dd.pics figure p span,
div#event dd.pics figure p span img {
	display:block;
}
div#event dd.pics figure p span {
	background-repeat:no-repeat;
	background-position:center center;
}
@media all and (min-width: 768px) {
div#event dl {
	margin-bottom:20px;
}
div#event dl dt, div#event dl dd {
	font-size:87.5%;
}
div#event dl dd.pics, div#event dl dd.notice {
	padding-top:15px;
}
div#event dl dd.notice span {
	padding:15px;
}
div#event dd.pics figure {
	margin:0 auto;
}
div#event dd.pics figure p {
	margin-bottom:10px;
}
div#event dd.pics figure p span img {
	width:320px;
	height:430px;
}
div#event dd.pics figure {
	width:320px;
}
}
@media all and (max-width: 767px) {
div#event dl {
	margin-bottom:10px;
}
div#event dl dt, div#event dl dd {
	font-size:83%;
}
div#event dl dd.pics,
div#event dl dd.notice {
	padding-top:12px;
}
div#event dl dd.notice span {
	padding:10px;
}
div#event dd.pics figure p {
	width:220px;
	margin:0 auto 7px;
}
div#event dd.pics figure p span {
	background-size:cover;
}
div#event dd.pics figure p span img {
	width:220px;
	height:296px;
}
}

/*	common
============================== */
div.unit-basic p.txt {
	padding:0 1em;
	line-height:1.5;
}
@media all and (min-width: 768px) {
div.unit-basic p.txt {
	font-size:87.5%;
	margin-bottom:20px;
}
}
@media all and (max-width: 767px) {
div.unit-basic p.txt {
	font-size:83%;
	margin-bottom:15px;
}
}

/*	.profile
============================== */
figure.profile {
	background-color:hsla(0,0%,100%,0.7);
}
figure.profile div.pics span, figure.profile div.pics span img {
	display:block;
}
figure.profile div.pics {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border:1px solid #91b486;
}
figure.profile div.pics span {
	background-size:cover;
	background-position:left top;
	background-repeat:no-repeat;
}
figure.profile figcaption {
	font-weight:bold;
	line-height:1.5;
	padding-bottom:0.5em;
	border-bottom:1px solid #91b486;
	margin-bottom:0.75em;
}
figure.profile figcaption ruby rt {
	font-weight:normal;
}
figure.profile p {
	line-height:1.5;
}
@media all and (min-width: 768px) {
figure.profile {
	padding:20px;
	margin-bottom:30px;
}
figure.profile figcaption {
	font-size:87.5%;
}
figure.profile div.pics {
	float:left;
}
figure.profile div.pics {
	width:180px;
	height:247px;
}
figure.profile div.pics span, figure.profile div.pics span img {
	width:178px;
	height:245px;
}
figure.profile div.prof-rig {
	width:328px;
	float:right;
}
figure.profile p {
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
figure.profile {
	padding:12px;
	margin-bottom:20px;
}
figure.profile figcaption {
	font-size:83%;
}
figure.profile div.pics {
	margin:0 auto;
}
figure.profile div.pics {
	width:220px;
	height:302px;
}
figure.profile div.pics span, figure.profile div.pics span img {
	width:218px;
	height:300px;
}
figure.profile p {
	font-size:83%;
	margin-bottom:1.5em;
}
}


@media all and (min-width: 768px) {
section.o-guide table.basic th {
	width:10em;
}
}



div.release div.pics span, div.release div.pics span img {
	display:block;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
}
div.release p {
	line-height:1.5;
}
@media all and (min-width: 768px) {
div.release {
	margin-bottom:30px;
}
div.release div.pics {
	float:left;
	width:160px;
}
div.release div.pics span, div.release div.pics span img {
	width:160px;
	height:228px;
}
div.release p {
	font-size:87.5%;
	padding-left:180px;
	padding-right:1em;
}
}
@media all and (max-width: 767px) {
div.release {
	margin-bottom:15px;
}
div.release div.pics {
	margin:0 auto 12px;
	width:180px;
}
div.release div.pics span, div.release div.pics span img {
	width:180px;
	height:256px;
}
div.release p {
	font-size:83%;
	padding:0 1em;
}
}

/*	unit h3
============================== */
@media all and (min-width: 768px) {
section.unit-h3 {
	margin-bottom:30px;
}
}
@media all and (max-width: 767px) {
section.unit-h3 {
	margin-bottom:20px;
}
}

/*	unit h4
============================== */
section.unit-h4 {
	border-left:5px solid #91b486;
	padding-left:10px;
}
section.unit-h4 h4 {
	color:#4e665e;
	line-height:1.5;
	margin-bottom:0.5em;
}
section.unit-h4 p {
	line-height:1.5;
}
section.unit-h4 p:not(:last-child) {
	margin-bottom:1.25em;
}
@media all and (min-width: 768px) {
section.ecute {
	margin-bottom:30px;
}
section.unit-h4 {
	margin-bottom:20px;
}
section.unit-h4 h4,
section.unit-h4 p {
	font-size:87.5%;
}
section.unit-h4 div.uni4-lef {
	float:left;
}
section.unit-h4 div.uni4-rig {
	float:right;
}
}
@media all and (max-width: 767px) {
section.ecute {
	margin-bottom:20px;
}
section.unit-h4 {
	margin-bottom:15px;
}
section.unit-h4 h4,
section.unit-h4 p {
	font-size:83%;
}
}


/*	ecute
============================== */
section.ecute-over div.pics span,
section.ecute-under div.uni4-lef ul li span {
	background-size:cover;
}
section.ecute-under div.uni4-lef ul li span,
section.ecute-under div.uni4-lef ul li span img {
	display:block;
}
@media all and (min-width: 768px) {
section.ecute-over div.pics span,
section.ecute-over div.pics span img {
	width:140px;
	height:94px;
}
section.ecute-under div.uni4-lef ul li span,
section.ecute-under div.uni4-lef ul li span img {
	width:140px;
	height:94px;
}
section.ecute-over div.pics {
	float:left;
}
section.ecute-over div.pics,
section.ecute-under div.uni4-lef {
	width:140px;
}
section.ecute-over div.uni4-rig,
section.ecute-under div.uni4-rig {
	width:391px;
}
}
@media all and (max-width: 767px) {
section.ecute-over div.pics {
	width:250px;
	margin:0 auto 10px;
}
section.ecute-over div.pics span,
section.ecute-over div.pics span img {
	width:250px;
	height:169px;
}
section.ecute-under div.uni4-lef ul li span,
section.ecute-under div.uni4-lef ul li span img {
	width:120px;
	height:80px;
}
section.ecute-under div.uni4-lef ul {
	width:250px;
	margin:0 auto 15px;
}
section.ecute-under div.uni4-lef ul li {
	float:left;
}
section.ecute-under div.uni4-lef ul li:first-child {
	margin-right:10px;
}
}


/*	goods
============================== */
div#goods section.unit-h3 p.logos {
	background-image:url(../img/event_goods_logos.png);
	background-repeat:no-repeat;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
div#goods section.unit-h3 ul.price {
	list-style-type:disc;
	margin-left:2em;
	margin-bottom:1.5em;
}
div#goods section.unit-h3 ul.price li {
	color:#4e665e;
	line-height:1.5;
	margin-bottom:0.25em;
}
@media all and (min-width: 768px) {
div#goods section.unit-h3 p.logos {
	width:500px;
	height:110px;
	margin:0 auto 20px;
}
div#goods section#esteban p.logos {background-position:left top;}
div#goods section#comptoir p.logos {background-position:0 -110px;}
div#goods section#herecomesthesun p.logos {background-position:0 -220px;}
div#goods section#msoeur p.logos {background-position:0 -330px;}
div#goods section#bonboog p.logos {background-position:0 -440px;}
div#goods section#brillante p.logos {background-position:0 -550px;}
div#goods section.unit-h3 ul.price li {
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
div#goods section.unit-h3 p.logos {
	width:250px;
	height:55px;
	margin:0 auto 15px;
	background-size:250px 330px;
}
div#goods section#esteban p.logos {background-position:left top;}
div#goods section#comptoir p.logos {background-position:0 -55px;}
div#goods section#herecomesthesun p.logos {background-position:0 -110px;}
div#goods section#msoeur p.logos {background-position:0 -165px;}
div#goods section#bonboog p.logos {background-position:0 -220px;}
div#goods section#brillante p.logos {background-position:0 -275px;}
div#goods section.unit-h3 ul.price li {
	font-size:83%;
}
}

/*	goods pics
============================== */
div#goods div.goods-pics span,
div#goods div.goods-pics span img {
	display:block;
}
div#goods div.goods-pics span {
	background-repeat:no-repeat;
	background-size:cover;
}
@media all and (min-width: 768px) {
div#goods div.goods-pics {
	margin:0 auto 20px;
}
div#goods div.goods-pics,
div#goods div.goods-pics span img {
	width:506px;
}
section#esteban div.goods-pics span img {height:310px;}
section#comptoir div.goods-pics span img {height:460px;}
section#herecomesthesun div.goods-pics span img {height:298px;}
section#msoeur div.goods-pics span img {height:330px;}
section#bonboog div.goods-pics span img {height:320px;}
section#brillante div#brillante-a span img {height:260px;}
section#brillante div#brillante-b span img {height:213px;}

}
@media all and (max-width: 767px) {
div#goods div.goods-pics {
	margin:0 auto 10px;
}
div#goods div.goods-pics,
div#goods div.goods-pics span img {
	width:253px;
}
section#esteban div.goods-pics span img {height:155px;}
section#comptoir div.goods-pics span img {height:230px;}
section#herecomesthesun div.goods-pics span img {height:149px;}
section#msoeur div.goods-pics span img {height:165px;}
section#bonboog div.goods-pics span img {height:160px;}
section#brillante div#brillante-a span img {height:130px;}
section#brillante div#brillante-b span img {height:106.5px;}
}


/*	goods (catalog)
============================== */
section.catalog div.pics span, section.catalog div.pics span img {
	display:block;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
}
@media all and (min-width: 768px) {
section.catalog div.pics {
	float:right;
	width:150px;
}
section.catalog div.pics span, section.catalog div.pics span img {
	width:150px;
	height:191px;
}
/* div.release p {
	font-size:87.5%;
	padding-left:180px;
	padding-right:1em;
} */
}
@media all and (max-width: 767px) {
section.catalog div.pics {
	margin:0 auto 12px;
	width:150px;
}
section.catalog div.pics span, section.catalog div.pics span img {
	width:150px;
	height:191px;
}
}

/*	GW  present
============================== */
section.tenhundred div.pics span, section.tenhundred div.pics span img,
section.gw div.pics span, section.gw div.pics span img {
	display:block;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
}
@media all and (min-width: 768px) {
section.tenhundred div.pics,
section.gw div.pics {
	width:430px;
	margin: 0 auto 20px;
}
section.tenhundred div.pics span, section.tenhundred div.pics span img,
section.gw div.pics span, section.gw div.pics span img {
	width:430px;
	height:304px;
}
}
@media all and (max-width: 767px) {
section.tenhundred div.pics,
section.gw div.pics {
	margin:0 auto 12px;
	width:250px;
}
section.tenhundred div.pics span, section.tenhundred div.pics span img,
section.gw div.pics span, section.gw div.pics span img {
	width:250px;
	height:177px;
}
}

/*	sale
============================== */
section.sale div.pics a, section.sale div.pics span, section.gw section.sale span img {
	display:block;
}
section.sale div.pics span {
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
}
@media all and (min-width: 768px) {
section.sale div.pics {
	width:320px;
	margin: 0 auto 20px;
}
section.sale div.pics span, section.sale div.pics span img {
	width:320px;
	height:453px;
}
}
@media all and (max-width: 767px) {
section.sale div.pics {
	margin:0 auto 12px;
	width:240px;
}
section.sale div.pics span, section.sale div.pics span img {
	width:240px;
	height:340px;
}
}