@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:500');
/* Panasonic Beauty PREMIUM */

/* reset */
.content *:hover {
	text-decoration:none;
}
.content img {
	display:block;
	max-width:100%;
}
.content hr {
  height:0;
  margin:0;
  padding:0;
	border:0;
}
.sp_convert {
	font-size:16px;
}
.content h1, .content h2, .content h3, .content h4, .content h5, .content p{
	margin:0;
	padding:0;
	background:none;
	font-size: 100%;
	border:none;
  line-height:normal;
	color:#252625;
}
.PLAINPANEL01 h4, .PLAINPANEL01 h5, .PLAINPANEL01 h6 {
	background:none!important;
	border-top:none!important;
	border-bottom:none!important;
}
.content * {
	box-sizing:border-box;
}

/* content */
.content, .content a {
	color:#252625;
	text-decoration:none;
}
.content .pbp_cat h2,
#pbp_nav_h,
#pbp_information h2, .pbp_info_list > div h3,
.pbp_sp_lineup {
	font-family:'Noto Serif JP', "Hiragino UD Serif W4 JIS2004", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", serif;
	font-weight:normal;
}
.content sup {
	font-size:0.6em;
}
.content small {
	font-size:0.8em;
	letter-spacing:normal;
}

.content a:hover {
	transition:all 100ms .1s ease;
	-webkit-backface-visibility:hidden;
	opacity:0.80;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}

#content_header img {
	width:100%;
}
.pbp_sp_lineup {
	margin: 1.5em auto 1.5em;
	display: flex;
	align-items: center;
	text-align:center;
}
	.pbp_sp_lineup span {
		color:#987d3f;
		background:#fff;
		display:inline-block;
		padding:0 0.5em;
		position:relative;
		font-size:1.25rem;
	}
	.pbp_sp_lineup:before,
	.pbp_sp_lineup:after {
		border-top: 2px solid #987d3f;
		content: "";
		flex-grow: 1;
		}
.title-border:before {
margin-right: 1rem;
}
.title-border:after {
margin-left: 1rem;
}

.pbp_cat_sp .pbp_cat,
.pbp_cat_inner .pbp_cat_dtl a .pbp_cat_dtl_inner {
	display:flex;
  justify-content:stretch;
/*	align-items:self-start;
	flex-wrap:wrap; */
	border-collapse:collapse;
	margin: 0 auto 3rem;
	width:94%;
	font-size:0.875rem;
	text-align:left;
}
.pbp_cat_inner .pbp_cat_dtl a .pbp_cat_dtl_inner {
	margin-bottom:0;
}
.pbp_cat_sp .pbp_cat > div,
.pbp_cat_inner .pbp_cat_dtl a .pbp_cat_dtl_inner > div {
	width:49%;
}
.pbp_cat_sp .pbp_cat > div:nth-child(2),
.pbp_cat_inner .pbp_cat_dtl a .pbp_cat_dtl_inner > div:nth-child(2) {
	margin-left:0.5em;
	display:flex;
  flex-direction:column;
	white-space:pre-wrap;
}
.pbp_cat_sp .pbp_cat > div:nth-child(1) img,
.pbp_cat_inner .pbp_cat_dtl a .pbp_cat_dtl_inner > div:nth-child(1) img {
	max-width:100%;
	max-height:100%;
}
.pbp_cat h2, .PLAINPANEL01 .pbp_cat h2{
	margin:0 0 1em;
	padding:0 0 6px; 
	border-bottom:1px solid #898989;
	font-size:1.25rem;
	line-height:1.2;
}
	.pbp_cat.pbp_cat_inner h2, .PLAINPANEL01 .pbp_cat.pbp_cat_inner h2{
		padding:1.2em 3% 6px; 
		font-size:1.375rem;
	}
.pbp_cat h3, .PLAINPANEL01 pbp_cat h3 {
	margin:0 0 10px;
	font-size:0.875rem;
	font-weight:bold;
	word-break: normal;
}
	.h_brand {
		display:block;
		letter-spacing:normal;
	}
.pbp_cat small {
	margin-bottom:1em;
	display:block;
}
.pbp_cat_inner .pbp_cat_dtl a p {
	font-size: 0.875rem;
}
	.pbp_cat_inner .pbp_cat_dtl a p br{
		display:none;
	}
	
.cat_more a {
	color:#485a7e;
	display:block;
}
	.cat_more span {
		display:inline-block;
		margin-left:-0.3em;
	}
	.cat_more span:before {
		content:'';
		width: 0.6em;
		height: 0.6em;
		display: inline-block;
		border-top: 1px solid #485a7e;
		border-right: 1px solid #485a7e;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		margin-right:0.5em;
	}

.pbp_cat_dtl p {
	font-size:1rem;
}
.btn_shopping, .pbp_cat_aside {
	display:block;
	font-size:0.875rem;
	text-align:center;
	width:94%;
	margin:0.5em auto;
}
.btn_shopping {
	min-height:3em;
	margin:0.5em auto;
	background:#414141;
	color:#fff;
}
	.btn_shopping span{
		display:block;
		background:url(images/arr_fff.png) 94% 50% no-repeat;
		line-height:3;
	}
		.btn_shopping:hover,
		.pbp_cat_dtl a:hover .btn_shopping {
		}
.pbp_cat_aside {
	background: url(images/arr_987d3f.png) 94% 50% no-repeat;
	margin-top:1em;
}
	.pbp_cat_inner .pbp_cat_dtl .pbp_cat_aside a {
		display:block;
		color:#987d3f;
    font-size: 3.4vw;
		text-align:center;
		padding:1em 2em 1em 0;
	}

.pbp_cat_mov {
	margin:1em auto 2em;
}
.pbp_cat_mov h4, .PLAINPANEL01 .pbp_cat_mov h4 {
	margin:0 3% 10px 3%;
	font-size:1.125rem;
	font-weight:bold;
	border-left:5px solid #414141;
	padding:3px 12px;
}
.pbp_cat_mov_main {
	overflow:hidden;
	height:auto;
}
.pbp_cat_mov_main > div:nth-child(2) {
	width:100%;
}
.howtolist,
.mov_more {
	width:96%;
	margin:1em auto 0 auto;
}
.howtolist li {
	margin-bottom:0.5em;
	display:inline-block;
	width:49%;
	padding:0 1%;
}
	.howtolist li.swc_blk {
	}
	.howtolist li span {
		display:inline-block;
		position:relative;
		padding: 0 0 0 6vw;
		vertical-align:middle;
		color:#485a7e;
		font-size:3.75vw;
		font-weight:bold;
		text-decoration:underline;
	}
	.howtolist li span:before {
		content: "";
		position: absolute;
		display: inline-block;
		margin:auto;
		vertical-align: middle;
		top: 0;
		left: 0;
		box-sizing: border-box;
		width: 5vw;
		height: 5vw;
		border: 1px solid #485a7e;
		border-radius: 50%;
		-webkit-border-radius: 50%;
	}
	.howtolist li span:after{
		content: "";
		position:absolute;
		margin: auto;
		vertical-align: middle;
		left: 1.8vw;
		top:1.2vw;
		box-sizing: border-box;
		width: 1.8vw;
		height: 1.3vw;
		border: 1.3vw solid transparent;
		border-left: 1.8vw solid #485a7e;
	}
	
	.howtolist li.current span {
		color:#987d3f;
	}
.mov {
	display:block;
	height:auto;
	width:auto;
	overflow:hidden;
}
.mov_more a {
	display:block;
	background:#485a7e url(images/arr_fff.png) 93% 50% no-repeat;
	color:#fff;
	font-size:16px;
	padding:1.2em 25px 1.2em 20px;
}
.swc {
	display:none;
}
.pbp_cat_mov_link {
	display:flex;
  flex-direction:column;
  flex-wrap:wrap;
  justify-content:space-between;
	}
.rtn_pbptop {
	margin:66px 0;
	text-align:center;
}
.rtn_pbptop a{
	display:inline-block;
	background:#252625;
	padding:0.7em;
	width:38%;
	color:#fff;
	font-size:16px;
	text-align:center;
}
#pbp_btn_all,
#pbp_btn_all img {
	width:100%;
}

#pbp_information {
	margin:66px 0 20px;
  border-top:5px solid #987d3f;
  border-bottom:5px solid #987d3f;
	padding:3px 0;
	font-size:14px;
}
.content hr.hrth {
  border-top:1px solid #987d3f;
	display:block;
}
#pbp_information h2, .PLAINPANEL01 #pbp_information h2 {
	margin:0 10px;
	padding:0.5em 0;
	border-bottom:1px solid;
	text-align:center;
	font-size:24px;
	color:#9b835d;
}
#pbp_information h2 + p{
	margin:1em 5% 1.2em;
	word-break:break-word;
}
.pbp_info_list {
	display:block;
	margin-bottom:0.5em;
}
.pbp_info_list > div {
	width:90%;
	margin: 1em auto;
	border:1px solid #9b835d;
	padding:3% 5%;
}
.pbp_info_list > div h3, .PLAINPANEL01 .pbp_info_list > div h3{
	border-bottom:1px solid;
	padding:0 0 9px 0;
	margin:0 0 17px 0;
	color:#9b835d;
	font-size:24px;
	text-align:center;
}
.pbp_info_list > div p {
	margin-bottom:1.2em;
}
.m_txt_footercaption {
	font-size:0.75rem;
	margin: auto 3%;
}

/* clingify.scss */
.js-clingify-ztransform, .js-clingify-wrapper {
  -webkit-transform:translateZ(0);
  -moz-transform:translateZ(0);
  -ms-transform:translateZ(0);
  -o-transform:translateZ(0);
  transform:translateZ(0);
}
.js-clingify-wrapper {
/*  width:100%; */
	width:765px;
	margin:0;
	padding:0;
}
.js-clingify-locked {
  position:fixed;
  top:0;
  z-index:999;
}