@charset "utf-8";
/* CSS Document */


/* layout */


.page_container {
	width: 100%;
  max-width: 700px;
	margin:0 auto 5.6rem;
}

.page_container * {
	box-sizing: border-box;
	letter-spacing: 0.065rem;
}


.page_container table {
  border-collapse:collapse;
  border:none;
  border-spacing:0;
}



.page_container .tac {
	text-align: center;
}


.pageAttention,
.bnrBlock,
.staffvoiceBlock,
.laundrytagBlock,
.sizeBlock {
	width: 100%;
  max-width: 700px;
	margin:5.6rem auto 0;
}


.pageAttention {
	margin-bottom:5.6rem;
}


@media (max-width: 767.98px) {

	.page_container {
		width:100%;
	}
}



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

ページ全般

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


.page_container h1 {
	font-size:1.2rem;
	text-align: center;
	margin-bottom:.8rem;
}


.page_container img {
	margin-top:3.2rem;
}

.page_container p {
	margin-top:1rem;
	margin-bottom:0;
	line-height:2;
}


.page_container h3.copy {
	font-weight:bold;
	font-size:1.8rem;
	margin-top:1.8rem;
}


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

コーデリンク coordinate

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


.coordinateList {
	margin-top:1.6rem;
	margin-bottom:1.6rem;
}


.coordinateList dt {
	font-weight:bold
}


.coordinateList dd::before {
/*	content: '/';*/
	padding:0 .4rem 0 .1rem;
}


.coordinateList > * {
	display:inline-block;
}


.coordinateList a {
	text-decoration: underline;
}




.stylebookBtn {
	text-align: center;
}

.stylebookBtn a {
	display:inline-block;
	margin:0 auto 5.6rem;
	background-color: #333;
	color:#fff !important;
	text-align: center;
	font-weight:bold;
	padding:.8rem 1.6rem;
	max-width:400px;
  width: 80%;
}







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

予約 yoyakuBlock

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

.yoyakuBlock {
	font-size:2rem;
}

.yoyakuBlock {
  width: 100%;
  margin: 3.2rem auto 3.2rem;
  padding: 2.4rem;
  background-color: #ededed;
}


.yoyakuBlock .head {
  text-align: center;
  color:#c00;
  font-weight:bold;
  margin:0;
}

.yoyakuBlock .detail {
  text-align: center;
  font-size:1em;
}

@media (max-width: 767.98px) {

	.yoyakuBlock {
		font-size:2rem;
		padding: 1.6rem;
	}

	.yoyakuBlock .detail {
	  font-size:.8em;
	}


}





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

brand ブランド説明

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

.brandBlock {
	width:100%;
	margin: 4rem auto .8rem;
	padding:2.4rem 2.4rem 2.8rem;
	border:1px solid #cdcdcd;
}


.brandBlock h2 {
	margin: 3.2rem 0 2.8rem;
	text-align: center;
	font-size:1.8rem;
	font-weight:bold;
}


.brandBlock .img {
	background-color: #fff;
	text-align: center;
	margin:0 0 1.6rem 0;
	border-bottom:1px solid #cdcdcd;

}


.brandBlock img {
/*	width:150px;*/
	height:auto;
	margin-top:0;
}


.brandBlock h2 span {
	font-weight:normal;
}


.brandBlock p {
	margin:0 0 1.6rem 0;
}


.brandBlock .brandlinkBtn {
	text-align: center;
}


.brandBlock .brandlinkBtn a {
	display:inline-block;
	margin:0 auto ;
	padding:1rem 1.6rem;
	background-color: #333;
	color:#fff;
	text-align: center;
	font-weight:bold;
	padding:.8rem 1.6rem;
	max-width: 400px;
  width: 100%;
}




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

シリーズリンク

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


.seriesLinkBlock {
  margin:3.2rem auto;
  font-size:.8rem;
}

.seriesLinkBlock li {
  margin-bottom:.8rem;
}

.seriesLinkBlock a:hover {
  text-decoration: underline;
}


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

カラーバリエーション

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

.colorBlock {
  margin:1.6rem auto 0;
}

.colorBlock img {
  margin:0;
}



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

サイズ ／ 洗濯表示

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

.sizeBlock h2 {
	border-top: 1px solid #aaa;
  padding-top: .8rem;
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: .8rem;
}

.sizeBlock .sizeTable {
	width:100%;
	margin-top:3.2rem;
	margin-bottom:.8rem;
/*	font-size:.8rem;*/
	border-collapse: collapse;
}

.sizeTable tr th {
	text-align: center;
	border:1px solid #cdcdcd;
	padding:.2rem .1rem;
	background-color:#eee;
  font-weight:normal;
}

.sizeTable tr td {
	text-align: center;
	border:1px solid #cdcdcd;
	padding:.6rem .1rem;
}



.sizeTable + p,
.laundrytagTable + p {
/*	font-size:.7rem;*/
}



.laundrytagTable {
	width:100%;
	margin-top:3.2rem;
	margin-bottom:.8rem;
/*	font-size:.8rem !important;*/
	border-top:1px solid #cdcdcd;
	border-collapse: collapse;
}



.laundrytagBlock tr th {
	border-bottom:1px solid #cdcdcd;
	padding:.6rem .1rem;
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
}

.laundrytagBlock tr td {
	border-bottom:1px solid #cdcdcd;
	padding:.6rem 0 .6rem .4rem;
	width:100%;
}


.laundrytagTable img{
	margin:0;
}




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

モデルコメント／スタッフボイス

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

.staffvoiceBlock table.chart {
	border-top: 1px solid #cdcdcd;
	width:100%;
	font-size:.8rem;
	margin-top:1.6rem;
}


.staffvoiceBlock table.chart tr {
		border-bottom: 1px solid #cdcdcd;
}

.staffvoiceBlock table.chart tr th,
.staffvoiceBlock table.chart tr td {
    padding: 0.6rem 0.1rem;
    text-align: center;
}

.staffvoiceBlock table.chart tr td span {
	margin:0 0 0 2rem;
	letter-spacing: 1rem;
}


.staffvoiceBlock {
	margin-top:4rem;
}


.staffvoiceBlock h2 {
	border-top: 1px solid #ccc;
	text-align: left;
    font-weight: bold;
    font-size: 2.2rem;
    margin:1.6rem 0 3.2rem;
	padding-top:1.6rem;
}


.staffvoiceBlock .link {
	margin:1.6rem 0 4rem 0;
}


.staffvoiceBlock p + .unit,
.staffvoiceBlock .unit + .unit {
	margin-top:3.2rem;
}




.staffvoiceBlock .unit h3 {
	font-size:1.8rem;
	font-weight:bold;
}

.staffvoiceBlock .unit h3 span {
	font-size:.8em;
	margin-top:.8em;
	font-weight:normal;
	display:block;
}



@media (max-width: 767.98px) {

	.staffvoiceBlock h2 {
	    font-size: 1.8rem;
	}

	.staffvoiceBlock h3 {
	  font-size: 1.6rem;
	}

	.staffvoiceBlock h3 span {
		display:block;
		line-height:2;
		font-size:1rem;
	}


}




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

bnrBlock

-------------------- */
.bnrBlock {
	margin-bottom:5.6rem;
}

/* アウター交換バナー用 ページ冒頭に貼り付ける場合 */
.bnrBlock.first {
    margin-top: 0;
    margin-bottom: 2.4rem;
}

.bnrBlock p{
	margin-top:1.6rem;
}



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

oluga → piu

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


.colorBlock {
	margin-top:5.6rem;
}

.colorBlock h2 {
	border-top: 1px solid #aaa;
  padding-top: .8rem;
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 3.2rem;
}

#oluga h1 {/* スクリーンリーダーオンリーとする */
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}


hr.line {
	display:none;
}

/*
.page_container .brandBlock img {
	width:100%;
}*/

.page_container h3 {
	font-weight: bold;
    font-size: 1.8rem;
    margin-top: 1.8rem;
}


.page_container p + p {
	margin-top:1.6rem;
}

.page_container h3.maincopy {
    font-weight: bold;
    font-size: 1.8rem;
    margin-top: 1.8rem;
}