@charset "UTF-8";

/*set*/

.backnumber .update {
	display: none;
}

.center {
	text-align: center;
}

/*clearfix*/
.mimiyori_box:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.mimiyori_box {
	min-height: 1px;
	-webkit-font-smoothing: antialiased;
}


#info_contents h2,
#info_contents h3,
blockquote {
	clear: both;
}

.top_img {
	position: relative;
	margin-bottom: 1.5em;
}

.mimiyori_box h2 {
	font-size: 1.5em;
	margin-top: 2em;
	margin-bottom: 0.7em;
	border-bottom: 0.1em solid #000;
	padding-bottom: 0.2em;
}

.mimiyori_box h3 {
	font-size: 1.4em;
	margin-top: 2em;
	margin-bottom: 0.7em;
	border-left: 0.2em solid #42a5ea;
	padding-left: 0.5em;
}

.mimiyori_box h4 {
	margin-top: 1.2em;
	font-size: 1.3em;
}

.mimiyori_box h5 {
	margin-top: 1em;
	font-size: 1.15em;
	padding-left: 1em;
	text-indent: -1em;
}

#info_contents h5:before {
	content: "■";
}

.mimiyori_box p {
	font-size: 1.1em;
	margin-bottom: 1em;
}

.top_img,
.mimiyori_box .pict img {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	display: block;
	max-width: 92%;
	height: auto;
}

.source {
	text-align: left;
	margin-top: 1em;
	font-style: oblique;
	font-size: 0.75em;
	color: #999;
}

.source a {
	color: #999;
	text-decoration: underline;
}

.source:before {
	content: "引用元：";
}


.display_exact .goods_set {
	margin-bottom: 0.5em;
}

.display_exact .txt_box {
	margin-left: 145px;
}

.display_exact li+li

/* .goods_set*/
	{
	border-top: 0.1em dashed #fff;
	/*padding-top:0.5em;
	margin: 0;*/
}

.display_focus,
.display_exact {
	background: #f0f0f0;
	margin: 1em 0;
	padding: 2%;
}

.display_focus>li+li {
	margin-top: 1em;
	border-top: 0.1em dashed #fff;
	padding-top: 1em;
}

.display_focus .img_box {
	display: none;
}

.display_focus li>a {
	display: block;
	text-align: center;
	width: 40%;
	float: left;
}

.display_focus .l_img {
	max-height: 13em;
}

.display_focus .goods_set {
	/*margin-left:42%;*/
	width: 57%;
	float: right;
}

.display_focus .name {
	font-weight: bold;
}

.display_focus .btn {
	text-align: right;
}

.display_focus li {
	overflow: hidden;
}

/*==============================
正方形レイアウト
==============================*/

.thum_layout li {
	float: left;
	margin: 0.5%;
	text-align: center;
}

.thum_layout li img {}

/*clearfix*/
.thum_layout:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.thum_layout {
	min-height: 1px;
}

* html .thum_layout {
	/*height: 1px;/*\*/
	/*/
  height: auto;
  overflow: hidden;
  /**/
}

/*==============================
サンプル
==============================*/
.sample_box {
	position: relative;
	background: #fff url(/category/other/info/welcome/image/fb.png) no-repeat left bottom;
	background-size: auto 90%;
	-webkit-background-size: auto 90%;
	-moz-background-size: auto 90%;
	-o-background-size: auto 90%;
	-ms-background-size: auto 90%;
	padding: 0.8em 4%;
	padding-left: 5em;
	border: 0.1em solid #fe7891;
	color: #fe7891;
}

.sample_box:before {
	content: "こちらの商品は、サンプルでもお試しいただけます。";
}

.sample_box strong:before {
	content: "\aサンプル番号：";
	font-weight: normal;
	white-space: pre;
}

.sample_box a {
	font-size: 0.88em;
	display: block;
	text-align: right;
}

.sample_box a:after {
	content: "\e964";
	font-family: "icomoon";
	color: #fe7891;
}

/*==============================
table_normal
==============================*/
.table_normal th {
	background: #f0f0f0;
	white-space: nowrap;
}

.table_normal td {
	background: #fff;
	text-align: center;
	white-space: nowrap;
}

.table_normal .r_img {
	width: 5em;
}

.table_normal span {
	font-size: 0.85em;
}

.table_normal .cp_box {
	display: block;
}

/*==============================
バックナンバー
==============================*/
.backnumber li {
	border-top: 1px dotted #ccc;
	padding: 0.5em 1.5%;
}

.backnumber li:first-child {
	border-top: 1px dotted #ccc;
}

.backnumber li:hover {
	background: #FFC;
}

.backnumber h3.title {
	border-top: 0.1em solid #000;
	background-color: #f0f0f0;
	padding: 0.2em 0.5em;
	margin: 2em 0 0;
}

.backnumber a {
	display: table;
	width: 100%;
	text-decoration: none;
}

.backnumber a img,
.backnumber a span {
	display: table-cell;
	vertical-align: middle;
}

.backnumber a span {
	width: 78%;
	padding-left: 5%;
}

/*==============================
L画像切替
==============================*/

.shousai_l_ul ul {
	overflow: hidden;
	margin-top: 0.5em;
}

.shousai_l_ul li {
	float: left;
	width: 25%;
}

.shousai_l_ul li img {
	width: 95%;
	height: auto;
}

/*アパ不要要素削除*/
.shousai_l_ul_tit,
.shousai_l_ul p,
.shousai_l_ul ul:not(:first-of-type) {
	display: none;
}

/*==============================
独自商品レイアウト
==============================*/
.display_mimi {
	background: #f0f0f0;
}

.display_mimi li {
	padding: 0.3em;
}

.display_mimi li:not(:first-child) {
	border-top: 0.1em dashed #fff;
}

.display_mimi .goods_set {
	display: table;
	width: 100%;
}

.display_mimi .goods_set .img_box,
.display_mimi .goods_set .txt_box {
	display: table-cell;
	vertical-align: middle;
	padding: 0.5em;
}

.display_mimi .goods_set .img_box {
	width: 145px;
}

.display_mimi .goods_set .name {
	font-weight: bold;
}

.display_mimi .goods_set .btn {
	text-align: right;
}

.display_mimi .goods_set .btn img {
	width: 150px;
}

/*==============================
ベストバイ用
==============================*/
.display_mimi2 {
	margin-bottom: 5%;
}

.display_mimi2 li {
	padding: 0.8em;
}

.display_mimi2 li:not(:first-child) {
	border-top: 1em solid #fff;
}

.display_mimi2 .goods_set {
	display: table;
	width: 100%;
}

.display_mimi2 .goods_set .img_box,
.display_mimi2 .goods_set .txt_box {
	display: table-cell;
	vertical-align: middle;
	padding: 0.5em;
}

.display_mimi2 .goods_set .img_box {
	width: 185px;
}

.display_mimi2 .goods_set .name {
	font-weight: bold;
}

.display_mimi2 .goods_set .btn {
	text-align: right;
}

.display_mimi2 .goods_set .btn img {
	width: 220px;
}

/*==============================
タレントプロフィール
==============================*/
.profile_box {
	margin: 1.5em 0;
	border: 0.2em solid #ccc;
	font-size: 0.75em;
	display: table;
}

.profile_box p {
	margin-bottom: 0;
}

.profile_box .img_box,
.profile_box .txt_box {
	display: table-cell;
	padding: 1em 2%;
}

.profile_box .img_box {
	width: 35%;
	vertical-align: top;
}

.profile_box .txt_box {
	padding-left: 0;
	vertical-align: bottom;
}

.profile_box .name {
	font-size: 1.2em;
	margin-bottom: 1em;
}

/*==============================
画像位置
==============================*/
.detail_include .caption {
	margin-top: 0.2em;
	font-size: 0.73em;
	line-height: 1.3;
}

.img_right .caption,
.img_left .caption {
	max-width: 300px;
	margin-top: 0.5em;
	font-size: 0.73em;
	line-height: 1.3;
}

.detail_include .img_left .caption {
	text-align: left;
}

.detail_include .img_right .caption {
	text-align: right;
}


/*==============================
画像横並び
==============================*/
.flex_box {
	display: flex;
	width: 100%;
}

.flex_box>img {
	width: 30%;
}

.flex_box>div {
	width: 70%;
}

.attention {
	text-align: right;
	font-size: 0.85em !important;
}

/*==============================
202302 みみトピNEWテンプレート用
==============================*/

/*見た目調整*/
.pB1 {
	padding-bottom: 1%;
}

.pB3 {
	padding-bottom: 3%;
}

.pB5 {
	padding-bottom: 5%;
}

.pB7 {
	padding-bottom: 7%;
}

/*=========2カラム01=========*/

.column02_01box {
	margin: 3% 0;
}

/******大枠******/
#column02_01.flex_box2 {
	display: flex;
	align-items: flex-start;
	font-size: 1.2em;
	gap: 4%;
}

#column02_01.flex_box2>div {
	text-align: center;
	width: 50%;
}

/******テキスト******/
#column02_01.flex_box2 p {
	text-align: left;
	font-size: 0.85em;
}

/******見出し******/
#column02_01.flex_box2 .headline {
	padding: 2%;
	border-radius: 5px;
	font-size: 1.2em;
	font-weight: bold;

}

#column02_01.flex_box2 .headline a {
	color: #fff;
}

/******サブコピー(見出しのところ)******/
#column02_01 .subcopy {
	font-weight: bold;
	font-size: 1.1em;
	margin: 4%;
}

/******\今回はこちら/の部分******/
#column02_01 span.sub {
	display: inline-block;
	margin-bottom: 3%;
}

/*=========2カラム01ここまで=========*/

/*=========2カラム02=========*/
#column02_02.flex_box2 {
	display: flex;
	align-items: flex-start;
	gap: 7%;
	justify-content: center;

}

#column02_02.flex_box2>div {
	text-align: center;
	max-width: 50%;
}

/*=========2カラム02ここまで=========*/

/*=========2カラム03=========*/
#column02_03.flex_box2 {
	display: flex;
	justify-content: center;
	gap: 1%;
}

/*=========2カラム03ここまで=========*/

/*=========2カラム04=========*/
#column02_04.flex_box2 {
	display: flex;
	justify-content: center;
	gap: 5%;
}

#column02_04 .flex_text {}

#column02_04 .flex_img {
	padding: 0%;
	flex-shrink: 0;
}

#column02_04 h4.bold {
	font-weight: bold;
	border-bottom: none !important;
	margin-bottom: 0.2em;
	margin-top: 0;
}

/*=========2カラム04ここまで=========*/

/*=========見出し装飾01=========*/
#headline01.head_line {
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	margin: 0 0 1em 0;
	padding: 1.1em;
	border-top: 1px solid;
	border-bottom: 1px solid;
}

#headline01 .waku {
	font-size: 0.8em;
}

/*=========見出し装飾01ここまで=========*/

/*=========テキスト装飾01=========*/
#text01 {
	border: 2px solid #848484;
	margin: 5% 5% 2%;
	text-align: center;
	border-radius: 7px;
}

/*=========テキスト装飾01ここまで=========*/

/*=========テキスト装飾02=========*/
#text02_yellow,
#text02_pink,
#text02_blue {
	display: inline;
}

#text02_yellow {
	background: linear-gradient(transparent 60%, #ff6 60%);
}

#text02_pink {
	background: linear-gradient(transparent 60%, #ffd5f1 60%);
}

#text02_blue {
	background: linear-gradient(transparent 60%, #d5f2ff 60%);
}

/*=========テキスト装飾02ここまで=========*/

/*=========テキスト装飾03=========*/
#text03.waku {
	border: 1px solid;
	display: inline-block;
	padding: 0.25em 0.5em;
	margin-right: 0.5em;
}

/*=========テキスト装飾03ここまで=========*/

/*=========3カラム01=========*/
#column03_01.flex_box2 ul {
	display: flex;
	gap: 1%;
	justify-content: center;
}

/*=========3カラム01ここまで=========*/

/*=========3カラム02=========*/
/******大枠******/
#column03_02.flex_box2 ul {
	display: flex;
	font-size: 1.0em;
	gap: 2%;
}

#column03_02.flex_box2>ul li {
	text-align: center;
	width: 33%;
	display: flex;
	flex-direction: column;
}

#column03_02.flex_box2 img {
	margin-bottom: auto;
}

/******テキスト******/
#column03_02.flex_box2 p {
	text-align: left;
	font-size: 0.85em;
}

/******見出し******/
#column03_02.flex_box2 .headline {
	padding: 2%;
	border-radius: 5px;
	font-size: 1.2em;
	font-weight: bold;

}

#column03_02.flex_box2 .headline {
	color: #fff;
}

/******サブコピー(見出しのところ)******/
#column03_02 .subcopy {
	margin: 7% 0;
}

#column03_02 .subcopy p {
	font-weight: bold;
	font-size: 1.1em;
	text-align: center;
	margin-bottom: 0;
}

/******本文部分******/
p.ptxt {
	padding-bottom: 0.7em;
}

/******カラム落ち処理******/
#column03_02.row .subcopy {
	height: 15%;
}

#column03_02.flex_box2.row img {
	margin-top: auto;
}

/*=========3カラム02ここまで=========*/

/* PC表示 */
@media print,
screen and (min-width: 768px) {
	.mimiyori_box {
		width: 720px;
		margin: 0 auto;
	}

	.top_img h1,
	.top_img .title {
		letter-spacing: 0.05em;
	}

	#info_contents {
		font-size: 1.10em;
	}

	.mimiyori_box p {
		line-height: 1.7;
	}

	.display_focus .copy {
		font-size: 0.83em;
	}

	body.display_focus .btn img {
		width: 70%;
	}

	body.display_exact .btn img {
		width: 30%;
	}

	/*=========正方形レイアウト=========*/
	.thum_layout li {
		width: 32.3%;
	}

	/*=========サンプル=========*/
	.sample_box a {
		width: 10em;
		position: absolute;
		right: 1em;
		bottom: 0.8em;
	}

	/*=========バックナンバー=========*/

	.backnumber {
		overflow: hidden;
	}

	.backnumber li {
		width: 47%;
		float: left;
	}

	/*=========L画像切替=========*/
	.display_apa {
		overflow: hidden;
	}

	.display_apa .goods_set,
	.display_apa .goods_set:after {
		clear: none;
	}

	#shousai_l_ul {
		margin-left: 42%;
	}

	.shousai_l_ul li {
		width: 14%;
	}

	/*=========タレントプロフィール=========*/
	.profile_box {
		font-size: 0.88em;
	}


	.profile_box .img_box {
		width: 25%;
	}

	/*=========画像位置=========*/
	img.img_right {
		float: right;
		margin-left: 1.2em;
		margin-bottom: 1em;
		max-width: 45%;
	}

	img.img_left {
		float: left;
		margin-right: 1.2em;
		margin-bottom: 1em;
		max-width: 45%;
	}

	div.img_right {
		float: right;
		clear: right;
		margin-left: 1.2em;
		margin-bottom: 1em;
	}

	div.img_left {
		float: left;
		clear: left;
		margin-right: 1.2em;
		margin-bottom: 1em;
	}

	/*=========テキスト装飾01=========*/
	#text01 {
		padding: 3% 7% 1%;
		margin: 7% 5% 3%;
	}

	.pc_none {
		display: none !important;
	}

}

/* SP表示 */
@media print,
screen and (max-width: 768px) {
	.mimiyori_box {
		width: 100%;
	}

	h4 {
		margin: 0;
	}

	.mimiyori_box h2 {
		font-size: 1.4em;
		margin: 2em 2% 0.7em 2%;
	}

	.mimiyori_box h3 {
		font-size: 1.2em;
		margin-top: 1.5em;
		margin-bottom: 2%;
	}

	.mimiyori_box h4 {
		font-size: 1em;
	}

	.mimiyori_box p {
		margin: auto 5% 1.5em;
		line-height: 170%;
		font-size: 1em;
	}

	.display_focus .goods_set {
		width: 60%;
		font-size: 0.8em;
	}

	.display_focus li>a {
		width: 35%;
		display: block;
		float: left;
	}

	body.goods_set .name {
		font-weight: normal;
	}

	body.goods_set .copy {
		display: none;
	}

	/*=========正方形レイアウト=========*/
	.thum_layout li {
		width: 49%;
		font-size: 0.75em;
	}

	/*=========サンプル=========*/
	.sample_box {
		padding-left: 30%;
	}

	/*=========table_normal=========*/
	.table_normal img.r_img {
		width: 3.5em;
		max-width: inherit;
	}

	/*=========独自商品レイアウト=========*/
	.display_mimi .goods_set .img_box {
		width: 37%;
	}

	.display_mimi .goods_set .txt_box {
		font-size: 0.88em;
	}

	.display_mimi .goods_set .btn img {
		width: 80%;
	}

	/*=========ベストバイ用=========*/
	.display_mimi2 li {
		padding: 0.3em 0em;
	}

	.display_mimi2 li:not(:first-child) {
		border-top: 0.5em solid #fff;
	}

	.display_mimi2 .goods_set .img_box {
		width: 40%;
	}

	.display_mimi2 .goods_set .txt_box {
		font-size: 0.75em;
	}

	.display_mimi2 .goods_set .btn img {
		width: 80%;
	}

	/*=========画像位置=========*/
	.img_right,
	.img_left {
		display: block;
		margin: 1em auto;
		text-align: center;
	}


	/*=========画像横並び=========*/
	.flex_box {
		flex-wrap: wrap;
		justify-content: center;
	}

	.flex_box>img {
		width: 50%;
		margin-right: 0;
	}

	/*見た目調整*/
	.pB3 {
		padding-bottom: 5%;
	}

	.pB7 {
		padding-bottom: 5%;
	}

	.w60 {
		width: 60%;
	}

	.w85 {
		width: 85%;
	}

	.w90 {
		width: 90%;
	}

	/*=========2カラム01=========*/
	/******大枠******/
	#column02_01.flex_box2 {
		flex-wrap: nowrap;
	}

	/******テキスト******/
	#column02_01.flex_box2 p {
		font-size: 0.65em;
	}

	/******見出し******/
	#column02_01.flex_box2 .headline {
		font-size: 1.0em;
		border-radius: 3px;
	}

	/******サブコピー(見出しのところ)******/
	#column02_01 .subcopy {
		font-weight: bold;
		font-size: 0.9em;
		margin: 4%;
	}

	/******\今回はこちら/の部分******/
	#column02_01 span.sub {
		font-size: 0.8em;
	}

	/*=========2カラム02=========*/
	#column02_02.flex_box2 {
		flex-wrap: nowrap;
		justify-content: space-around;
		gap: 0%;
	}

	#column02_02.flex_box2>div {
		width: 45%;
	}

	#column02_02 p {
		font-size: 0.8em;
	}

	/*=========2カラム04=========*/
	#column02_04.flex_box2 {
		flex-direction: column;
	}

	#column02_04 .flex_text {
		padding-top: 5%;
	}

	#column02_04 .flex_img {
		width: auto;
		margin: 0 auto;

	}

	#column02_04 .flex_img img {
		width: auto;
	}

	/*=========見出し装飾01=========*/
	#headline01.head_line {
		font-size: 1.3em;
		margin: 0 1em 1em 1em;
		padding: 0.8em;
	}

	#headline01 .waku {
		margin-right: 0;
		margin-bottom: 0.5em;
	}

	/*=========テキスト装飾01=========*/
	#text01 {
		padding: 5% 1% 1%;
		border-radius: 5px;
	}

	/*=========テキスト装飾03=========*/
	#text03.waku {
		margin-right: 0;
		margin-bottom: 0.5em;
	}

	/*=========3カラム01=========*/
	#column03_01.flex_box2 ul {
		flex-wrap: nowrap;

	}

	/*=========3カラム02=========*/
	/******大枠******/
	#column03_02.flex_box2 ul {
		justify-content: space-between;
	}

	#column03_02.flex_box2 {
		flex-wrap: nowrap;
	}

	#column03_02.flex_box2>ul li {
		width: 31%;
	}

	/******テキスト******/
	#column03_02.flex_box2 p {
		font-size: 0.7em;
		margin-bottom: 0;
	}

	/******見出し******/
	#column03_02.flex_box2 .headline {
		font-size: 0.8em;
		border-radius: 3px;
	}

	/******サブコピー(見出しのところ)******/
	#column03_02 .subcopy {
		font-size: 0.9em;
		margin: 6% 0% 10%;
	}

	/******カラム落ち処理******/
	#column03_02.flex_box2.row ul {
		display: block;
	}

	#column03_02.flex_box2.row>ul li {
		width: 90%;
		margin: 0 auto 10%;
	}

	#column03_02.flex_box2.row>ul li:last-child {
		margin: 0 auto;
	}

	#column03_02.row .subcopy {
		font-size: 1.3em;
		margin: 5% 0%;
	}

	#column03_02.flex_box2.row p {
		font-size: 1.0em;
	}

	#column03_02.flex_box2.row img {
		margin: 5% auto 0;
		width: 85%;
	}

	#column03_02.flex_box2.row .headline {
		font-size: 1.0em;
	}

	.sph_none {
		display: none !important;
	}

}