@charset "utf-8";

body.home {
	padding-top: 0;
}

body.single,
body.archive {
	padding-top: 176px;
}

body,
body#privacy-policy,
body#trade-law,
body#contact {
	padding-top: 72px;
}

body.archive.search,
body.error404 {
	padding-top: 112px;
}

.inner {
	width: 94%;
	margin: 0 auto;
}

#header .inner {
	padding-top: 16px;
}

.inner1800 {
	max-width: 1800px;
}

.inner1200 {
	max-width: 1200px;
}

.inner960 {
	max-width: 960px;
}

.inner640 {
	max-width: 640px;
}

.section {
	padding: 80px 0;
	border-bottom: dotted 2px rgba(0, 0, 0, 0.4);
}

.home .section {
	padding: 40px 0;
}

.single .section,
.archive .section {
	padding: 40px 0 80px;
}

.search .section {
	padding: 40px 0 16px;
}

.section.freeSpaceSection,
.single .section.freeSpaceSection,
.archive .section.freeSpaceSection {
	padding-top: 0;
}

.box16_5P {
	width: 16.5%;
}

.box32_5P {
	width: 32.5%;
}

.box36_5P {
	width: 36.5%;
}

.box40P {
	width: 40%;
}

.box40P {
	width: 40%;
}

.box60P {
	width: 60%;
}

.single .box36_5P {
	width: 36.5%;
}

.single .box60P {
	width:60%;
}

#headImg {
	line-height: 1;
}

.imgLogo {
	width: auto;
}

.topImg,
.topSliderImg {
	background-color: rgba(0, 0, 0, 0.05);
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
	color: #fff;
	overflow: hidden;
}

.tcTopImg {
	background-color: rgba(0, 0, 0, 0.05);
	width: 100vw;
	height: 100vh;
}

.topText {
	font-weight: bold;
	mix-blend-mode: difference;
	line-height: 1.5;
}

.subImg {
	width: 30%;
	margin-right: 5%;
}

.subImg:last-of-type {
	margin: 0;
}

.topNewsContent {
	width: 66.66666%;
	width: calc(200% / 3);
	max-width: 960px;
}

.pageTitle,
.archiveTitle {
	font-size: 4.5714285714286rem;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.1);
	line-height: 1.25;
}

.home .archiveTitle {
	margin-bottom: 48px;
}

.home .archiveTitleNews {
	margin-bottom: 24px;
}

.archiveTitleNews::after,
.archiveTitleItem::after,
.archiveTitleArchive::after,
.archiveTitleMenu::after,
.archiveTitleSearch::after,
.archiveTitleMember::after {
	font-size: 1rem;
	position: absolute;
	bottom: -8px;
	color: rgba(0, 0, 0, 0.8);
	content: attr(data-name);
}

.archiveTitleNews::after,
.archiveTitleItem::after,
.archiveTitleArchive::after {
	left: 2px;
}

.archiveTitleMenu::after,
.archiveTitleSearch::after,
.archiveTitleMember::after {
	right: 0;
	left: 0;
}

.topPageArchive {
	width: 30%;
	margin: 0 5% 0 0;
}

.topPageArchive:nth-child(3n+3) {
	margin-right: 0;
}

.topPageArchive:nth-child(4),
.topPageArchive:nth-child(5),
.topPageArchive:nth-child(6) {
	margin-top: 64px;
}

.home .listPostContentBox {
	margin-bottom: 0;
}

.home .listPostTitle {
	font-weight: normal;
	margin-bottom: 16px;
}

.newsListDl {
	width: 80%;
	width: calc(100% - 120px);
}

.newsListDd {
	background: rgba(0, 0, 0, 0.05);
	padding: 40px 40px 16px;
	margin: 24px 0;
}

.newsListDd img {
	width: 100%;
	height: auto;
}

.newsListDt .newsListTitle {
	width: 88%;
	width: calc(100% - 40px);
}

.archiveDate,
.newsDate {
	height: 14px;
	line-height: 14px;
	padding: 6px 12px;
	width: 88px;
	text-align: center;
	display: inline-block;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 1.5px;
	-webkit-border-radius: 1.5px;
	-moz-border-radius: 1.5px;
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

.postPageArchiveDate.archiveDate {
	width: auto;
}

.plusMinusIconBox {
	width: 24px;
	height: 24px;
	background: rgba(0, 0, 0, 0.05);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.plusMinusIcon {
	display: block;
	position: relative;
}

.plusMinusIcon::before,
.plusMinusIcon::after {
	content: '';
	display: block;
	position: absolute;
	width: 12px;
	height: 2px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #444;
	right: 6px;
	top: 11px;
}

.plusMinusIcon::after {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
}

.pmActive::before {
	display: none;
}

.pmActive::after {
	transform: rotate(0);
	-webkit-transform: rotate(0);
	-o-transform: rotate(0);
	-moz-transform: rotate(0);
}

.plusMinusIcon::after,
.pmActive::after {
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}

.topItemContent,.itemListWrap,.itemRecListWrap{
	margin-left: -1.041666%;
	margin-right: -1.041666%;
	width: 102.083332%;
	width: calc(100% + 2.083332%);
}

.listContent,
#relationList .listContent,
.archive #postArchives .listContent {
	width: 31.25%;
	margin: 0 1.041666% 1.175vw;
}

.archive .listContent {
	margin-bottom: 2.75vw;
}

.listContent img {
	color: #ededed;
}

.listTitle {
	line-height: 1.5;
	font-size: 1rem;
	font-weight: normal;
	padding: 0 8px;
}

.listCampaignTag,
.listCampaignTag::after {
	position: absolute;
	top: 0;
	left: 0;
}

.listCampaignTag {
	background: rgba(255,255,255,0.05);
	padding: 0 8px;
	font-size: 0.71428571428571rem;
}

.listCampaignTag::after {
	content: "";
	background: rgba(0, 0, 0, 0.05);
	width: 100%;
	height: 100%;
}

.listCampaignTagText{
	z-index: 5;
}

#postHeadTitle {
	font-size: 1.7142857142857rem;
	line-height: 1.5;
	margin: 0 16px 16px;
}

.pageTable {
	width: 100%;
	border-spacing: 0 8px;
}

.pageTableThA {
	padding: 6px 12px;
	width: 144px;
	background: rgba(0, 0, 0, 0.05);
	vertical-align: middle;
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

#contactSection .pageTableThA {
	width: 112px;
}

.pageTableTdA {
	padding: 8px 0 8px 16px;
	line-height: 1.5;
	vertical-align: middle;

}

.totalQuantityCart,
.isLoginIcon,
#usces-cart #header .totalQuantityCart,
#usces-cart #header .isLoginIcon,
#usces-member #header .totalQuantityCart,
#usces-member #header .isLoginIcon,
#usces-cart .globalMenuSp .totalQuantityCart,
#usces-cart .globalMenuSp .isLoginIcon,
#usces-member .globalMenuSp .totalQuantityCart,
#usces-member .globalMenuSp .isLoginIcon {
	position: absolute;
	background: #666;
	line-height: 1.6;
	height: 16px;
	width: 16px;
	text-align: center;
	border: 2px solid #fff;
	font-size: 0.71428571428571rem;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	color: #fff;
	font-weight: bold;
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

.totalQuantityCart {
	top: -8px;
	right: -8px;
}

.isLoginIcon {
	top: -6px;
	right: -10px;
}

.globalMenuSp .totalQuantityCart,
.globalMenuSp .isLoginIcon {
	border-color:#ededed;
}

.globalMenuSp .totalQuantityCart {
	right: -2px;
}

.globalMenuSp .isLoginIcon {
	right: 4px;
}

.iconDefault,
.newsListDd .iconDefault {
	display: inline-block;
	height: 12px;
	width: auto;
	vertical-align: middle;
	margin: 0 2px 0 0;
}

.iconSns,
.iconSearch,
.iconCart {
	height: 24px;
	margin: 0;
}

.iconSearch {
	margin-top: 4px;
}

.iconUser {
	height: 30px;
	margin-top: 2px;
	margin-left: 12px;
}

.iconLogout {
	height: 18px;
	margin: -2px 4px 0;
}

.iconArrowLeft,
.iconArrowRight {
	margin: -4px 0 0 0;
}

.iconTime {
	margin-top: -2px;
}

.linkGr .iconArrowRight,
.linkBk .iconArrowRight,
.searchLinkBox .iconArrowRight{
	margin-right: -6px;
}

.iconDown {
	margin-top: -2px;
}

.ccIcon {
	width: 15%;
	margin: 4px 4px 8px 0;
	max-width: 24px;
	height: auto;
}

.ccIcon:last-of-type {
	margin-right: 0;
}

.tax {
	font-size: 0.85714285714286rem;
	font-style: normal;
}

.nothing {
	margin: 0 auto;
	background: rgba(0, 0, 0, 0.25);
	display: inline-block;
	padding: 16px 40px;
	color: #fff;
	font-weight: bold;
	font-size: 1.1428571428571rem;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.breadcrumbOl {
	width: 100%;
	line-height: 1.5;
}

.breadcrumbLi {
	max-width: 100%;
	width: auto;
}

#List .nothing {
	margin-top: 40px;
}

#companyToHeader {
	margin-top: 4px;
	font-size: 0.85714285714286rem;
	line-height: 2;
}

#footer {
	padding: 80px 0;
	font-size: 0.85714285714286rem;
}

.home #footer {
	padding: 120px 0 80px;
}

#footer .footerMenu li {
	display: inline-block;
	margin-right: 16px;
}

#footer .footerMenu li:last-of-type {
	margin-right: 0;
}

#footer #pageToTop {
	align-items: baseline;
	-webkit-align-items: baseline;
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
}

#footer .globalMenuJP::before {
	content: "/";
	margin: 0 8px;
}

#footer a:link,
#footer a:visited,
#footer a:active {
	color: rgba(0, 0, 0, 0.8);
}

/* アイテムフォト */
.mainPhoto {
	margin: 0 0 24px;
	width: 100%;
	max-width: 1080px;
	height: auto;
}

.changePhoto,.youtubeThumbnail {
	cursor: pointer;
	width: 12.5%;
	height: auto;
	margin: 0 1.5% 1vw 0;
	align-self: flex-start;
	-webkit-align-self: flex-start;
}

body .disabledPhoto {
	display:none;
}

body .activePhoto {
	display: block;
}

/* カートボタン */
.cartBtn,
.skubutton,
a.skubutton,
.backbutton,
.zaiko_status,
.post-password-form input[name="Submit"] {
	display: block;
	color: #fff;
	font-weight: bold;
	width: 100%;
	padding: 8px 22px 8px 24px;
	font-size: 1.1428571428571rem;
	background: rgba(0, 0, 0, 0.8);
	text-align: center;
	letter-spacing: 2px;
	border: 0;
	border-image: none;
	cursor: pointer;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.zaiko_status {
	cursor: default;
	margin: 0 0 16px;
	padding: 8px 0;
}

.iopt_select,
.iopt_text,
.iopt_textarea,
.sortSelect {
	border: 1px solid rgba(0, 0, 0, 0.15);
}

.iopt_select,
.iopt_text,
.iopt_radio_label,
.iopt_checkbox,
.iopt_checkbox_label,
.iopt_radio,
.sortSelect,
.sortCheckbox,
.sortCheckboxLabel {
	cursor: pointer;
}

.iopt_text {
	padding: 2px 4px;
}

.iopt_radio_label,
.iopt_checkbox_label {
	margin-left: 12px;
}

.iopt_text,
.iopt_textarea {
	cursor: text;
	padding: 2px 8px;
	width: 50%;
}

.iopt_textarea {
	height: 160px;
	max-width: 75%;
	vertical-align: top;
}

.iopt_radio,
.iopt_checkbox,
.sortCheckbox {
	margin-right: 4px;
}

.sortSelect {
	margin-left: 6px;
	margin-right: 24px;
}

.item_option_name,
.itemSortName,
.itemGpExp dt,
.usce_period span {
	background: rgba(0, 0, 0, 0.05);
	padding: 4px 8px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	display: inline-block;
}

.item_option_value br {
	display: none;
}

.campaignDisnount,
.campaignPointText {
	display: table;
	margin: 16px 0 8px auto;
	background: rgba(0, 0, 0, 0.05);
	padding: 4px 12px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.getPoint {
	display: table;
	margin: -16px 8px 24px auto;
}

.skubutton {
	margin-bottom: 8px;
}

.btnHover:hover,
input.skubutton:hover,
a.skubutton:hover,
.formSubmit:hover,
.post-password-form input[name="Submit"]:hover {
	background: rgba(0, 0, 0, 1);
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-khtml-opacity: 1;
	-moz-opacity: 1;
	border: none;
}

.skuquantity {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding: 8px;
	width: 24px;
	text-align: center;
	margin: 0 0 16px 8px;
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

/* +-増減 */
.btnspinner {
	-ms-user-select: none;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	cursor: pointer;
	background: rgba(0, 0, 0, 0.05);
	padding: 2px 8px;
	margin-left: 8px;
	font-size: 1.1428571428571rem;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

/* SKU SELECT */
#itemMainContent dl.item-sku {
	border: none;
	margin-left: auto;
	margin-bottom: 24px;
	padding: 0;
	border-left: 1px solid rgba(0, 0, 0, 0.15);
}

#itemMainContent dl.item-sku dt,
#itemMainContent dl.item-sku dd {
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-left: none;
}

#itemMainContent dl.item-sku dt {
	background: rgba(0, 0, 0, 0.05);
	padding: 4px 8px;
	line-height: 1.25;
}

#itemMainContent dl.item-sku dd {
	padding-left: 4px;
}

#itemMainContent table.item-sku {
	width: 100%;
	table-layout: auto;
	margin-bottom: 24px;
}

.item-sku input[type=radio] {
	display: inline-block;
	cursor: pointer;
}

.wcss_loading img {
	vertical-align: revert;
}

/* アイテムコンテンツ */
#itemContent li {
	list-style: disc;
	line-height: 1.5;
	margin-left: 24px;
	padding-left: 0;
}

#itemContent li:not(:last-of-type) {
	margin-bottom: 8px;
}

.itemTable {
	font-size: 0.85714285714286rem;
	width: 100%;
	margin: 0 0 40px;
	padding: 0 0 16px;
}

#itemSpecTable,.searchItemSpecTable {
	table-layout: auto;
}

.itemTableGray {
	background: rgba(0, 0, 0, 0.05);
	padding: 16px 24px;
}

.itemTableTh {
	text-align: left;
	vertical-align: top;
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

.itemTableThA {
	width: 104px;

}

.itemTableThB {
	width: 8px;
	padding: 0 4px 0 0;
}

.itemTableThC {
	width: 24px;
	white-space: nowrap;
	padding-right: 4px;
}


.itemTableTd {
	text-align: left;
	vertical-align: top;
	word-break: break-all;
}

.imgCredit {
	padding: 4px 1px;
	height: 1.2vw;
	min-height: 16px;
}

.pickUpNew {
	display: inline-block;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	font-weight: bold;
	padding: 2px 12px;
	margin-bottom: 24px;
	font-size: 0.85714285714286rem;
	border-radius: 1.5px;
	-webkit-border-radius: 1.5px;
	-moz-border-radius: 1.5px;
}

.topNew .pickUpNew {
	margin-bottom: 16px;
}

.grayHead {
	background: rgba(0, 0, 0, 0.05);
	padding: 4px 12px;
	display: inline-block;
	border-radius: 1.5px;
	-webkit-border-radius: 1.5px;
	-moz-border-radius: 1.5px;
}

.snsHead,
.tagHead {
	margin: 48px 0 16px;
	font-size: 0.85714285714286rem;
}

.itemGpExp dt {
	margin-bottom: 8px;
}

/* モーダルウィンドウ */
#modal {
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	pointer-events: none;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-khtml-opacity: 0;
	-moz-opacity: 0;
	-webkit-transition: opacity 200ms ease-in;
	-moz-transition: opacity 200ms ease-in;
	-ms-transition: opacity 200ms ease-in;
	-o-transition: opacity 200ms ease-in;
	transition: opacity 200ms ease-in;
}

#itemImageGallery.modalActive{
	z-index: 200;
	position: relative;
}

#modal.active {
	pointer-events: all;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-khtml-opacity: 1;
	-moz-opacity: 1;
	cursor: pointer;
}

.modalInner {
	position: relative;
	width: 80%;
	padding-top: 56.25%;
	overflow: hidden;
}

.modalInner iframe {
	position: absolute;
	top: 10%;
	left: 10%;
	width: 1px;
	height: 1px;
}

#modal.active iframe {
	width: 80%;
	height: 80%;
}

.playBtn {
	position: absolute;
	width: 50%;
	height: auto;
	left: 25%;
	top: 25%;
}

.playBtn:hover {
	width: 45%;
	left: 27.5%;
	top: 27.5%;
}

.playBtn:hover,
.playBtn img:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-khtml-opacity: 1;
	-moz-opacity: 1;
}

/* サーチフォーム & メンバーボックス */
#searchWrap,
#userWrap {
	position: fixed;
	z-index: 300;
	top: 0;
	left: 0;
	background: #fff;
	color: #000;
	text-align: center;
	transform: translateX(250%);
	-webkit-transform: translateX(250%);
	-o-transform: translateX(250%);
	-moz-transform: translateX(250%);
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	width: 40%;
	height: 100%;
	background: #ededed;
}

.searchFormBox,
.userDetailBox {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
}

.sideInMenuBox {
	padding: 80px 0;
}

#searchWrap #searchForm #search {
	background: #fff;
	padding: 0 16px;
	width: 50%;
	height: 32px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-right: 16px;
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

#search:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-khtml-opacity: 1;
	-moz-opacity: 1;
}

#searchWrap.active,
#userWrap.active {
	transform: translateX(150%);
	-webkit-transform: translateX(150%);
	-o-transform: translateX(150%);
	-moz-transform: translateX(150%);
}

#searchWrap .iconSearch {
	margin: 0;
}

#tagListBox {
	margin: 40px auto 0;
	width: 75%;
}

.memberMerit {
	background: #fff;
	padding: 40px 64px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.memberMeritTh {
	font-weight: normal;
	width: 16px;
}

.memberMeritTd {
	text-align: left;
	line-height: 1.5;
	padding-bottom: 8px;
}

.memberMeritTd:last-of-type {
	padding: 0;
}

#memberName {
	text-align: center;
	display: block;
}

#userWrap .pageTable {
	margin: 0 auto 16px;
}

#userWrap .pageTableThA,
#usces-cart #userWrap .pageTableThA,
#usces-member #userWrap .pageTableThA {
	width: 160px;
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

.crossToggle {
	position: absolute;
	right: 16px;
	top: 16px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	z-index: 3;
	text-align: center;
	display: block;
}

.crossToggle span {
	display: block;
	position: absolute;
	top: 20px;
	left: 8px;
	width: 24px;
	border-bottom: solid 3px rgba(0, 0, 0, 0.9);
}

.crossToggle span:nth-child(1) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.crossToggle span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* コンタクトフォーム */
.formInput,
.formTextarea {
	padding: 2px 8px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	width: 88%;
	width: calc(100% - 18px);
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

.formInput {
	max-width: 222px;
}

.formTextarea {
	height: 120px;
	font-size: 1rem;
	line-height: 1.5;
}

.formSubmit {
	color: #fff;
	font-weight: bold;
	background: rgba(0, 0, 0, 0.8);
	width: auto;
	padding: 4px 8px 4px 24px;
	letter-spacing: 16px;
	font-size: 1.1428571428571rem;
	border: 0;
	cursor: pointer;
	margin: 0 auto;
	display: block;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.resultMessage {
	text-align: center;
	font-weight: bold;
	padding: 8px 0;
}

.resultMessageSuccess {
	border: 2px solid #0033cc;
	color: #0033cc;
}

.resultMessageError {
	text-align: center;
	border: 2px solid rgba(255, 0, 0, 0.9);
	color: rgba(255, 0, 0, 0.9);
	font-weight: bold;
	padding: 8px 0;
}

/* ボタン設定 */
.buttonLink {
	width: 17.5%;
	width: calc(20% - 8px);
	height: auto;
	margin-right: 8px;
	display: inline-block;
	background: rgba(0, 0, 0, 0.6);
	padding: 4px 1.25vw;
	max-width: 40px;
	border-radius: 1.5px;
	-webkit-border-radius: 1.5px;
	-moz-border-radius: 1.5px;
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

.buttonLinkImg {
	max-width: 20px;
}

#twitter .buttonLinkImg {
	max-width: 12px;
}

#copyAction {
	line-height: 0;
	font-size: 0.85714285714286rem;
	color: #fff;
	font-weight: bold;
}

/* スクロールで表示・非表示 */
.site-header {
	position: fixed;
	top: 0px;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	width: 100%;
	z-index: 100;
	padding-top: 8px;
	padding-bottom: 16px;
	background: rgba(255, 255, 255, 0);
}

.site-header.scroll {
	-moz-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}

.site-header.siteHeaderBg {
	background: rgba(255, 255, 255, 0.9);
}

/* インフィニットスクロール */
.pagenavi {
	position: absolute;
	bottom: -64px;
}

.search .pagenaviBox {
	margin-top: -64px;
	margin-bottom: 136px;
}

.search .pagenavi {
	bottom: -96px;
}

/* ハンバーガーメニュー */
.globalMenuPc {
	font-size: 1.1428571428571rem;
}

.globalMenuPc ul {
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
}

.globalMenuPc li{
	text-align:right;
	display: inline-block;
	font-size: 1rem;
	line-height: 1.5;
	margin-left: 16px;
}

.globalMenuPc li:first-of-type{
	margin-left: 0;
}

.globalMenuPc .globalMenuJP {
	font-size: 0.85714285714286rem;
	color: rgba(0, 0, 0, 0.6);
	display: block;
}

.globalMenuSp {
	position: fixed;
	z-index: 200;
	top: 0;
	left: 0;
	background: #fff;
	color: #000;
	text-align: center;
	transform: translateX(250%);
	-webkit-transform: translateX(250%);
	-o-transform: translateX(250%);
	-moz-transform: translateX(250%);
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	width: 40%;
	height: 100%;
	background: #ededed;
	overflow: auto;
}

.globalMenuSpBox {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: auto;
	background: #ededed;
}

.globalMenuSp.active {
	transform: translateX(150%);
	-webkit-transform: translateX(150%);
	-o-transform: translateX(150%);
	-moz-transform: translateX(150%);
}

.globalMenuSp ul {
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	width: 100%;
}

.globalMenuSp ul li {
	font-size: 1rem;
	list-style-type: none;
	width: 100%;
	margin: 0;
	border-bottom: 1px dotted #fff;
	text-align: center;
	line-height: 1.5;
	display: inline-block;
}

.globalMenuSp ul li:last-child {
	border-bottom: none;
}

.globalMenuSp ul li a {
	display: block;
	padding: 16px 0;
	color: #000;
}

.globalMenuSp ul li a:hover {
	background: #d9d9d9;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-khtml-opacity: 1;
	-moz-opacity: 1;
}

.globalMenuSp .globalMenuWrapSp{
	width: 88%;
	width: calc(100% - 32px);
	margin: 0 auto;
	max-width: 400px;
}

.globalMenuSp .globalMenuJP {
	font-size: 0.85714285714286rem;
}

.navToggle {
	position: absolute;
	right: 16px;
	top: 16px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	z-index: 3;
	text-align: center;
	display: none;
}

.navToggle span {
	display: block;
	position: absolute;
	left: 8px;
	width: 24px;
	border-bottom: solid 3px rgba(0, 0, 0, 0.9);
}

.navToggle span:nth-child(1) {
	top: 9px;
}

.navToggle span:nth-child(2) {
	top: 18px;
}

.navToggle span:nth-child(3) {
	top: 27px;
}

.navToggle.active {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-khtml-opacity: 0;
	-moz-opacity: 0;
}

/* スライダー */
#sliderImg1,
#sliderImg2,
#sliderImg3,
#sliderImg4,
#sliderImg5,
#sliderImg6,
#sliderImg7,
#sliderImg8,
.bx-viewport .slider::before{
	display: none;
}

.bx-viewport #sliderImg1,
.bx-viewport #sliderImg2,
.bx-viewport #sliderImg3,
.bx-viewport #sliderImg4,
.bx-viewport #sliderImg5,
.bx-viewport #sliderImg6,
.bx-viewport #sliderImg7,
.bx-viewport #sliderImg8{
	display: block;
}

.slider::before{
	content: "";
	width:100%;
	height: 100vh;
	display: block;
	background:#fff;
}

.bx-wrapper {
	position: relative;
	padding: 0;
	*zoom: 1;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	margin-bottom: 80px;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

.slider {
	margin: 0;
	padding: 0;
	-webkit-perspective: 1000;
}

.bx-viewport {
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	-o-transform: translateZ(0);
	-moz-transform: translateZ(0);

}

.bx-wrapper {
	background: #fff;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 24px;
	right: 24px;
	width: auto;
}

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: #ffffff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

.bx-wrapper .bx-pager {
	text-align: right;
	font-size: 0.85714285714286rem;
	font-family: Arial;
	font-weight: bold;
	color: #ededed;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #ededed;
	text-indent: -9999px;
	display: block;
	width: 6px;
	height: 6px;
	margin-left: 6px;
	outline: 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #333;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-khtml-opacity: 1;
	-moz-opacity: 1;
}

.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	vertical-align: bottom;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager-item {
	font-size: 0;
	line-height: 0;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

/* パスワード保護 */
.post-password-form p{
	margin-bottom: 24px;
}

.post-password-form input[name="post_password"]{
	width: 240px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	padding: 2px 8px;
	margin: 0 8px;
}

.post-password-form input[name="Submit"] {
	display: inline-block;
	width: auto;
}

/* 1600px */
@media screen and (max-width: 1600px) {
	.topNewsContent {
		width: 60%;
	}

	#topPageNewsList .width15P {
		width: 20%;
	}
}

/* 1440px */
@media screen and (max-width: 1440px) {
	/* サーチフォーム & メンバーボックス */
	#searchWrap,
	#userWrap,
	.globalMenuSp {
		width: 75%;
		transform: translateX(150%);
		-webkit-transform: translateX(150%);
		-o-transform: translateX(150%);
		-moz-transform: translateX(150%);
	}

	#searchWrap.active,
	#userWrap.active,
	.globalMenuSp.active {
		transform: translateX(33.333%);
		-webkit-transform: translateX(33.333%);
		-o-transform: translateX(33.333%);
		-moz-transform: translateX(33.333%);
	}

	#modal.active iframe {
		width: 100%;
		height: 100%;
	}
	.modalInner iframe {
		top: 0;
		left: 0;
	}
}

/* 1280px */
@media screen and (max-width: 1280px) {
	#topPageNewsList .flexBetweenCenter {
		display: block;
	}

	#topPageNewsList .width15P {
		width: 100%;
	}

	.topNewsContent {
		width: 100%;
		max-width: unset;
		margin-bottom: 40px;
	}

	.home .archiveTitleNews {
		margin-bottom: 48px;
	}

	.pickProductText {
		display: none;
	}

	#breadcrumb {
		margin-bottom: 16px;
	}

	body .searchPageContentText {
		display: none;
	}

	body .searchPagePrice {
		margin-bottom: 0;
	}

}

/* 1120px */
@media screen and (max-width: 1120px) {

	.single #itemMainContent .box60P,
	.single #itemMainContent .box36_5P {
		width:48.5%;
	}

	.changePhoto,.youtubeThumbnail {
		width: 17.5%;
		margin: 0 2.5% 1vw 0;
	}

	#footer .footerMenu li {
		display: block;
		text-align: right;
		margin-right: 0;
		margin-bottom: 2px;
	}

	.CopyrightBox {
		position: relative;
		width: 240px;
		display: block;
	}

	.CopyrightText {
		position: absolute;
		display: block;
		bottom: 0;
		left: 0;
	}

	body .display1080 {
		display: inline;
	}
}

/* 1080px */
@media screen and (max-width: 1080px) {
	body .topArchiveContent {
		margin-bottom: 48px;
	}

	.topPageArchive {
		width: 47.5%;
		margin: 0;
	}

	.topPageArchive:nth-child(1),
	.topPageArchive:nth-child(3) {
		margin-right: 5%;
	}

	.topPageArchive:nth-child(3),
	.topPageArchive:nth-child(4) {
		margin-top: 48px;
	}

	.topPageArchive:nth-child(5),
	.topPageArchive:nth-child(6) {
		display: none;
	}
}

/* 960px */
@media screen and (max-width: 960px) {
	body .topItemTitle {
		font-size: 1.2857142857143rem;
		line-height: 1.5;
	}

	#itemMainContent {
		flex-direction: column-reverse;
		-webkit-flex-direction: column-reverse;
	}

	.single #itemMainContent .box60P,
	.single #itemMainContent .box36_5P {
		width:100%;
	}

	.single #itemMainContent .box60P {
		margin-bottom: 40px;
	}

	.changePhoto,.youtubeThumbnail {
		margin: 0 2.5% 2.25vw 0;
	}

	body .searchProduct {
		flex-direction: column-reverse;
		-webkit-flex-direction: column-reverse;
	}

	.search .box40P,
	.search .box36_5P,
	.search .box16_5P {
		width: 100%;
	}

	.search .box40P {
		margin-bottom: 24px;
	}

	.search .pickUpNew {
		margin-bottom: 16px;
	}

	.search .linkGrW100P {
		width: auto;
		display: inline-block;
		padding: 4px 16px;
	}

	body .searchPagePrice {
		margin-bottom: 16px;
	}

	.search .itemTable {
		margin-bottom: 8px;
	}

	.searchLinkBox {
		text-align: right;
	}

	body .noDisplay960 {
		display: none;
	}
}

/* 800px */
@media screen and (max-width: 800px) {

	body,
	body#privacy-policy,
	body#trade-law,
	body#contact {
		padding-top: 96px;
	}

	body.archive.search {
		padding-top: 136px;
	}

	#header .inner {
		padding-top: 32px;
	}

	#headImg {
		margin: 0 auto;
		text-align: center;
	}

	.topImg,
	.topSliderImg,
	#topImg,
	.slider::before {
		height: 75vh;
	}

	.memberMerit {
		padding: 24px 40px;
		text-align: left;
		line-height: 1.75;
		width: 88%;
		width: calc(88% - 80px);
	}

	#userWrap .pageTable {
		width: 88%;
		width: calc(88% - 24px);
	}

	#userWrap .pageTableThA {
		width: 60%;
		width: calc(88% - 24px);
		display: block;
		margin: 0 auto;
	}

	#userWrap .pageTableTdA {
		width: 60%;
		width: calc(88% - 24px);
		padding: 8px 12px;
		display: block;
		margin: 0 auto;
	}

	.topItemContent,.itemListWrap,.itemRecListWrap {
		margin-left: -1.5625%;
		margin-right: -1.5625%;
		width: 103.125%;
		width: calc(100% + 3.125%);
	}

	.listContent,
	#relationList .listContent,
	.archive #postArchives .listContent {
		width: 46.875%;
		margin: 0 1.5625% 1.175vw;
	}

	.listContent:nth-child(3),
	#relationList .listContent:nth-child(3),
	.archive #postArchives .listContent:nth-child(3) {
		display: none;
	}

	#itemListSection .listContent:nth-child(3) {
		display: block;
	}

	.archive .topPostText,
	body .listPostContent {
		font-size: 0.85714285714286rem;
		line-height: 2;
	}

	.archive .listContent {
		margin-bottom: 7.5vw;
	}

	.archive .archiveTitle + span {
		margin-bottom: 24px;
	}

	.topItemContent .listTitle,
	.archive .listTitle,
	.single .listTitle {
		padding: 0;
	}

	body .archiveTitle,
	body .pageTitle,
	.archiveTitle + span,
	.pageTitle + span {
		text-align: left;
	}

	.archiveTitleMenu::after,
	.archiveTitleSearch::after,
	.archiveTitleMember::after {
		text-align: center;
	}

	#sortWrap {
		-webkit-flex-direction: row;
		flex-direction: row;
		margin-top: 16px;
	}

	.sortFilterSelect {
		display: block;
		margin-bottom: 16px;
	}

	.sortSelect {
		margin-right: 0;
	}

	#pickProduct .box60P {
		width: 100%;
		margin-bottom: 24px;
	}

	#pickProduct .box36_5P {
		width: 100%;
		margin-bottom: 80px;
	}

	.pickUpNew {
		margin-bottom: 16px;
		padding: 0 12px;
		font-size: 0.71428571428571rem;
		line-height: 2.5;
	}

	body .topItemTitle {
		margin-bottom: 8px;
	}

	body .pickProductImages {
		margin-top: 16px;
	}

	#breadcrumb {
		margin-bottom: 8px;
	}

	body .breadcrumbOl {
		font-size: 0.85714285714286rem;
		line-height: 2;
	}

	#pickProduct {
		flex-direction: column;
		-webkit-flex-direction: column;
		align-items: flex-start;
		-webkit-align-items: flex-start;
		flex-direction: column-reverse;
		-webkit-flex-direction: column-reverse;
		margin-bottom: 0;
	}

	.mainPhoto {
		margin: 0 0 16px;
	}

	.single #List .listContent {
		width: 46.875%;
		margin: 0 1.5625%;
	}

	.listContent .paddingRightLeft8px {
		padding-right: 0;
		padding-left: 0;
	}

	#contactSection .flexBetween {
		flex-direction: column;
		-webkit-flex-direction: column;
	}

	#contactSection .width47_5P,
	#contactSection .pageTable {
		width: 100%;
	}

	#contactSection .pageTable {
		margin-bottom: 40px;
	}

	/* ハンバーガーメニュー */
	.navToggle {
		display: block;
	}

	.globalMenuPc {
		display: none;
	}

	body .display800 {
		display: inline;
	}

	body .bDisplay800 {
		display: block;
	}

	body .noDisplay800 {
		display: none;
	}
}

/* 640px */
@media screen and (max-width: 640px) {

	body,
	body#privacy-policy,
	body#trade-law,
	body#contact,
	body.archive.search {
		padding-top: 120px;
	}

	#topImg,
	.bx-wrapper {
		margin-bottom: 64px;
	}

	body .listNewsContentBox {
		display: block;
	}

	.newsListDl {
		width: 100%;
	}

	body .newsDate {
		margin: 0 0 8px;
	}

	.newsListDd {
		padding: 24px 24px 1px;
	}

	.topItemContent,.itemRecListWrap {
		margin-left: -1.041666%;
		margin-right: -1.041666%;
		width: 102.083332%;
		width: calc(100% + 2.083332%);
	}

	.listContent,
	#relationList .listContent,
	.archive #postArchives .listContent {
		width: 97.916668%;
		margin: 0 1.041666% 48px;
	}

	.archive .listContent {
		margin-bottom: 2.75vw;
		width: 46.875%;
		margin: 0 1.5625% 7.5vw;
	}

	.topPageArchive {
		width: 100%;
	}

	body .topArchiveContent {
		margin-bottom: 64px;
	}

	.topPageArchive:nth-child(1),
	.topPageArchive:nth-child(3) {
		margin-right: 0;
	}

	.topPageArchive:nth-child(2) {
		margin-top: 48px;
	}

	.topPageArchive:nth-child(4) {
		display: none;
	}

	.price.fontSize20px {
		font-size: 1.2857142857143rem;
		line-height: 1.5;
	}

	body .topItemTitle {
		margin-bottom: 0;
		font-size: 1rem;
		font-weight: normal;
	}

	body .topItemPrice {
		font-size: 0.85714285714286rem;
	}

	.modalInner {
		width: 88%;
	}

	body .listPostContent {
		display: none;
	}

	.topPostTitle {
		font-weight: normal;
	}

	#postArchives .listPostContentBox .box36_5P,
	#relationPostList .listPostContentBox .box36_5P {
		width: 60%;
	}

	#postArchives .listPostContentBox .box60P,
	#relationPostList .listPostContentBox .box60P,
	.topPageArchive .box32_5P {
		width: 35%;
	}

	#postArchives .listPostContentBox .listPostTitle,
	#relationPostList .listPostContentBox .listPostTitle {
		margin-bottom: 16px;
		font-weight: normal;
	}

	#postHeadTitle {
		font-size: 1.4285714285714rem;
		line-height: 1.5;
	}

	.topPostDate {
		margin-bottom: 16px;
	}

	.archiveDate.listPostDate {
		margin: 0;
	}

	body .pagerWrapper {
		display: block;
	}

	.pagerWrapper .width47_5P {
		width: 100%;
	}

	.partitionBorder {
		text-align: center;
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
	}

	#newItemList {
		margin-bottom: 0;
	}

	/* サーチフォーム & メンバーボックス & ハンバーガーメニュー */
	.navToggle {
		right: unset;
		left: 16px;
	}

	#searchWrap,
	#userWrap,
	.globalMenuSp {
		width: 88%;
		transform: translateX(-150%);
		-webkit-transform: translateX(-150%);
		-o-transform: translateX(-150%);
		-moz-transform: translateX(-150%);
	}

	#searchWrap.active,
	#userWrap.active,
	.globalMenuSp.active {
		transform: translateX(0%);
		-webkit-transform: translateX(0%);
		-o-transform: translateX(0%);
		-moz-transform: translateX(0%);
	}

	.crossToggle {
		left: 16px;
	}


	.section {
		padding: 40px 0;
	}

	.itemTable {
		padding: 8px 16px;
	}

	body .display640 {
		display: inline;
	}

	body .displayNone640 {
		display: none;
	}
}

/* 560px */
@media screen and (max-width: 560px) {

	#topImg,
	.bx-wrapper {
		margin-bottom: 56px;
	}

	.item_option_name,
	.itemSortName,
	.itemGpExp dt,
	.usce_period span {
		padding: 0 8px;
	}

	.memberMerit {
		padding: 16px 24px;
		width: 88%;
		width: calc(100% - 48px);
	}

	body .aboutPointText {
		text-align: left;
		max-width: 88%;
	}

	.pageTitle,
	.archiveTitle {
		font-size: 3.4285714285714rem;
		line-height: 1.25;
	}

	.archiveTitle.paddingBottom16px {
		padding-bottom: 8px;
	}

	.pageTitle.marginBottomMinus16px,
	.archiveTitle.marginBottomMinus16px {
		margin-bottom: -12px;
	}

	.archiveTitle.lineHeight48px,.pageTitle.lineHeight48px {
		line-height: 36px;
	}

	.archiveTitleNews::after,
	.archiveTitleItem::after,
	.archiveTitleArchive::after,
	.archiveTitleMenu::after,
	.archiveTitleSearch::after,
	.archiveTitleMember::after {
		bottom: -32px;
	}

	.soldoutBox {
		margin: 4px 0 0 0;
	}

	body .display560 {
		display: inline;
	}
}

/* 480px */
@media screen and (max-width: 480px) {

	#topImg,
	.bx-wrapper {
		margin-bottom: 40px;
	}

	.pageTitle,
	.archiveTitle {
		font-size: 2.71428571428rem;
	}

	.memberMeritTh {
		width: 12px;
	}

	.archiveDate,
	.newsDate {
		padding: 6px;
		font-size: 0.85714285714286rem;
	}

	.newsListDt .newsListTitle {
		font-size: 0.85714285714286rem;
	}

	body .newsDate {
		margin: 0 0 4px;
	}

	body .topItemContent {
		margin-bottom: 0;
	}

	body .topArchiveContent {
		margin-bottom: 56px;
	}

	#pickProduct .box36_5P {
		margin-bottom: 48px;
	}

	#pickProduct .box60P {
		margin-bottom: 16px;
	}

	.pickUpNew {
		margin-bottom: 8px;
	}

	.item_option_name,
	.itemSortName,
	.sortCheckboxLabel,
	.itemGpExp,
	.iopt_select,
	.item_option_value,
	.iopt_textarea {
		font-size: 0.85714285714286rem;
		line-height: 2;
	}

	.iopt_textarea {
		width: 67.5%;
	}

	.aboutOrderTable.itemTable {
		padding: 24px 16px 8px;
	}


	.aboutOrderTable .itemTableThA {
		width: 100%;
		display: block;
	}

	.aboutOrderTable .itemTableThB {
		display: none;
	}

	.aboutOrderTable .itemTableTd {
		display: block;
		width: 100%;
		padding-left: 14px;
		margin-bottom: 16px;
	}


	.aboutOrderTable .itemTableTdA {
		padding-left: 14px;
		padding-bottom: 16px;
	}

	.aboutOrderTable .itemTableNull {
		display: none;
	}

	.aboutOrderTable #payments,
	.aboutOrderTable #delivery {
		margin-bottom: 0;
	}

	#postArchives .listPostContentBox .box60P,
	#relationPostList .listPostContentBox .box60P,
	.topPageArchive .box32_5P {
		width: 36.5%;
	}

	#trade-law .pageTableThA,
	#contactSection .pageTableThA {
		display: block;
		width: 88%;
		width: calc(100% - 24px);
	}

	#trade-law .pageTableTdA,
	#contactSection .pageTableTdA {
		padding: 8px 12px 16px;
		display: block;
		width: 88%;
		width: calc(100% - 24px);
	}

	#trade-law tr:last-of-type .pageTableTdA,
	#contactSection tr:last-of-type .pageTableTdA {
		padding: 8px 12px 0;
	}

	.post-password-form input[name="post_password"] {
		margin-right: 0;
		margin-bottom: 16px;
		width: 100%;
		margin: 0 0 16px;
	}

	.post-password-form input[name="Submit"] {
		display: table;
		margin: 0 auto;
	}

	.nothing {
		padding: 8px 24px;
		font-size: 1rem;
	}

	#footer {
		padding: 40px 0 80px;
	}

	.home #footer,
	.search #footer {
		padding: 80px 0;
	}

	#snsAccountBox {
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		-webkit-justify-content: center;
		margin-bottom: 40px;
	}

	body .footerMenuBox {
		display: block;
	}

	.CopyrightBox {
		width: 100%;
		text-align: center;
	}

	.CopyrightText {
		position: relative;
	}

	body .footerMenu {
		width: 100%;
		display: block;
		margin-bottom: 40px;
	}

	#footer .footerMenu li {
		text-align: center;
	}

	#footer #pageToTop {
		justify-content: center;
		-webkit-justify-content: center;
	}

	body .noDisplay480 {
		display: none;
	}

}

/* 400px */
@media screen and (max-width: 400px) {

	#topImg,
	.bx-wrapper {
		margin-bottom: 32px;
	}

	.pickProductImages {
		margin: 16px 0 64px;
	}

	.changePhoto,.youtubeThumbnail {
		width: 22.5%;
	}

	.playBtn,.playBtn:hover {
		width: 67.5%;
		left: 16.25%;
		top: 16.25%;
	}
}