@charset "UTF-8";

/*リスト
 1:全体
 2:ヘッダ
 3:メイン
 4:フッタ
 5:その他共通パーツ
*/
/*----------------------------------------
 1:全体
----------------------------------------*/
*,
*:before,
*:after {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

body {
	color: #020104;
	font-size: 0.9em;
	line-height: 1.2em;
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', sans-serif;
	/*font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    "BIZ UDPGothic",
    Meiryo,
    sans-serif;*/
	/*font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
	font-weight: 300;
}

body.menu-open,
body.open {
	overflow: hidden;
	height: 100vh;
	top: 0;
}
@media (max-width: 768px) {
	body {
		font-size: 2.5vw;
	}
}

/*リンク*/

a {
	color: #020104;
	text-decoration: none;
}

a:visited {
	color: #020104;
}

a:hover {
	text-decoration: underline;
	opacity: 0.7;
}

a:active {
	color: #020104;
}

/*画像*/

img {
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
	max-width: 100%;
}

/*common layout*/

.container {
	*zoom: 1;
	margin: 0 auto;
	width: 980px;
	min-width: 980px;
}

@media (max-width: 768px) {
	.container {
		width: 100%;
		min-width: 100%;
	}
}

@-ms-viewport {
	width: device-width;
}

h1,
h2,
h3,
h4,
h5,
p,
ul,
ol,
li,
dl,
dt,
dd {
	margin: 0;
}

ul,
ol {
	padding: 0;
}

/*アニメーション*/
@keyframes show {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes hide {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}


/*余白定義*/
.common_wrapper{
	padding-top:40px;
	padding-bottom:40px;
}
@media (max-width: 768px) {
	.common_wrapper {
		padding-top:5vw;
		padding-bottom:5vw;
	}
}

/*各種指定*/
:root {
	--main-background-color:#f1f1f1 ;
  }

/*背景色指定*/
.bgcolor_main{
	background-color: var(--main-background-color) ;
}


/*--------------------------------------
 2:ヘッダ
----------------------------------------*/
#header {
	min-width: 980px;
	text-align: center;
	position: fixed;
	background-color: #fff;
	width: 100%;
	margin: 0 auto;
	z-index: 200;
	display: block;
}

#header .container {
	position: relative;
}

#header .pr {
	width: 100%;
	/*キャッシュレス用 こちらはキャッシュレスを消す際編集不要*/
	min-width: 100%;
	/*キャッシュレス用 こちらはキャッシュレスを消す際編集不要*/
	background: #e5e5e5;
	/*キャッシュレス用 こちらはキャッシュレスを消す際編集不要*/
}

@media (min-width: 769px) {
	header {
		height: 180px;
		-webkit-transition: .3s;
		transition: .3s;
	}

	header.is-fixed {
		/*border-bottom: 1px solid #ccc;*/
		-webkit-transition: .3s;
		transition: .3s;
		/*height: 75px;*/
		/*キャッシュレス無しのときはこちら*/
		height: 130px;
		/*キャッシュレス用*/
	}
	
}

@media (max-width: 768px) {
	#header {
		width: 100%;
		min-width: 100%;
		background-color:rgba(255,255,255,0.5);
		margin-bottom: 2.4vw;
	}

	#header.fixed {
		position: fixed;
		top: 0;
		z-index: 100;
	}

	#header .container {
		/*border-bottom: #8A8A8A 1px solid;*/
	}

	.header__logo,
	.header__tools__item {
		padding-top: 0;
		padding-top: 10px;
		padding-bottom: 8px;
	}
}

.header__share {
	position: absolute;
	right: 0;
	top: 4px;
	display: block;
	padding-top: 10px;
}

@media (min-width: 769px) {

	/*ヘッダー小さい時用*/
	.header__logo a {
		position: relative;
		z-index: 2;
	}

	header.is-fixed .header__share {
		position: absolute;
		top: 15px;
		-webkit-transition: .3s;
		transition: .3s;
		width: 100%;
	}

	header.is-fixed .header__share__icons__item {
		display: none;
	}

	/**/
}

.header__share__icons {
	display: inline-block;
	position: absolute;
	width: 200px;
	top: 11px;
	right: 0px;
	text-align: right;
}

.header__share__icons__item {
	display: inline-block;
	width: 18px;
	padding-right: 10px;
	box-sizing: content-box;
}

.header__share__icons__item:last-child {
	padding-right: 0;
}

.header__share__icons__item img {
	width: 100%;
}


@media (max-width: 768px) {
	.header__share {
		display: none;
	}
}


/** ロゴ **/
.logo a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}

.header__logo {
	padding-top: 30px;
}

@media (max-width: 768px) {
	.header__logo {
		text-align: center;
		position: relative;
		padding-top: 10px;
		width: 100vw;
	}

	.logo {
		width: 140px;
    	margin: 0px auto 0 66px;
	}

}

@media (min-width: 769px) {

	/*ヘッダー小さい時用*/
	header.is-fixed .header__logo {
		padding-top: 0;
	}

	header.is-fixed .logo {
		text-align: left;
		-webkit-transition: .3s;
		transition: .3s;
		width: 156px;
	}

	/**/
}

/**PC用ログイン**/
.header__login {
	position: absolute;
	top: 72px;
	left: 0;
}

.header__login__item a {
	font-family: 'Julius Sans One', sans-serif;
	background: url('../images/common/sp-menu_login.png') no-repeat left 4px;
	background-size: 14px;
	padding: 7px 0 7px 23px;
	margin-top: 10px;
}

@media (min-width: 769px) {

	/*ヘッダー小さい時用*/
	.header__login__item a {
		background-size: 12px;
		padding: 7px 0 8px 17px;
		font-size: 0.8em;
	}

	/**/
}

@media (max-width: 768px) {
	.header__login {
		display: none;
	}
}

/**SP用メニューや検索ツール**/
.header__tools {
	display: none;
}
.sp-search__box{
	display: none;
}
@media (max-width: 768px) {
	.header__tools {
		position: absolute;
		top: 0;
		display: block !important;
		left: 13px;
	}

	.header__tools__item {
		display: inline-block;
		padding-left: 1vw;
		padding-right: 1vw;
		vertical-align: top;
	}

	/*検索ボックス*/
	.sp-search__box.is-active {
		animation: show .3s linear 0s;
		position: relative;
	}

	.sp-search__box form {
    	position: relative;
		width: 100vw;
		display: block;
		text-align: left;
		left: 0;
		background: #F6F2F1;
		text-align: center;
		z-index: 200;
		border-bottom: #aaa 1px solid;
	}

	.sp-search__box {
		display: none;
		animation: hide .3s linear 0s;
	}

	.sp-search__box.is-active {
		display: block;
		animation: show .3s linear 0s;
	}

	.sp-search__box .modal__overlay,
	.sp-brand-menu .modal__overlay{
		position: absolute;
	}

	.sp-search__box input[type='text'] {
		font-family: 'Julius Sans One', sans-serif;
		background: none;
		border: none;
		box-shadow: none;
		width: 80%;
		height: 40px;
		margin: 1em 10px;
		background: #fff;
		border: 1px #aaa solid;
    	padding: 10px;
		color:#aaa;
		font-size: 16px;
	}

	.sp-search__box input[type='submit'] {
		background: url(../images/common/header_btn_search-sp.png) no-repeat center;
		background-size: cover;
		width: 30px;
		height: 30px;
		border: none;
		vertical-align: middle;
		margin-left: 2vw;
	}
}

/**リンク**/
.header__links {
	position: absolute;
	right: 0;
	top: 58px;
}

.header__links__item {
	display: inline-block;
	padding-left: 8px;
}

.header__links__item img {
	width: 28px;
}

.header__links .header__login__item {
	display: none;
}

/*検索*/
.header__links__search {
	border-bottom: 1px solid #000;
}

.header__links__search input[type='text'] {
	font-family: 'Julius Sans One', sans-serif;
	border: none;
	width: 170px;
	padding: 6px 0;
	background-color: transparent;
}

.header__links__search input[type='submit'] {
	background: url(../images/common/sp-menu_search.png) no-repeat center;
	background-size: cover;
	width: 19px;
	height: 19px;
	border: none;
	vertical-align: middle;
}

@media (max-width: 768px) {
	.header__links {
		padding-top: 0;
		right: 4vw;
		top:0;
	}

	.header__links__item {
		padding-left: 2vw;
		padding-top: 8px;
		padding-bottom: 8px;
	}

	.header__tools__menu.hide {
		display: none;
	}

	.header__tools__menu img {
		width: 33px;
	}
	.header__links__search{
		border:none;
	}
	.header__links__search img {
		width: 24px;
	}

	/*.header__links__favorite img {
		width: 22px;
	}*/

	.header__links__cart img {
		width: 25px;
	}
	
	.header__links__brand{
		padding-left: 0.2vw;
	}
	.header__links__brand img {
		width: 35px;
	}
}

@media (min-width: 769px) {
	/*ヘッダー小さい時用*/

	header.is-fixed .header__links {
		top: 0px;
		right: 0px;
		z-index: 1;
	}

	header.is-fixed .header__links .header__login__item {
		display: inline-block;
	}

	header.is-fixed .header__login {
		display: none;
	}

	header.is-fixed .header__links__search {
		margin-right: 20px;
	}

	header.is-fixed .header__links__item img {
		width: 20px;
	}

	header.is-fixed .header__links__cart img {
		width: 25px;
	}
}

/*グローバルナビ*/
.gnav {
	position: relative;
	padding-bottom: 34px;
}

.gnav__children {
	display: inline-block;
	padding-right: 10px;
}

.gnav__children:last-child {
	padding-right: 0;
}

.gnav__children__title {
	font-family: 'Julius Sans One', sans-serif;
	font-size: 0.95em;
	line-height: 0.95em;
	padding: 5px 2px 3px 10px;
	border: 1px solid #000;
	width: 114px;
	height: 22px;
	position: relative;
	cursor: pointer;
}

.gnav__children__title:before {
	position: absolute;
	content: "";
	margin-left: -10px;
	top: 6px;
	width: 0;
	height: 0;
	border-bottom: none;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 8px solid black;
}

@media (min-width: 769px) {

	/*ヘッダー小さい時用*/
	header.is-fixed .gnav {
		top: -45px;
		left: 0;
		right: 0;
		margin: auto;
		text-align: left;
		padding-left: 200px;
	}

	header.is-fixed .gnav__children__title {
		border: none;
		width: auto;
		-webkit-transition: .3s;
		transition: 0.3s;
	}
}

@media (max-width: 768px) {
	.gnav {
		display: none;
	}
}

.gnav__children__area {
	left: 0;
	text-align: left;
	position: absolute;
	margin: 14px 0;
	padding: 7px 10px;
	min-width: 120px;
	max-width: 100%;
	width: 100%;
	color: #606060;
	font-size: 0.95em;
	background: #FFF;
	border: #EEEEEE solid 18px;
	display: none;
	animation: hide .3s linear 0s;
}

.gnav__children__area a {
	color: #606060;
}

.gnav__children__area.is-active {
	display: block;
	animation: show .3s linear 0s;
}

.gnav__category .gnav__children__area:before {
	content: "";
	position: absolute;
	top: -40px;
	left: 50%;
	margin-left: -63px;
	border: 6px solid transparent;
	border-bottom: 20px solid #EEE;
}

.gnav__brand .gnav__children__area:before {
	content: "";
	position: absolute;
	top: -40px;
	left: 50%;
	margin-left: 55px;
	border: 6px solid transparent;
	border-bottom: 20px solid #EEE;
}

@media (min-width: 769px) {

	/*ヘッダー小さい時用*/
	header.is-fixed .gnav__category .gnav__children__area:before {
		margin-left: -255px;
	}

	header.is-fixed .gnav__brand .gnav__children__area:before {
		margin-left: -165px;
	}
}

/*カテゴリ*/
.gnav__category__menu__list {
	height: 100%;
	display: inline-block;
	padding-top: 55px;
	width: 208px;
	vertical-align: top;
}

.gnav__category__menu__item {
	padding-bottom: 24px;
	font-weight: bold;
}

.gnav__category__content {
	display: inline-block;
	vertical-align: top;
	border-left: 1px solid #000;
	padding-left: 56px;
	padding-top: 15px;
}

.gnav__category__content ul {
	list-style: none;
}

.gnav__category__content__title {
	padding-bottom: 24px;
	font-family: 'Julius Sans One', sans-serif;
	font-weight: bold;
}

.gnav__category__menu02__list {
	width: 252px;
}

.gnav__category__list {
	width: 190px;
}

.gnav__category__menu02__list,
.gnav__category__list {
	display: inline-block;
	vertical-align: top;
}

.gnav__category__menu02__item,
.gnav__category__item {
	padding-bottom: 24px;
}

.gnav__category__2top__list {
	display: inline-block;
}

.gnav__category__2top__item a {
	width: 150px;
	height: 150px;
	text-align: center;
	background: #FACE89;
	margin-bottom: 24px;
	display: table;
	color: #fff;
	padding-top: 50px;
}

.gnav__category__2top__item:nth-child(2) a {
	background: #F29C9F;
}

.gnav__category__2top__item__title {
	font-family: 'Julius Sans One', sans-serif;
	font-size: 1.6em;
	line-height: 1em;
	padding-bottom: 20px;
}

/*ブランド*/
.gnav__brand__list {
	list-style: none;
	padding-top: 20px;
	padding-left: 26px;
}

.gnav__brand__item {
	display: inline-block;
	padding-bottom: 30px;
	width: 295px;
}

.gnav__brand__item a {
	text-decoration: none;
}

.gnav__brand__item__img {
	border-radius: 50%;
	width: 70px;
	margin-right: 15px;
}

.gnav__brand__item__title {
	width: 150px;
	text-align: center;
	display: inline-block;
}

.gnav__brand__item__title img {
	height: 60px;
	width: auto;
}

/*スマホメニュー*/
.sp-menu,
.sp-menu__close {
	display: none;
}

/**
	下層ページ用（対象：楽天用iframe読み込みheader.html）
*/

header.second-page.is-fixed {
	-webkit-transition: 0s;
	transition: 0s;
}

header.second-page.is-fixed .header__links__guide {
	padding-left: 5px;
}

header.second-page.is-fixed .header__links__guide img {
	width: 26px;
}

header.second-page.is-fixed .header__share {
	-webkit-transition: 0s;
	transition: 0s;
}

header.second-page.is-fixed .logo {
	-webkit-transition: 0s;
	transition: 0s;
}

.second-page .gnav .gnav__item {
	font-family: 'Julius Sans One', sans-serif;
	display: inline-block;
	padding-right: 32px;
}

.second-page .gnav .gnav__item a {
	padding: 5px;
}

#FS2_layout_body{
	margin-top:0 !important;
}

/*-------------*/
@media (max-width: 768px) {
	#header {
		z-index: 100;
	}

	.sp-menu {
		display: block;
		background-color: #FFF;
		position: absolute;
		width: 100%;
		height: 0;
		z-index: 100;
		-webkit-transition: .4s;
		transition: .4s;
		overflow-y: scroll;
		border-top: 1px solid #E7E7E7;
		top:0;
	}
	.sp-menu:not(.open){
		min-height: 0 !important;
	}

	.sp-menu.open {
		min-height: 100vh;
		-webkit-transition : 0.4s;
		transition: .4s;
		visibility: visible;
		opacity: 1;
		/*padding-top: 5vw;*/
	}

	.sp-menu__btn {
		display: inline-block;
	}

	.sp-menu__close {
		display: none !important;
		padding-right: 1vw;
    	position: fixed;
		top:2vw;
    	right: 1.3vw;
    	z-index: 200;
	}

	.sp-menu__close img {
		width: 8vw;
	}

	.sp-menu__close a {
		display: block;
	}

	.sp-menu__close.open {
		display: inline-block !important;
	}

	/*スマホメニューヘッダー*/
	.sp-menu__header {
		/*margin-right: 3vw;
		margin-left: 3vw;*/
		/*padding-bottom: 2.6vw;*/
		/*border-bottom: 2px solid #969696;*/
		/*text-align: center;*/
	}
	
	/*ユーザー情報*/
	.sp-menu__user{
		background:#F6F2F1;
		padding: 4vw 5.5vw;
		text-align: left;
		position: relative;
	}
	.sp-menu__user div div{
		display: inline-block;
	}
	.sp-menu__user__name {
		font-size:4vw;
		letter-spacing: -0.03em;
    	max-width: 37vw;
    	/*padding-right: 11vw;*/
		line-height: 1.1em;
	}
	.sp-menu__user__point{
		font-size: 3vw;
		letter-spacing: -0.06em;
		position: absolute;
		right: 12vw;
		line-height: 1em;
		top: 50%;
		transform: translateY(-50%);
	}
	.sp-menu__user__point b{
		font-size:3.4vw;
	}
	
	/*ツール関係*/
	.sp-menu__tools {
		font-size: 0;
		text-align: left;
    	border-top: 1px solid #7D7C7D;
		background: #F6F2F1;
    	border-bottom: 1px solid #7D7C7D;
	}

	.sp-menu__tools__item {
		display: inline-block;
		font-size: 3.5vw;
		width: 50vw;
		text-align: center;
    	border-bottom: 1px solid #7D7C7D;
    	border-right: 1px solid #7D7C7D;
		position: relative;
	}
	.sp-menu__tools__item:nth-child(even){
		border-right:none;
	}
	.sp-menu__tools__item:last-child,
	.sp-menu__tools__item:nth-last-child(2):nth-child(odd){
		border-bottom: none;
	}
	.sp-menu__tools__item a{
		width: 100%;
		padding: 2.4vw 0;
		display: block;
    	padding-left: 3vw;
	}
	
	.sp-menu__tools__item a img{
		width: 4vw;
		padding-right: 1.7vw;
		box-sizing: content-box;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
    	margin-left: -5vw;
	}


	/*.sp-menu__tools__login a {
		background: url('../images/common/sp-menu_login.png') no-repeat left;
		background-size: 3vw;
		padding: 1vw 0 1vw 4.5vw;
	}*/
	/*ログイン関係*/
	.sp-menu__login{
		padding: 3vw 0;
    	font-size: 3vw;
	}
	.sp-menu__login p{
		padding-bottom: 3vw;
	}
	.sp-menu__login p a{
		text-decoration: underline;
	}
	.sp-menu__login__mypage,
	.sp-menu__login__login{
		display: inline-block;
	}
	.sp-menu__login__mypage{
		padding-right: 1.5vw;
	}
	.sp-menu__login__mypage a,
	.sp-menu__login__login a{
    	width: 43.2vw;
		display: block;
		color:#fff;
		padding: 2.3vw 0;
		font-size: 4vw;
	}
	.sp-menu__login__mypage a:hover,
	.sp-menu__login__login a:hover{
		text-decoration: none;
	}
	.sp-menu__login__mypage a{
		background: #8D9ACF;
	}
	.sp-menu__login__login a{
		background: #FA9D7E;
	}
	.sp-menu__login__mypage a img,
	.sp-menu__login__login a img{
		height:3.3vw;
    	vertical-align: baseline;
    	padding-right: 2vw;
	}

	/*ユーザー情報関係*/
	/*.sp-menu__info {
		padding-right: 3vw;
		padding-left: 3vw;
		padding-top: 4vw;
		text-align: center;
	}

	.sp-menu__info__item {
		font-size: 1.8em;
		display: inline-block;
		padding-bottom: 6vw;
	}

	.sp-menu__info__favorite {
		padding-right: 11vw;
	}

	.sp-menu__info__favorite a {
		background: url('../images/common/sp-menu_favorite.png') no-repeat left;
		background-size: 4.5vw;
		padding: 1vw 0 1vw 5vw;
	}

	.sp-menu__info__point {
		font-size: 1.5em;
	}
	*/

	/*バナーエリア*/
	/*.sp-menu__bnr {
		text-align: center;
		box-sizing: content-box;
		width: 100%;
	}*/

	/*検索*/
	.sp-menu__search {
	}

	.sp-menu__search__title h2,
	.sp-menu__category__title h2{
		text-align: center;
		padding: 2vw;
		width: 100%;
		background: #313131;
		color: #fff;
		font-weight: normal;
	}
	.sp-menu__search__box{
		padding: 3.5vw;
	}

	.sp-menu__search__box input[type='text'] {
		width: 78vw;
		padding: 3vw;
		font-size: 16px;
		border: 1px solid #000;
		color:#aaa;
	}

	.sp-menu__search__box input[type='submit'] {
		background: url(../images/common/sp-menu_search.png) no-repeat center;
		background-size: cover;
		width: 7vw;
		height: 7vw;
		border: none;
		vertical-align: middle;
		margin-left: 2vw;
	}
	.sp-menu__search__list{
		border-top:1px solid #7D7D7D;
		border-bottom:1px solid #7D7D7D;
		font-size: 0;
	}
	.sp-menu__search__item--all{
		width:100%;
		border-bottom:1px solid #7D7D7D;
    	font-size: 4vw;
	}
	.sp-menu__search__item{
    	font-size: 4vw;
		width: 50%;
		border-right:1px solid #7D7D7D;
		border-bottom:1px solid #7D7D7D;
    	display: inline-block;
	}
	.sp-menu__search__item--all a,
	.sp-menu__search__item a{
		width: 100%;
		display: block;
    	padding: 4vw 1vw;
	}
	.sp-menu__search__item:nth-child(odd){
		border-right: none;
	}
	.sp-menu__search__item:last-child,
	.sp-menu__search__item:nth-last-child(2):nth-child(even){
		border-bottom: none;
	}

	/*スマホメニューリスト*/
	.sp-menu__list {
		/*padding-right: 3vw;
		padding-left: 3vw;
		margin-top: 6.5vw;*/
		list-style: none;
		font-size: 1.5em;
		text-align: left;
	}

	.sp-menu__list>.sp-menu__item:first-child {
		border-top: 1px solid #000;
	}

	.sp-menu__list>.sp-menu__item {
		border-bottom: 1px solid #000;
	}

	.sp-menu__list>.sp-menu__item:last-child {
		border-bottom: none;
	}

	.sp-menu__list>.sp-menu__item>a {
		padding: 3vw 4vw;
		background: #F6F2F1;
		display: block;
		position: relative;
		font-weight: bold;
    	padding-left: 12vw;
	}
	.sp-menu__list>.sp-menu__item>a img{
		width: 5.8vw;
		padding-right: 1.7vw;
		box-sizing: content-box;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		margin-left: -7vw;
	}
	.sp-menu__list>.sp-menu__item--bottoms>a img{
		width: 4.3vw;
    	margin-left: -6.3vw;
	}
	.sp-menu__list>.sp-menu__item--onepiece>a img,
	.sp-menu__list>.sp-menu__item--goods>a img,
	.sp-menu__list>.sp-menu__item--else>a img{
		margin-left: -6.7vw;
		width: 4.8vw;
	}
	.sp-menu__list>.sp-menu__item>a::after {
		position: absolute;
		content: '';
		right: 4vw;
    	top: 1.5vw;
		width: 4vw;
		height: 4vw;
		border-top: 1px solid #000;
		border-right: 1px solid #000;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}

	.sp-menu__list>.sp-menu__item.open>a::after {
    	top: 4.5vw;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.sp-menu__childlist {
		list-style: none;
		display: none;
	}
	.sp-menu__childlist__item a {
		padding: 2.2vw 4vw;
		display: block;
		/*letter-spacing: 0.1em;
		text-indent: 0.1em;*/
	}
	.sp-menu__childlist__item:first-child a{
		padding-top: 4vw;
	}
	.sp-menu__childlist__item:last-child a{
		padding-bottom: 5vw;
	}

	/*ガイド*/
	/*.sp-menu__guide {
		padding-top: 6vw;
		text-align: center;
		font-size: 1.5em;
		padding-bottom: 5vw;
	}

	.sp-menu__guide,
	.sp-menu__guide a {
		color: #535353;
	}

	.sp-menu__guide__list {
		list-style: none;
	}

	.sp-menu__guide__item {
		display: inline-block;
	}

	.sp-menu__guide__item:after {
		content: '/';
		padding: 0 2vw;
	}

	.sp-menu__guide__item:last-child:after {
		content: '';
	}
	*/

	/*スマホメニューフッター*/
	.sp-menu__footer {
		padding-top: 3vw;
		text-align: center;
		padding-bottom: calc( 5vw + 44px + 100px ); /*iphone Safariのメニューバー対策で足し算*/
		border-top: 1px solid #7D7D7D;
	}

	.sp-menu__footer__sharelist {
		font-size: 0;
    	padding-top: 4vw;
    	padding-bottom: 7vw;
	}

	.sp-menu__footer__item {
		font-size: 1rem;
		display: inline-block;
		padding-right: 6vw;
		width: 8.5vw;
		box-sizing: content-box;
		text-align: center;
		vertical-align: middle;
	}
	.sp-menu__footer__line{
		width:10vw;
	}
	.sp-menu__footer__mail{
		width:9.1vw;
	}

	.sp-menu__footer__item img {
		width: 100%;
	}

	.sp-menu__footer__item:last-child {
		padding-right: 0;
	}
	.sp-menu__footer__logo{
		width: 60vw;
    	margin: 0 auto;
    	padding-bottom: 5vw;
	}
	.sp-menu__footer__contact a{
		background: url(../images/common/bg_contact.png) no-repeat center;
		background-size: contain;
		width: 42.5vw;
		padding: 3.5vw 0;
		display: block;
		margin: 0 auto;
		font-size: 3vw;
		letter-spacing: 0.2em;
		text-indent: 0.2em;
	}
	.sp-menu__footer__contact a:hover{
		text-decoration: none;
	}
	.sp-menu__footer__links{
		font-size: 0;
		width: 81vw;
		margin: 0 auto;
    	padding-top: 7vw;
	}
	.sp-menu__footer__links__item:first-child,
	.sp-menu__footer__links__item:nth-child(4){
		border-left: #747474 1px solid;
	}
	.sp-menu__footer__links__item{
		display: inline-block;
		border-right: #747474 1px solid;
		font-size: 3vw;
    	margin-bottom: 3vw;
	}
	
	.sp-menu__footer__links__item a{
		padding: 0 0.8em;
	}
	
}

/*----------------------------------------
 2020/01 スマホヘッダ改修
----------------------------------------*/
.sp-brand-menu {
	display: none;
}
@media (max-width: 768px) {
	.sp-brand-menu{
    	animation: hide .3s linear 0s;
	}
	.sp-brand-menu.is-active {
		display: block;
		position: relative;
    	animation: show .3s linear 0s;
	}
	.sp-brand-menu__content {
		background:#F6F2F1;
		z-index: 200;
		position: relative;
		overflow-y: auto;
		max-height: calc( 100vh - 55px );
	}
	.sp-brand-menu__list{
		padding-top: 3vw;
		text-align: left;
		padding-left: 4vw;
	}
	.sp-brand-menu__item{
		display: inline-block;
		padding-bottom: 2.3vw;
		padding-right: 2vw;
	}
	.sp-brand-menu__item:nth-child(3n){
		padding-right: 0;
	}
	.sp-brand-menu__item a {
		width:29vw;
		background:#fff;
		height: 12vw;
		display: block;
	}
	.sp-brand-menu__item img{
		width: 100%;
		vertical-align: middle;
	}
	
	.sp-brand-menu__btn {
		margin:0 auto;
		padding-top: 3vw;
		padding-bottom: 3vw;
	}
	.sp-brand-menu__btn a{
		display: inline-block;
		border:1px solid #000;
		padding:1vw 8vw 1.2vw;
	}
	.sp-brand-menu__btn__close,
	.sp-search__box__btn__close{
		padding-top: 3vw;
		padding-bottom: 6vw;
		display: block;
	}
	.sp-brand-menu__btn__close a,
	.sp-search__box__btn__close a{
		position: relative;
		display: inline-block;
		padding-left: 7vw;
		cursor: pointer;
	}
	.sp-brand-menu__btn__close a::before,
	.sp-search__box__btn__close a::before{
		content: "";
		background: url(../images/common/btn_close-sp.png) no-repeat;
		background-size: contain;
		display: block;
		width:4.7vw;
		height: 4.7vw;
		position: absolute;
		left: 0;
		top:-0.5vw;
	}
	
	/*FC2対応*/
	header div:after{
		content: none;
	}
}
/*FC2対応*/
.FS2_upper_comment{
	margin:0;
	padding: 0;
}


/*----------------------------------------
 3:メイン
----------------------------------------*/

@media (min-width: 769px) {
	main {
		/*padding-top: 184px;*/
		/*キャッシュレス無しのときはこちら*/
		padding-top: 240px;
		/*キャッシュレス用*/
	}
}

@media (max-width: 768px) {
	main {
		padding-top:66px;
	}
}



.modal__overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: #000;
	opacity: 0.2;
	z-index: 200;
	overflow: hidden;
	overflow-y: auto;
}


/*スライダー*/
.slick-slide a:hover img {
	opacity: 0.7;
}

.slick-slide a {
	outline: none;
	cursor: pointer;
}


/*メインビジュアル*/
.mainvisual {
	text-align: center;
}

.mainvisual img {
	width: 100%;
}

@media (max-width: 768px) {
	.mainvisual {
		padding: 3vw 0 1.5vw;
	}

	.mainvisual .sp {
		display: block;
	}
}

/*丸アイコンエリア*/
.circle-links {
	padding-top: 36px;
	padding-bottom: 36px;
}
.instagram .circle-links{
	padding-top: 0;
}

.circle-links__list {
	list-style: none;
}

.circle-links__item {
	font-size: 0.8em;
	line-height: 1.3em;
	font-weight: 400;
	text-align: center;
	display: inline-block;
	vertical-align: top;
}

.circle-links__item img {
	border-radius: 50%;
	width: 90px;
	display: block;
	margin: 0 auto;
	/* padding-bottom:8px; */
}

.circle-image {
	/* background: linear-gradient(-45deg, white, #ffff1c, #40E0D0, #00c3ff61); */
	/* background:linear-gradient(-45deg, #eaafc8, #c471ed, #00c8f5, #c471ed); */
	/* background:linear-gradient(-45deg, #eaafc8, #c471ed, #00c8f5, #acb6e5); */
	/*background: linear-gradient(-45deg, #eaafc8, #c471ed, #acb6e5, #acb6e5);*/
	padding: 2px;
	margin-bottom: 6px;
}

/*横スクロール*/
.circle-links {
	overflow-y: hidden;
	height: 170px;
}

.circle-links__list {
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 100px;
}

.circle-links__item:first-child {
	padding-left: 50px;
}

.circle-links__item {
	padding-right: 40px;
}

.circle-links__description {
	padding-top: 10px;
	font-family: 'Julius Sans One', sans-serif;
}

@media (max-width: 768px) {
	.circle-links {
		padding: 2.5vw 0;
		height: 30vw;
	}

	.circle-links__list {
		padding-left: 1.5vw;
	}

	.circle-links__item {
		padding-right: 5vw;
		font-size: 0.8em;
		line-height: 1.2em;
	}

	.circle-links__item:first-child {
		padding-left: 5vw;
	}

	.circle-links__item img {
		width: 15vw;
	}

	.circle-links__description {
		padding-top: 10px;
	}
}


/*閲覧履歴*/
.top_histry{
	background-color: var(--main-background-color); 
}

/*INFORMATION*/
.top__info {
	background: #eee;
	margin-top:100px;
	padding: 30px 0;
	text-align: center;
}

.top__info .container {
	width: 670px;
}

.top__info__title {
	text-align: left;
	display: inline-block;
}

.top__info__title h2 {
	font-family: 'Julius Sans One', sans-serif;
	letter-spacing: 0.3em;
	text-indent: 0.3em;
	padding-right: 90px;
}

.top__info__list {
	text-align: left;
	display: inline-block;
	vertical-align: middle;
	list-style: none;
}

.top__info__item {
	padding-bottom: 6px;
}

.top__info__item:last-child {
	padding-bottom: 0;
}

.top__info__item__date,
.top__info__item__text {
	display: inline-block;
}

.top__info__item__date {
	text-decoration: underline;
	width: 7em;
}

.top__info__item__text {
	color: #6A6A6A;
}

@media (max-width: 768px) {
	.top__info {
		background: none;
		padding-left: 0;
		padding-right: 0;
		padding-top: 14vw;
		padding-bottom: 0vw;
		margin-top:0;
	}

	.top__info .container {
		width: 100%;
	}

	.top__info__title {
		display: block;
	}

	.top__info__title h2 {
		text-align: center;
		letter-spacing: 0.4em;
		text-indent: 0.4em;
		font-size: 1.7em;
		padding-bottom: 3vw;
		width: 100%;
		padding-right: 0;
	}

	.top__info__list {
		border-top: 2px solid #C9C9C9;
		border-bottom: 2px solid #C9C9C9;
		background: #EEEEEE;
		padding: 3vw 6vw;
		display: block;
		width: auto;
	}

	.top__info__item {
		padding-bottom: 1em;
	}

	.top__info__item:last-child {
		padding-bottom: 0;
	}
}

/*MOREボタン*/
.top__more {
	text-align: center;
	padding-top: 25px;
	padding-bottom: 74px;
}

.btn__more {
	font-family: 'Julius Sans One', sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 0.3em;
	text-indent: 0.3em;
	border: 1px solid #000;
	background-color: #fff;
	text-decoration: none !important;
	margin: 0 auto;
	display: inline-block;
	padding: 8px 30px;
}

@media (max-width: 768px) {
	.top__more {
		padding-top: 4vw;
		padding-bottom: 0;
	}

	.btn__more {
		font-size: 1.7em;
		letter-spacing: 0.3em;
		text-indent: 0.3em;
		padding: 3vw 8.5vw;
	}
}
/*特集・タイアップ*/
.feature,.tieup{
	padding:40px 0;
}
/*リンクエリア：フレックスボックス*/
.contents-link_box{
	/*フレックスボックスの設定*/
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	/*フレックスボックスの要素を左寄せ*/
	justify-content: left;
	
	text-align: left;
	margin-bottom: 2em;
}
.contents-link_box > div {
	/*列数と間の余白の設定*/
	width: calc( ( 100% - 90px ) / 4 );
	margin-right: 30px;
}
/*右端のマージンをゼロ設定*/
.contents-link_box > div:nth-child( 4n ) {
	margin-right: 0;
}
.contents-link_boxitem{
	padding-bottom:30px;
}
.contents-link_boxitem img{
	width:100%;
}
@media (max-width: 768px) {
	.contents-link_box{
		padding:0 4vw;
	}
	.contents-link_box > div {
		/*列数と間の余白の設定*/
		width: calc( ( 100% - 1vw ) / 2 );
		margin-right: 1vw;
	}
	.contents-link_box > div:nth-child( 2n ) {
		margin-right: 0;
	}
}


/*リンクエリア PC3列/SP1列：フレックスボックス*/
.contents-link_box2{
	/*フレックスボックスの設定*/
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	/*フレックスボックスの要素を左寄せ*/
	justify-content: left;
	
	text-align: left;
	margin-bottom: 2em;
}
.contents-link_box2 > div {
	/*列数と間の余白の設定*/
	width: calc( ( 100% - 40px ) / 3 );
	margin-right: 20px;
}
/*右端のマージンをゼロ設定*/
.contents-link_box2 > div:nth-child( 3n ) {
	margin-right: 0;
}
.contents-link_box2item{
	padding-bottom:30px;
}
.contents-link_box2item img{
	width:100%;
}
@media (max-width: 768px) {
	.contents-link_box2{
		padding:0 4vw;
	}
	.contents-link_box2 > div {
		/*列数と間の余白の設定*/
		width: calc( ( 100% - 0vw ) / 1 );
		margin-right: 0vw;
	}
	.contents-link_box2 > div:nth-child( 1n ) {
		margin-right: 0;
	}
}



/*インスタグラム*/
.instagram{
	background-color: var(--main-background-color);
}

/*リンクエリア*/
.link-area{
	margin-top:50px;
	padding-top:50px;
	background-color: var(--main-background-color);
}





/*ブランドリスト*/
.top__brand {
	padding: 24px 0 !important;
	text-align: center;
}

.top__brand__item {
	padding: 0 14px;
	display: inline-block;
}

.top__brand__item img {
	/*height: 67px;*/
	/*2019/11/19変更*/
	height: 4.5vw;
	/*2019/11/19変更*/
	width: auto;
}

@media (max-width: 768px) {
	.top__brand {
		padding: 2vw 0 !important;
	}

	.top__brand__list {
		list-style: none;
	}

	.top__brand__item {
		padding: 0 2vw;
		text-align: center;
		display: inline-block;
		margin: 0 auto;
	}

	.top__brand__item img {
		/*height: 11vw;*/
		/*2019/11/19変更*/
		height: 9vw;
	}
}

/*2019/11/18 仕様変更に伴うスタイルの変更*/
.top__brand__list.swiper-wrapper {
	transition-timing-function: linear !important;
}


/*ブランドリスト*/
@media (max-width: 768px) {
	.top__brand {
		padding: 2vw 0;
	}

	.top__brand__list {
		list-style: none;
	}

	.top__brand__item {
		padding: 0 2vw;
		text-align: center;
		display: inline-block;
		margin: 0 auto;
	}

	.top__brand__list .slick-slide img {
		height: 11vw;
	}
}

/*NEWS*/
.top__news {
	padding-top: 80px;
}

.top__news__title h2 {
	font-family: 'Julius Sans One', sans-serif;
	text-align: center;
	font-size: 2.2em;
	line-height: 2.2em;
	letter-spacing: 0.3em;
	text-indent: 0.3em;
}

.top__news__title2 h2 {
	font-family: 'Julius Sans One', sans-serif;
	text-align: center;
	font-size: 2.2em;
	line-height: 2.2em;
	letter-spacing: 0.3em;
	text-indent: 0.3em;
}

.top__news__list {
	width: 980px;
	margin: 0 auto;
	position: relative;
}

.top__news__list .slick-prev.slick-arrow {
	top: 0;
	bottom: 0;
	left: -34px;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 30px;
	height: 30px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.top__news__list .slick-next.slick-arrow {
	top: 0;
	bottom: 0;
	right: -34px;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 30px;
	height: 30px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.top__news__list .slick-dots {
	bottom: -40px
}

.top__news__list .slick-next.slick-arrow:before,
.top__news__list .slick-prev.slick-arrow:before {
	display: none;
}

.top__news__list .slick-dots li button:before {
	content: "";
	background: transparent;
	border: 1px solid #000;
	position: absolute;
	border-radius: 50%;
	font-size: 20px;
	height: 1em;
	width: 1em;
}

.top__news__list .slick-dots li.slick-active button:before {
	background: #000;

}

@media (max-width: 768px) {
	.top__news {
		padding-top: 14vw;
	}

	.top__news__title h2 {
		font-size: 7.5vw;
		line-height: 7.5vw;
		letter-spacing: 2vw;
		text-indent: 2vw;
		font-weight: bold;
		padding-bottom: 4vw;
		width: 100%;
	}

	.top__news__title2 h2 {
		font-size: 7.5vw;
		line-height: 7.5vw;
		letter-spacing: 2vw;
		text-indent: 2vw;
		font-weight: bold;
		padding-bottom: 4vw;
		padding-top: 9vw;
		width: 100%;
	}

	.top__news__list {
		margin: 0 0vw;
		display: none;
		width: auto;
	}

	.top__news__list.slick-initialized {
		display: block;
	}

	.top__news__list .slick-dots {
		width: 100%;
		bottom: -9vw;
	}

	.top__news__list .slick-dots li button:before {
		font-size: 2.7vw;
	}
}

.top__news02__list {
	padding-top: 36px;
	list-style: none;
	font-size: 0;
	text-align: center;
}

.top__news02__item{
	width:calc(25% - 14px);
	padding-right: 14px;
	font-size: 0.7rem;
	line-height: 1.1em;
	color:#666;
	display: inline-block;
	vertical-align: top;
	box-sizing: content-box;
}
.top__news02__item:nth-child(4n){
	padding-right: 0;
}

.top__news02__description{
	padding-top: 8px;
}
@media (max-width: 768px) {
	.top__news02__list{
		padding:0 4% ;
	}
	.top__news02__item{
		width:calc(50% - 0.75%);
		padding-right: 1.5%;
		font-size: 2.3vw;
		padding-bottom: 1vw;
	}
	.top__news02__item a{
		color:#666;
	}
	.top__news02__item:nth-child(2n){
		padding-right: 0;
	}
	.top__news02__item img{
		width: 100%;
	}
	.top__news02__description{
		padding-top: 0.5vw;
	}
}



/*RANKING*/

.top__ranking {
	padding-top: 72px;
	/*padding-bottom: 72px;*/
}

.top__ranking__title h2 {
	text-align: center;
	font-family: 'Julius Sans One', sans-serif;
	font-size: 2.1em;
	letter-spacing: 0.3em;
}

.top__ranking__wrapper {
	position: relative;
	text-align: center;
	padding-top: 45px;
}

.top__ranking__brand__title,
.top__ranking__category__title {
	border: 1px solid #000;
	border-bottom: none;
	text-align: center;
	position: relative;
	z-index: 0;
	background: #EEE;
	display: inline-block;
	color: #7C7C7C;
	width: 428px;
	margin-right: 30px;
	padding-top: 12px;
}

.top__ranking__brand__title:last-child,
.top__ranking__category__title:last-child {
	margin-right: 0;
}

.top__ranking__brand__title.is-active,
.top__ranking__category__title.is-active {
	z-index: 2;
	background: #fff;
	color: inherit;
}

.top__ranking__brand__title a,
.top__ranking__category__title a {
	color: #7C7C7C;
}

.top__ranking__brand__title.is-active a,
.top__ranking__category__title.is-active a {
	color: inherit;
}

.top__ranking__brand__title h3,
.top__ranking__category__title h3 {
	font-family: 'Julius Sans One', sans-serif;
	font-size: 1.7em;
	line-height: 1.3em;
	letter-spacing: 0.3em;
	text-indent: 0.3em;
}

.top__ranking__brand__title .top__ranking__subtitle,
.top__ranking__category__title .top__ranking__subtitle {
	color: #686868;
	font-size: 0.8em;
	padding-bottom: 6px;
}

/*タブによって変わる内容の部分*/
.top__ranking__content {
	border-top: 1px solid #000;
	/*border-bottom: 1px solid #000; */
	z-index: 1;
	position: relative;
	background: #fff;
	top: -1px;
	padding-top: 20px;
	/* width:100vw; */
}

@media (max-width: 768px) {
	.top__ranking {
		padding-top: 2.5vw;
		padding-bottom: 7vw;
	}

	.top__ranking__title h2 {
		font-size: 3em;
		letter-spacing: 2vw;
		text-indent: 2vw;
		padding-bottom: 7.5vw;
		width: 100%;
	}

	.top__ranking__wrapper {
		padding-top: 0;
	}

	.top__ranking__brand__title,
	.top__ranking__category__title {
		padding-top: 3vw;
		width: 46.5vw;
		margin-right: 1.5vw;
	}

	.top__ranking__brand__title:last-child,
	.top__ranking__category__title:last-child {
		margin-right: 0;
	}

	.top__ranking__brand__title h3,
	.top__ranking__category__title h3 {
		font-size: 1.8em;
		line-height: inherit;
		letter-spacing: 1.3vw;
		text-indent: 1.3vw;
	}

	.top__ranking__brand__title h3 {
		letter-spacing: 1.3vw;
		text-indent: 1.3vw;
	}

	.top__ranking__category__title h3 {
		letter-spacing: 0.8vw;
		text-indent: 0.8vw;
	}

	.top__ranking__brand__title .top__ranking__subtitle,
	.top__ranking__category__title .top__ranking__subtitle {
		padding: 2vw;
		width: 100%;
	}

	/*タブによって変わる内容の部分*/
	.top__ranking__content {
		top: -2px;
		width: 100%;
		padding-top: 3vw;
		/* padding-bottom: 10vw; */
		margin-bottom: 3vw;
	}
}

.top__ranking__content .top__ranking__brand__content,
.top__ranking__content .top__ranking__category__content {
	display: none;
}

.top__ranking__content .top__ranking__brand__content.is-active,
.top__ranking__content .top__ranking__category__content.is-active {
	display: block;
}

.top__ranking__brand-name__list .slick-current {
	border-bottom: 5px solid #000;
}

.top__ranking__brand-name__list .slick-slide {
	margin: 0 28px;
}

.top__ranking__brand-name__list .slick-slide img {
	height: 38px;
}

.top__ranking__brand-name__list {
	padding-bottom: 43px;
	display: inline-block;
	padding-top: 13px;
}

.top__ranking__brand-name__item-text {
	font-family: 'Julius Sans One', sans-serif;
	padding: 2px 30px 3px 30px;
	font-size: 1.3em;
	line-height: 1.8em;
	font-weight: bold;
}

.top__ranking__brand-name__item-text a:hover {
	text-decoration: none;
}

@media (max-width: 768px) {
	.top__ranking__brand-name__list {
		padding-bottom: 6.5vw;
	}

	.top__ranking__brand-name__item img {
		margin: 0 auto;
	}

	.top__ranking__brand-name__list .slick-current {
		opacity: 1 !important;
	}

	.top__ranking__brand-name__list .slick-slide {
		margin: 0 3vw;
		opacity: 0.4;
	}

	.top__ranking__brand-name__list .slick-slide img {
		height: 8vw;
	}
}

.top__ranking__list {
	text-align: center;
	margin: 0 auto;
	font-size: 0;
	list-style: none;
	padding-bottom: 50px;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.top__ranking__item {
	display: inline-block;
	vertical-align: top;
	box-sizing: content-box;
	width: 187px;
	/* padding-right: 9px; */
	font-size: 0.7rem;
	margin-bottom: 18px;
	/* height: 364px; */
	-ms-flex-preferred-size: 18%;
	flex-basis: 19%;
	/* justify-content: space-evenly; */
}

.top__ranking__item:last-child {
	padding-right: 0;
}

.top__ranking__item-icon {
	display: none !important;
}

.top__ranking__item {
	padding-top: 38px;
}

.top__ranking__item01 {
	background: url(../images/top/ranking01-pc.jpg) no-repeat top center;
}

.top__ranking__item02 {
	background: url(../images/top/ranking02-pc.jpg) no-repeat top center;
}

.top__ranking__item03 {
	background: url(../images/top/ranking03-pc.jpg) no-repeat top center;
}

.top__ranking__item04 {
	background: url(../images/top/ranking04-pc.jpg) no-repeat top center;
}

.top__ranking__item05 {
	background: url(../images/top/ranking05-pc.jpg) no-repeat top center;
}

@media (max-width: 768px) {
	.top__ranking__list {
		padding-bottom: 5vw;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.top__ranking__item {
		font-size: 12.6px;
		line-height: 12.6px;
		padding-top: 0;
	}

	.top__ranking__item img {
		width: 100%;
	}

	.top__ranking__item01 {
		padding-right: 1.4%;
		background: url(../images/top/ranking01.png) no-repeat top center;
		background-size: 6.5vw;
		padding-top: 6vw;
		width: calc(50% - 4%);
		padding-bottom: 6.5vw;
	}

	.top__ranking__item02 {
		background: url(../images/top/ranking02.png) no-repeat top center;
		background-size: 6.6vw;
		padding-top: 6vw;
		width: 46vw;
		width: calc(50% - 4%);
		padding-bottom: 6.5vw;
		padding-right: 0;
	}

	.top__ranking__item03 {
		width: calc(33.333% - 4.5%);
		padding-right: 3%;
		padding-bottom: 10vw;
		background: none;
	}

	.top__ranking__item04 {
		width: calc(33.333% - 4.5%);
		padding-right: 3%;
		padding-bottom: 10vw;
		background: none;
	}

	.top__ranking__item05 {
		width: calc(33.333% - 4.5%);
		padding-bottom: 10vw;
		background: none;
	}

	.top__ranking__item {
		position: relative;
	}

	img.top__ranking__item-icon {
		display: block !important;
		position: absolute;
		width: 4.4vw;
		top: -0.7vw;
		left: 0.7vw;
	}
}

.brand-item {
	display: block;
}

.top__ranking__category-name__list {
	padding-top: 20px;
	padding-bottom: 48px;
}

.top__ranking__category-name__item {
	font-family: 'Julius Sans One', sans-serif;
	padding: 0 30px;
	font-size: 1.3em;
	line-height: 1em;
	padding-bottom: 8px;
}

.top__ranking__category-name__item a {
	text-decoration: none;
}

.top__ranking__category-name__list .slick-current {
	border-bottom: 5px solid #000;
	font-weight: bold;
}

@media (max-width: 768px) {
	.brand-item {
		height: calc(303vw + 100%);
	}

	/*カテゴリランキング*/
	.top__ranking__category-name__list {
		padding-top: 2vw;
		padding-bottom: 5vw;
	}

	.top__ranking__category-name__item {
		padding: 0 2vw;
		font-size: 1.6em;
		line-height: 1.6em;
		margin: 0 0.8em;
		padding-bottom: 0.3em;
		display: inline-block;
	}

	.top__ranking__category-name__list .slick-current {
		opacity: 1 !important;
	}

	.top__ranking__category-name__list .slick-slide {
		opacity: 0.4;
	}
}

/*NEW ARRIVAL*/
.top__new {
	 padding-top:40px;  
}

.top__new__item__title img {
	max-height: 80px;
	padding: 8px 0;
}

.top__new__title h2 {
	font-size: 2em;
	line-height: 2em;
	letter-spacing: 0.4em;
	text-indent: 0.4em;
	font-family: 'Julius Sans One', sans-serif;
	padding-bottom: 20px;
	text-align: center;
}

.top__new__list {
	list-style: none;
	font-size: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	/*折り返し有り・複数行*/
	justify-content: flex-start;
}

.top__new__item {
	font-size: 0.8rem;
	line-height: 1.3em;
	text-align: center;
	box-sizing: content-box;
	width: calc(25% - 16px);
	padding-right: 21px;
	padding-bottom: 40px;
	word-break: keep-all;
}

.top__new__item:nth-child(4n) {
	padding-right: 0;
}

@media (max-width: 768px) {
	.top__new {
		padding-top: 4vw;
		/* padding-bottom: 10vw; */
	}

	.top__new__title h2 {
		text-align: center;
		font-size: 3em;
		line-height: inherit;
		letter-spacing: 2vw;
		text-indent: 2vw;
		padding-bottom: 7.5vw;
		width: 100%;
		/* margin-top:10vw; */
	}

	.top__new__list {
		padding: 0 4vw;
	}

	.top__new__item {
		font-size: 11px;
		line-height: 16.6px;
		width: calc(50% - 0.5vw);
		padding-right: 0.9vw;
		padding-bottom: 0;
		word-break: keep-all;
	}

	.top__new__item:nth-child(2n) {
		padding-right: 0;
	}

	.top__new__item:nth-child(n+3) {
		padding-top: 8.5vw;
	}

	.top__new__item a {
		color: #666;
	}

	.top__new__item img {
		width: 100%;
	}

	.top__new__item:nth-child(2) {
		/* order:0;
		padding-right: 0.9vw; */
	}

	.top__new__item {
		/* order:1; */
	}
}

.top__new__item.top__new__subtitle .top__new__subtitle__title {
	font-family: 'Amiri', sans-serif;
	background: #C9C9C9;
	color: #fff;
	font-size: 1.4em;
	line-height: 1.4em;
	letter-spacing: 0.2em;
	text-indent: 0.2em;
}

.top__new__item.top__new__subtitle .top__new__subtitle__date {
	font-family: 'Amiri', sans-serif;
	padding-top: 30px;
	font-size: 7em;
	line-height: 1em;
}

.top__new__item.top__new__subtitle .top__new__subtitle__week {
	font-family: 'Amiri', sans-serif;
	font-size: 2.5em;
	line-height: 1.2em;
}

.top__new__item.top__new__subtitle .top__new__subtitle__week:before {
	content: "<"
}

.top__new__item.top__new__subtitle .top__new__subtitle__week:after {
	content: ">"
}

.top__new__item.top__new__subtitle .top__new__subtitle__text {
	padding-top: 12px;
	font-size: 2.2em;
	line-height: 1.2em;
}

@media (max-width: 768px) {
	.top__new__subtitle {
		/* padding-right: 0; */
	}

	.top__new__item.top__new__subtitle .top__new__subtitle__title {
		background: #707070;
	}

	.top__new__item.top__new__subtitle .top__new__subtitle__date {
		font-size: 15vw;
		padding-top: 7vw;
	}

	.top__new__item.top__new__subtitle .top__new__subtitle__week {
		font-size: 6vw;
		line-height: 1em;
	}

	.top__new__item.top__new__subtitle .top__new__subtitle__text {
		padding-top: 4vw;
		font-size: 2em;
		line-height: 1.2em;
	}
}

/*先行予約商品*/
.top__reserve {
	padding-top: 100px;
}

.top__reserve__title.sp {
	display: none;
}

.top__reserve__list {
	list-style: none;
	font-size: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	/*折り返し有り・複数行*/
	justify-content: flex-start;
}

.top__reserve__item {
	display: inline-block;
	text-align: center;
	box-sizing: content-box;
	width: calc(25% - 20px);
	margin-right: 20px;
	font-size: 0.8rem;
	line-height: 1.3em;
	letter-spacing: 0.05em;
	margin-bottom: 46px;
	position: relative;
	word-break: keep-all;
}

.top__reserve__item:nth-child(4n) {
	margin-right: 0;
}

.top__reserve__title-pc {
	border: 1px solid #000;
	height: 270px;
}

.top__reserve__subtitle-pc {
	font-family: 'Julius Sans One', sans-serif;
	font-size: 1.2rem;
	line-height: 1em;
	padding-top: 56px;
	color: #7c7c7c;
}

.top__reserve__title-pc h2 {
	color: inherit;
	font-size: 2.2rem;
	line-height: 1.5em;
	font-weight: 300;
	padding-top: 34px;
}

.top__reserve__item__date {
	color: #C83136;
	font-weight: normal;
}

@media (max-width: 768px) {

	.top__reserve__title.sp {
		display: block;
		margin-top: 25px;
	}

	.top__reserve {
		padding-top: 2.5vw;
		padding: 0 4vw;
	}

	.top__reserve__title-pc {
		display: none;
	}

	.top__reserve h2 {
		text-align: center;
		font-size: 3em;
		line-height: inherit;
		letter-spacing: 2vw;
		text-indent: 2vw;
		padding-bottom: 7.5vw;
		width: 100%;
		margin-top: 10vw;
	}

	.top__reserve__list {
		padding-top: 3vw;
	}

	.top__reserve__item {
		width: calc(50% - 0.5vw);
		padding-right: 0.9vw;
		font-size: 11px;
		line-height: 16.6px;
		margin: 0;
		word-break: normal;
	}

	.top__reserve__item:nth-child(n+4) {
		padding-top: 12vw;
	}

	.top__reserve__item:nth-child(2n+1) {
		padding-right: 0;

	}

	.top__reserve__item,
	.top__reserve__item a {
		color: #666;
	}
}

/*翌日販売開始アイテム*/
#tomorrow {
	margin-top: 5%;
}

.top__new-tomorrow hr {
	display: none;
}

@media (max-width: 768px) {
	.top__new-tomorrow {
		/* margin-top: 7vw;
		padding-top: 5vw; */
	}

	hr {
		display: block;
		border-top: 1px solid #000;
		margin: 0 4vw;
	}

	.top__new-tomorrow .top__new__list {
		padding-top: 5vw;
	}
}

/*検索*/
.top__search {
	background:#eee;
	padding-top: 50px;
	padding-bottom: 50px;
}

.top__search__list-sp {
	display: none;
}

.top__search__box {}

.top__search__box form {
	border: 1px solid #000;
	position: relative;
	background: #fff;
	width: 650px;
	margin: 0 auto;
}

.top__search__box input[type="text"] {
	border: none;
	font-size: 1.5em;
	padding: 12px 8px;
	width: 600px;
}

.top__search__box input[type='submit'] {
	position: absolute;
	background: url(../images/common/sp-menu_search.png) no-repeat center;
	background-size: cover;
	border: none;
	width: 37px;
	height: 37px;
	right: 8px;
	top: 6px;
}

.top__search__content-pc {
	padding-top: 38px;
}

.top__search__content__all {
	font-family: 'Julius Sans One', sans-serif;
	text-align: center;
	font-size: 2.2em;
	line-height: 1em;
	letter-spacing: 0.35em;
	text-indent: 0.35em;
	color: #646464;
	position: relative;
	font-weight: bold;
	padding-bottom: 38px;
}

.top__search__content__all a {
	color: #646464;
	padding-left: 45px;
	padding-right: 20px;
	vertical-align: middle;
	position: inline-block;
	text-decoration: none;
}

.top__search__content__all:before,
.top__search__content__all:after {
	position: absolute;
	top: 7.5px;
	content: "";
	margin: auto;
	vertical-align: middle;
	width: 0;
	height: 0;
	border-style: solid;
	line-height: 0px;
}

.top__search__content__all:before {
	border-width: 7.5px 0 7.5px 15px;
	border-color: transparent transparent transparent #646464;
}

.top__search__content__all:after {
	border-width: 7.5px 13.0px 7.5px 0;
	border-color: transparent #646464 transparent transparent;
}

.top__search__area {
	background: #fff;
	padding: 28px 58px;
	color: #646464;
}

.top__search__area a {
	color: #646464;
}

.top__search__area ul {
	list-style: none;
}

.top__search__area li {
	padding-top: 24px;
}

.top__search__pickup,
.top__search__category,
.top__search__brand {
	display: inline-block;
	vertical-align: top;
}

.top__search__pickup__list {
	display: inline-block;
	vertical-align: top;
	box-sizing: content-box;
	width: 210px;
	padding-right: 40px;
}

.top__search__category {
	width: 210px;
}

.top__search__brand {
	width: 180px;
}

.top__search__pickup__list:last-child {
	padding-right: 0px;
}

@media (max-width: 768px) {
	.top__search {
		margin-top: 10vw;
		margin-bottom: 0;
		padding: 1.5em 4vw 10vw 4vw;
		/*background: none;*/
	}

	.top__search__box form {
		width: 100%;
	}

	.top__search__box input[type="text"] {
		font-size: 2em;
		line-height: 1.5em;
		padding: 1vw;
		width: 90%;
	}

	.top__search__box input[type='submit'] {
		width: 7vw;
		height: 7vw;
		right: 2vw;
		top: 1.2vw;
	}

	.top__search__content-pc {
		display: none;
	}

	.top__search__list-sp {
		display: inherit;
	}

	.top__search__list-sp .top__search__list__col1 {
		padding-top: 4vw;
	}

	.top__search__list-sp .top__search__list__col1 .top__search__item {
		font-size: 2em;
		line-height: 1em;
		letter-spacing: 0.2em;
		text-indent: 0.2em;
		width: 100%;
	}

	.top__search__list-sp .top__search__list__col2,
	.top__search__list-sp .top__search__list__col3 {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap: wrap;
		list-style: none;
		justify-content: flex-start;
		font-size: 0;
	}

	.top__search__list-sp .top__search__list__col2 {
		padding: 1.2vw 0;
	}

	.top__search__list-sp .top__search__list__col3 {
		padding: 4vw 0;
	}

	.top__search__list-sp .top__search__item {
		box-sizing: content-box;
		font-size: 3.5vw;
		line-height: 2.5vw;
	}
/*ボタン*/
	.top__search__list-sp .top__search__item a {
 		text-align: center;

		display: block;
		padding: 2.5vw 0;

		text-decoration: none;
		background: #555555 ;/*ボタン色*/
		color: #ffffff;
		/*border-bottom: solid 4px #DDDDDD;*/
		border-radius: 10px;		

	}
	
	.top__search__list-sp .top__search__item  :active {
  /*ボタンを押したとき*/
		-webkit-transform: translateY(4px);
		transform: translateY(4px);/*下に動く*/
		border-bottom: none;/*線を消す*/
	}
	
/*ボタン*/	
	.top__search__list-sp .top__search__list__col2 .top__search__item {
		flex-basis: calc(50% - 0.5%);
		margin-right: 1%;
		font-size: 4vw;
		line-height: 3vw;
		padding: 0.6vw 0;
	}

	.top__search__list-sp .top__search__list__col3 .top__search__item {
		flex-basis: calc(33.33333% - 0.7%);
		margin-right: 1%;
		margin-bottom: 1.3vw;
		padding: 0.6vw 0;
	}

	.top__search__list-sp .top__search__list__col2 .top__search__item:nth-child(2n),
	.top__search__list-sp .top__search__list__col3 .top__search__item:nth-child(3n) {
		margin-right: 0;
	}
}










/*USER COORDINATE*/

.top__user,
.top__offical {
	text-align: center;
	padding-top: 92px;
}

.top__user__title h2,
.top__official__title h2 {
	font-family: 'Julius Sans One', sans-serif;
	font-size: 2em;
	line-height: 1em;
	letter-spacing: 0.16em;
	text-indent: 0.16em;
}

.top__user__subtitle,
.top__official__subtitle {
	padding-top: 10px;
	font-family: 'Julius Sans One', sans-serif;
	font-size: 1em;
	line-height: 1em;
	letter-spacing: 0.2em;
	text-indent: 0.2em;
	padding-bottom: 36px;
}

@media (max-width: 768px) {

	.top__user,
	.top__offical {
		padding-bottom: 4vw;
	}

	.top__user {
		padding-top: 9.5vw;
	}

	.top__offical {
		padding-top: 15vw;
	}

	.top__user__title h2,
	.top__official__title h2 {
		font-size: 2.7em;
		line-height: 1.5em;
		width: 100%;
	}

	.top__user__title h2 {
		letter-spacing: 1vw;
		text-indent: 1.6vw;
	}

	.top__official__title h2 {
		letter-spacing: 0.7vw;
		text-indent: 1vw;
	}

	.top__user__subtitle,
	.top__official__subtitle {
		font-size: 1.4em;
		line-height: 1.4em;
		padding-bottom: 4vw;
		width: 100%;
	}

	.top__user__subtitle {
		letter-spacing: 0.6vw;
		text-indent: 0.6vw;
	}

	.top__official__subtitle {
		letter-spacing: 0.3vw;
		text-indent: 0.3vw;
	}
}


/*----------------------------------------
 4:フッター
----------------------------------------*/
/*ページトップに戻るボタン*/
#footer .footer__pagetop {
	width: 100%;
}

footer .footer__pagetop__btn {
	width: 50px;
	position: fixed;
	right: 10px;
	bottom: 0px;
	margin: 10px;
	z-index: 99;
}

#footer .footer__pagetop__btn {
	width: 66px;
	bottom: 90px;
}

#footer .footer__pagetop__btn img {
	width: 100%;
}

@media (max-width: 768px) {

	#footer .footer__pagetop__btn {
		width: 13vw;
		right: 10px;
		bottom: 15vw;
	}
}

/*チャットディーラーボタン*/
.footer__chat{
	position: fixed;
    left: 20px;
    bottom: 20px;
	z-index: 99;
}
.footer__chat a{
	border-radius: 50%;
    width: 100px;
    height: 100px;
    overflow: hidden;
    display: block;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(51,51,51,1);
-moz-box-shadow: 1px 1px 3px 0px rgba(51,51,51,1);
box-shadow: 1px 1px 3px 0px rgba(51,51,51,1);
}
.footer__chat a img{
	width: 100%;
}
@media (max-width: 768px) {
	.footer__chat{
		left: 5vw;
		bottom: 5vw;
	}
	.footer__chat a{
		width: 19vw;
		height: 19vw;
	}
	.second-page .footer__chat{
		display: none;
	}
}

/*PCフッター*/
.footer-pc {
	display: block;
}

/*SNSフォロー*/
.footer__follow {
	padding: 42px 0;
	background: #707070;
	text-align: center;
}

.footer__follow__title {
	font-family: 'Julius Sans One', sans-serif;
	color: #fff;
	font-size: 1.1em;
	line-height: 1em;
	letter-spacing: 0.18em;
	text-indent: 0.18em;
	padding-bottom: 42px;
}

.footer__follow__item {
	display: inline-block;
	width: 82px;
	padding-right: 14px;
	box-sizing: content-box;
	padding-bottom: 14px;
}

/*その他インフォ*/
.footer__info {
	background: #ececec;
	padding: 45px 0;
	text-align: center;
}

.footer__info__free,
.footer__info__mm,
.footer__info__shopping {
	display: inline-block;
	vertical-align: top;
	width: 180px;
	padding-right: 40px;
	box-sizing: content-box;
}

.footer__info__shopping {
	padding-right: 0;
}

.footer__info__free h3,
.footer__info__mm h3,
.footer__info__shopping h3 {
	font-family: 'Julius Sans One', sans-serif;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 16px;
}

.footer__info__free__description,
.footer__info__mm__description,
.footer__info__shopping__description {
	color: #898989;
	font-size: 0.9em;
}

.footer__main {
	padding-top: 30px;
	color: #595959;
	font-size: 0.8em;
}

.footer__main a {
	color: #595959;
}

.footer__main__js {
	padding-bottom: 50px;
}

.footer__main__info {
	width: 180px;
	padding-right: 20px;
}

.footer__main__guide {
	width: 160px;
	padding-right: 20px;
}

.footer__main__about {
	width: 310px;
	padding-right: 20px;
}

.footer__main__info,
.footer__main__guide,
.footer__main__about,
.footer__main__calender {
	display: inline-block;
	vertical-align: top;
	box-sizing: content-box;
}

.footer__main__info h2,
.footer__main__guide h2,
.footer__main__about h2 {
	font-family: 'Amiri', sans-serif;
	font-size: 1.4em;
	line-height: 1em;
	letter-spacing: 0.13em;
	font-weight: bold;
}

.footer__main__calender h2 {
	font-size: 1.1em;
	font-weight: bold;
}

.footer__main__info h2,
.footer__main__guide h2,
.footer__main__about h2,
.footer__main__calender h2 {
	padding-bottom: 30px;
}

.footer__main__info ul,
.footer__main__guide ul {
	list-style: none;
}

.footer__main__info li,
.footer__main__guide li .footer__main__about .footer__main__about__description {
	line-height: 2em;
}

.footer__main__about .footer__main__about__description {
	padding-bottom: 35px;
}

.footer__copyright {
	padding-top: 64px;
	padding-bottom: 52px;
	text-align: center;
	font-family: 'Julius Sans One', sans-serif;
}

/*スマホフッター*/
#footer .footer-sp {
	display: none;
}

@media (max-width: 768px) {
	.footer-pc {
		display: none;
	}

	#footer .footer-sp {
		margin-top: 0vw;
		display: block;
		background: #707070;
		padding: 6vw 0;
		color: #fff;
		line-height: 2em;
		font-size: 0.8em;
		text-align: center;
	}

	.footer-sp__links {
		margin: 0 auto;
		padding-bottom: 6vw;
	}

	.footer-sp__links__item {
		display: inline-block;
		width: 12vw;
		padding-right: 1.3vw;
	}

	.footer-sp__logo {
		padding-bottom: 6vw;
	}

	.footer-sp__logo img {
		width: 36vw;
	}
}

/*----------------------------------------
 2020/01 スマホフッタ改修
----------------------------------------*/
.footer__menu--fixed{
	position: fixed;
	bottom:0;
	left: 0;
	background: #fff;
	width:100%;
	border-top:#ADABA6 1px solid;
}
.footer__menu--fixed__list{
	font-size: 0;
	text-align: center;
}
.footer__menu--fixed__item{
	font-size: 2vw;
	display: inline-block;
	vertical-align: bottom;
    width: 20%;
}
.footer__menu--fixed__item a{
    padding: 10px 0;
    display: block;
	width: 100%;
}
.footer__menu--fixed__item a:hover{
	text-decoration: none;
}
.footer__menu--fixed__item a img{
	display: block;
    margin: 0 auto;
    width: 4vw;
    padding-bottom: 5px;
}
.footer__menu--fixed{
	transition-duration: .5s ;
}
.footer__menu--fixed.is-hide{
	margin-bottom: -100%;
	transition-duration: .5s;
}
/*----------------------------------------
 5:その他
----------------------------------------*/
.text__red {
	color: #AA0001;
}

.sp {
	display: none;
}

@media (max-width: 768px) {
	.pc {
		display: none;
	}
	.sp{
		display: inline-block;
	}
}

/*----------------------------------------
 6:切り替え用
----------------------------------------*/
main .mainvisual>div {
	display: none;
}

main .mainvisual>div.is-active {
	display: block;
}

.mainvisual__same {}

@media (max-width: 768px) {
	.mainvisual__same {
		width: 100vw;
		height: 106.5vw;
		overflow: hidden;
		position: relative;
	}

	.mainvisual__same img {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		max-width: 174%;
		width: 174%;
	}
}

.brand-item iframe,
.category_item iframe,
.top__new iframe,
.top__reserve iframe {
	width: 100%;
	border: none;
}

/*google adwords崩れ防止*/

iframe[name="google_conversion_frame"] {
	position: absolute;
	top: 0;
}


/*TOP バナー差し込み用*/
.banner_free {
	text-align: center;
	padding: 3vw 0 1.5vw;
}

.banner_free img {
	width: 980px;
}

@media (max-width: 768px) {
	.banner_free img {
		width: 93%;
	}

	/* 空欄用JSロゴの崩れ防止 */
	.top__new__item__blank {
		width: calc(50% - 1.3vw);
	}
}

/* New Ranking  */
.rank {
	font-family: 'Amiri', serif;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;

	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;

	position: relative;
	margin-bottom: 6%;
}

.rank-prefix {
	font-size: 1rem;
	position: absolute;
	bottom: 0;
	transform: translate(-60%, -0);
}

.rank-number {
	font-size: 2.2rem;
	position: absolute;
	bottom: 0.25rem;
	transform: translateX(40%);
	letter-spacing: -0.3rem;
}

.brand-link-button {
	border: rgb(236, 234, 234) 5px solid;
	width: 336px;
	margin: 5% auto 0;
}

.brand-link-button img {
	width: 100%;
}

.price-text {
	margin-top: 1.5vw;
	font-size: 12px;
	line-height: 12px;
}

.tax-text {
	vertical-align: top;
	font-size: 0.8em;
}

.lined-text {
	text-decoration: line-through;
	vertical-align: bottom;
}

.sale-price {
	color: #C83136;
	vertical-align: top;
}

.top__ranking__item__text {
	margin-bottom: 12px;
	word-break: keep-all;
}

.shipping-schedule {
	color: brown;
	font-size: 1.1em;
}

img.re-icon {
	position: absolute;
	top: 0;
	left: 0;
}

@media (max-width: 768px) {
	.top__ranking__item {
		/* width: 44vw; */
		margin-top: 36px;
		margin-bottom: 12px;
		/* height: 88vw; */
		display: block;
		-ms-flex-preferred-size: 47%;
		flex-basis: 47%;
	}

	.rank-number {
		font-size: 1.6rem;
	}

	.brand-link-button {
		width: 70vmin;
		margin: 48px auto 0;
	}

	.price-text {
		font-size: 14px;
		line-height: 14px;
	}

	.top__ranking__item__text {
		/*width:100%;*/
		line-height: 16.6px;
		word-break: normal;
		font-size: 11px;
		/*text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;*/	
	}
}



/*----------------------------------------
ピックアップバナーエリア（PC2カラム、SP1カラム）
----------------------------------------*/
.pickup-area{
	
}
@media (max-width: 768px) {
	.pickup-area_box{
		padding:0 4vw;
	}
	.pickup-area .item{
		padding: 1vw 0;
	}
}

/* Responsive */
@media (min-width: 768px) {
	.pickup-area_box{
		/*Flex boxの設定*/
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		
		/*その他の設定*/
		padding-bottom:100px;
	}
	.pickup-area_box > div {
		/*列数と間の余白の設定*/
		width: calc( ( 100% - 20px ) / 2 );
		margin-right: 20px;
	}
	/*右端のマージンをゼロ設定*/
	.pickup-area_box > div:nth-child( 2n ) {
		margin-right: 0;
	}
	.pickup-area .item{
		padding-bottom:20px;
	}
}

/*----------------------------------------
ピックアップバナーエリア（PC・SPともに2カラム）
----------------------------------------*/

.pickup-area_box2{
		/*Flex boxの設定*/
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		
		/*その他の設定*/
		padding-bottom:100px;
	}
	.pickup-area_box2 > div {
		/*列数と間の余白の設定*/
		width: calc( ( 100% - 20px ) / 2 );
		margin-right: 20px;
	}
	/*右端のマージンをゼロ設定*/
	.pickup-area_box2 > div:nth-child( 2n ) {
		margin-right: 0;
	}
	.pickup-area2 .item{
		padding-bottom:20px;
	}

@media (max-width: 768px) {
	.pickup-area_box2{
		padding:0 4vw;
	}
	.pickup-area2 .item{
		padding: 0.5vw 0;
	}
	.pickup-area_box2 > div {
		/*列数と間の余白の設定*/
		width: calc( ( 100% - 1vw ) / 2 );
		margin-right: 1vw;
	}
}


/*----------------------------------------
新：項目タイトル
----------------------------------------*/

.top__common__title{
	padding-top: 50px;
	padding-bottom: 40px;
	text-align: center;
}
.top__common__title h2{
	font-size: 1.5em;
	line-height: 2em;
	letter-spacing: 0.2em;
	text-indent: 0.4em;
	font-family: 'Julius Sans One', sans-serif;
}
.top__common__title p{
	margin-top: 0.8em;
	font-size: 0.8em;
	line-height: 1em;
	letter-spacing: 0.2em;
	text-indent: 0.2em;	
}
@media (max-width: 768px) {
	.top__common__title{
		padding-top: 10vw;
	}
	.top__common__title h2{
		font-size: 2em;
		line-height: 1.5em;
		padding-bottom: 0;
		width: 100%;
	}
	.top__common__title p{
		margin-top:0.8em;
		font-size: 1em;
		line-height: 1.4em;
		width: 100%;
	}
}

/*----------------------------------------
新：SEOテキスト/サイトキャッチ
----------------------------------------*/
.sitecatch{
	padding-top:2em;
	padding-bottom:1em;
}

.sitecatch h2{
	text-align: center;
	font-size: 0.8em;
	line-height: 1.4em;
	font-weight: 300;
	color:#7B7B7B;
}
@media (max-width: 768px) {
	.sitecatch{
		/*padding-top:0;*/
	}
}

/*----------------------------------------
新：ピックアップアイテム
----------------------------------------*/
.top__pick{
	background-color: #f5f5f5;
	padding-bottom: 2em;
}
.top__pick .top__common__title{
	padding-top: 1em;
}

/*----------------------------------------
新：PCとSPでの表示切替
----------------------------------------*/
@media screen and (min-width: 768px){   
  .js-pc { display:block; }
  .js-sp { display:none; }
}
@media screen and (max-width: 768px){   
  .js-pc { display:none!important; }
  .js-sp { display:block; }
}

/*----------------------------------------
新：FEATUREスライダー
----------------------------------------*/
#pickitem .swiper-button-next:after,#pickitem .swiper-button-prev:after{
	font-size: 20px;
	color: #fff;
}
#pickitem .swiper-container {
	padding-bottom: 28px;
}

/*----------------------------------------
新：ホットワード
----------------------------------------*/

.hotword{
	margin:auto;
	padding-top:2em;
}
.hotword_wrapper{
	text-align: center;
}
@media screen and (max-width: 768px){   
  .hotword_wrapper{
	  font-size:1.25em;
	}
}
.hotword_in{
	display: inline-block;
	background-color:#D4D4D4;
	border-radius: 20px;
	padding: 0.5em 1em;
	margin:0.25em;
}
@media screen and (max-width: 768px){   
  .hotword_in{
	  border-radius: 10px;;
	}
}

/*----------------------------------------
新：NEWS2
----------------------------------------*/

/*pickup*/
.top__pickup{
	/*padding-top: 30px;*/
	position: relative;
}
h2.top__pickup__title {
	margin: 40px auto 30px;
	font-family: 'Julius Sans One',"Noto Serif JP", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
    position: relative;
    text-align: center;
    border: 0 none;
    background-color: transparent;
	font-size: 1.9em;
	letter-spacing: 0.07em;
}

@media (max-width: 768px) {
	h2.top__pickup__title {
		font-size: 5.6vw;
		letter-spacing: 0.13em;
	}
}
h2.top__pickup__title>span {
    position: relative;
    z-index: 2;
    background-color: #fff;
    padding: 0 1rem;
    border: 0 none;
}
h2.top__pickup__title:before {
    display: block;
    color: transparent;
    content: ".";
    border-top: 1px solid #5f4e40;
    position: absolute;
    top: 40%;
    width: 100%;
}
h2.top__pickup__title:after {
    display: block;
    color: transparent;
    content: ".";
    border-top: 1px solid #333;
    position: absolute;
    top: 60%;
    width: 100%;
}
.top__pickup__list{
	font-size: 0;
}

@media (max-width: 768px) {
	.top__pickup__list{
		padding: 0 2.6vw;
	}
}
.top__pickup__item{
	display: inline-block;
	width:237px;
	vertical-align: top;
	padding-right: 10px;
	font-size: 1rem;
	text-align: center;
	padding-bottom: 35px;
}

@media (max-width: 768px) {
	.top__pickup__item{
		width: 46.6vw;
		padding-right: 1.27vw;
		padding-bottom: 7vw;
	}
	.top__pickup__item:nth-child(2n){
		padding-right: 0;
	}
}
.top__pickup__item__text{
	font-size: 0.9em;
	padding-top: 0.5em;
	
}
@media (max-width: 768px) {
	.top__pickup__item__text{
		font-size: 3vw;
	}
}
.top__pickup__item:last-child{
	padding-right: 0;
}
.top__pickup__list .next-arrow,
.top__pickup__list .prev-arrow{
	width:80px;
	height: auto;
	top:inherit;
	bottom: -25px;
	position: absolute;
}
.top__pickup__list .next-arrow{
	left:58%;
	z-index: 2;
	cursor: pointer;
}
.top__pickup__list .prev-arrow{
	right:58%;
	z-index: 2;
	cursor: pointer;
}

@media (max-width: 768px) {
	.top__pickup__list .next-arrow,
	.top__pickup__list .prev-arrow{
		width:18vw;
		bottom:-5vw
	}	
	.top__pickup__list .next-arrow{
		left:70%;
	}
	.top__pickup__list .prev-arrow{
		right:70%;
	}
}
.top__pickup__list .slick-dots li button:before{
	content:'';
	width: 12px;
	height: 12px;
	background: white;
	transform: rotate(45deg);
	border: 1px solid #7f6e60;
}
.top__pickup__list .slick-dots li.slick-active button:before{
	background:#eae6e1;
}
.top__pickup__list .slick-dots > li:only-child{
	display: none;
}
@media (max-width: 768px) {
	.top__pickup__list .slick-dots{
		left: 0;
		bottom:-4.5vw
	}
	
	.top__pickup__list .slick-dots li,
	.top__pickup__list .slick-dots li button{
		width: 3vw;
		height: 3vw;
	}
	.top__pickup__list .slick-dots li{
		margin:0 2vw !important;
	}
	.top__pickup__list .slick-dots li button:before{
		width: 3vw;
		height: 3vw;
	}
	.top__pickup__list.slick-dotted.slick-slider{
		margin-bottom: 5vw !important;
	}
}

/*----------------------------------------
新：インスタリンク
----------------------------------------*/

.instalink{
	background-color:#f5f5f5;
	margin-top:8em;
	padding-top:2em;
	padding-bottom:2em;
}
.instalink-box{
	/*フレックスボックスの設定*/
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	/*フレックスボックスの要素を中央寄せ*/
	justify-content: center;
	
	text-align: center;
}
.instalink-item{
	margin: 1em;
	padding: 0.5em 2em;
	width:40%;
	border:1px solid #000;
	border-radius: 20px;
	background-color: #fff;
	
	letter-spacing: 0.1em;
	font-size:1.5em;
	
}
.instalink-item img{
	padding-right:0.5em;
	height: 1.2em;
	vertical-align: text-bottom;
}
@media (max-width: 768px) {
	.instalink-item{
		width:45%;
		margin: 5px;
		padding: 0.5em 1em;
	}
}


/*----------------------------------------
新：visumo特集
----------------------------------------*/

.insta_visumofeature{
	margin: 30px auto;
	width:980px;
}
@media (max-width: 768px) {
	.insta_visumofeature{
		width:100%;
	}
	.insta_visumofeature .swiper-parentDiv{
		margin: 2em 0 2em 5%;
	}
}