/* news start */
main.news .links {
	margin-bottom: 3em;
	text-align: center;
}

main.news .links a {
	display: inline-block;
	padding: 0 1em;
	color: #a8b3bd;
	text-decoration: none;
}

main.news .links a.now,
main.news .links a:hover {
	color: #53687c;
	border-bottom: 1px solid #939393;
}
/* news end */

/* news_detail start */
main.news_detail article.mv h2:after {
	display: none;
}

main.news_detail article.news_detail p.dt {
	color: #8b8b8b;
	margin-bottom: 1em;
}

main.news_detail article.news_detail h2 {
	margin-bottom: 1em;
	text-align: left;
}

main.news_detail article.news_detail h2:after {
	display: none;
}

main.news_detail article.news_detail p.back {
	position: absolute;
	left: 0;
	bottom: 0;
}

main.news_detail article.news_detail p.back a {
	color: #939393;
	text-decoration: none;
}
/* news_detail end */

/* about start */
main.about article.mv .container {
	padding-bottom: 8em;
}

main.about article.mv .container p {
	margin-bottom: 0;
}

main.about article.mv .container2 {
	position: absolute;
	display: flex;
	top: 0;
	bottom: 0;
	margin: auto;
	flex-direction: column;
	justify-content: center;
}

main.about article.mv .container2 .copy {
	margin: 0;
	padding: 0;
	line-height: 2;
	text-align: left;
}

main.about article.profile dl {
	position: relative;
	border-bottom: 1px solid #707070;
}

main.about article.profile dl:after {
	content: "";
	display: block;
	clear: both;
}

main.about article.profile dl:before {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 25%;
	width: 2%;
	height: 1px;
	background: #fff;
}

main.about article.profile dt {
	float: left;
	width: 25%;
	padding: 0.5em 0;
	border-top: 1px solid #707070;
	clear: both;
}

main.about article.profile dt:first-of-type {
	border-top: 0;
}

main.about article.profile dd {
	float: right;
	width: 73%;
	padding: 0.75em 0;
	border-top: 1px solid #707070;
	clear: right;
}

main.about article.profile dd:first-of-type {
	border-top: 0;
}

main.about article.profile dd ul {
	padding-left: 1.5em;
}

main.about article.access {
	background: #f5f5f5;
}

main.about article.access .iframe_wrap {
	position: relative;
	width: 100%;
	margin-top: 4em;
}

main.about article.access .iframe_wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

main.about article.access .copy {
	padding-bottom: 0;
	text-align: left;
}

/* about end */

/* gallery start */
main.gallery article.mv ul {
	margin-top: 2em;
}

main.gallery article.mv li {
	list-style: none;
}

main.gallery article.mv p {
	margin-bottom: 0;
}

main.gallery article.dress article:nth-of-type(2n+1) {
	background-color: #f5f5f5;
}

main.gallery article.dress article:nth-of-type(2n+2) {
	background-color: #ebedf0;
}

main.gallery article.dress article h2 {
	text-align: left;
}

main.gallery article.dress article h2:after {
	display: none;
}

main.gallery article.dress ul:after {
	content: "";
	display: block;
	clear: both;
}

main.gallery article.dress li {
	list-style: none;
}

main.gallery article.dress .list1 li:nth-child(11n+1),
main.gallery article.dress .list2 li:nth-child(7n+1),
main.gallery article.dress .list3 li:nth-child(7n+1) {
	float: right;
	width: 48%;
}

main.gallery article.dress .list1 li:nth-child(11n+2),
main.gallery article.dress .list2 li:nth-child(7n+2),
main.gallery article.dress .list3 li:nth-child(7n+2) {
	float: left;
	width: 48%;
	margin-top: 15%;
}

main.gallery article.dress .list1 li:nth-child(11n+3),
main.gallery article.dress .list3 li:nth-child(7n+3) {
	width: 60%;
	margin-left: 20%;
	padding: 5% 0;
	clear: both;
}

main.gallery article.dress .list2 li:nth-child(7n+3) {
	float: left;
	width: 80%;
	margin-left: 10%;
	padding: 5% 0;
	clear: both;
}

main.gallery article.dress .list1 li:nth-child(11n+4),
main.gallery article.dress .list2 li:nth-child(7n+4),
main.gallery article.dress .list3 li:nth-child(7n+4) {
	float: left;
	width: 52%;
}

main.gallery article.dress .list1 li:nth-child(11n+5),
main.gallery article.dress .list2 li:nth-child(11n+5),
main.gallery article.dress .list3 li:nth-child(11n+5) {
	float: right;
	width: 44%;
	margin-top: 15%;
}

main.gallery article.dress .list1 li:nth-child(11n+6),
main.gallery article.dress .list2 li:nth-child(11n+6),
main.gallery article.dress .list3 li:nth-child(11n+6) {
	float: left;
	width: 52%;
	margin-top: 15%;
}

main.gallery article.dress .list1 li:nth-child(11n+7) {
	float: left;
	width: 60%;
	margin-left: 20%;
	padding: 5% 0;
	clear: both;
}

main.gallery article.dress .list2 li:nth-child(7n+7) {
	float: right;
	width: 60%;
	margin-right: 5%;
	padding: 5% 0 0 0;
	clear: both;
}

main.gallery article.dress .list3 li:nth-child(7n+7) {
	float: right;
	width: 44%;
	margin-top: 15%;
}

main.gallery article.dress .list1 li:nth-child(11n+8) {
	float: right;
	width: 70%;
	padding: 5% 0;
	clear: both;
}

main.gallery article.dress .list1 li:nth-child(11n+9) {
	float: left;
	width: 48%;
	margin-top: 15%;
}

main.gallery article.dress .list1 li:nth-child(11n+10) {
	float: right;
	width: 32%;
	margin-top: 5%;
	margin-right: 16%;
}

main.gallery article.dress .list1 li:nth-child(11n+11) {
	float: left;
	width: 80%;
	margin-left: 10%;
	padding: 5% 0 0 0;
	clear: both;
}

/* gallery end */

/* faq start */
main.faq article.faq dt {
	position: relative;
	margin-top: 1em;
	background: #f9f9f9;
	border: 1px solid #ebedf0;
}

main.faq article.faq dt:first-child {
	margin-top: 0;
}

main.faq article.faq p {
	margin-bottom: 0;
	color: #333;
}

main.faq article.faq .ttl {
	margin-bottom: 0.5em;
	font-weight: bold;
}

main.faq article.faq dt a {
	display: block;
	width: 100%;
	height: 100%;
	color: transparent;
	text-decoration: none;
	box-sizing: border-box;
}

main.faq article.faq dt:after {
	content:"\3008";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 1.5em;
	height: 1em;
	line-height: 1em;
	margin: auto;
	font-size: 2em;
	transform: rotate(-90deg);
	transition: all 300ms 0s ease;
	pointer-events: none;
}

main.faq article.faq dt.open:after {
	transform: rotate(90deg);
}

main.faq article.faq dt .ttl {
	color: #53687c;
}

main.faq article.faq dd {
	display: none;
	background: #f9f9f9;
	border: 1px solid #ebedf0;
	border-top: 0;
}

main.faq article.faq dd .ttl {
	color: #ee476f;
}
/* faq end */

/* policy start */
main.policy article.policy .container div div {
	margin-bottom: 1em;
}

main.policy article.policy ul,
main.policy article.policy ol {
	margin-left: 1.5em;
}
/* policy end */

@media all and (min-width: 768px){
/* pc */
main article .container {
	padding: 3em 0;
}

article.mv .container {
	padding: 8em 0 0 0;
}

/* news_detail start */
main.news_detail article.mv h2 {
	width: 65%;
	margin: auto;
}

main.news_detail article.news_detail .container2 {
	width: 85%;
	max-width: 1088px;
	border-bottom: 1px solid #707070;
}

main.news_detail article.news_detail .container {
	width: 60%;
	margin: auto;
}
/* news_detail end */

/* about start */
main.about article.mv {
	background: linear-gradient(to top, #f5f5f5 0%, #f5f5f5 20em, #ffffff 20em, #ffffff 100%);
}

main.about article.mv .container {
	width: 85%;
	max-width: 1088px;
}

main.about article.mv h2 {
	font-family: "Noto Serif JP";
	font-weight: 100;
	line-height: 1.5;
}

main.about article.mv .container img {
	width: 45%;
}

main.about article.mv .container2 {
	left: 50%;
	width: 50%;
	height: 20em;
}

main.about article.mv .container2 h2 {
	margin-bottom: 1em;
}

main.about article.profile .container {
	padding: 9em 0;
}

main.about article.profile dl {
	width: 65%;
	margin: auto;
	margin: 4em auto 0 auto;
}

main.about article.access .container {
	width: 85%;
	max-width: 1088px;
	padding: 9em 0;
}

main.about article.access .iframe_wrap {
	padding-top: 56.25%;
}

main.about article.access .copy {
	width: 75%;
	max-width: 75%;
	margin: auto;
}

/* about end */

/* gallery start */
main.gallery article.mv ul {
	margin-bottom: 2em;
	text-align: center;
}

main.gallery article.mv li {
	display: inline-block;
	line-height: 2;
}

main.gallery article.mv a {
	position: relative;
	display: block;
	padding: 0 1em;
	color: #abb4be;
	text-decoration: none;
}

main.gallery article.mv a:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 2em;
	height: 1px;
	margin: auto;
	background: #ffffff;
}

main.gallery article.mv a:hover {
	color: #53687c;
}

main.gallery article.mv a:hover:after {
	background: #707070;
}

main.gallery article.dress article .container {
	width: 85%;
	max-width: 1088px;
	padding: 9em 0;
}
/* gallery end */

/* faq start */
main.faq article.faq .container {
	padding: 5em 0;
}

main.faq article.faq dl {
	width: 65%;
	margin: auto;
}

main.faq article.faq dt a {
	padding: 2em 8em 2em 2em;
}

main.faq article.faq dd {
	padding: 2em;
}

main.faq article.faq dt:after {
	right: 1em;
}
/* faq end */

/* policy start */
main.policy article .container > div {
	width: 65%;
	margin: auto;
}
/* policy end */

/* pc end */
}

@media all and (max-width: 767px){
/* sp */
main article .container {
	padding: 3em 0;
}

article.mv .container {
	padding: 6em 0 0 0;
}

/* news_detail start */
main.news_detail article.mv .container {
	width: 100%;
	margin: 0;
	padding-top: 4em;
}

main.news_detail article.news_detail .container {
	border-bottom: 1px solid #707070;
}

main.news_detail article.news_detail p.back {
	left: 5%;
}
/* news_detail end */

/* about start */
main.about article.mv {
	background: linear-gradient(to top, #f5f5f5 0%, #f5f5f5 14em, #ffffff 14em, #ffffff 100%);
}

main.about article.mv .container {
	width: 100%;
	margin: 0;
	padding-top: 4em;
	padding-bottom: 0;
}

main.about article.mv .container img {
	width: calc(100% - 4em);
}

main.about article.mv .container2 {
	width: calc(100% - 4em);
	color: #fff;
}

main.about article.mv .container2 h2 {
	padding-left: 1rem;
	color: #53687c;
}

main.about article.mv .container2 .copy {
	width: 100%;
	padding: 0 1rem;
	color: #53687c;
}

main.about article.about {
	background: #f5f5f5;
}

main.about article.about h2 {
	margin-bottom: 1.25em;
	font-size: 165%;
	font-family: "Noto Serif JP";
	font-weight: 100;
	line-height: 2;
}

main.about article.about h2:after {
	bottom: -0.25em;
}

main.about article.about p {
	line-height: 2;
	font-weight: 200;
}

main.about article.profile .container {
	padding: 5em 0;
}

main.about article.profile dl {
	margin: 2em auto 0 auto;
}

main.about article.access .container {
	padding: 5em 0;
}

main.about article.access .iframe_wrap {
	padding-top: 125%;
}

/* about end */

/* gallery start */
main.gallery article.mv .container {
	width: 100%;
}

main.gallery article.mv ul.scr {
	position: fixed;
	top: 4em;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
	z-index: 1;
	opacity: 0.8;
}

main.gallery article.mv ul.scr + p {
	margin-top: 8em;
}

main.gallery article.mv ul:after {
	content: "";
	display: block;
	clear: both;
}

main.gallery article.mv li {
	float: left;
	border-top: 1px solid #abb4be;
	border-left: 1px solid #abb4be;
	line-height: 3;
	text-align: center;
	box-sizing: border-box;
}

main.gallery article.mv li:nth-child(5n+1),
main.gallery article.mv li:nth-child(5n+2) {
	width: 50%;
}

main.gallery article.mv li:nth-child(5n+1) {
	border-left: 0;
}

main.gallery article.mv li:nth-child(5n+3),
main.gallery article.mv li:nth-child(5n+4),
main.gallery article.mv li:nth-child(5n+5) {
	width: calc(100% / 3);
	border-bottom: 1px solid #abb4be;
}

main.gallery article.mv li:nth-child(5n+3) {
	border-left: 0;
}

main.gallery article.mv a {
	display: block;
	width: 100%;
	height: 100%;
	color: #abb4be;
	text-decoration: none;
}

main.gallery article.mv a:hover {
	color: #fff;
	background: #53687c;
}

main.gallery article.dress article .container {
	position: relative;
	width: 100%;
	margin-top: -6em;
	padding: 11em 0 9em 0;
}

main.gallery article.dress article .container:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 6em;
}

main.gallery article.dress article:nth-of-type(2n+1) .container:after {
	background-color: #f5f5f5;
}

main.gallery article.dress article:nth-of-type(2n+2) .container:after {
	background-color: #ebedf0;
}

main.gallery article.dress h2 {
	margin-left: 1em;
	font-size: 200%;
}

main.gallery article.dress .list1 li:nth-child(11n+3),
main.gallery article.dress .list1 li:nth-child(11n+7),
main.gallery article.dress .list2 li:nth-child(11n+7),
main.gallery article.dress .list3 li:nth-child(11n+3) {
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
}
/* gallery end */

/* faq start */
main.faq article.faq .container {
	width: 100%;
	padding-top: 1em;
}

main.faq article.faq dl {
	width: 90%;
	margin: auto;
}

main.faq article.faq dt a {
	padding: 1em 4em 1em 1em;
}

main.faq article.faq dd {
	padding: 1em;
}

main.faq article.faq dt:after {
	right: 0.25em;
}
/* faq end */

/* sp end */
}