@charset "utf-8";

/*----------------------------------------------------
	ベースの設定
----------------------------------------------------*/

html {
	overflow-y: scroll;
	height: 100%;
	/* font-size: 62.5%; */
	font-size: 10px;
	/* 16px x 0.625 = 10px(=1rem) */
}

body {
	background-color: #fff;
	color: #333;
	/* font-size: 1.4rem; */
	font-size: 16px;
	/* 16px */
	/* font-family: "Sawarabi Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG 明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Times New Roman, serif; */
	font-family: helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
	line-height: 1.8;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-webkit-font-feature-settings: "palt" 1;
	font-feature-settings: "palt" 1;
}

_::-webkit-full-page-media, _:future, :root p {
	font-feature-settings: "pkna" 1;
}

input, textarea, select, button {
	font-family: "Sawarabi Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG 明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Times New Roman, serif;
}

*, *:before, *:after {
	word-wrap: break-word;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* body {
	animation: fadeInmain 4s ease 0s 1 normal;
	-webkit-animation: fadeInmain 4s ease 0s 1 normal;
} */

@keyframes fadeInmain {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@-webkit-keyframes fadeInmain {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}


/* リンク
----------------------------------------------------*/

a, a img {
	color: #333;
	text-decoration: none;
	opacity: 1;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-backface-visibility: hidden;
	/* 追加 */
	backface-visibility: hidden;
	/* 追加 */
}

/* a:visited {
	color: #666;
} */

a:hover, a:hover img {
	/* opacity: .6; */
}

a:hover.opacitynone {
	/* opacity: 1; */
}


/* フォント
----------------------------------------------------*/

.wf-sawarabimincho {
	font-family: "Sawarabi Mincho";
}

/* ボタン
----------------------------------------------------*/

.button, .button::before, .button::after {
	transition: all 0.3s ease 0s;
	cursor: pointer;
}

.button {
	background-color: #cccccc;
	border: 1px solid #cccccc;
	color: #333;
	display: inline-block;
	font-family: "Times New Roman", "Sawarabi Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG 明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Times, "serif";
	letter-spacing: 0.1em;
	text-indent: 0.1em;
	height: 44px;
	line-height: 44px;
	padding: 0 50px 0 30px;
	text-align: center;
	position: relative;
	z-index: 1;
	overflow: hidden;
	font-size: 15.5px;
	width: 190px;
}
.button::before, .button::after {
	content: '';
	display: block;
	z-index: -1;
}

.button::before {
	background-color: #FFF;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: -100%;
}
@media (min-width:768px) {
	.button:hover {
		opacity: 1;
	}
	.button:hover::before {
		left: 0;
	}
}

.button::after {
	background: url(../img/common/next_arrow_bk.png) no-repeat;
    height: 30px;
    top: 40%;
    right: 40px;
    margin-top: -5px;
    width: 23px;
    background-size: 40%;
    position: absolute;
}

.btn__arrowNone {
	padding-right: 40px;
}

.btn__arrowNone::after {
	display: none;
}

.btn__large {
	font-size: 2rem;
	height: 50px;
	line-height: 50px;
}


/* 共通設定
----------------------------------------------------*/

.alignright {
	float: right;
	margin: 0 0 20px 30px;
}

.alignleft {
	float: left;
	margin: 0 30px 20px 0;
}

.aligncenter {
	margin: 0 auto;
}

.imgMiddle {
	vertical-align: middle;
	margin: 0px 3px;
}

.imgTitle {
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
}

.textAlignLeft {
	text-align: left;
}

.textAlignRight {
	text-align: right;
}

.floatR {
	float: right;
}

.floatL {
	float: left;
}

@media (max-width:767px) {
	.alignright, .alignleft, .floatR, .floatL {
		float: none;
		display: block;
		text-align: center;
		margin: 0 auto 20px;
	}
}

.clear {
	clear: both;
}

.center {
	text-align: center;
}

.attention {
	text-indent: -1em;
	padding-left: 1em;
	font-size: 1.2rem;
	color: #666;
	margin-bottom: 0.5em !important;
}

blockquote {
	border: 1px solid #666;
	padding: 20px;
	margin: 0 0 30px;
}

blockquote p:last-child {
	margin-bottom: 0;
}

code {
	font-weight: normal;
}

hr.line {
	clear: both;
	display: block;
	border: 0;
	border-bottom: 1px solid #666;
	height: 0;
	margin: 15px 0;
}

img {
	max-width: 100%;
	height: auto;
}

img.cover, video.cover {
	object-fit: cover;
}

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
}

#page {
	position: relative;
	height: 100%;
}

.wrap {
	max-width: 1330px;
	margin: 0 auto;
}

@media (max-width:767px) {
	.wrap {
		margin: 0 auto;
		width: 100%;
	}
}


/* PCとスマホの表示切替 */

.sp {
	display: none;
}

@media (max-width:767px) {
	.pc-br {
		display: none;
	}
	.sp-br {
		display: block;
	}
}


/*----------------------------------------------------
	ヘッダー
----------------------------------------------------*/

#globalHedder {
	/* padding: 35px 0 0; */
	margin-top: 0;
}

@media (max-width:1024px) {
	#globalHedder {
		padding: 0;
		height: 50px;
	}
}

.globalHedder__nav {
	position: relative;
}

.globalNav {
	/* border-bottom: 1px solid #333; */
	display: -webkit-flex;
	display: flex;
	/*-webkit-justify-content: center;
	justify-content: center;*/
}

@media (max-width:767px) {
	.globalNav {
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
}

.globalNav__item {
	font-family: "Times New Roman", Times, "serif";
	font-size: 1.9rem;
	text-align: center;
	/*flex-basis: 107px;*/
	/* flex-basis: 205px; */
	/*flex: 1;*/
	position: relative;
	display: inline-block;
	padding: 0 10px;
}
.globalNav__item:first-child {
	margin-right: 10px;
}

.globalNav__item span {
	font-size: 100%;
	background: url(../img/common/open_arrow_wh.png) no-repeat right;
	padding: 0 20px 0 0;
	background-size: 14px;
	font-size: 14px!important;
	white-space: nowrap;
}

.globalNav__item span.open {
	background: url(../img/common/close_arrow_wh.png) no-repeat right;
	/* padding: 0 20px 0 0; */
	background-size: 15px;
}
#menu-btn {
	background: none;
}

.sp-menu-btn span {
	background: none;
}

.globalNav__item--search span {
	background: none;
}

.globalNav__item--search span.open {
	background: none;
}

.globalNav__item__child {
	display: none;
	position: absolute;
	top: 61px;
	width: 220%;
	left: -70%;
	color: #fff;
	background: rgba(0, 0, 0, 0.5490196078431373);
}

.globalNav__item__child li {
	padding: 15px 0;
}

.home .globalNav__item .globalNav__item__child li a {
	line-height: 20px;
	height: auto;
	font-size: 0.9rem!important;
	/* font-family: "Sawarabi Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG 明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Times New Roman, serif; */
	font-family: helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
	background: url(../img/common/next_arrow_wh_bold.png) no-repeat right;
	background-size: 5px;
	width: 90%;
	margin: 0 auto;
	font-weight: normal;
	padding: 0 5%;
	font-size: 11px!important;
}

@media (max-width:999px) {
	.globalNav__item {
		font-size: 1.6rem;
	}
}

@media (max-width:1024px) {
	.globalNav__item {
		display: none;
	}
}

.globalNav__item a, .globalNav__item .search__btn {
	display: block;
	height: 60px;
	line-height: 60px;
	cursor: pointer;
}

@media (min-width:1100px) {
	.globalNav__item a, .globalNav__item .search__btn {
		letter-spacing: 0.1em;
	}
}

@media (min-width:1300px) {
	.globalNav__item a, .globalNav__item .search__btn {
		letter-spacing: 0.1em;
	}
}

@media (max-width:767px) {
	.globalNav__item a, .globalNav__item .search__btn {
		height: 40px;
		left: 65px;
		padding: 0;
		line-height: 40px;
	}
}

.globalNav__item--logo {
	border-right: 1px solid #333;
	/* flex-basis: 255px; */
	padding: 0 13px;
	width: 13.4%;
}

@media (max-width:999px) {
	.globalNav__item--logo {
		padding: 0 5px;
	}
}

@media (max-width:1024px) {
	.globalNav__item--logo {
		border: none;
		display: block;
		flex-basis: auto;
		width: 100px;
		position: absolute;
		right: 10px;
		top: 8px;
	}
}

.globalNav__item--logo a {
	background: url(../img/common/logo_white.png) no-repeat center top;
	background-size: contain;
	width: 80%;
	text-align: center;
	text-indent: -9999px;
	overflow: hidden;
	background-position: center center;
}

@media (max-width:999px) {
	.globalNav__item--logo a {
		background-position: center center;
		margin-top: 0;
	}
}

.globalNav__item--onlineShop {
	border-left: 1px solid #333;
	/* flex-basis: 200px; */
	font-size: 1.7rem;
	/* width: 16%; */
}

.globalNav__item--myPage {
	border-right: 1px solid #333;
	/* flex-basis: 200px; */
	font-size: 1.7rem;
	/* width: 16%; */
}

@media (max-width:999px) {
	.globalNav__item--onlineShop {
		font-size: 1.6rem;
	}
}

.globalNav__item--search {
	/* flex-basis: 114px; */
	/* width: 60px; */
}

.icon_cart {
	background: url(../img/common/icon_cart_black.png) no-repeat center center;
	background-size: 20px 15px;
	display: inline-block;
	width: 20px;
	height: 14px;
	margin: 0 0.2em;
	vertical-align: baseline;
}
@media (max-width:1024px) {
	.icon_cart {
		width: 25px;
		height: 32px;
	}
}

.icon_mypage {
	background: url(../img/common/icon_cart_black.png) no-repeat center center;
	background-size: 20px 15px;
	display: inline-block;
	width: 20px;
	height: 14px;
	margin: 0 0.2em;
	vertical-align: baseline;
}
@media (max-width:1024px) {
	.icon_mypage {
		width: 25px;
		height: 32px;
	}
}

.icon_mypage_2 {
	background-size: 20px 15px;
	display: inline-block;
	width: 20px;
	height: 14px;
	margin: 0 0.2em;
	vertical-align: baseline;
}
@media (max-width:1024px) {
	.icon_mypage_2 {
		width: 25px;
		height: 32px;
	}
}

.icon_search {
	background: url(../img/common/icon_search_black.png) no-repeat center center;
	background-size: 19px 19px;
	display: inline-block;
	width: 19px;
	height: 60px;
	text-align: left;
	text-indent: -9999px;
	overflow: hidden;
}
@media (max-width:1024px) {
	.icon_search {
		width: 20px;
		height: 32px;
	}
}
.globalNav .pc__only {
	display: block!important;
}
.globalNav .sp__only {
	display: none!important;
}
@media (max-width:1024px) {
	.globalNav .pc__only {
		display: none!important;
	}
	.globalNav .sp__only {
		display: block!important;
	}
}


/* 検索フォーム
----------------------------------------------------*/

.searchBlock {
	width: 345px;
	position: fixed;
	top: 70px;
	right: 0;
	display: none;
	z-index: -100;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
@media (max-width:1024px) {
	.searchBlock {
		left: 0;
	}
}

@media (max-width:767px) {
	.searchBlock {
		top: 70px;
		width: 100%;
	}
}

.searchBlock.active {
	display: block;
	;
	z-index: 10000;
	text-align: right;
}

.searchBlock__inner {
	/*max-width: 1000px;
	margin: 0 auto;*/
	margin: 0 45px 0 0;
	overflow: hidden;
	width: 300px;
	display: inline-block;
	padding: 1px 0;
}

@media (max-width:1024px) {
	.searchBlock__inner {
		margin: 0 auto;
		display: block;
	}
}

@media (max-width:767px) {
	.searchBlock__inner {
		margin: 0 4.729730%;
		width: 90%;
	}
}

input[type="text"].searchTexts {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
	border: 1px solid #CCC;
	background: #FFF;
	padding: 0.5em 1em;
	font-size: 14px;
	width: 300px;
	float: right;
	border-radius: 0;
	font-family: "Times New Roman", Times, "serif";
	box-sizing: border-box;
}

@media (max-width:767px) {
	input[type="text"].searchTexts {
		width: 100%;
	}
}


/* スマホ用ナビ
----------------------------------------------------*/

.sp-menu-btn {
	display: none;
}

@media (max-width:1024px) {
	.sp-menu-btn {
		display: block;
		flex-basis: auto;
		width: 50px;
		padding-top: 11px;
		position: absolute;
		left: 0px;
		top: -12px;
	}
}


/* メニューアイコン */

#menu-btn, #menu-btn-close {
	display: inline-block;
	position: relative;
	width: 50px;
	height: 50px;
	z-index: 25000;
	color: #fff;
	padding: 0;
}

#menu-btn-close {
	position: absolute;
	top: -40px;
	left: 10px;
}

#menu-btn-icon {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 25px;
	height: 2px;
	margin: 0 0 0 -15px;
	background: #333;
	-webkit-transition: .2s;
	transition: .2s;
}

#menu-btn-icon:before, #menu-btn-icon:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 25px;
	height: 2px;
	background: #333;
	-webkit-transition: .3s;
	transition: .3s;
}

.home #menu-btn-icon, .home #menu-btn-icon::before, .home #menu-btn-icon::after {
	background: #FFF;
}

#menu-btn-icon::before {
	margin-top: -9px;
}

#menu-btn-icon::after {
	margin-top: 7px;
}

#menu-btn .close, #menu-btn-close .close {
	background: transparent !important;
}

#menu-btn .close::before, #menu-btn .close::after, #menu-btn-close .close::before, #menu-btn-close .close::after {
	margin-top: 0;
}

#menu-btn-close .close::before, #menu-btn-close .close::after {
	background: #fff !important;
}

#menu-btn .close::before, #menu-btn-close .close::before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#menu-btn .close::after, #menu-btn-close .close::after {
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	transform: rotate(-135deg);
}


/* オーバーレイ */

#navi-overlay {
	background-color: #333;
	height: 100%;
	position: fixed;
	right: 0;
	top: 50px;
	width: 100%;
	opacity: 0;
	z-index: -100;
}

.openNav {
	/* position: fixed;
	top: 0; */
}

.openNav #navi-overlay {
	opacity: .8;
	z-index: 11000;
}


/* スマホメニュー */

#spMenu {
	width: 85%;
	position: fixed;
	top: 50px;
	left: -85%;
	opacity: 1;
	z-index: -100;
	height: 100%;
	overflow: scroll;
	-webkit-overflow-scrolling: touch
}
body.is-animation #spMenu,
body.is-animation #navi-overlay {
	top: 40px;
}

@media (max-width: 1024px) {
	.openNav .sp__only {
		display: block!important;
	}
}

@media (max-width: 1024px) {
	.openNav #spMenu {
		opacity: 1;
		z-index: 12000;
		background: #fff;
		width: 50%;
		left: 0;
	}
}
@media (max-width: 767px) {
	.openNav #spMenu {
		width: 85%;
	}
}


/* transition */

#spMenu, #navi-overlay {
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.spMenu__inner {
	padding: 20px 4.729730% 0;
	position: relative;
	color: #333!important;
}

.spMenu__logo {
	width: 104px;
	margin: -30px auto 10px;
}

.spMenu__socialBtn {
	text-align: center;
	padding-bottom: 50px;
}

.spMenu__socialBtnList {
	font-size: 0;
	margin-bottom: 20px;
}

.spMenu__socialBtnList li {
	display: inline-block;
	width: 9%;
}

.spMenu__socialBtnList__item {
	display: inline-block;
	margin: 0 10px;
}
.spMenu__bottom--nav {
	margin-bottom: 20px;
}
.spMenu__bottom--navMenu {
	display: inline-block;
	margin: 0 6px 5px;
	line-height: 20px;
}
.spMenu__bottom--navMenu a {
	font-size: 10px;
}
.spMenu__bottom--mailMagazine .btn__mailMagazine {
	margin-top: 0;
	margin-bottom: 30px;
	background-color: #cccccc;
}

.spNav {
	padding-bottom: 30px;
}

.spNav .parentList__item {
	font-size: 1.8rem;
}

.spNav .childList__item, .spNav .childList .cat-item {
	font-size: 1.5rem;
}
.spMenu__upper {
	clear: both;
	overflow: hidden;
}
.spMenu__inner .member__login {
	margin-bottom: 10px;
	float: left;
	width: 33%;
	line-height: 18px;
	font-size: 11px;
	line-height: 1em;
}
.spMenu__inner .member__login span a {
	font-size: 11px;
	line-height: 12px;
	margin-right: 15px;
}
.spMenu__inner .member__login .login__btn {
	background: url(../img/common/icon_key_bk.png?1) no-repeat;
	background-size: 100%;
	width: 12px;
	display: inline-block;
	height: 15px;
	margin-right: 5px;
	vertical-align: middle;
}
.spMenu__inner .member__rank {
	text-align: right;
	margin-bottom: 10px;
	font-size: 1rem;
	float: right;
	width: 65%;
	line-height: 1em;
}
.spMenu__inner .member__rank span {
	font-size: 100%;
	display: inline-block;
	margin-left: 5px;
	font-size: 11px;
	line-height: 1em;
}

.spMenu__inner .catch__copy {
	text-align: center;
	/* margin-bottom: 10px; */
	line-height: 1em;
}
.spMenu__inner .catch__copy a {
	font-size: 12px;
}

.sp_banner ul {
	font-size: 0;
	margin-bottom: 20px;
}

.sp_banner ul li {
	display: inline-block;
	width: 48%;
	margin: 0 1%;
}


/* 検索フォーム */

.spSearchBlock {
	width: 100%;
	padding-top: 15px;
	margin-bottom: 20px;
	line-height: 1em;
}

.spSearchBlock__inner {}

.spSearchBlock input[type="text"].searchTexts {
	background: url(../img/common/icon_search_black.png) no-repeat 8px center;
	background-size: 20px 20px;
	width: 100%;
	float: none;
	padding-left: 35px;
}

.searchForm {
	background: rgba(255, 255, 255, 0.81);
}


/*----------------------------------------------------
	フッター
----------------------------------------------------*/

#globalFooter {}


/* フッターナビ */

.globalFooter__nav {
	margin-bottom: 45px;
}

.parentList {
	font-family: "Times New Roman", Times, "serif";
	border-top: 1px solid #333;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-justify-content: center;
	justify-content: center;
}

.parentList__item {
	flex-basis: 138px;
	font-size: 1.7rem;
	padding: 25px 0 0;
}

.parentList__item > a {
	display: block;
	padding: 0 0 0 5px;
}



.parentList__item:last-child {
	border-left: 1px solid #212121;
	flex-basis: 170px;
	text-align: center;
}

@media (max-width:1024px) {
	.parentList {
		flex-wrap: wrap;
	}
	.parentList__item {
		border-bottom: 1px solid #333;
		flex-basis: auto;
		font-size: 1.5rem;
		width: 100%;
		padding: 20px 5px;
		position: relative;
	}
	.parentList__item p span {
		display: block;
		background: url(../img/common/open_arrow_bk.png) no-repeat right;
		background-size: 20px;
		font-size: 14px;
		line-height: 1em;
	}
	.parentList__item p span.open {
		display: block;
		background: url(../img/common/close_arrow_bk.png) no-repeat right;
		background-size: 20px;
	}
	.parentList__item:nth-child(2n)::before {
		content: '';
		border-left: none;
		width: 0;
		height: calc(100% - 14px);
		position: absolute;
		top: 7px;
		left: 0;
	}
	.parentList__item>a {
		padding: 0;
		color: #333;
		font-size:16px;
		line-height: 1em;
	}
	.sale__item>a {
		color: #990000;
	}
	.parentList__item:last-child {
		border-left: none;
		flex-basis: auto;
		width: 100%;
		text-align: left;
	}
}

.childList {
	border-left: 1px solid #333;
	padding: 0;
	margin-top: 25px;
	display: none;
	font-size: 0;
}

.childList li {
	display: inline-block;
	width: 100%;
	font-size: 1rem;
}

.childList li a {
	padding: 5px 0;
	width: 100%;
	margin: 0 auto;
	border-bottom: 1px solid #ccc;
	background: url(../img/common/next_arrow_bk.png) no-repeat right;
	font-family: helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
	background-size: 7px;
	font-size:13px;
}

.childList a {
	display: block;
	color: #333;
}

@media (max-width:1024px) {
	.childList {
		border: none;
		margin-top: 15px;
	}
}

.childList .cat-item, .childList__item {
	font-size: 1.4rem;
	line-height: 1.1;
	margin-bottom: 20px;
}

.childList .cat-item:last-child, .childList__item:last-child {
	margin-bottom: 0;
}

@media (max-width:1024px) {
	.childList .cat-item, .childList__item {
		font-size: 1.3rem;
		margin-bottom: 0;
		line-height: 30px;
	}
	.childList .cat-item:last-child, .childList__item:last-child {
		margin-bottom: 1em;
	}
}

.globalFooter__top {
	background: url(../img/common/globalFooter__top__bg.jpg) repeat;
	text-align: center;
	padding: 50px 0 10px;
	background-repeat: repeat-x!important;
}
@media (max-width:767px) {
	.globalFooter__top {
		padding: 30px 0 10px;
	}
}

.globalFooter__top--logo {
	margin-bottom: 30px;
}
.globalFooter__top--logo img {
	display: inline;
}
@media (max-width:767px) {
	.globalFooter__top--logo img {
		max-width: 80%;
		width: 30%;
	}
	.globalFooter__top--logo {
		margin-bottom: 10px;
	}
}

.globalFooter__top--nav nav {
	font-size: 0;
	margin-top: 30px;
}
@media (max-width:767px) {
	.globalFooter__top--nav nav {
		margin-top: 15px;
	}
}

.globalFooter__top--nav nav .globalFooter__top--navMenu {
	display: inline-block;
	font-size: 1rem;
	margin: 0 10px 5px;
}

.globalFooter__top--nav nav .globalFooter__top--navMenu a {
	color: #fff;
	display: block;
	font-size:10px!important;
}


/* 背景付き */

.globalFooter__bottom {
	/* background: url(../img/common/footer_bg.jpg) no-repeat center center;
	background-size: cover;
	display: table;
	color: #FFF;
	width: 100%; */
	/* height: 250px; */
	/* text-align: center; */
	/* padding: 150px 0 10px; */
	/* padding: 0; */
}

@media (max-width:767px) {
	.globalFooter__bottom {
		/* height: 160px; */
		/* padding: 100px 0 10px; */
		padding: 0;
	}
}

.globalFooter__bottom .wrap {
	/* display: table-cell;
	vertical-align: middle; */
}

.globalFooter__bottom--logo {
	margin-bottom: 25px;
}

.globalFooter__bottom--logo img {
	width: 140px;
}

@media (max-width:767px) {
	.globalFooter__bottom--logo {
		margin-bottom: 10px;
	}
	.globalFooter__bottom--logo img {
		width: 120px;
	}
}

.globalFooter__bottom--socialBtnList {
	margin-bottom: 30px;
}

@media (max-width:767px) {
	.globalFooter__bottom--socialBtnList {
		margin-bottom: 15px;
	}
}

.socialBtnList {
	margin: 0 auto;
}

.socialBtnList__item {
	display: inline-block;
	margin: 0 5px;
}

.socialBtnList__item a {
	background: transparent;
	display: block;
	color: #333;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 28px;
	height: 28px;
}

.socialBtnList__item a .fa {
	font-size: 1.4rem;
	line-height: 29px;
	width: 27px;
	text-align: center;
}

@media (max-width:767px) {
	.socialBtnList__item a {
		width: 36px;
		height: 36px;
	}
	.socialBtnList__item a .fa {
		font-size: 2.2rem;
		line-height: 36px;
	}
}

.globalFooter__bottom--mailMagazine {
}

.btn__mailMagazine {
	margin-top: 40px;
	border: none;
	background-color: #FFF;
	font-family: helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
	/* font-family: "Sawarabi Mincho"; */
	font-size: 11px!important;
	height: 45px;
	line-height: 45px;
	padding: 0 30px;
}

@media (max-width:767px) {
	.btn__mailMagazine {
		height: 35px;
		line-height: 35px;
		font-size: 0.8rem;
		margin-top: 20px;
	}
}

.btn__mailMagazine::before {
	background-color: #cccccc;
}

.btn__mailMagazine::after {
	display: none;
}


/* fix */

.fix-socialBtnList {
	position: fixed;
	top: 40%;
	left: 15px;
	margin-top: -40px;
	z-index: 5000;
	display: none;
}

@media (max-width:767px) {
	.fix-socialBtnList {
		display: none;
	}
}

.fix-socialBtnList .socialBtnList__item {
	display: block;
	margin: 0;
	padding: 10px 0;
}

.fix-socialBtnList .socialBtnList__item {
	border-bottom: 1px solid #333;
}

.fix-socialBtnList .socialBtnList__item:last-child {
	border-bottom: none;
}

.fix-socialBtnList .socialBtnList__item a {
	background-color: transparent;
	-webkit-border-radius: 0;
	border-radius: 0;
	width: 100%;
	height: auto;
	line-height: 1em;
}

.fix-socialBtnList .socialBtnList__item a .fa {
	font-size: 2rem;
}

.fix-socialBtnList .socialBtnList__item a .fa-fw {
	width: 100%;
}

.copyright {
	color: #fff;
	width: 100%;
	text-align: center;
	font-size: 1rem;
	text-align: center;
	margin-top: 40px;
	font-family: "Sawarabi Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG 明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Times New Roman, serif;
}

@media (max-width:767px) {
	.copyright {
		width: auto;
		color: #FFF;
		font-size: 14px!important;
		position: static;
		top: 0;
		margin-right: 0;
		transform: rotate(0deg);
		z-index: 1;
		margin-top: 40px;
	}
}


/* ページの先頭へボタン */

#pageTop {
	display: none;
	width: 62px;
	color: #333;
	font-family: "Times New Roman", Times, "serif";
	font-size: 1.3rem;
	letter-spacing: 0.2em;
	text-align: center;
	text-indent: 0.2em;
	margin: 0 0 0 -31px;
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 5000;
}

#pageTop a {
	color: #333;
	display: block;
	padding: 20px 0 0;
	position: relative;
	margin: 0 0 0 0.2em;
	font-size: 10px!important;
}

#pageTop a::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 42px;
	height: 42px;
	margin-left: -21px;
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

#pageTop.background--light {
	color: #333;
}

#pageTop.background--dark, #pageTop.background--dark a {
	color: #FFF;
}

#pageTop.background--dark a::after {
	border-color: #FFF;
}

@media (max-width:767px) {
	#pageTop {
		width: 35px;
		margin: 0 0 0 -30px;
		bottom: 15px;
		right: 15px;
		font-size: 1rem;
	}
	#pageTop a {
		padding: 10px 0 0;
	}
	#pageTop a::after {
		top: 0;
		left: 50%;
		width: 30px;
		height: 30px;
		margin-left: -15px;
	}
}


/*----------------------------------------------------
	メインコンテンツ
----------------------------------------------------*/

#mainContents {
	padding: 60px 0 0;
	margin-bottom: 77px;
}

@media (max-width:767px) {
	#mainContents {
		padding: 50px 0 0;
		margin-bottom: 44px;
	}
}

#mainContents .wrap {
	max-width: 1000px;
	margin: 0 auto;
}

@media (max-width:1024px) {
	#mainContents .wrap {
		margin: 0 45px;
	}
}

@media (max-width:767px) {
	#mainContents .wrap {
		margin: 0 auto;
	}
}


/* 見出し */

.section__title {
	position: relative;
	text-align: center;
	font-family: "Times New Roman", "Sawarabi Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG 明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Times, "serif";
	font-size: 2.4rem;
	line-height: 1.2;
	letter-spacing: 0.1em;
	text-indent: 0.1em;
	margin-bottom: 10px;
}

.home .section__title {
	font-size: 2.7rem;
}

@media (max-width:767px) {
	.section__title, .home .section__title {
		font-size: 3rem;
		margin-bottom: 10px;
	}
}

.section__title+:not(.section__text) {
	margin-top: 10px;
}

@media (max-width:767px) {
	.section__title+:not(.section__text) {
		margin-top: 20px;
	}
}

.section__title span {
	background-color: #FFF;
	display: inline-block;
	/* width: 270px; */
	z-index: 2;
	padding: 0 5%;
	font-size: 28px;
}

@media (max-width:767px) {
	.section__title span {
		min-width: 40%;
		max-width: 90%;
	}
}

.section__title::before {
	content: '';
	display: block;
	border-bottom: 1px solid #333;
	width: 100%;
	position: absolute;
	top: 60%;
	left: 0;
	z-index: -1;
}


/* 説明文 */

.section__text {
	text-align: center;
	font-size: 1.2rem;
	margin-bottom: 30px;
}
.section__text p {
	font-size: 12.5px;
}
@media (max-width:767px) {
	.section__text {
		margin-bottom: 20px;
	}
}

.section__text b {
	color: #ce0000;
	font-size: 12.5px;
}

.section__title--borderNone {
	text-align: center;
	font-family: "Times New Roman", "Sawarabi Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG 明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Times, "serif";
	font-size: 2.4rem;
	line-height: 1.2;
	letter-spacing: 0.1em;
	text-indent: 0.1em;
	margin-bottom: 30px;
}


/* セクション
----------------------------------------------------*/

.section__wrap {
	margin: 0 0 70px;
}

@media (max-width:767px) {
	.section__wrap {
		margin: 0 0 40px;
	}
}

.postList__inner {
	font-size: 0;
}

.postList__item_4column {
	float: none;
	display: inline-block;
	vertical-align: top;
	width: 94%;
	margin: 0 3% 60px;
}

.postList__item_3column {
	float: none;
	display: inline-block;
	vertical-align: top;
	width: 90%;
	margin: 0 5% 60px;
}

@media (max-width:767px) {
	.postList__item_3column {
		float: none;
		display: inline-block;
		vertical-align: top;
		width: 96%;
		margin: 0 2% 60px;
	}
}

.postList__item_5column {
	float: none;
	display: inline-block;
	vertical-align: top;
	width: 18%;
	margin: 0 1% 60px;
}
.postList__item_6column {
	float: none;
	display: inline-block;
	vertical-align: top;
	width: 14.6666%;
	margin: 0 1% 60px;
}

.postList__item:nth-child(4n) {
	margin-right: 0;
}

.postList__item:nth-child(4n+1) {
	clear: both;
}

@media (max-width:767px) {
	.postList__item_4column {
		width: 96%;
		width: calc(315px / 670px * 100%);
		margin: 0 2% 20px;
	}
	.postList__item:nth-child(2n) {
		margin-right: 0;
	}
	.postList__item:nth-child(2n+1) {
		clear: both;
	}
	.postList {
		margin: 0 0 40px;
	}
}

.postList__img {
	margin-bottom: 10px;
}

@media (max-width:767px) {
	.postList__img {
		margin-bottom: 10px;
	}
}

.postList__img img {
	display: block;
	margin: 0 auto;
}

.postList__text {}

.item__text {
	font-size: 12.5px!important;
	margin-bottom: .2em!important;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	line-height: 1.2em;
}

.item__text s {
	font-size: 10.5px;
}

.postList__title {
	font-size: 12.5px;
	margin-bottom: 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 1.2em;
}

.postList__meta__remaining {
	color: #6d95d1;
}

@media (max-width:767px) {
	.postList__title {
		font-size: 0.9rem;
		margin-bottom: 5px;
		/* display: -webkit-box!important;
		-webkit-box-orient: vertical!important;
		-webkit-line-clamp: 1!important;
		overflow: hidden!important;
		text-overflow: clip!important;
		white-space: normal!important; */
	}
}

.postList__meta {
	color: #666;
	font-size: 1.2rem;
}

.postList__meta a {
	color: #666;
}

.postList__meta__date {
	display: block;
}

.postList__meta__term {
	display: block;
}

.postList__meta__term a {
	display: inline-block;
	margin-right: 1em;
}

.more {
	clear: both;
	text-align: center;
	margin-top:40px;
}
@media (max-width:767px) {
	.more {
		margin-top: 20px;
	}
}


article.post {
	margin-bottom: 0px;
	font-size: 0;
}

@media (max-width:767px) {
	article.post {
		margin-bottom: 0;
	}
}

article a {
	display: block;
	margin-bottom: 10px;
}

.slick-slider a {
	display: block;
	margin-bottom: 10px;
	margin-top: 0px;
}
.slick-slider a.line1 {
	margin-bottom: 10px;
}
@media (max-width:767px) {
	.slick-slider a {
		display: block;
		margin-bottom: 10px;
		margin-top: 0px;
	}
}

article.page {
	margin-bottom: 50px;
}

.postHeader__title {
	text-align: center;
	font-family: "Times New Roman", "Sawarabi Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG 明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Times, "serif";
	font-size: 3.5rem;
	line-height: 1.2;
	letter-spacing: 0.1em;
	text-indent: 0.1em;
	margin-bottom: 30px;
}

@media (max-width:767px) {
	.postHeader__title {
		font-size: 2.4rem;
		margin-bottom: 15px;
	}
}


/* リスト
----------------------------------------------------*/

.list li {
	margin-bottom: 0.5em;
	line-height: 1.5;
}

.list ul {
	margin: 0 0 2em 20px;
}

.list ul li {
	list-style-type: disc;
}

.list ol {
	margin: 0 0 2em 20px;
}

.list ol li {
	list-style-type: decimal;
}

.list ul ul, .list ul ol, .list ol ul, .list ol ol {
	margin-top: 0.5em;
}

.list li ul li {
	list-style-type: circle;
}

.list li ol li {
	list-style-type: decimal;
}






/*----------------------------------------------------
	トップページ
----------------------------------------------------*/

.home #globalHedder {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5000;
	background: #333;
	-webkit-transition: .3s;
	transition: .3s;
}
@media (max-width:1024px) {
	.home #globalHedder {
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 5000;
		background: #333;
	}
}
.is-fixed {
	position: fixed!important;
	top: 0!important;
	left: 0!important;
	z-index: 1000!important;
	width: 100%!important;
}

.is-animation {
	padding: 0!important;
	/* background: rgba(0, 0, 0, 0.37)!important; */
	/* top: -20px!important; */
}
@media (max-width:767px) {
	.is-animation {
		top: -20px!important;
	}
}

.is-animation .globalNav__item a, .globalNav__item .search__btn {
	/* height: 50px; */
}

.is-animation .globalNav {
	border: none;
}

.is-animation h1 {
	color: #333;
}

.is-animation .searchBlock {
	top: 70px;
}

.home .globalNav, .home .globalNav__item--logo, .home .globalNav__item--onlineShop, .home .globalNav__item--myPage {
	border-color: #FFF;
}

@media (max-width:1024px) {
	.home .globalNav, .home .globalNav__item--logo, .home .globalNav__item--onlineShop {
		border: none;
	}
	.home .globalNav__item--onlineShop, .home .globalNav__item--myPage, .home .globalNav__item--search {
		display: block;
		width: 50px;
		position: absolute;
		top: 8px;
	}
	.home .globalNav__item--onlineShop {
		left: 62px;
	}
	.home .globalNav__item--myPage {
		left: 100px;
		border: none;
	}
	.home .globalNav__item--search {
		left: 140px;
	}
}
.sp__header__comment {
	color: #fff;
	text-align: left;
	padding: 3px 0 5px;
	background: #333;
	font-size: 1rem;
	max-width: 1320px;
	width: 100%;
	margin: 0 auto;
}
@media (max-width:767px) {
	.sp__header__comment {
		text-align: center;
		padding: 0 0 3px;
	}
}
.globalNav__item span.pc__header__comment {
	color: #fff;
	text-align: center;
	/* background: #333; */
	font-size: 12.5px;
	margin: 0;
	padding: 3px 0 7px;
	text-shadow: 0px 0px 5px black;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 350%;
	background: none;
	z-index: 2;
	line-height: 1em;
}
.globalNav__item span.pc__header__comment a {
	display: inline;
	font-size: 12px!important;
	line-height: 1em;
}
.pc__header__comment2 {
	color: #333;
	text-align: right;
	font-size: 1rem;
	width: 100%;
	margin: 0;
	padding: 3px 60px;
	text-shadow:
	#fff 2px 0px 2px,  #fff -2px 0px 2px,
	#fff 0px -2px 2px, #fff 0px 2px 2px,
	#fff 2px 2px 2px, #fff -2px 2px 2px,
	#fff 2px -2px 2px, #fff -2px -2px 2px,
	#fff 1px 2px 2px,  #fff -1px 2px 2px,
	#fff 1px -2px 2px, #fff -1px -2px 2px,
	#fff 2px 1px 2px,  #fff -2px 1px 2px,
	#fff 2px -1px 2px, #fff -2px -1px 2px;
	position: fixed;
	top: 80px;
	left: 0;
	z-index: 10;
}

.home .globalNav__item a {
	color: #FFF;
	font-size: 9px!important;
	white-space: nowrap;
	margin: 0 auto;
}

.home .globalNav__item--logo a {
	background-image: url(../img/common/logo_white.png);
	height: 56px;
}

@media (max-width:1024px) {
	.home .globalNav__item--logo a {
		display: block;
		height: 30px;
		width: 100%;
	}
}

.home #globalHedder .icon_cart {
	background-image: url(../img/common/icon_cart_white.png);
	background-size: 100%;
}

.home #globalHedder .icon_mypage {
	background-image: url(../img/common/icon_mypage_white.png);
	background-size: 100%;
}
.home #globalHedder .icon_mypage_2 {
	background-image: url(../img/common/icon_mypage_2_white.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.home #globalHedder .icon_search {
	background-image: url(../img/common/icon_search_white.png);
	background-size: 100%;
}

.target.background--light {
	color: #333;
}

.target.background--dark, .target.background--dark a {
	color: #FFF;
}

.target.background--dark .socialBtnList__item {
	border-color: #333;
}

.socialBtnList__item img {
	width: 70%;
	margin-top: 4px;
}

.socialBtnList__item img {
	width: 20px;
}

@media (max-width:767px) {
	.socialBtnList__item img {
		width: 70%;
		margin-top: 6px;
	}
}


/* スライドショー
----------------------------------------------------*/

#fullscreenSlide {
	width: 100%;
	/* height: 85vh; */
	position: relative;
	padding: 85px 0 0;
}
@media (max-width:1024px) {
	#fullscreenSlide {
		width: 100%;
		/* height: 85vh; */
		position: relative;
		padding: 75px 0 0;
	}
}
@media (max-width:767px) {
	#fullscreenSlide {
		/* height: 100vh; */
		padding: 75px 0 0;
	}
}

#fullscreenSlide .bx-wrapper {
	background: #FFF;
}

.fullscreenSlider {
	background: #FFF;
	list-style: none;
	margin: 0;
	padding: 0;
}

.fullscreenSlider li {
	/*animation: 15s linear 0s normal none infinite running coverscale;*/
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 85vh;
}
@media (max-width:767px) {
	.fullscreenSlider li {
		height: 100vh;
	}
}


/*@keyframes coverscale {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.1);
	}
}*/

.fullscreen__logo {
	width: 100%;
	/* max-width: 1000px; */
	/* position: absolute; */
	top: 20%;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 4000;
}

@media (max-width:767px) {
	.fullscreen__logo {
		width: 100%;
		max-width: 1000px;
		/* position: absolute; */
		/* top: 5%;
		left: 0;
		right: 0; */
		margin: 0 auto;
		z-index: 4000;
	}
	.sp__topLogo {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	.sp__topLogo img {
		display: none;
		box-shadow: 0px 5px 20px #333;
	}
	.concept__text {
		display: none;
		color: #fff;
		line-height: 1.5em;
		font-size: 1.2rem;
		text-align: left;
		margin-top: 30px;
		text-align: center;
	}
}


.newsSlider li {
	padding: 0 2%;
}
.newsSlider li img {
	margin-bottom: 10px;
}
@media (max-width:767px) {
	.newsSlider li span {
		font-size: 0.8rem;
	}
	.newsSlider li {
		padding: 0 2%;
	}
}

.campaignSlider__wrap {
	position: relative;

}
.campaignSlider {

}
.slick-slide > div {
	font-size: 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 40%;
	margin-top: -16px;
	outline: 0;
	width: 50px;
	height: 100px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-prev {
	position: absolute;
	left: -70px;
	height: 100px;
	background: url(../img/common/prev_arrow_wh.png) no-repeat;
}

.bx-next {
	position: absolute;
	right: -70px;
	height: 100px;
	background: url(../img/common/next_arrow_wh.png) no-repeat;
}

.fullscreen__scroll {
	width: 62px;
	color: #FFF;
	font-family: "Times New Roman", Times, "serif";
	font-size: 1.3rem;
	letter-spacing: 0.2em;
	text-align: center;
	text-indent: 0.2em;
	position: absolute;
	bottom: 45px;
	left: 50%;
	margin: 0 0 0 -31px;
	z-index: 5000;
}

.fullscreen__scroll a {
	color: #FFF;
	display: block;
	padding: 0 0 33px;
	position: relative;
	margin: 0 0 0 0.2em;
}

.fullscreen__scroll a::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 15px;
	left: 50%;
	width: 42px;
	height: 42px;
	margin-left: -21px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* ローディング
----------------------------------------------------*/

.spinner {
	margin: 100px auto 0;
	width: 70px;
	text-align: center;
}

.spinner>div {
	width: 18px;
	height: 18px;
	background-color: #333;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
	0%, 80%, 100% {
		-webkit-transform: scale(0)
	}
	40% {
		-webkit-transform: scale(1.0)
	}
}

@keyframes sk-bouncedelay {
	0%, 80%, 100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	40% {
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
}

.ranking__tab {
	overflow: hidden;
	margin-bottom: 30px;
}

.ranking__tab li {
	padding: 10px 0;
	float: left;
	list-style: none;
	width: 12.3%;
	margin: 0 0.1%;
	text-align: center;
	font-size: 12.5px;
	font-family: "Sawarabi Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG 明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Times New Roman, serif;
	background: #f5f5f5;
	line-height: 1em;
}
.ranking__tab li:hover {
	cursor: pointer;
}

.ranking__tab li.select {
	background: #999;
	color: #fff;
}

.noslider__content li {
	padding: 0;
	font-size: 0;
}
.noslider__content .postList__item_4column {
	width: 23%;
	margin: 0 1%;
}

.ranking__hide {
	display: none;
}
.ranking__box .rank_icon {
	font-size: 15px;
	font-family: "Sawarabi Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG 明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Times New Roman, serif;
	text-align: center;
	margin-bottom: 5px;
	line-height: 1em;
}
.ranking__box li {
	font-size: 0;
}

.sp__only {
	display: none!important;
}

.GoodsSelectionTable th {
	text-align: center!important;
}
@media (max-width:767px) {
	.ranking__tab li {
		padding: 10px 0;
		float: left;
		list-style: none;
		width: 24.6%;
		margin: 0 .2% 2px;
		text-align: center;
		font-size: 11px;
	}
	.ranking__tab li {
		border-bottom: 1px solid #fff;
	}
	.noslider__content .postList__item_5column,
	.ranking__content .postList__item_5column {
		width: 48%;
		margin: 0 1% 10px;
	}
	.noslider__content .postList__item_6column,
	.ranking__content .postList__item_6column {
		width: 31.3333%;
		margin: 0 1% 10px;
		display: inline-block;
	}
	.noslider__content .postList__item_4column,
	.ranking__content .postList__item_4column {
		width: 48%;
		margin: 0 1%;
	}
	.noslider__content .postList__item_5column:nth-of-type(n+3),
	.ranking__content .postList__item_5column:nth-of-type(n+3) {
		width: 31.33333%;
		margin: 0 1%;
	}
	.pc__only {
		display: none!important;
	}
	.sp__only {
		display: block!important;
	}
}

#stylebook__wrap .postList__img img {
	width: 100%;
}

.postList__item__styleBook .pc__styleBook__wrap {
	display: inline-block;
	width: 44%;
	margin: 0 3% 10px;
}
.postList__item__styleBook .pc__styleBook__wrap .modal__trigger {
	margin-bottom: 0;
}

.pc__styleBook__wrap {
	position: relative;
}

.pc__styleBook__box {
	margin-bottom: 0;
}

.pc__styleBook__box:hover {
	cursor: pointer;
}

.pc__styleBook__box img {
	transition: .3s;
}

.pc__styleBook__box img:hover {
	/* opacity: .8; */
}

.fixed {
	position: fixed;
	width: 100%;
	height: 100%;
}

.campaignSlider {
	display: none;
}
.campaignSlider_sp__wrap .campaignSlider_sp {
	display: none;
}

.slider.slick-initialized {
	display: block;
	/*slick-initializedが付与されたら表示*/
}
.campaignSlider__wrap .slick-initialized {
	/* box-shadow: 0px 5px 20px #333; */

}

.coordinate_list {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.75);
	box-sizing: border-box;
	font-size: 3rem;
	/* height: 100%; */
	height: auto;
}

.coordinate_list .close_btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	z-index: 100;
	color: #fff;
	text-align: center;
	font-size: 4rem;
	line-height: 50px;
	cursor: pointer;
}

.coordinate_list_inner {
	padding: 30px 20px;
	position: relative;
	height: 100%;
}

.coordinate_list_inner ul {
	list-style: none;
	/* font-size: 0; */
}

.coordinate_list_inner ul li {
	line-height: 1.2rem;
	display: inline-block;
	width: 96%;
	margin: 0 2% 10px;
}
.coordinate_list_inner ul li a {
	font-size: 0;
}

.coordinate_list_inner ul li a span {
	line-height: 2.2rem;
	display: inline-block;
	width: 46%;
	margin: 0 2% 10px;
	font-size: 1rem;
	vertical-align: middle;
}
.coordinate_list_inner ul li a span:first-child {
	width: 30%;
}
.coordinate_list_inner ul li a span:last-child {
	width: 60%;
}


.styleBook__moreBtn {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.styleBook__moreBtn a {
	display: block;
	width: 100px;
	margin: 0 auto;
	color: #333;
	background: #e6e6e6;
	padding: 10px;
	text-align: center;
}

.styleBook__moreBtn a span {
	display: block;
	width: 100%;
	background: url(../img/common/next_arrow_bk.png) no-repeat right;
	background-size: 8px;
	padding: 0 10px;
	font-size: 1rem;
}

.postList__item__styleBook .coordinate_list_inner ul li a {
	margin-bottom: 15px;
	font-size: 1rem;
	line-height: 1.2em;
}

.postList__item__styleBook .coordinate_list_inner {
	padding: 20px 10px;
	position: relative;
	height: 100%;
}

.postList__item__styleBook .coordinate_list .close_btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	z-index: 100;
	color: #fff;
	text-align: center;
	font-size: 2.5rem;
	line-height: 30px;
	cursor: pointer;
}

.postList__item__styleBook .styleBook__moreBtn {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

#stylebook__wrap {
	margin-bottom: 50px;
}
.slick-slider .modal__trigger {
	/* margin-bottom: 0; */
}


/* クーポン
----------------------------------- */
.coupon_box {
	margin-top: 10px;
}


/* スマホページ右下部固定バナー
----------------------------------- */
#sp__fixedBn {
	position: fixed;
	bottom: 50px;
	right: 0;
	width: 60px;
	display: none;
	z-index: 10000;
}

.head__title1 {
	background: #ef854b;
	padding: 10px 0;
	margin-bottom: 5px;
	color: #fff;
}


/* スマホ再入荷
----------------------------------- */
.rearrival__sp {
	margin-bottom: 30px;
}
.rearrival__sp1column a {
	font-size: 0;
}
.rearrival__sp1column .postList__img,
.rearrival__sp1column .postList__text {
	display: inline-block;
	width: 48%;
	margin: 0 1%;
}
.rearrival__sp1column .postList__text {
	vertical-align: top;
}
.rearrival__sp1column .postList__meta__date {
	padding: 20px 0;
	border-top: 1px solid #7c4331;
	border-bottom: 1px solid #7c4331;
	line-height: 1.3em;
	color: #7c4331;
	font-weight: bold;
	margin: 28% 0 20%!important;
}

.rearrival__sp2column,
.rearrival__sp3column {
	font-size: 0;
}
.rearrival__sp2column article {
	display: inline-block;
	width: 48%;
	margin: 0 1%;
}
.rearrival__sp2column .postList__meta__date,
.rearrival__sp3column .postList__meta__date {
	padding: 10px 0;
	border-top: 1px solid #7c4331;
	border-bottom: 1px solid #7c4331;
	line-height: 1.3em;
	color: #7c4331;
	font-weight: bold;
	margin: 0 0 10px;
}

.rearrival__sp3column article {
	display: inline-block;
	width: 31.3333%;
	margin: 0 1%;
}

#news__contents .postList__text {
	height: 2.5em;
}
/* #news__contents .postList__title {
	color: #000;
}
#news__contents .postList__meta__date {
	color: #777;
} */

#newarrival__contents .postList__text {
	height: 5em;
}
.hidden__contents {
	display: none;
}
.more .hidden__more::after {
	background: url(../img/common/open_arrow_bk.png) no-repeat;
	background-size: 80%;
	width: 23px;
	height: 30px;
	top: 54%;
	right: 40px;
}
.more .active::after {
	background: url(../img/common/close_arrow_bk.png) no-repeat;
	background-size: 70%;
}

#features__wrap .postList__img {
	margin-bottom: 10px;
}
#features__wrap .fpostList__text {
	margin-bottom: 20px;
}
.features__title {
	font-size: 14px;
}

.features__comment,
.features__date {
	font-size: 11px;
	margin-bottom: 5px;
	text-align: left;
	line-height: 1.2em;
}
.information__contents__title {
	margin-bottom: 15px;
}
.information__contents__title span {
	font-size: 26px;
	letter-spacing: 0.1em;
	font-family: "Times New Roman", "Sawarabi Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG 明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Times, "serif";
}
.information__contents__title small {
	font-size: 12px;
	margin-left: 20px;
}
#information__contents p a {
	font-size: 12.5px;
	width: 100%;
	display: block;
	line-height: 40px;
	border-bottom: 1px solid #ccc;
	padding: 0 1% 0 2%;
	background: url(../img/common/next_arrow_bk.png) no-repeat;
	background-size:0.7%;
	background-position: 5px;
}
@media (max-width:767px) {
	#information__contents {
		margin-top: -20px;
	}
	.information__contents__title {
		margin: 0 2%;
	}
	#information__contents p a {
		width: 98%;
		margin: 0 1%;
		padding: 0 1% 0 4%;
		background-size:1.5%;
		background-position: 5px;
	}
}

.open_menu_fixed {
	position:fixed;
	height: 100%;
	width:100%;
}
#instagram__wrap, .postList__inner {
	transform: none;
}
.pc__globalNav__item--onlineShop {
	position: relative;
}
a.afade {
	line-height: 50px;
}
@media (max-width:767px) {
	a.afade {
		line-height: 40px;
	}
}
.Slider__4column li {
	font-size: 0;
}
.Slider__4column li a {
	display: inline-block;
	width: 23%;
	margin: 0 1%;
	vertical-align: top;
	margin-bottom: 10px;
}
@media (max-width:767px) {
	.Slider__4column li a {
		display: inline-block;
		width: 48%;
		margin: 0 1% 10px;
		vertical-align: top;
	}
}
.pc__width90 {
	width: 100%;
	margin: 0 auto;
}
@media (max-width:767px) {
	.pc__width90 {
		width: 100%;
	}
}

.pc__bottom__concept {
	text-align: center;
}
.pc__bottom__concept a {
	text-decoration: underline;
	font-size: 12.5px;
}
.sp__bottom__concept {
	text-align: center;
	font-size: 12.5px;
}
.sp__bottom__concept__text {
	display: none;
	text-align: left;
	width: 90%;
	line-height: 1.5em;
	margin: 0 auto;
}
.sp__bottom__concept .open {
	background: url(../img/common/close_arrow_bk.png) no-repeat left;
	background-size: 6%;
}
.sp__bottom__concept__btn {
	display: inline-block;
	padding-left: 20px;
	background: url(../img/common/open_arrow_bk.png) no-repeat left;
	background-size: 6%;
	cursor: pointer;
	margin-bottom: 10px;
	font-size:11px;
}
.sp__bottom__conceptcate {
	text-align: center;
	font-size: 12.5px;
}
.sp__bottom__conceptcate__text {
	display: none;
	text-align: left;
	width: 90%;
	line-height: 1.5em;
	margin: 0 auto;
}
.sp__bottom__conceptcate .open {
	background: url(../img/common/close_arrow_bk.png) no-repeat left;
	background-size: 3%;
}
.sp__bottom__conceptcate__btn {
	display: inline-block;
	padding-left: 20px;
	background: url(../img/common/open_arrow_bk.png) no-repeat left;
	background-size: 3%;
	cursor: pointer;
	margin-bottom: 10px;
	font-size:10px;
}
.logoutButton, .loginButton {
	display: none;
	}
.globalNav__item a.logoutButton, .globalNav__item a.loginButton {
	display: none;
}
.globalNav__item--login {
	/* min-width: 92.56px;
	box-sizing: border-box; */
}
.FS2_repeater {
	display: none;
}
.FS2_repeater .stageimage_{display:none;}
.FS2_repeater .stageimage_guest{display:none;}

.sold__out .itemCenter .FS2_thumbnail_container > a:before,
.sold__out .FS2_thumbnail_container > a:before,
.sold__out .FS2_thumb > a > a:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	background: rgba(84, 84, 84, 0.58);
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 1;
}
.sold__out .itemCenter .FS2_thumbnail_container > a:after,
.sold__out .FS2_thumbnail_container > a:after,
.sold__out .FS2_thumb > a > a:after {
	position: absolute;
	top: 50%;
	left: 0;
	content: " SOLD OUT";
	width: 100%;
	color: #fff;
	text-align: center;
	font-size: 12px;
	z-index: 2;
}
.sold__out .FS2_thumb > a > a,
.sold__out .FS2_thumbnail_container > a {
	position: relative;
}
.sold__out .FS2_thumb > a > a,
.sold__out .FS2_thumbnail_container > a {
	display: block;
}

.sold__out201907 .itemCenter .FS2_thumbnail_container > a:before,
.sold__out201907 .FS2_thumbnail_container > a:before,
.sold__out201907 .FS2_thumb > a > a:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	background: rgba(84, 84, 84, 0.58);
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 1;
}
.sold__out201907 .itemCenter .FS2_thumbnail_container > a:after,
.sold__out201907 .FS2_thumbnail_container > a:after,
.sold__out201907 .FS2_thumb > a > a:after {
	position: absolute;
	top: 50%;
	left: 0;
	content: "8/23 Release";
	width: 100%;
	color: #fff;
	text-align: center;
	font-size: 12px;
	z-index: 2;
}
.sold__out201907 .FS2_thumb > a > a,
.sold__out201907 .FS2_thumbnail_container > a {
	position: relative;
}
.sold__out201907 .FS2_thumb > a > a,
.sold__out201907 .FS2_thumbnail_container > a {
	display: block;
}

div#p, div#s {
	height: 0;
	margin: 0;
	font-size: 0;
}
.a_rank_wrap {
	margin-bottom: 10px;
}


.globalNav__item__child li {
	position: relative;
}
.globalNav__item__grandson {
	display: none;
	position: absolute;
	right: -100%;
	top: 0;
	background: rgba(0,0,0,.5490196078431373);
	width: 100%;
}
.home .globalNav__item .globalNav__item__grandson li a {
	line-height: 20px;
	height: auto;
	font-family: helvetica,arial,'hiragino kaku gothic pro',meiryo,'ms pgothic',sans-serif;
	background-size: 5px;
	width: 90%;
	margin: 0 auto;
	font-weight: 400;
	padding: 0 5%;
	font-size: 11px!important;
}


.globalNav__item__child__sp > a {
	background: none!important;
}
.globalNav__item__child__sp a span {
	background: url(../img/common/open_arrow_bk.png) no-repeat right;
    background-size: 10px;
    display: block;
}
.globalNav__item__child__sp a span.open {
	background: url(../img/common/close_arrow_bk.png) no-repeat right;
    background-size: 10px;
}
.globalNav__item__grandson__sp {
	display: none;
}



/* スマホ商品ページ画像スライダー下部ドット
----------------------------------- */
.fc2_itempage_imgdots_wrapper {
	margin-top: 20px!important;
	margin-bottom: 10px;
}
.fc2_itempage_imgdots_wrapper .fc2_itempage_imgdots {
	font-size: 0;
	text-align: center;
	white-space: normal;
}
.fc2_itempage_imgdots_wrapper .fc2_itempage_imgdots li {
	display: inline-block;
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	margin: 0 1.5% 5px;
	background: #ccc;
}
.fc2_itempage_imgdots_wrapper .fc2_itempage_imgdots li.fc2_itempage_imgdots_active {
	background: #000;
}
#eb_buyerselect_sp {
	margin-bottom: 100px!important;
}

.pc__soryo_bar {
	letter-spacing:1px;
	background:#e5dbd1;
	text-align:center;
	font-size:15px;
	padding:0;
	height:27px;
	line-height:27px;
	font-family: helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
}
@media (max-width:1024px) {
	.pc__soryo_bar {
		letter-spacing:1px;
		background:#e5dbd1;
		text-align:center;
		font-size:15px;
		padding:0;
		height:27px;
		line-height:27px;
		font-family: helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
		margin-top: 50px;
	}
}
.sp__soryo_bar {
	letter-spacing:1px;
	background:#e5dbd1;
	text-align:center;
	font-size:12px;
	padding:2px 0;
	height:25px;
	line-height:21px;
	margin-top:50px;
	font-family: helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
}

/* キャッシュレス・ポイント還元制度対応　帯 */
.cashless_announce_fix {
	position: fixed;
	top: 60px;
	left: 0;
	z-index: 99;
}
.cashless_announce {
	width: 100%;
	text-align: center;
	height: 40px;
	background: #f2e6d6;
}
.cashless_announce_fix {
	width: 100%;
	text-align: center;
	height: 25px!important;
	background: #f2e6d6;
}
.cashless_announce_fix_2 {
	width: 100%;
	text-align: center;
	height: 25px!important;
	background: #be001a;
}
.cashless_announce_fix_2 a {
	cursor: auto;
}
.cashless_announce_fix_2 a span {
	color: #fff;
	background: none;
	padding: 0;
}
.FS2_additional_image_itemdetail_container_left .cashless_announce {
	margin-top: 20px;
}
#FS2_layout_body .cashless_announce {
	margin-bottom: 10px;
}
.cashless_announce span {
	background: url(https://titivate.jp/assets/img/common/cashless_icon.png) no-repeat;
	font-weight: bold;
	background-size: contain;
	padding: 0 0 0 40px;
	display: inline-block;
	letter-spacing: .1em;
	font-size: 14px;
	line-height: 40px;
	color: #242424;
	font-family: helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
}
.cashless_announce_fix span {
	background: url(https://titivate.jp/assets/img/common/cashless_icon.png) no-repeat;
	font-weight: normal;
	background-size: contain;
	padding: 0 0 0 30px;
	display: inline-block;
	letter-spacing: .1em;
	font-size: 12px;
	line-height: 25px;
	color: #242424;
	font-family: helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
}

@media (max-width:1024px) {
	.cashless_announce_fix {
		top: 50px;
	}
}
@media (max-width:375px) {
	.cashless_announce_fix span {
		font-size: 11px!important;
	}
	.cashless_announce span {
		font-size: 14px;
	}
}
@media (max-width:330px) {
	.cashless_announce_fix span {
		font-size: 10px!important;
	}
	.cashless_announce span {
		font-size: 13px;
	}
}

.view_timer {
	display: none;
}