﻿@charset "UTF-8";
.action:empty {
	margin: 0;
}
.modal-body form[name="agreebody"] textarea {
	width: 100%;
}
/* suggest */
.block-search-suggest {
	z-index: 1002000000;
}
.block-search-suggest--goods {
	overflow: hidden;
}
.block-search-suggest--goods-img img {
	width: 60px;
	height: auto;
}
/* ----トップページ本文---- */
.block-top-body--body {
	margin-top: 40px;
	width: 900px;
	height: 390px;
}
/* ----トップページ予備テンプレート2---- */
.block-top-free2--header {
	font-size: 28px;
	text-align: center;
	border-top: #444 2px solid;
	padding: 19px 0 30px;
}
.block-top-free2--body {
	margin: 47px 0 50px;
}
.block-top-free2--items {
	width: 900px;
	height: auto;
	overflow: hidden;
}
.block-top-free2--items li {
	float: left;
}
.block-top-free2--items > li {
	width: 535px;
	height: auto;
}
.block-top-free2--items > li:first-child {
	width: 354px;
	height: auto;
	margin-right: 10px;
}
.block-top-free2--sub-items li {
	width: 172px;
	height: 172px;
	margin-left: 9px;
	margin-bottom: 9px;
}
.block-top-free2--sub-items li:nth-of-type(3n+1) {
	margin-left: 0;
}
/* ----ヘッダー---- */
.block-header-logo {
	width: 300px;
	font-size: 0;
}
.block-headernav {
	width: 240px;
}
.block-headernav--item-list {
	display: flex;
	justify-content: space-around;
	align-items: center;
	white-space: nowrap;
	padding-right: 30px;
}
.block-headernav--item-list li {
	position: relative;
	display: inline-block;
	font-size: 11px;
	text-align: center;
}
.block-headernav--item-list li i.fa {
	position: relative;
	display: block;
	font-size: 28px;
	margin-bottom: 10px;
	z-index: 1;
}
.block-headernav--item-list li a {
	display: block;
}
.block-headernav--item-list li a:hover {
	text-decoration: underline;
}
.block-headernav--cart-count {
	display: none;
	position: absolute;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	background-color: #e61d50;
	color: #fff;
	border-radius: 10px;
	top: -5px;
	right: -2px;
	z-index: 2;
}
/* ----ヘッダー検索---- */
.block-global-search {
	/*  width: 800px;
	*/
	width: 100%;
	min-width: 800px;
	max-width: 1100px;
	margin-left: 20px;
	padding-right: 10px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
/*--カテゴリセレクター追加--*/
.block-global-search--category-select{
	width: 10em;
	height: 50px;
	background-color: #e0edff;
	border: none;
	border-radius: 5px 0 0 5px;
	padding: 13px 8px;
}
.block-global-search--keyword {
	width: calc(100% - 50px);
	height: 50px;
}
.block--header-logo {
	width: 128px;
}
.block-global-search form {
	background-color: #eee;
	border-radius: 0 5px 5px 0;
	flex-grow: 1;
	margin-right: 10px;
	display: flex;
	justify-content: flex-end;
	align-items: stretch;
}
.block-global-search form input.block-global-search--keyword {
	flex-grow: 1;
}
input.block-global-search--keyword:hover,input.block-global-search--keyword {
	border: none;
	background-color: transparent;
}
button.block-global-search--submit {
	border: none;
	background-color: #0022a9;
	color: #FFF;
	width: 50px;
	height: 50px;
	border-radius: 0 5px 5px 0;
	float: right;
	overflow: hidden;
}
.block-global-search--searchdetail {
	margin-left: 0;
}
.block-global-search--search-detail-link {
	color: #6fb4c3;
	text-decoration: underline;
	white-space: nowrap;
	border: none;
	border-radius: 5px;
	padding: 14px;
	white-space: nowrap;
	background: #fff -webkit-gradient(linear, left top, left bottom, from(#001249), to(#0022a9));
	background: #fff -moz-linear-gradient(top, #001249, #0022a9);
	background: #fff -ms-linear-gradient(top, #001249, #0022a9);
	background: #fff linear-gradient(top, #001249, #0022a9);
}
.block-global-search--search-detail-link:hover {
	text-decoration: none;
}
/* ----グローバルナビ---- */
.block-globalnav--item-list {
	display: table;
	width: 100%;
}
.block-globalnav--item-list i {
	margin-right: 10px;
}
.block-globalnav--item-list > li {
	display: table-cell;
	width: 11%;
	font-size: 13px;
	line-height: 1;
	text-align: center;
}
.block-globalnav--item-list > li > a {
	position: relative;
	display: block;
	color: #fff;
	padding: 20px 0;
}
.block-globalnav--item-list > li > a {
	text-decoration: none;
}
.block-globalnav--item-list > li > a:hover {
	color: #6fb4c3;
}
.block-globalnav--item-list > li > a:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 38px;
	border-left: 1px solid #666;
	top: 8px;
	left: 0;
}
.block-globalnav--item-list > li:last-child > a:before {
	border-right: 1px solid #666;
}
.block-globalnav--item-list > li > a .fa-chevron-down {
	position: absolute;
	font-size: 12px;
	right: 12px;
}
.block-globalnav--item-list > li > a.active {
	transition: color 0.2s linear 0;
	color: #6fb4c3;
	text-decoration: none;
}
.block-globalnav--item-list > li > a.active .fa-chevron-down {
	color: #fff;
	transform: rotate(180deg);
}
.block-globalnav-menu {
	position: absolute;
	background-color: #191919;
	opacity: 0.98;
	width: 100%;
	top: 51px;
	left: 0;
	padding: 5px 0;
	text-align: center;
	z-index: 10;
}
.block-globalnav-menu * {
	color: #fff;
}
.block-globalnav-menu > div {
	width: 1200px;
	margin: auto;
}
.block-globalnav-menu .block-dynamic-category--body,.block-globalnav-menu .block-dynamic-genre--body {
	display: flex;
	align-items: center;
}
.block-globalnav-menu .block-dynamic-category--body li,.block-globalnav-menu .block-dynamic-genre--body li {
	width: 20%;
	font-size: 14px;
	margin-bottom: 20px;
}
.block-globalnav-menu .block-dynamic-category--body li a,.block-globalnav-menu .block-dynamic-genre--body li a {
	position: relative;
	padding-left: 20px;
	margin-bottom: 10px;
}
.block-globalnav-menu .block-dynamic-category--body li a:before,.block-globalnav-menu .block-dynamic-genre--body li a:before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
}
.block-globalnav-menu .block-dynamic-category--body li a img,.block-globalnav-menu .block-dynamic-genre--body li a img {
	vertical-align: middle;
	width: 30px;
	margin-right: 10px;
}
.block-globalnav-menu--freespace * {
	font-size: 13px;
}
.block-globalnav-menu--freespace h3 {
	margin-top: 0;
}
.block-globalnav-menu--freespace p {
	font-size: 12px;
	margin: 10px 10px 10px 0;
}
.block-globalnav-menu--freespace ul {
	display: flex;
	align-items: center;
}
.block-globalnav-menu--freespace ul li img {
	vertical-align: middle;
}
/* ----フッター---- */
footer .container {
	position: relative;
}
.block-footernav {
	margin-bottom: 20px;
	text-align: center;
}
.block-footernav li {
	padding: 0 1em;
	display: inline-block;
}
.block-footernav li a {
	color: #fff;
}
/* ----ページトップに戻る---- */
.block-page-top a {
	position: relative;
	display: block;
	width: 54px;
	height: 54px;
	background-color: #444;
	border-radius: .25em;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .5);
}
.block-page-top a:after {
	content: "";
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	border-right: 2px solid #001249;
	border-top: 2px solid #001249;
	transform: rotate(-45deg);
	left: 50%;
	top: 50%;
	margin-top: -4px;
	margin-left: -8px;
}
.block-page-top {
	position: fixed;
	top: auto;
	bottom: 10px;
	right: 26px;
	display: none;
}
/* ----PC/スマホ切り替えスイッチ---- */
.block-switcher {
	width: 400px;
	text-align: center;
	margin: 0 auto 50px;
}
.block-switcher li {
	display: inline-block;
}
.block-switcher--switch {
	display: block;
	width: 200px;
	height: 50px;
	line-height: 40px;
	text-align: center;
	background-color: #444;
	color: #fff;
	border-radius: 10px 0 0 10px;
	border: solid 5px #fff;
	border-right: none;
}
.block-switcher--switch:hover {
	text-decoration: none;
	background-color: #ccc;
}
.block-switcher--current {
	display: block;
	width: 200px;
	height: 50px;
	line-height: 40px;
	text-align: center;
	background-color: #ccc;
	color: #fff;
	border-radius: 0 10px 10px 0;
	border: solid 5px #fff;
	border-left: none;
}
.block-switcher .fa {
	margin-right: 10px;
	vertical-align: middle;
}
.block-switcher .fa-mobile-phone {
	font-size: 22px;
}
.block-switcher .fa-desktop {
	font-size: 18px;
}
/* ----Copyright---- */
.block-copyright {
	font-size: 10px;
	text-align: center;
	color: #fff;
}
/* ----ブランド画面---- */
.block-brand-list {
	margin: 40px 0 60px;
}
.block-brand-list .block-topic-path {
	margin-bottom: 40px;
}
.block-brand-list--items {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.block-brand-list--item {
	flex-grow: 1;
	flex-basis: 390px;
	max-width: 390px;
	margin: 0 0 20px 15px;
}
.block-brand-list--item:nth-of-type(3n+1) {
	margin-left: 0;
}
.block-brand-list--item-img {
	width: 390px;
	height: 240px;
}
.block-brand-list--item-name,.block-brand-list--item-comment {
	border: #ddd 1px solid;
	border-top: none;
	border-bottom: none;
}
.block-brand-list--item-name {
	padding: 15px 35px 0;
}
.block-brand-list--item-comment {
	border-bottom: #ddd 1px solid;
	padding: 15px 35px 35px;
}
.block-brand-list--item-btn {
	display: block;
	text-align: center;
	width: 240px;
	height: 48px;
	line-height: 48px;
	color: #333;
	font-size: 14px;
	margin: 15px auto 0;
	background: #e5e5e5;
}
.block-brand-detail--image {
	margin-top: 40px;
}
.block-brand-detail--description {
	margin-bottom: 30px;
}
/* ----商品詳細画面---- */
/*CSSによる商品詳細画面の項目の並び順変更用*/
.pane-goods-right-side form {
	display: flex;
	flex-flow: column wrap;
}
.block-goods-sns {
	order: 10;
}
.page-goods .block-icon {
	order: 20;
}
.block-goods-comment {
	order: 30;
}
.block-goods-name {
	order: 40;
}
.block-goods-rarity {
	order: 55;
}
/*レアリティ―追加*/
.block-goods-price {
	order: 50;
}
.block-goods-code {
	order: 60;
}
.block-goods-item-code {
	order: 70;
}
.block-goods-item-code2 {
	order: 80;
}
.block-goods-item-code3 {
	order: 90;
}
.block-goods-release-dt {
	order: 100;
}
.block-goods-class1 {
	order: 110;
}
.block-goods-class2 {
	order: 120;
}
.block-goods-attr1 {
	order: 130;
}
.block-goods-attr2 {
	order: 140;
}
.block-goods-attr3 {
	order: 150;
}
.block-goods-size {
	order: 160;
	order: 212;
}
.block-goods-color {
	order: 170;
	order: 211;
}
.block-goods-point {
	order: 180;
}
.block-goods-postage {
	order: 190;
}
.block-goods-stock {
	order: 200;
}
.block-goods-spec {
	order: 210;
}
.block-goods-sales-detail-append {
	order: 220;
}
.block-variation {
	order: 230;
}
.block-custom-order {
	order: 240;
}
.block-add-cart {
	order: 250;
}
.block-no-stock {
	order: 260;
}
.block-outside-sales-period {
	order: 260;
}
.block-arrival-notice {
	order: 270;
}
.block-goods-store-stock {
	order: 280;
}
.block-goods-set {
	order: 290;
}
.block-accessory-list {
	order: 300;
}
.block-variation-back-order {
	order: 310;
}
.block-contact-about-goods {
	order: 320;
}
.block-goods-favorite {
	order: 330;
}
.block-goods-link {
	order: 340;
}
.block-goods-samename {
	order: 320;
}
/* ----ゲストお気に入り画面---- */
.block-guest-favorite-synchronize {
	text-align: center;
	margin-top: 50px;
}
/* ----定期購入商品サイクル情報変更画面---- */
.block-regular-purcharse-cycle-info-update--skip-cancel-message {
	margin: 5px 0 0 5px;
}

/* ポケットデッキ */
.block-favorite--bookmark-list .block-favorite--items::after {
  display: table;
  content: '';
  clear: both;
}
.block-favorite--bookmark-list .block-favorite--items {
}
.block-favorite--bookmark-list .block-favorite--items li {
  float: left;
  border: none;
  width: 160px;
  height: 580px;
  padding: 0 10px 10px;
	background: rgba(255,255,255,0.8)
}
.block-favorite--form .block-favorite--bookmark-list .block-favorite--items li {
  overflow: visible;
}
.block-favorite--favorite-goods {
  position: relative;
  display: block;
  height: 100%;
  padding: 0 0 64px;
}
.block-favorite--checkbox {
  margin: 0 0 10px;
  padding: 0;
}
.block-favorite--favorite-goods dl {
  display: flex;
  align-items: center;
  font-size: 12px;
}
.block-favorite--favorite-goods dl dt {
  padding: 0 4px 0 0;
}
.block-favorite--favorite-goods dl dd {
  flex-grow: 1;
}
.block-favorite--favorite-goods dl dd select:hover {
  border: solid 1px rgba(0,0,0,0);
}
.block-favorite--goods-name {
  margin: 8px 0 8px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.block-favorite--comment {
  margin: 12px 0;
  flex-basis: auto;
}
.block-favorite--edit-comment {
  text-align: center;
  font-size: 11px;
}
.block-favorite--comment-message-box {
  position: relative;
}
.block-favorite--comment-message-btn {
  display: none;
  margin: 0 20px 3px;
}
.block-favorite--comment-message-btn span {
  cursor: pointer;
  display: block;
  color: #04466a;
  border: solid 1px #a4dbfa;
  background: #e9f7fe;
  background: -moz-linear-gradient(top,  #e9f7fe 0%, #dbf1fd 50%, #b6e2f9 100%);
  background: -webkit-linear-gradient(top,  #e9f7fe 0%,#dbf1fd 50%,#b6e2f9 100%);
  background: linear-gradient(to bottom,  #e9f7fe 0%,#dbf1fd 50%,#b6e2f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f7fe', endColorstr='#b6e2f9',GradientType=0 );
  text-align: center;
  font-size: 10px;
  line-height: 1;
  padding: 4px 0 3px;
}
.block-favorite--comment-message-btn span:hover {
  color: #ffffff;
  border-color: #47b9f6;
  background: #47b9f6;
  background: -moz-linear-gradient(top,  #47b9f6 0%, #259fe0 50%, #0e86c6 100%);
  background: -webkit-linear-gradient(top,  #47b9f6 0%,#259fe0 50%,#0e86c6 100%);
  background: linear-gradient(to bottom,  #47b9f6 0%,#259fe0 50%,#0e86c6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47b9f6', endColorstr='#0e86c6',GradientType=0 );  
}
.block-favorite--comment-message-btn span:before {
  content: 'メモを表示';
}
.block-favorite--comment-message {
  display: none;
  position: absolute;
  top: calc(100% + 1em);
  left: calc(50% - 10em);
  right: 0;
  z-index: 10;
  background: #ffffff;
  border: solid 1px #333333;
  width: 20em;
  font-size: 10px;
  padding: 8px;
}
.block-favorite--comment-message-btn:hover + .block-favorite--comment-message:not(:empty) {
  display: block;
}
.block-favorite--comment-textarea-container {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  padding: 30px 5px 10px;
  background-color: rgba(255,255,255,0.8);

  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: flex-start;
}
.block-favorite--comment-textarea {
  width: 100%;
  height: 18em;
  font-size: 12px;
}
.block-favorite--comment-textarea-container p {
  width: 100%;
}
.block-favorite--comment-textarea-container input[type="button"] {
  width: 48%;
  height: auto;
  margin: 5px 0 0;
  padding: 6px 4px;
  font-size: 10px;
}
.block-favorite--btns {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 0 0;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}
.block-favorite--btns > div {
  width: 48%;
  flex-basis: auto;
}
.block-favorite--btns > div > * {
  width: 100%;
}
.block-favorite--btns .btn {
  font-size: 14px!important;
}
.block-favorite--delete-item .btn.btn-danger {
  color: #ffffff;
  border: solid 1px #000000;
  background: #000000;
  background: -moz-linear-gradient(top, #646464 0%, #000000 100%);
  background: -webkit-linear-gradient(top, #646464 0%,#000000 100%);
  background: linear-gradient(to bottom, #646464 0%,#000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#646464', endColorstr='#000000',GradientType=0 );
}



/* ----Nextone追記---- */

/* クッキー（Cookie）承諾ボックス */
.block-cookie-consent {
	z-index: 99999;
}
