@charset "euc-jp";
/* CSS Document */

/*---------------------------------------------------------------------*/
/*リセット*/
* {
list-style: none outside;
}
html {
margin: 0;
padding: 0;
font: normal normal normal 100% sans-serif;
background:#ffffff;
}
body {
margin: 0;
padding: 0;
font-family: "Noto Sans JP" , "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
font-size: 0.8rem;
color: #444444;
-webkit-text-size-adjust: 100%;
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, table, th, em, img {
margin: 0;
padding: 0;
border: none;
}
th, td {
vertical-align: top;
}

input[type="text"] {
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: none;
}
/*凡庸*/
a{
	text-decoration:none;
	color: inherit;}
a:visited{ color: inherit;}
.conSMP{ display: block;}
.conPC{ display: block;}
@media screen and (min-width: 600px){
	.conSMP{ display:none !important; }
}
@media screen and (max-width: 599px){
	.conPC{ display:none !important; }
}
img{
	width: 100%;
	display: block;
}
@media screen and (min-width: 600px){
	body{
		font-size: 0.9rem;
	}
}
/*-------------------------*/
/*( ..)φ( ..)φ( ..)φ【カラーバリエーション】*/
/*テキストのみ*/
.color_text_lightgray{
	color: #E6E6E6 !important;
}
.color_text_red{
	color: #d23b4b !important;
}
.color_text_orange{
	color: #f4831b !important;
}
.color_text_blue{
	color: #2b6d84 !important;
}
.color_text_purple{
	color: #8c5786 !important;
}
.color_text_green{
	color: #34a853 !important;
}
.color_text_brown{
	color: #8a6957 !important;
}
.color_text_line{
	color: #1fc32e !important;
}
/*背景色*/
.color_background_lightgray{
	background: #E6E6E6 !important;
}
.color_background_white{
	background: #FFFFFF !important;
}
.color_background_red{
	background: #d23b4b !important;
}
.color_background_orange{
	background: #f4831b !important;
}
.color_background_blue{
	background: #2b6d84 !important;
}
.color_background_purple{
	background: #8c5786 !important;
}
.color_background_green{
	background: #34a853 !important;
}
.color_background_brown{
	background: #8a6957 !important;
}
.color_background_gray{
	background: #666 !important;
}
.color_background_line{
	background: #1fc32e !important;
}
/*( ..)φ( ..)φ( ..)φ【文字】*/
.text_center{
	text-align: center;
}
.text_bold{
	font-weight: bold;
}
/*-------------------------*/
/*( ..)φ( ..)φ( ..)φ【ヘッダー】*/
header{
	position: fixed;
	width: 100%;
	background: #FFFFFF;
	opacity: 0.9;
	z-index: 900;
	-webkit-box-shadow: rgba(113, 135, 164, 0.129412) 0px 10px 5px -7px;
}
header a{
	display: block;
	padding: 0.9rem 0;
}
header a img{
	height: 0.8rem;
}
.common header ul{
	display: none;
}
header ul.top_link{
	display: flex;
	position: fixed;
	top: 1.1rem;;
	right: 1.5rem;
}
header ul.top_link li:nth-of-type(n + 2) a:before{
	content: "｜";
	padding: 0 0.9rem;
}
header ul.top_link li a{
	display: block;
	font-size: 0.7rem;
	padding: 0;
}
@media screen and (min-width: 600px){
	header a{
		padding: 1.1rem;
	}
	header a img{
		height: 1rem;
	}
	.common header{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.common header p{
		width: 170px;
	}
	.common header ul{
		display: block;
		display: flex;
		justify-content: flex-end;
		width: 880px;
		font-family: 'Raleway', sans-serif, "Noto Sans JP";
		color: #000000;
	}
}
/*-------------------------*/
/*( ..)φ( ..)φ( ..)φ【フッター】*/
footer .copyright{
	padding: 1.2rem 3.5rem;
}
footer .copyright p{
	font-size: 0.6rem;
	text-align: center;
}
footer .copyright p span:first-of-type{
	margin-top: 0.2rem;
}
footer .copyright p span{
	display: block;
	font-size: 0.5rem;
	line-height: 0.9rem;
}
footer.up_height .copyright{
	padding: 1.2rem 3.5rem 4rem;
}
/*-------------------------*/
/*( ..)φ( ..)φ( ..)φ【レフトナビ】*/
body.left_navi{
	width: 180px;
	margin-top: 3rem;
}
body.left_navi .fixed_link_image li:nth-of-type(n + 2){
	margin-top: 14px;
}
body.left_navi [class^="content"]{
	margin: 0 auto 2rem;
}
.content_01.left_navi [class^="inner"] li .text{
	display: none;
}
.fixed_link_search{
	background: #EEEEEE;
	margin-bottom: 2rem;
}
.fixed_link_search{
	padding: 1.3rem 0;
}
.fixed_link_search ul{
	padding: 1.3rem 1.1rem 0;
}
.fixed_link_search ul li:nth-of-type(n + 2) a{
	display: block;
	padding-top: 0.5rem;
	font-weight: 500;
}
.content_01.left_navi{
	width: 180px;
}
.content_01.left_navi [class^="inner"]{
	margin: 0;
}
.content_01.left_navi [class^="inner"] li a .image{
	width: 180px;
}
body.left_navi .fixed_link_search .searchbox{
	padding: 0 0.9rem;
}
body.left_navi .fixed_link_search .searchbox form{
	padding: 0.5rem 0;
	border-radius: 2px;
	text-indent: 1rem;
}
body.left_navi .fixed_link_search .searchbox form:before{
	display: none;
}
/*-------------------------*/
/*( ..)φ( ..)φ( ..)φ【トップへ戻るボタン】*/
#page-top a{
	font-size: 2.5rem;
	color: #333333;
	opacity: 0.4;
}
#page-top {
  position: fixed;
  right: 0.9rem;
  bottom: 0;
  z-index: 901;
  opacity: 0;
  transform: translateY(200px);
}
#page-top.UpMove{
  animation: UpAnime 0.5s forwards;
}
#page-top.up_height{
  bottom: 3.5rem;
}

@keyframes UpAnime{
  from {
    opacity: 0;
  transform: translateY(200px);
  }
  to {
    opacity: 1;
  transform: translateY(0);
  }
}
#page-top.DownMove{
  animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
    opacity: 1;
  transform: translateY(0);
  }
  to {
    opacity: 1;
  transform: translateY(200px);
  }
}
/*-------------------------*/
/*( ..)φ( ..)φ( ..)φ【フェード】*/
.fadeIn {
  transform: translate3d(0, 50px, 0);
  transition: 1s;
  opacity: 0;
}
.fadeIn.animated {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.scroll {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}
/*-------------------------*/
/*( ..)φ( ..)φ( ..)φ【マウスオーバー画像の動作】*/
/*a img:hover{
	transform: scale(1.1);
	transition-duration: 0.5s;
}*/
.slider_top a img:hover{
	transition-duration: 0s;
	transform: none;
}
.narabi div:nth-of-type(1){
	overflow: hidden;
}
/*-------------------------*/
/*( ..)φ( ..)φ( ..)φ【メイン】*/
main{
	padding-top: 2.3rem;
	background: #fafafa;
/*	background: #EEE;*/
}
@media screen and (min-width: 600px){
	main{
		padding-top: 3.2rem;
	}
}
section{
	padding: 1rem 0 1.5rem;
}
section:nth-of-type(n + 2){
	padding: 4rem 0 4rem;
/*	border-top: solid 1px #999;*/
}
.massspace:nth-of-type(n + 2){
	margin-top: 3rem;
}
@media screen and (min-width: 600px){
	.massspace{
		width: 1050px;
		margin: auto;
	}
	.massspace:nth-of-type(n + 2){
		margin-top: 5rem;
	}
}
@media screen and (min-width: 600px){
	section:first-of-type{
		padding: 2rem 0 1.5rem;
	}
}
/*-------------------------*/
/*( ..)φ( ..)φ( ..)φ【スプレットシート並び共通】*/
.price_yen .narabi .price .price2:before{
	content: "￥";
	font-size: 80%;
}
.narabi .red{
	color: #d23b4b;
}
.narabi .back_red{
	color: #d23b4b;
}
/*-------------------------*/
/*( ..)φ( ..)φ( ..)φ【トップ画像】*/
.top_banner01 img{
	width: 100%;
}
@media screen and (min-width: 600px){
	.top_banner01{
		background: #666;
	}
	.top_banner01 img{
		width: 650px;
		margin: auto;
	}
	.top_banner02{
/*		background: #FFFFFF;*/
	}
	.top_banner02 img{
		width: 650px;
		margin: 3rem auto 0;
	}
	.top_banner03 img{
		width: 1050px;
		margin: 3rem auto 0;
	}
}
/*-------------------------*/
/*( ..)φ( ..)φ( ..)φ【見出し】*/
.standard h1{
	padding: 2.3rem 1rem 1rem;
	font-family: 'Raleway', sans-serif, "Noto Sans JP";
	font-size: 1.2rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	color: #333;
}
.sale_page h1{
	padding: 2.3rem 1rem 1rem;
	font-size: 1.2rem;
	font-family: 'Raleway', sans-serif, "Noto Sans JP";
	letter-spacing: 0.1em;
}
h1 span, h2 span{
	display: block;
	margin-top: 0.5rem;
	color: #999;
	font-size: 0.7rem;
}
.standard h2{
	padding: 0 1rem 1rem;
	font-family: 'Raleway', sans-serif, "Noto Sans JP";
	font-size: 1.1rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	color: #333;
}
.sale_page h2{
	padding: 0 1rem 1.8rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	font-family: 'Raleway', sans-serif, "Noto Sans JP";
	font-size: 1.1rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	color: #333;
}
.sale_page h2 span{
	width: 100%;
	text-align: center;
	color: #333;
}
.sale_page h2 p{
	margin-right: 0.4rem;
}
.sale_page h2 p img{
	height: 1.7rem;
}
.standard h3{
	padding: 1rem 0;
	font-family: 'Raleway', sans-serif, "Noto Sans JP";
	font-size: 0.7rem;
	font-weight: 400;
	color: #333;
	text-align: center;
}
.sale_page h3{
	text-align: center;
}
.sale_page h3 span{
	font-size: 90%;
	font-weight: 500;
	display: block;
}
@media screen and (min-width: 600px){
	.standard h1{
		padding: 2.5rem 10rem 3rem;
	}
	.standard h2{
		padding: 2rem 0;
		text-align: center;
	}
	.sale_page h2{
		font-size: 2rem;
	}
	.sale_page h2 p{
		margin-right: 0.6rem;
	}
	.sale_page h2 p img{
		height: 1.9rem;
	}
}
/*-------------------------*/
/*( ..)φ( ..)φ( ..)φ【ページ内アンカーリンクボタン】*/
/*固定ボタン*/
.pagelink_bottom_fixed{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 900;
}
.pagelink_bottom_fixed ul{
	display: flex;
	justify-content: space-between;
	background: #FFFFFF;
	opacity: 0.90;
	border-top: solid 1px #EEE;
}
/*.pagelink_bottom_fixed ul li{
	flex-grow: 1;
	flex-shrink: 1;
}*/
.pagelink_bottom_fixed ul.icon5 li{
	width: calc(100% / 5);
}
.pagelink_bottom_fixed ul.icon4 li{
	width: calc(100% / 4);
}
.pagelink_bottom_fixed ul.icon3 li{
	width: calc(100% / 3);
}
.pagelink_bottom_fixed ul li a{
	display: block;
	padding: 0.4rem 0.3rem 0.2rem;
	margin: auto;
	text-align: center;
}
.pagelink_bottom_fixed ul li:first-of-type a{
	padding: 0.4rem 0 0.2rem 0.8rem;
}
.pagelink_bottom_fixed ul li:last-of-type a{
	padding: 0.4rem 0.8rem 0.2rem 0;
}
.pagelink_bottom_fixed ul li a span{
	display: block;
	text-align: center;
	font-size: 0.7rem;
	font-weight: 600;
}
.pagelink_bottom_fixed ul .icon img{
	display: block;
	margin: 0 auto 0.1rem;
	width: 1.4rem;
}
@media screen and (min-width: 600px){
	.pagelink_bottom_fixed{
		bottom: auto;
		left: auto;
		top: 10rem;
		right: 0;
		width: 100px;
	}
	.pagelink_bottom_fixed ul{
		display: block;
		border-radius: 2px 0 0 2px;
		background: #CCC;
	}
	.pagelink_bottom_fixed ul.icon5 li, .pagelink_bottom_fixed ul.icon4 li, .pagelink_bottom_fixed ul.icon3 li{
		width: 100%;
	}
	.pagelink_bottom_fixed ul li a{
		padding: 1.3rem 0 1.2rem;
	}
	.pagelink_bottom_fixed ul li a span{
		font-size: 0.8rem;
	}
	.pagelink_bottom_fixed ul li:nth-of-type(n + 2){
		border-top: solid 1px #FFF;
	}
	.pagelink_bottom_fixed ul.narabi5 li:hover{
		background: #FFFFFF;
	}
	.pagelink_bottom_fixed ul li:first-of-type a, .pagelink_bottom_fixed ul li:last-of-type a{
		padding: 1.3rem 0 1.2rem;
	}
	.pagelink_bottom_fixed ul .icon img{
		width: 1.8rem;
	}
}
[class^="pagelink_inside"]{
	margin-bottom: 1.5rem;
}
[class^="pagelink_inside"] ul{
	display: flex;
	flex-wrap: wrap;
}
[class^="pagelink_inside"] ul li{
	margin-left: 0.4rem;
	padding: 0.4rem 0.5rem;
	border: solid 1px #999;
	border-radius: 1rem;
}
[class^="pagelink_inside"] ul li a{
	display: block;
}
[class^="pagelink_inside"] ul li.push{
	color: #d23b4b;
	border: solid 1px #d23b4b;
	background: #d23b4b;
	color: #FFFFFF;
}
.pagelink_inside_list ul{
	padding: 0 0.6rem 0 0.2rem;
	justify-content: center;
}
.pagelink_inside_list ul li{
	margin-bottom: 0.4rem;
}

.pagelink_inside_scroll ul{
	overflow: scroll;
	justify-content: start;
	flex-direction: column;
	height: 3rem;
}
@media screen and (min-width: 600px){
	.pagelink_inside_scroll ul{
		    overflow: visible;
			justify-content: center;
			flex-direction: row;
	}
}
/*-------------------------*/
/*( ..)φ( ..)φ( ..)φ【リンクボタン】*/
[class^="more_button"]{
	margin-top: 0.5rem;
	margin: auto;
}
[class^="more_button"] a{
	display: block;
	margin-top: 0.5rem;
	padding: 0.9rem 0;
	background: #999;
	color: #FFFFFF;
	text-align: center;
	font-weight: 600;
	border-radius: 3px;
}
.more_button_01{
	width: 75%;
}
.more_button_01 a{
}
.more_button_02{
	width: 90%;
	display: flex;
	flex-wrap: wrap;
}
.more_button_02 a .icon img{
	margin: 0 3rem 0.5rem;
	width: calc(100% - 6rem);
}
.more_button_02 a{
	width: calc((100% - 0.5rem) / 2);
}
.more_button_02.border a{
	width: calc((100% - (0.5rem + 12px)) / 2);
	border: solid 3px #d23b4b;
	}
.more_button_02 a:nth-of-type(odd){
	margin-right: 0.5rem;
}
@media screen and (min-width: 600px){
	.more_button_01{
		width: 300px;
	}
	.more_button_02{
		width: calc(600px + 0.5rem);
	}
	.more_button_02 a .icon img{
		margin: 0.8rem 6.5rem 1rem;
		width: calc(100% - 13rem);
	}
	[class^="more_button"] a{
		font-size: 1rem;
	}
}
/*-------------------------*/
/*( ..)φ( ..)φ( ..)φ【検索窓】*/
.searchbox{
	margin: 0 1.8rem;
}
.searchbox form{
	position: relative;
	padding: 0.8rem 0;
	border: solid 1px #BBB;
	border-radius: 3rem;
	background: #FFFFFF;
	text-indent: 1.5rem;
	color: #333;
	font-family: "Noto Sans JP";
}
.searchbox form:before{
	content: "";
	position: absolute;
	top: 0.5rem;
	right: 3.7rem;
	width: 0.15rem;
	height: 1.8rem;
	background: #BBB;
}
.searchbox form:after{
	position: absolute;
	top: 0.85rem;
	right: 1.5rem;
	display: block;
	font-family: "Font Awesome 5 Free";
    content: "\f002";
    font-weight: 600;
    font-size: 1.1rem;
    color: #BBB;
}
@media screen and (min-width: 600px){
	.searchbox{
		width: 500px;
		margin: auto;
	}
}
/*-------------------------*/
/*( ..)φ( ..)φ( ..)φ【ハッシュタグ】*/
.hashtag{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0 0.5rem;
}
.hashtag li{
	margin-left: 0.5rem;
}
.hashtag li a{
	display: block;
	padding: 0.2rem 0;
}
.hashtag li a:before{
	content: "＃";
}
@media screen and (min-width: 600px){
	.hashtag{
		width: 550px;
		margin: 2rem auto 0;
	}
}
/*-------------------------*/
/*( ..)φ( ..)φ( ..)φ【クーポン】*/
.content_coupon{
}
.content_coupon .inner_list{
	display: flex;
	flex-wrap: wrap;
	width: 90%;
	margin: auto;
}
.content_coupon .inner_list .coupon_image{
	width: 100%;
	margin-bottom: 1.3rem;
	background: #212121;
	color: #FFFFFF;
	text-align: center;
	border-radius: 5px;
	overflow: hidden;
}
.content_coupon .inner_list .coupon_image a{
	display: block;
}
.content_coupon .inner_list .coupon_image a:nth-of-type(1){
	padding-top: 1rem;
}
.content_coupon .inner_list .coupon_image a:nth-of-type(2){
	margin-top: -0.5rem;
}
.content_coupon .inner_list .coupon_image p:nth-of-type(n + 2), .content_coupon .inner_list .coupon_image a:nth-of-type(2){
	background: #353535;
}
.content_coupon .inner_list .coupon_image.color_background_red p:nth-of-type(n + 2), .content_coupon .inner_list .coupon_image.color_background_red a:nth-of-type(2){
	background: #DB5858;
}
.content_coupon .inner_list .coupon_image.color_background_line p:nth-of-type(n + 2), .content_coupon .inner_list .coupon_image.color_background_line a:nth-of-type(2){
	background: #4cd24c;
}
.content_coupon .inner_list .coupon_image.color_background_purple p:nth-of-type(n + 2), .content_coupon .inner_list .coupon_image.color_background_purple a:nth-of-type(2){
	background: #9a6594;
}
.content_coupon .inner_list .coupon_image.color_background_blue p:nth-of-type(n + 2), .content_coupon .inner_list .coupon_image.color_background_blue a:nth-of-type(2){
	background: #38788f;
}
.content_coupon .inner_list .coupon_image a:nth-of-type(1) span{
	display: block;
}
.content_coupon .inner_list .coupon_image.color_background_red p.button span{
	color: #d23b4b;
}
.content_coupon .inner_list .coupon_image.color_background_line p.button span{
	color: #1fc32e;
}
.content_coupon .inner_list .coupon_image.color_background_purple p.button span{
	color: #8c5786;
}
.content_coupon .inner_list .coupon_image.color_background_blue p.button span{
	color: #2b6d84;
}
.content_coupon .inner_list .coupon_image a:nth-of-type(1) .data01 span:nth-of-type(2){
	font-size: 3rem;
	line-height: 1.3;
}
.content_coupon .inner_list .coupon_image a:nth-of-type(1) .data01 span.normal{
	font-size: 2.5rem;
}
.content_coupon .inner_list .coupon_image a:nth-of-type(1) .data01 [class^="yen"]:before{
	content: "￥";
}
.content_coupon .inner_list .coupon_image a:nth-of-type(1) .data01 span.yen_off:after{
	content: "OFF";
}
.content_coupon .inner_list .coupon_image a:nth-of-type(1) .data01 span.p_off:after{
	content: "％OFF";
}
.content_coupon .inner_list .coupon_image a:nth-of-type(1) .data01 span:before, .content_coupon .inner_list .coupon_image a:nth-of-type(1) .data01 span:after{
	font-size: 70%;
}
.content_coupon .inner_list .coupon_image a:nth-of-type(1) .data02{
	padding: 0.5rem 0;
}
.content_coupon .inner_list .coupon_image a:nth-of-type(1) .data02 span{
	font-size: 0.7rem;
	line-height: 1.7;
}
.content_coupon .inner_list .coupon_image p.button{
	padding-bottom: 1rem;
}
.content_coupon .inner_list .coupon_image p.button span{
	display: block;
	width: 50%;
	margin: auto;
	padding: 0.4rem 0;
	border-radius: 2px;
	background: #FFFFFF;
	color: #212121;
	font-weight: 600;
}
.content_coupon .inner_list .coupon_image.all a:nth-of-type(2){
	display: none;
}
@media screen and (min-width: 600px){
	.content_coupon .massspace{
		width: 850px;
	}
	.content_coupon .inner_list{
		width: 100%;
	}
	.content_coupon .inner_list .coupon_image{
		width: calc((100% - 1.8rem) / 2);
		margin-bottom: 1.8rem;
	}
	.content_coupon .inner_list .coupon_image:nth-of-type(odd){
		margin-right: 1.8rem;
	}
	.content_coupon .inner_list .coupon_image p.button span:hover{
		opacity: 0.9;
	}
	.content_coupon.simple .inner_list .coupon_image a:nth-of-type(1) .data02{
		display: none;
	}
	.content_coupon.simple .inner_list .coupon_image.color_background_red p:nth-of-type(n + 2){
		background: none;
	}
	.content_coupon.simple .inner_list .coupon_image.color_background_line{
		display: none;
	}
}
/*-------------------------*/
/*( ..)φ( ..)φ( ..)φ【テキスト】*/
/*説明文左寄せ*/
.text_explanation{
	padding: 0.5rem 1rem 1.5rem;
	color: #333;
}
/*説明文左寄せ*/
.text_explanation.text_center{
	text-align: center;
}
/*( ..)φ( ..)φ( ..)φ【画像】*/
.image_explanation{
	width: 92%;
	margin: auto;
}
@media screen and (min-width: 600px){
	.image_explanation{
		width: 650px;
	}
}
/*-------------------------*/
/*( ..)φ( ..)φ( ..)φ【並び】*/
.item_narabi{
}
.item_narabi [class^="narabi_inner"]{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
/*	width: 97%;*/
	margin: auto;
}
.item_narabi [class^="narabi_inner"] .narabi{
	margin: 0 0.2rem 0.5rem;
}
.item_narabi [class^="narabi_inner"] .narabi div:nth-of-type(2){
	padding: 0.6rem 0.3rem;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
}
.item_narabi [class^="narabi_inner"] .narabi .text span, .item_narabi [class^="narabi_inner"] .narabi .brand{
	display: block;
	font-size: 0.7rem;
}
.item_narabi [class^="narabi_inner"] .narabi .text .text01, .item_narabi [class^="narabi_inner"] .narabi .brand{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	order: 3;
	width: 100%;
}
.item_narabi [class^="narabi_inner"].pattern01 .narabi.big .text span{
	font-size: 0.8rem;
}
/*価格*/
.item_narabi [class^="narabi_inner"] .narabi .price span.py-label{
	display: block;
	margin-left: 0.4rem;
}
.item_narabi [class^="narabi_inner"].pattern01 .narabi.big .price{
	display: flex;
/*	align-items: baseline;*/
}
.item_narabi [class^="narabi_inner"] .narabi.big .price span:nth-of-type(n + 2){
	margin-left: 0.4rem;
}
.item_narabi [class^="narabi_inner"] .narabi .text{
	order: 3;
	width: 100%;
}
.item_narabi [class^="narabi_inner"] .narabi .price{
	display: flex;
	flex-wrap: wrap;
	order: 1;
	width: 100%;
}
.item_narabi [class^="narabi_inner"] .narabi.big .brand{
	order: 1;
}
.item_narabi [class^="narabi_inner"] .narabi.big .text{
	order: 2;
}
.item_narabi [class^="narabi_inner"] .narabi.big .price{
	order: 3;
}
.item_narabi [class^="narabi_inner"] .narabi.big p{
	margin-top: 0.3rem;
}
.item_narabi [class^="narabi_inner"] .narabi .price [class^="comparison"]{
	font-size: 0.6rem;
	width: 100%;
	display: none;
}
.item_narabi [class^="narabi_inner"] .narabi img{
	border-radius: 5px;
}
/*.item_narabi [class^="narabi_inner"] .narabi .price .comparison-01, .item_narabi [class^="narabi_inner"] .narabi .price .comparison-02, .item_narabi [class^="narabi_inner"] .narabi .price .comparison-03, .item_narabi [class^="narabi_inner"] .narabi .price .comparison-coupon{
	text-decoration: line-through;
}*/
.item_narabi [class^="narabi_inner"] .narabi .price .comparison-01:before{
	content: "当店通常販売価格 ￥";
}
.item_narabi [class^="narabi_inner"] .narabi .price .comparison-02:before{
	content: "メーカー希望小売価格 ￥";
}
.item_narabi [class^="narabi_inner"] .narabi .price .comparison-03:before{
	content: "ブランド公式掲載価格 ￥";
}
.item_narabi [class^="narabi_inner"] .narabi .price .comparison-coupon:before{
	content: "販売価格 ￥";
}
.item_narabi [class^="narabi_inner"].price_yen .narabi .price [class^="icon"]{
	padding: 0.1rem 0.3rem 0.1rem;
	display: inline;
	background: #999;
	font-size: 0.75rem;
	color: #FFFFFF;
	line-height: 2.5;
}
.item_narabi [class^="narabi_inner"].price_yen .narabi .price .icon-yoff:before{
	content: "￥";
}
.item_narabi [class^="narabi_inner"].price_yen .narabi .price .icon-yoff:after{
	content: "OFF";
	margin-left: 0.15rem;
}
.item_narabi [class^="narabi_inner"].price_yen .narabi .price .icon-poff:after{
	content: "％OFF";
}
.item_narabi [class^="narabi_inner"].price_yen .narabi .price .icon-point:before{
	content: "ポイント";
}
.item_narabi [class^="narabi_inner"].price_yen .narabi .price .icon-point:after{
	content: "倍";
}
.item_narabi [class^="narabi_inner"].price_yen .narabi .price .icon-ycoupon:before{
	content: "￥";
}
.item_narabi [class^="narabi_inner"].price_yen .narabi .price .icon-ycoupon:after{
	content: "クーポン";
}
.item_narabi [class^="narabi_inner"].price_yen .narabi .price .icon-pcoupon:after{
	content: "％クーポン";
}
/*セール仕様*/
.item_narabi [class^="narabi_inner"].price_yen.sale .narabi .price .price2{
	color: #d23b4b;
	font-size: 1.2rem;
	font-weight: 600;
}
.item_narabi [class^="narabi_inner"].price_yen.sale .narabi .price [class^="icon"]{
	background: #d23b4b;
}
.item_narabi [class^="narabi_inner"].price_yen.sale .narabi .price .icon-point{
	background: #F90;
}
.item_narabi [class^="narabi_inner"].price_yen.sale .narabi .price .icon-text02{
	background: #999;
}
.item_narabi [class^="narabi_inner"].price_yen.sale .narabi .price .comparison-text{
	color: #d23b4b;
	font-weight: 600;
}
/*大きさパターン*/
.item_narabi [class^="narabi_inner"].pattern01 .narabi.big{
	width: calc(100% - 0.4rem);
}
.item_narabi [class^="narabi_inner"].pattern01 .narabi{
	width: calc((100% - 0.8rem) / 2);
}
.item_narabi [class^="narabi_inner"].pattern02 .narabi.big{
	width: calc((100% - 0.8rem) / 2);
}
.item_narabi [class^="narabi_inner"].pattern02 .narabi{
	width: calc((100% - 1.2rem) / 3);
}
.item_narabi .narabi_inner_scroll.pattern03 .narabi{
	margin: 0 0.4rem 0.5rem;
}
.item_narabi [class^="narabi_inner"].pattern03 .narabi div:nth-of-type(2){
	display: block;
}
.item_narabi [class^="narabi_inner"].pattern03 .narabi a{
	display: flex;
}
.item_narabi [class^="narabi_inner"].pattern03 .narabi a div:nth-of-type(1){
	width: 45%;
}
.item_narabi [class^="narabi_inner"].pattern03 .narabi a div:nth-of-type(2){
	padding: 0.7rem 0 0 0.7rem;
	width: calc(55% - 0.7rem);
}
.item_narabi [class^="narabi_inner"].pattern04 .narabi{
	width: calc((100% - 0.8rem) / 2);
}
.item_narabi [class^="narabi_inner"].pattern04 .narabi.big{
	width: calc(100% - 0.4rem);
}
.item_narabi [class^="narabi_inner"].pattern05{
	width: 85%;
}
.item_narabi [class^="narabi_inner"].pattern05 .narabi{
	border-bottom: solid 1px #EEE;
	padding-bottom: 1rem;
}
.item_narabi [class^="narabi_inner"].pattern05 .narabi:first-of-type{
	border-top: solid 1px #EEE;
	padding-top: 1rem;
}
.item_narabi [class^="narabi_inner"].pattern05 .narabi a{
	display: flex;
	flex-wrap: wrap;
}
.item_narabi [class^="narabi_inner"].pattern05 .narabi a div:nth-of-type(1){
	width: 40%;
}
.item_narabi [class^="narabi_inner"].pattern05 .narabi a div:nth-of-type(2){
	padding: 0.7rem 0 0 0.7rem;
	width: calc(60% - 0.7rem);
}
/*スマホスクロール*/
.item_narabi .narabi_inner_scroll{
	    overflow: scroll;
		justify-content: start;
		flex-direction: column;
}
.item_narabi .narabi_inner_scroll.pattern01{
	height: 135vw;
}
.item_narabi .narabi_inner_scroll.pattern01.big{
	height: 110vw;
}
.item_narabi .narabi_inner_scroll.pattern01 .narabi{
	width: 40%;
}
.item_narabi .narabi_inner_scroll.pattern01 .narabi.big{
	width: 80%;
}
.item_narabi .narabi_inner_scroll.pattern02{
	height: 125vw;
}
.item_narabi .narabi_inner_scroll.pattern02.big{
	height: 135vw;
}
.item_narabi .narabi_inner_scroll.pattern02 .narabi{
	width: 30%;
}
.item_narabi .narabi_inner_scroll.pattern02 .narabi.big{
	width: 40%;
}
.item_narabi .narabi_inner_scroll.pattern03{
	height: 85vw;
}
.item_narabi .narabi_inner_scroll.pattern03 .narabi{
	width: 90%;
}
.item_narabi .narabi_inner_scroll.pattern04{
	height: 135vw;
}
.item_narabi .narabi_inner_scroll.pattern04.small{
	height: 78vw;
}
.item_narabi .narabi_inner_scroll.pattern04.big{
	height: 110vw;
}
.item_narabi .narabi_inner_scroll.pattern04 .narabi{
	width: 44%;
}
.item_narabi .narabi_inner_scroll.pattern04 .narabi.big{
	width: 80%;
}
@media screen and (min-width: 600px){
	.item_narabi [class^="narabi_inner"].pattern01, .item_narabi [class^="narabi_inner"].pattern02{
		width: 1050px;
		margin: auto;
	}
	.item_narabi [class^="narabi_inner"].pattern01 .narabi, .item_narabi [class^="narabi_inner"].pattern02 .narabi.big{
		width: calc((100% - 4rem) / 2);
		margin: 0 1rem 1.5rem;
	}
	.item_narabi [class^="narabi_inner"].pattern01 .narabi.big{
		width: calc(100% - 2rem);
	}
	.item_narabi [class^="narabi_inner"].pattern01 .narabi.big a{
		display: flex;
	}
	.item_narabi [class^="narabi_inner"].pattern01 .narabi.big a div:nth-of-type(1){
		width: 650px;
	}
	.item_narabi [class^="narabi_inner"].pattern01.price_yen .narabi .price .price2{
		font-size: 2rem;
	}
	.item_narabi [class^="narabi_inner"].pattern01.price_yen .narabi .price [class^="icon"]{
		font-size: 1.1rem;
	}
	.item_narabi [class^="narabi_inner"].pattern01 .narabi div:nth-of-type(2){
		padding: 2rem 0 0 2rem;
		width: calc(((1050px - 4rem) - 650px) - 2rem);
	}
	.item_narabi [class^="narabi_inner"].pattern02 .narabi{
		width: calc((100% - 6rem) / 3);
		margin: 0 1rem 1.5rem;
	}
	.item_narabi [class^="narabi_inner"].pattern03{
		width: 450px;
		margin: auto;
	}
	.item_narabi [class^="narabi_inner"].pattern03.big{
		width: 1050px;
		margin: auto;
	}
	.item_narabi [class^="narabi_inner"].pattern03.big .narabi{
		width: calc((100% - 4rem) / 2);
		margin: 0 1rem 1.5rem;
	}
	.item_narabi [class^="narabi_inner"].pattern04{
		width: 1050px;
		margin: auto;
	}
	.item_narabi [class^="narabi_inner"].pattern04 .narabi{
		width: calc((100% - 8rem) / 4);
		margin: 0 1rem 1.5rem;
	}
	.item_narabi [class^="narabi_inner"].pattern04 .narabi.big{
		width: calc((100% - 6rem) / 3);
		margin: 0 1rem 1.5rem;
	}
	.item_narabi [class^="narabi_inner"].pattern04.big_narabi1 .narabi.big{
		width: calc(100% - 200px);
		margin: 2rem 100px;
	}
	.item_narabi [class^="narabi_inner"].pattern04.big_narabi1 .narabi.big a{
		display: flex;
	}
	.item_narabi [class^="narabi_inner"].pattern04.big_narabi1 .narabi.big a div:nth-of-type(1){
		width: 450px;
	}
	.item_narabi [class^="narabi_inner"].pattern04.big_narabi1 .narabi.big a div:nth-of-type(2){
		width: 370px;
		padding: 1.5rem 0 0 30px;
	}
	.item_narabi [class^="narabi_inner"].pattern04.big_narabi1 .narabi.big .text span, .item_narabi [class^="narabi_inner"].pattern04.big_narabi1 .narabi.big .brand{
		font-size: 1rem;
	}
	.item_narabi [class^="narabi_inner"].price_yen.sale.pattern04.big_narabi1 .narabi.big .price .price2{
		font-size: 1.8rem;
	}
	.item_narabi [class^="narabi_inner"].price_yen.pattern04.big_narabi1 .narabi.big .price [class^="icon"]{
		font-size: 0.9rem;
	}
	.item_narabi [class^="narabi_inner"].pattern04.big_narabi1 .narabi.big .price [class^="comparison"]{
		margin-top: 1rem;
		font-size: 0.9rem;
	}
	.item_narabi .narabi_inner_scroll{
		    overflow: visible;
			justify-content: left;
			flex-direction: row;
	}
	.item_narabi .narabi_inner_scroll.pattern01, .item_narabi .narabi_inner_scroll.pattern01.big, .item_narabi .narabi_inner_scroll.pattern02, .item_narabi .narabi_inner_scroll.pattern02.big, .item_narabi .narabi_inner_scroll.pattern03, .item_narabi .narabi_inner_scroll.pattern03.big, .item_narabi .narabi_inner_scroll.pattern04, .item_narabi .narabi_inner_scroll.pattern04.big, .item_narabi .narabi_inner_scroll.pattern04.small{
		height: auto;
	}
	.item_narabi [class^="narabi_inner"] .narabi.big p{
		margin-top: 1rem;
	}
}
/*-------------------------*/
/*( ..)φ( ..)φ( ..)φ【インデックス】*/
.link_image_button{
	display: flex;
	width: 980px;
	margin: auto;
}
.link_image_button li:hover{
}
.link_image_button li:nth-of-type(n + 2){
	margin-left: 1rem;
}
.link_image_button li span{
	display: block;
	margin-top: 0.7rem;
	font-size: 0.7rem;
	line-height: 1.8;
}
/*-------------------------*/
/*( ..)φ( ..)φ( ..)φ【ランキング】*/
h1.ranking:before{
	font-family: "Font Awesome 5 Free";
    content: "\f521";
    font-weight: 600;
    font-size: 1rem;
    margin-right: 0.5rem;
	color: #a9a965;
}
.item_narabi.ranking [class^="narabi_inner"] .narabi{
	position: relative;
}
.item_narabi.ranking [class^="narabi_inner"] .narabi a:before{
	position: absolute;
	top: 0;
	left: 3.5px;
	content: "";
	width: 20px;
	height: 40px;
	background: #000;
	opacity: 0.7;
	z-index: 800;
}
.item_narabi.ranking [class^="narabi_inner"] .narabi a:after{
	display: block;
	position: absolute;
	top: 40px;
	left: 3.5px;
	content: "";
	border-left: 10px solid #000;
	border-right: 10px solid #000;
	border-bottom: 8px solid transparent;
	opacity: 0.7;
	z-index: 801;
}
.item_narabi.ranking [class^="narabi_inner"] .narabi:nth-of-type(1) a:before{
	background: #bf9501;
}
.item_narabi.ranking [class^="narabi_inner"] .narabi:nth-of-type(1) a:after{
	border-left: 10px solid #bf9501;
	border-right: 10px solid #bf9501;
}
.item_narabi.ranking [class^="narabi_inner"] .narabi:nth-of-type(2) a:before{
	background: #999999;
}
.item_narabi.ranking [class^="narabi_inner"] .narabi:nth-of-type(2) a:after{
	border-left: 10px solid #999999;
	border-right: 10px solid #999999;
}
.item_narabi.ranking [class^="narabi_inner"] .narabi:nth-of-type(3) a:before{
	background: #896b53;
}
.item_narabi.ranking [class^="narabi_inner"] .narabi:nth-of-type(3) a:after{
	border-left: 10px solid #896b53;
	border-right: 10px solid #896b53;
}
.item_narabi.ranking [class^="narabi_inner"] .narabi a div:nth-of-type(1):before{
	position: absolute;
	top: 6px;
	left: 3px;
	width: 20px;
	font-family: "Font Awesome 5 Free";
	content: "\f521";
	font-weight: 600;
	font-size: 9px;
	color: #ffffff;
	text-align: center;
	z-index: 802;
}
.item_narabi.ranking [class^="narabi_inner"] .narabi a div:nth-of-type(1):after{
	position: absolute;
	top: 17px;
	left: 3px;
	width: 20px;
	font-weight: 600;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	font-family: 'Raleway', sans-serif;
	z-index: 803;
}
.item_narabi.ranking [class^="narabi_inner"] .narabi:nth-of-type(1) a div:nth-of-type(1):after{
	content: "1";
}
.item_narabi.ranking [class^="narabi_inner"] .narabi:nth-of-type(2) a div:nth-of-type(1):after{
	content: "2";
}
.item_narabi.ranking [class^="narabi_inner"] .narabi:nth-of-type(3) a div:nth-of-type(1):after{
	content: "3";
}
.item_narabi.ranking [class^="narabi_inner"] .narabi:nth-of-type(4) a div:nth-of-type(1):after{
	content: "4";
}
.item_narabi.ranking [class^="narabi_inner"] .narabi:nth-of-type(5) a div:nth-of-type(1):after{
	content: "5";
}
.item_narabi.ranking [class^="narabi_inner"] .narabi:nth-of-type(6) a div:nth-of-type(1):after{
	content: "6";
}
.item_narabi.ranking [class^="narabi_inner"] .narabi:nth-of-type(7) a div:nth-of-type(1):after{
	content: "7";
}
.item_narabi.ranking [class^="narabi_inner"] .narabi:nth-of-type(8) a div:nth-of-type(1):after{
	content: "8";
}
.item_narabi.ranking [class^="narabi_inner"] .narabi:nth-of-type(9) a div:nth-of-type(1):after{
	content: "9";
}
.item_narabi.ranking [class^="narabi_inner"] .narabi:nth-of-type(10) a div:nth-of-type(1):after{
	content: "10";
}
.item_narabi.ranking [class^="narabi_inner"] .narabi:nth-of-type(11) a div:nth-of-type(1):after{
	content: "11";
}
.item_narabi.ranking [class^="narabi_inner"] .narabi:nth-of-type(12) a div:nth-of-type(1):after{
	content: "12";
}
.item_narabi.ranking [class^="narabi_inner"] .narabi:nth-of-type(13) a div:nth-of-type(1):after{
	content: "13";
}
.item_narabi.ranking [class^="narabi_inner"] .narabi:nth-of-type(14) a div:nth-of-type(1):after{
	content: "14";
}
.item_narabi.ranking [class^="narabi_inner"] .narabi:nth-of-type(15) a div:nth-of-type(1):after{
	content: "15";
}
.item_narabi.ranking [class^="narabi_inner"] .narabi:nth-of-type(16) a div:nth-of-type(1):after{
	content: "16";
}
.item_narabi.ranking [class^="narabi_inner"] .narabi:nth-of-type(17) a div:nth-of-type(1):after{
	content: "17";
}
.item_narabi.ranking [class^="narabi_inner"] .narabi:nth-of-type(18) a div:nth-of-type(1):after{
	content: "18";
}
.item_narabi.ranking [class^="narabi_inner"] .narabi:nth-of-type(19) a div:nth-of-type(1):after{
	content: "19";
}
.item_narabi.ranking [class^="narabi_inner"] .narabi:nth-of-type(20) a div:nth-of-type(1):after{
	content: "20";
}
.item_narabi.ranking [class^="narabi_inner"] .narabi:nth-of-type(21) a div:nth-of-type(1):after{
	content: "21";
}
.item_narabi.ranking [class^="narabi_inner"] .narabi:nth-of-type(22) a div:nth-of-type(1):after{
	content: "22";
}
.item_narabi.ranking [class^="narabi_inner"] .narabi:nth-of-type(23) a div:nth-of-type(1):after{
	content: "23";
}
.item_narabi.ranking [class^="narabi_inner"] .narabi:nth-of-type(24) a div:nth-of-type(1):after{
	content: "24";
}
.item_narabi.ranking [class^="narabi_inner"] .narabi:nth-of-type(25) a div:nth-of-type(1):after{
	content: "25";
}
.item_narabi.ranking [class^="narabi_inner"] .narabi:nth-of-type(26) a div:nth-of-type(1):after{
	content: "26";
}
.item_narabi.ranking [class^="narabi_inner"] .narabi:nth-of-type(27) a div:nth-of-type(1):after{
	content: "27";
}
.item_narabi.ranking [class^="narabi_inner"] .narabi:nth-of-type(28) a div:nth-of-type(1):after{
	content: "28";
}
.item_narabi.ranking [class^="narabi_inner"] .narabi:nth-of-type(29) a div:nth-of-type(1):after{
	content: "29";
}
.item_narabi.ranking [class^="narabi_inner"] .narabi:nth-of-type(30) a div:nth-of-type(1):after{
	content: "30";
}
@media screen and (min-width: 600px){
	.item_narabi.ranking.best10 .narabi:nth-of-type(n + 11){
		display: none;
	}
}
/*-------------------------*/
/*( ..)φ( ..)φ( ..)φ【新入荷・再入荷】*/
.arrival .item_narabi [class^="narabi_inner"] .narabi .price span.py-label{
	margin-left: 0;
	margin-bottom: 0.3rem;
	font-weight: bold;
	font-size: 0.7rem;
	font-family: 'Raleway', sans-serif, "Noto Sans JP";
	color: #888;
}
.arrival .item_narabi [class^="narabi_inner"] .narabi .price span.py-label span:nth-of-type(n + 2){
	margin-left: 0.4rem;
}
/*-------------------------*/
/*( ..)φ( ..)φ( ..)φ【バナー用】*/
/*共通*/
[class^="banner_content"]{
	font-size: 0.75rem;
}
[class^="banner_content"] [class^="narabi_inner"]{
	display: flex;
	flex-wrap: wrap;
}
[class^="banner_content"] .narabi{
	margin-bottom: 1rem;
}
[class^="banner_content"] .narabi div:nth-of-type(2){
	padding: 0.4rem;
}
[class^="banner_content"] [class^="narabi_inner"].button .narabi .brand{
	margin: 0.5rem auto 0;
	width: 7rem;
	padding: 0.5rem 1rem;
	border: solid 1px #999;
	border-radius: 0.1rem;
	text-align: center;
}
[class^="banner_content"] .narabi div:nth-of-type(2) span{
	display: block;
}
/*content01バナー スマホ【大1小2】／PC【大1／小2】*/
.banner_content01{
	margin: auto;
}
.banner_content01 [class^="narabi_inner"]{
	padding: 0 0.2rem;
}
.banner_content01 .narabi{
	width: calc((100% - 0.4rem) / 2);
	margin: 0 0.1rem;
}
.banner_content01 .narabi.big{
	width: calc(100% - 0.2rem);
}
[class^="banner_content"] .narabi div:nth-of-type(2) .text02{
	margin-top: 0.3rem;
}
.banner_content01 .narabi div:nth-of-type(2) p:nth-of-type(n + 2){
	margin-top: 0.3rem;
}
.banner_content01 .narabi div:nth-of-type(2) .py-label{
	display: flex;
	flex-wrap: wrap;
}
.banner_content01 .narabi div:nth-of-type(2) .py-label [class^="icon"]:before{
	content: "＃";
}
.banner_content01 .narabi div:nth-of-type(2) .py-label [class^="icon"]:nth-of-type(n + 2){
	margin-left: 0.8rem;
}
@media screen and (min-width: 600px){
	.banner_content01 .narabi{
		width: calc((100% - 4rem) / 2);
		margin: 0 1rem 1.5rem;
	}
}
/*content02バナー スマホ【大1小2】／PC【大1テキスト横並び／小3】*/
.banner_content02 .narabi div:nth-of-type(2) .text .text01{
	text-align: center;
}
.banner_content02 .narabi.big{
	width: 100%;
}
.banner_content02 .narabi{
	width: calc(100% / 2);
}
.banner_content02 .narabi.big div:nth-of-type(2) .brand{
	display: none;
}
@media screen and (min-width: 600px){
	.banner_content02 .narabi.big a{
		display: flex;
	}
	.banner_content02 .narabi.big a div:nth-of-type(1){
		width: 60%;
	}
	.banner_content02 .narabi.big a div:nth-of-type(2){
		width: calc(40% - 15px);
		padding: 15px 0 0 15px;
	}
	.banner_content02 .narabi{
		margin: 0 20px 30px 0;
		width: calc((100% - 60px) / 3);
	}
	.banner_content02 .narabi.big div:nth-of-type(2) .text .text01{
		text-align: left;
		font-size: 1rem;
	}
	.banner_content02 .narabi.big div:nth-of-type(2) .brand{
		margin-top: 1.5rem;
		text-align: right;
		font-size: 1rem;
	}
	.banner_content02 .narabi.big div:nth-of-type(2) .brand:after{
		margin-left: 0.6rem;
		font-family: "Font Awesome 5 Free";
		content: "\f105";
		font-weight: 600;
		font-size: 1rem;
		color: #999;
	}
}
/*content02バナー スマホ【画像テキスト横並び】／PC【画像テキスト横並び】*/
.banner_content03 [class^="narabi_inner"]{
/*	padding: 0 1rem;*/
	margin: auto;
}
.banner_content03 .narabi a{
	display: flex;
}
.banner_content03 .narabi a div:nth-of-type(1){
	width: calc(45vw - 3%);
}
.banner_content03 [class^="narabi_inner"] .narabi div:nth-of-type(2){
	padding: 1rem 0 0 1rem;
	width: calc(55vw - 1rem);
}
.banner_content03 [class^="narabi_inner"] .narabi .text .text01, .banner_content03 [class^="narabi_inner"] .narabi .brand{
	white-space: normal;
}

.banner_content03 .narabi a div:nth-of-type(2) .brand{
	margin-top: 0.5rem;
	margin-right: 0.5rem;
	text-align: right;
}
.banner_content03 .narabi a div:nth-of-type(2) .brand:after{
	margin-left: 0.6rem;
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	font-weight: 600;
	font-size: 0.75rem;
	color: #999;
}
@media screen and (min-width: 600px){
	.banner_content03 [class^="narabi_inner"]{
		width: 600px;
		font-size: 0.85rem;
	}
	.banner_content03 .narabi a div:nth-of-type(1){
		width: 250px;
	}
	.banner_content03 [class^="narabi_inner"] .narabi div:nth-of-type(2){
		padding: 1rem 0 0 1.5rem;
		width: calc(350px - 1.5rem);
		line-height: 1.8;
	}
	.banner_content03 .narabi a div:nth-of-type(2) .brand{
		margin-top: 1rem;
	}
}
.banner_content04 [class^="narabi_inner"]{
	padding: 0 0.2rem;
}
.banner_content04 .narabi{
	width: calc((100% - 0.6rem) / 3);
	margin: 0 0.1rem 1rem;
}
.banner_content04 .narabi.big{
	width: calc((100% - 0.4rem) / 2);
}
@media screen and (min-width: 600px){
	.banner_content04 [class^="narabi_inner"]{
		width: 600px;
		margin: auto;
		font-size: 0.85rem;
	}
}
/*content_icon ブランドロゴ用*/
.banner_content_icon{
	margin: 0 0.5rem;
}
.banner_content_icon .narabi{
	width: calc(100% / 3);
	font-size: 0.6rem;
	text-align: center;
	margin-bottom: 0;
}
.banner_content_icon .narabi a{
	display: block;
	margin: 0.4rem;
	padding: 0.4rem 0;
	border: solid 1px #CCC;
	background: #FFFFFF;
}
.banner_content_icon .narabi div:nth-of-type(1){
	padding: 0.7rem 1.5rem 0.5rem;
}
.banner_content_icon .narabi div:nth-of-type(2){
	padding: 0;
}
@media screen and (min-width: 600px){
	.banner_content_icon [class^="narabi_inner"]{
		width: 850px;
		margin: auto;
	}
	.banner_content_icon .narabi{
		width: calc(100% / 6);
	}
}
/*( ..)φ( ..)φ( ..)φ【カテゴリ専用】*/
body.page_category .item_narabi .narabi_inner_scroll.pattern04 .narabi.big, body.page_category .item_narabi .narabi_inner_scroll.pattern04 .narabi{
	width: 41%;
}
body.page_category .item_narabi .narabi_inner_scroll.pattern04.small{
	height: 60vw;
}
body.page_category .item_narabi [class^="narabi_inner"] .narabi div:nth-of-type(2) .text .text02{
	display: none;
}
body.page_category .item_narabi [class^="narabi_inner"] .narabi .brand{
	order: 1;
}
body.page_category .item_narabi [class^="narabi_inner"] .narabi .text{
	order: 2;
}
body.page_category .massspace:nth-of-type(even){
	padding: 3rem 0rem;
	background: #FFFFFF;
}
body.page_category h1{
	text-align: center;
	font-weight: bold;
	padding-bottom: 2rem;
}
body.page_category h2{
	font-size: 0.9rem;
	text-align: center;
}
body.page_category .text_explanation{
	text-align: center;
}
body.page_category .item_narabi .narabi_inner_scroll.pattern04 .narabi:nth-of-type(n + 13){
	display: none;
}
body.page_category .item_narabi.ranking .narabi_inner_scroll.pattern04 .narabi:nth-of-type(n + 11){
	display: none;
}
body.page_category .content_02 [class^="inner"] li .text .text01:after{
	display: none;
}
body.page_category .other_category{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 1rem;
	margin-left: 0.9rem;
	margin-right: 0.6rem;
}
body.page_category .other_category li{
	width: calc((100% - 0.9rem) / 3);
	margin: 0 0.3rem 0.3rem 0;
}
@media screen and (min-width: 600px){
	body.page_category .item_narabi .narabi_inner_scroll.pattern04 .narabi.big, body.page_category .item_narabi .narabi_inner_scroll.pattern04 .narabi{
		width: calc((100% - 8rem) / 4);
	}
	body.page_category .item_narabi .narabi_inner_scroll.pattern04.small{
		height: auto;
	}
	body.page_category .massspace:nth-of-type(even){
		background: none;
	}
	body.page_category .item_narabi [class^="narabi_inner"].pattern04{
		width: 1050px;
	}
	body.page_category .item_narabi.ranking .narabi_inner_scroll.pattern04 .narabi:nth-of-type(n + 5){
		display: none;
	}
	body.page_category .item_narabi [class^="narabi_inner"] .narabi.big p{
		margin-top: 0;
	}
	body.page_category .other_category li{
		width: calc((100% - 1.5rem) / 5);
	}
}
/*( ..)φ( ..)φ( ..)φ【タブ切り替えJS】*/
.tab-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.tab-item{
	width: calc(100% / 3);
  padding: 1rem 0;
/*  border-radius: 6px 6px 0 0;*/
  background-color: #eeeeee;
  color: #000;
  text-align: center;
  cursor: pointer;
  transition: .4s ease-in-out;
  border-bottom: solid 1px #FFFFFF;
}
.tab-item:nth-of-type(1){
	width: 100%;
  background-color: #EEE;
}
/* タブをクリックした時 ホバーした時 */
.tab-item:hover, .tab-item.is-active {
  color: #FFF;
  background-color: #333;
}
.tab-item:hover{
	opacity: 0.7;
}

/* パネル */
.panel-item {
  display: none;
  width: calc(100% - 1.6rem);
  padding: 1.5rem 0.8rem;
}
.panel-item.is-active {
  display: block;
  animation: panel-show .9s ease-in-out forwards;
}
.arrival .tab-item:nth-of-type(n - 3){
	width: calc(100% / 3);
}
.arrival .tab-item:nth-of-type(n + 4){
	width: calc(100% / 2);
}
/* パネル切り替えのアニメーション */
@keyframes panel-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media screen and (min-width: 600px){
	.tab-list{
		flex-wrap: nowrap;
	}
	.tab-item, .tab-item:nth-of-type(1){
		width: calc(100% / 7);
	}
	.arrival .tab-item:nth-of-type(n - 2){
		width: calc(100% / 5);
	}
	.arrival .tab-item:nth-of-type(n + 3){
		width: calc(100% / 5);
	}
}
/*-------------------------*/
/*( ..)φ( ..)φ( ..)φ【スライダー】*/
/*.slick-dotted.slick-slider{
	display: none;
}*/
.slick-prev, .slick-next{
	display: none;
}
	section.slider_top:first-of-type{
		padding: 0;
	}
@media screen and (min-width: 600px){
	section.slider_top:first-of-type{
		padding: 0;
	}
}
/*-------------------------*/
/*( ..)φ( ..)φ( ..)φ【特集に使いやすい】*/
.content_01 [class^="inner"]{
	margin: 0 1rem;
}
.content_01 [class^="inner"] li{
	margin-bottom: 1rem;
}
.content_01 [class^="inner"] li img{
	overflow: hidden;
}
.content_01 [class^="inner"] li .text{
	padding: 0.4rem;
}
.content_01 [class^="inner"] li .text span{
	display: block;
}
.content_01 [class^="inner"] li .text .text01{
	font-weight: 600;
	font-size: 1rem;
}
.content_01 [class^="inner"] li .text .text02{
	line-height: 1.3;
}
.content_01 [class^="inner"] li .icon{
	display: none;
}
@media screen and (min-width: 600px){
	.content_01 [class^="inner"] li{
		margin-bottom: 1.8rem;
	}
	.content_01 [class^="inner"] li a{
		display: flex;
	}
	.content_01 [class^="inner"] li a .image{
		width: 500px;
	}
	.content_01 [class^="inner"] li .text{
		width: calc(510px - 2rem);
		padding: 50px 0 0 40px;
	}
	.content_01 [class^="inner"] li .text:after{
		display: block;
		margin-top: 1.7rem;
		padding: 1.3rem 0;
		border-radius: 2px;
		content: "check！";
		background: #CCC;
		color: #000;
		text-align: center;
		font-size: 1.3rem;
		font-family: 'Raleway', sans-serif, "Noto Sans JP";
	}
	.content_01 [class^="inner"] li .text .text01{
		font-size: 1.5rem;
		margin-bottom: 1rem;
	}
	.content_01 [class^="inner"] li .text .text02{
		line-height: 1.3rem;
	}
}
.content_02 [class^="inner"]{
	display: flex;
	flex-wrap: wrap;
	margin-left: 1rem;
}
.content_02 [class^="inner"] li{
	width: calc((100% - 2rem) / 2);
	margin: 0 1rem 2rem 0;
	overflow: hidden;
}
.content_02 [class^="inner"] li .text{
	padding: 0.4rem;
}
.content_02 [class^="inner"] li .text span{
	display: block;
	line-height: 1.6;
	font-size: 0.7rem;
}
.content_02 [class^="inner"] li .text .text02{
	margin-top: 0.5rem;
}
.content_02 [class^="inner"] li .icon{
	padding: 0 0.4rem;
	display: flex;
	flex-wrap: wrap;
}
.content_02 [class^="inner"] li .icon span{
	padding: 0.1rem 0.3rem;
	color: #FFFFFF;
	font-size: 0.65rem;
}
.content_02 [class^="inner"] li .icon span:nth-of-type(n + 2){
	margin-left: 0.4rem;
}
@media screen and (min-width: 600px){
	[class^="content"]{
		width: 1050px;
		margin: 0 auto 3rem;
	}
	.content_02 [class^="inner"] li{
		width: calc((100% - 3rem) / 3);
		position: relative;
	}
	.content_02 [class^="inner"] li .icon{
		position: absolute;
		top: 235px;
		left: 0;
	}
	.content_02 [class^="inner"] li .text span{
		font-size: 0.8rem;
	}
}
.content_03 [class^="inner"]{
	padding: 0 1rem;
}
.content_03 [class^="inner"] li{
	margin-bottom: 0.8rem;
}
@media screen and (min-width: 600px){
	.content_03 [class^="inner"]{
		display: flex;
		flex-wrap: wrap;
	}
	.content_03 [class^="inner"] li{
		width: calc((100% - 0.8rem) / 2);
	}
	.content_03 [class^="inner"] li:nth-of-type(odd){
		margin-right: 0.8rem;
	}
}
.content_04 [class^="inner"]{
	margin: 0 1rem;
}
.content_04 [class^="inner"] li{
	margin-bottom: 0.8rem;
}
.content_04 [class^="inner"] li a{
	display: flex;
	position: relative;
}
.content_04 [class^="inner"] li a .image{
	width: 20rem;
	margin-right: 0.8rem;
}
.content_04 [class^="inner"] li a .text{
	margin-top: 1.5rem;
	width: 100%;
}
.content_04 [class^="inner"] li a .text span{
	display: block;
}
.content_04 [class^="inner"] li a .text .text02{
	line-height: 1.3;
}
.content_04 [class^="inner"] li a .text:after{
	content: "check！";
	display: block;
	margin: 0.7rem auto 0;
	padding: 0.3rem 0;
	width: 80%;
	border: solid 1px #CCC;
	border-radius: 3px;
	text-align: center;
	background: #FFFFFF;
}
.content_04 [class^="inner"] li a .icon{
	position: absolute;
	left: 10.8rem;
	top: 0;
}
.content_04 [class^="inner"] li a .icon span{
	padding: 0.1rem 0.3rem;
	color: #FFFFFF;
	font-size: 0.68rem;
}
@media screen and (min-width: 600px){
	.content_04 [class^="inner"]{
		display: flex;
		flex-wrap: wrap;
	}
	.content_04 [class^="inner"] li{
		width: calc((100% - 1.5rem) / 2);
		margin-bottom: 1.5rem;
	}
	.content_04 [class^="inner"] li:nth-of-type(odd){
		margin-right: 1.5rem;
	}
	.content_04 [class^="inner"] li a .icon{
		left: 11.5rem;
	}
}
.content_05 [class^="inner"]{
	display: flex;
	flex-wrap: wrap;
}
.content_05 [class^="inner"] li{
	margin: 0 1rem 2.5rem;
}
.content_05 [class^="inner"] li span{
	display: block;
	margin: auto;
	width: 95%;
}
.content_05 [class^="inner"] li img{
	margin-bottom: 0.4rem;
}
@media screen and (min-width: 600px){
	.content_05 [class^="inner"] li{
		width: calc((100% - 2rem) / 2);
		margin: 0 0 4rem;
	}
	.content_05 [class^="inner"] li:nth-of-type(even){
		margin-left: 2rem;
	}
}
.content_logo [class^="inner"]{
	display: flex;
	flex-wrap: wrap;
	margin: 0 0.5rem 0 1rem;
}
.content_logo [class^="inner"] li{
	width: calc((100% - 1.5rem) / 3);
	margin: 0 0.5rem 0.5rem 0;
	background: #FFFFFF;
}
.content_logo [class^="inner"] li a{
	display: block;
	padding: 0.7rem 0.5rem;
	border: solid 1px #CCCCCC;
	font-size: 0.6rem;
}
.content_logo [class^="inner"] li a .image{
	padding: 0 1rem;
}
.content_logo [class^="inner"] li a .text{
	margin-top: 0.2rem;
	text-align: center;
}
@media screen and (min-width: 600px){
	.content_logo [class^="inner"] li{
		width: calc((100% - 4.8rem) / 6);
		margin: 0 0.8rem 0.8rem 0;
	}
	.content_logo [class^="inner"] li a{
		padding: 1rem 0.5rem
	}
	.content_logo [class^="inner"] li a .image{
		padding: 0 2rem;
	}
}
.content_imageicon [class^="inner"]{
	display: flex;
	flex-wrap: wrap;
}
.content_imageicon [class^="inner"] li{
	width: calc((100% - 3rem) / 3);
	margin: 0 0.5rem 1rem;
}
.content_imageicon [class^="inner"] li a{
	position: relative;
	display: block;
}
.content_imageicon [class^="inner"] li img{
	overflow: hidden;
	border-radius: 50%;
}
.content_imageicon [class^="inner"] li .text{
	margin-top: 0.3rem;
	text-align: center;
}
.content_imageicon [class^="inner"] li .icon{
}
.content_imageicon [class^="inner"] li .icon span{
	position: absolute;
	top: 5.2rem;
	left: 0;
	display: block;
	border-radius: 50%;
	width: 1.7rem;
	height: 1.7rem;
	font-size: 0.6rem;
	text-align: center;
	line-height: 3;
	color: #FFFFFF;
}
.content_abc ul{
	display: flex;
	flex-wrap: wrap;
	width: 94%;
	margin: auto;
}
.content_abc ul li{
	width: calc(100% / 5);
}
.content_abc ul li a{
	display: block;
	padding: 1rem 0;
	margin: 0.4rem;
	border-radius: 5px;
	background: #CCC;
	text-align: center;
	font-size: 1rem;
}
@media screen and (min-width: 600px){
	.content_abc ul li{
		width: calc(100% / 7);
	}
	.content_abc ul li a:hover{
		background: #999;
	}
}
@media screen and (min-width: 600px){
	.content_imageicon [class^="inner"] li{
		width: calc((100% - 6rem) / 6)
	}
}
.slider.common02 li img{
	display: block;
	width: 95%;
	margin: auto;
}
@media screen and (min-width: 600px){
	.slider.common02{
		width: 96%;
		margin: auto;
	}
}
.content_keyword [class^="inner"]{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 95%;
	margin: 0 auto 1rem;
}
.content_keyword [class^="inner"] li a{
	display: block;
	padding: 0.17rem 0.3rem;
}
.content_keyword [class^="inner"] li a .text .text01:before{
	content: "＃";
}
.content_keyword [class^="inner"] li a .text .text02{
	margin-left: 0.2rem;
}
@media screen and (min-width: 600px){
	.content_keyword .searchbox{
		width: 480px;
		margin: 5rem auto 2rem;
	}
	.content_keyword [class^="inner"]{
		width: 600px;
	}
}
/*( ..)φ( ..)φ( ..)φ【サイドナビ用】*/
.content_logo.leftnavi{
	display: none;
}
@media screen and (min-width: 600px){
	.content_logo.leftnavi{
		display: block;
		width: 180px;
	}
	.content_logo.leftnavi [class^="inner"]{
		margin: 0;
	}
	.content_logo.leftnavi [class^="inner"] li{
		width: 100%;
	}
	.content_logo.leftnavi [class^="inner"] li{
		margin: 0 0 0.8rem;
	}
	.content_logo.leftnavi [class^="inner"] li a .image{
		padding: 0 2.5rem;
	}
	.content_logo.leftnavi [class^="inner"] li a .text{
		display: none;
	}
	.content_logo.leftnavi [class^="inner"] li a{
		padding: 1rem 0;
	}
	.content_logo.leftnavi [class^="inner"] li:nth-of-type(n + 9){
		display: none;
	}
	.left_navi .searchbox{
		margin: 0;
	}
}
/*( ..)φ( ..)φ( ..)φ【ピョコ】*/
.content_01.pyoko{
	display: none;
	position: fixed;
	bottom: 2rem;
	left: 0;
	z-index: 888;
}
.content_01.pyoko [class^="inner"]{
	margin: 0;
}
.content_01.pyoko [class^="inner"] li{
	width: 6rem;
	margin-bottom: 0;
}
.content_01.pyoko [class^="inner"] li:nth-of-type(n + 2){
	margin-top: 0.5rem;
}
.content_01.pyoko [class^="inner"] li .image{
	border-radius: 0 5px 5px 0;
	overflow: hidden;
}
.content_01.pyoko [class^="inner"] li .text{
	display: none;
}
.content_01.pyoko [class^="inner"] + [class^="inner"]{
	margin-top: 1rem;
}
@media screen and (min-width: 600px){
	.content_01.pyoko{
		width: auto;
		display: none;
		bottom: auto;
		bottom: 0;
	}
	.content_01.pyoko [class^="inner"] li{
		width: 10rem;
	}
	.content_01.pyoko [class^="inner"] li:nth-of-type(n + 2){
		margin-top: 1rem;
	}
}
/*-------------------------*/
/*( ..)φ( ..)φ( ..)φ【特集】*/
body.topics{
	font-size: 0.8rem;
}
body.topics main{
	margin-bottom: 5rem;
	padding-bottom: 4rem;
	border-botttom: solid 1px #CCC;
}
body.topics a{
	display: block;
}
body.topics .top-object{
	margin-bottom: 5rem;
}
body.topics .top-object .comment span{
	display: block;
	margin-bottom: 0.5rem;
	font-size: 1.2rem;
}
body.topics .top-object .comment{
	width: 65%;
	margin: 4rem auto 0;
}
body.topics section.contents{
	padding: 0;
}
body.topics .caption{
	margin-bottom: 2rem;
	text-align: center;
	font-size: 2rem;
	font-weight: 600;
    font-family: "Lexend Mega", sans-serif;
}
body.topics .caption  p:nth-of-type(1) span{
	padding-left: 0.8rem;
	font-size: 150%;
	font-weight: 400;
}
body.topics section:nth-of-type(1) .caption  p:nth-of-type(1) span:before{
	content: "1";
}
body.topics section:nth-of-type(2) .caption  p:nth-of-type(1) span:before{
	content: "2";
}
body.topics section:nth-of-type(3) .caption  p:nth-of-type(1) span:before{
	content: "3";
}
body.topics section:nth-of-type(4) .caption  p:nth-of-type(1) span:before{
	content: "4";
}
body.topics section:nth-of-type(5) .caption  p:nth-of-type(1) span:before{
	content: "5";
}
body.topics section:nth-of-type(6) .caption  p:nth-of-type(1) span:before{
	content: "6";
}
body.topics section:nth-of-type(7) .caption  p:nth-of-type(1) span:before{
	content: "7";
}
body.topics section:nth-of-type(8) .caption  p:nth-of-type(1) span:before{
	content: "8";
}
body.topics section:nth-of-type(9) .caption  p:nth-of-type(1) span:before{
	content: "9";
}
body.topics section:nth-of-type(10) .caption  p:nth-of-type(1) span:before{
	content: "10";
}
body.topics .caption p:nth-of-type(2){
	font-size: 1rem;
	line-height: 2;
}
body.topics section.contents:not(:last-of-type){
	margin-bottom: 6rem;
}
body.topics section.contents .inner:not(:last-of-type){
	margin-bottom: 3rem;
}
body.topics section.contents .inner .narabi{
	margin-left: 0.5rem;
	display: flex;
	flex-wrap: wrap;
}
body.topics section.contents .inner [class^="item"]{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: space-between;
}
body.topics section.contents .inner [class^="item"] .text-object{
	width: 98%;
	padding: 0.5rem 0 0;
	margin: auto;
}
body.topics section.contents .inner [class^="item"] .text-object  [class^="text"]{
	margin-top: 0.3rem;
}
body.topics section.contents .inner [class^="item"] .text-object .text-bold{
	font-weight: 800;
}
body.topics section.contents .inner [class^="item"] .text-object .text-price:before{
	content: "￥";
}
body.topics section.contents .inner .narabi .item-01{
	margin: 0 2rem 3rem 1.5rem;
}
body.topics section.contents .inner .narabi .item-02{
	width: calc((100% - 1rem) / 2);
	margin: 0 0.5rem 3rem 0;;
}
body.topics section.contents .inner .narabi .item-03{
	width: calc((100% - 1.5rem) / 3);
	margin: 0 0.5rem 3rem 0;;
}
body.topics [class^="linkbtn"]{
	margin: 0.6rem auto 0;
}
body.topics [class^="linkbtn"] a{
	border-radius: 2px;
	padding: 0.6rem;
	text-align: center;
	background: #333333;
	color: #FFFFFF;
}
body.topics .linkbtn-other{
	width: 95%;
	margin: auto;
}
body.topics .linkbtn-other a{
	margin-top: 0.4rem;
	background: #CCC;
	color: #000;
}
body.topics [class^="linkbtn"] svg{
	margin-right: 0.5rem;
}
body.topics.sale section.contents .inner [class^="narabi"] .text-object .text-price [class^="icon"]{
	padding-left: 0.5rem;
}
body.topics .icon-poff:after{
	content: "％OFF"
}
body.topics .icon-point:before{
	content: "ポイント"
}
body.topics .icon-point:after{
	content: "倍"
}
body.topics .icon-yoff:before{
	content: "￥"
}
body.topics .icon-yoff:after{
	content: "OFF"
}
body.topics.sale section.contents .inner [class^="narabi"] .text-object .text-price{
	font-weight: 800;
	color: #C00;
}
body.topics [class^="imagelink"]{
	display: flex;
	flex-wrap: wrap;
	margin-top: 1rem;
	padding: 0 1rem;
}
body.topics [class^="imagelink"] a{
	margin-top: 1rem;
}
body.topics [class^="imagelink"] a span{
	display: block;
	padding: 0.3rem;
}
body.topics [class^="imagelink"] a svg{
	margin-right: 0.3rem;
}
body.topics .imagelink-01 a{
	width: 100%;
}
body.topics .imagelink-02 a{
	width: calc((100% - 0.6rem) / 2)
}
body.topics .imagelink-02 a:nth-of-type(odd){
	margin-right: 0.6rem;
}
@media screen and (min-width: 600px){
	body.topics{
		font-size: 1rem;
	}
	body.topics main section{
		width: calc(950px + 3rem);
		margin: auto;
	}
	body.topics .content_coupon, body.topics .content_03{
		width: 950px;
	}
	body.topics .top-object .comment{
		width: 500px;
	}
	body.topics section.contents:not(:last-of-type){
		margin-bottom: 14rem;
	}
	body.topics section.contents .inner:not(:last-of-type){
		margin-top: 5rem;
	}
	body.topics .caption{
		margin-bottom: 2rem;
		font-size: 2.8rem;
	}
	body.topics .caption p:nth-of-type(2){
		font-size: 1.3rem;
	}
	body.topics section.contents .inner .narabi .item-01 .text-object [class^="text"]{
		margin-top: 0.7rem;
	}
	body.topics .linkbtn-other{
		width: 100%;
	}
	body.topics .linkbtn-other a{
		margin-top: 1rem;
	}
	body.topics [class^="linkbtn"] a{
		padding: 1rem;
	}
	body.topics section.contents .inner .narabi{
		margin-left: 1.5rem;
	}
	body.topics section.contents .inner .narabi .item-01{
		width: 800px;
		padding-right: 1.5rem;
		margin: 0 auto 4rem;
	}
	body.topics section.contents .inner .item-01 .image-object{
		width: 415px;
	}
	body.topics section.contents .inner .item-01 .text-object{
		margin-left: 2rem;
		padding: 0;
		width: calc(385px - 2rem);
	}
	body.topics section.contents .inner .narabi .item-02, body.topics section.contents .inner .narabi .item-03{
		width: calc((100% - 6rem) / 4);
		margin: 0 1.5rem 4rem 0;
	}
	body.topics [class^="imagelink"]{
		margin-top: 2rem;
	}
	body.topics .imagelink-02 a{
		width: calc((100% - 2.5rem) / 2);
	}
	body.topics .imagelink-02 a:nth-of-type(odd){
		margin-right: 2.5rem;
	}
}
/*( ..)φ( ..)φ( ..)φ【SALE用】*/
body.sale_page .tab-item:nth-of-type(1), body.sale_page .tab-item{
	width: calc(100% / 3);
}
.pagelink_bottom_fixed ul li a span img{
	fill: #1D9BF0;
}
@media screen and (min-width: 600px){
	body.sale_page .tab-list{
		width: 1050px;
		margin: auto;
	}
}