@charset "UTF-8";

/* 海外用css */
* {
	word-wrap : normal!important; /*単語の途中での改行はしない*/
	word-break: normal!important;/* 表示範囲に合わせて改行*/
}
html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
}
.placeholder {
	color: #999;
}
.placeholder:focus {
	color: #333;
}
.foreign-break-overwrite-bb {
	word-wrap: break-word!important; /* 必要に応じて単語の途中で改行 */
	word-break: break-all!important; /* 表示範囲に合わせて改行*/
}
.foreign-break-overwrite-bk {
	word-wrap: break-word!important; /* 必要に応じて単語の途中で改行 */
	word-break: keep-all!important; /* 単語の途中では改行せず、単語の切れ目で改行 */
}
.page-num-area {
	margin-right: 8px;
}
/* セット内容表示 */
.detail-replace-original-wrap {
	position: relative;
}
.detail-replace-original-link {
	display: inline-block;
	cursor: default;
	color: #0066cc;
	padding-bottom: 5px;
	-webkit-user-select: none;
}
.detail-replace-original-link img {
	margin-right: 3px;
}
.detail-replace-original-txt {
	display: none;
	position: absolute;
	top: 2.5em;
	left: 13px;
	max-width: 300px;
	background: #fff;
	font-size: 93%;
	border-radius: 4px;
	background-color: #FFF7E1;
	border: 1px solid #bbb;
	padding: 5px 7px;
	z-index: 98;
}
.detail-replace-original-link.original-txt-on + .detail-replace-original-txt {
	/* タッチデバイス対応時に使用 */
	display: block!important;
}
/* 部分翻訳 */
.partial_translation {
	margin: 15px 0 0;
}
.partial_translation p {
	line-height: none;
	padding: 0;
	margin: 0;
	color: #999999;
}
.partial_translation span {
    background: rgba(0, 0, 0, 0) url("/img/common/icon/popup-link-01.gif") no-repeat scroll right center;
    padding: 0 15px 0 0;
}

/* 部分翻訳:簡体字 */
.partial_translation-cn {
	margin: 8px 0 0;
}
.partial_translation-cn p {
	line-height: none;
	padding: 0;
	margin: 0;
	color: #999999;
}
.partial_translation-cn span {
    background: rgba(0, 0, 0, 0) url("/img/common/icon/popup-link-01.gif") no-repeat scroll right center;
    padding: 0 15px 0 0;
}

/*-------------------------------------------------------------------------------------------------------------------------------------
 海外向け会員登録
------------------------------------------------------- */

#foreign-entry.entry-exp p { margin: 0; }
#foreign-entry.entry-exp h1 { color: #fff; }
#foreign-entry.entry-exp h2 {
	border: 0;
	text-align: center;
	font-weight: normal;
	font-size: 26px;
	color: #333;
}
#foreign-entry.entry-exp {
  margin: 0 auto;
  font-size: 15px;
}
#foreign-entry.entry-exp .entry-bg { background: #fff url('/img/regist/top_background.jpg') no-repeat center top scroll;}
#foreign-entry.entry-exp .entry-catch {
	width: 98%;
	margin: 40px auto 0;
}
#foreign-entry.entry-exp .entry-catch p{
	font-size: 36px;
	color: #333;
}
#foreign-entry.entry-exp .entry-catch img {
	width:100%;
	  max-width: 580px;
}
#foreign-entry.entry-exp .entry-box {
	width: 92%;
	max-width: 800px;
	background-color: #fff;
	border-radius: 20px;
	box-shadow: 0 0 20px 5px #666;
	border: 1px #999 solid;
	text-align: center;
	margin: 30px auto 0;
	padding: 30px 60px 45px;
	box-sizing: border-box;
}
#foreign-entry.entry-exp .input-area {
	letter-spacing: 1px;
	margin-top: 30px;
	background-color: #efefef;
	text-align: center;
}
#foreign-entry.entry-exp .foreign-form .input-area {
	margin: 0 auto;
}
#foreign-entry.entry-exp .mail-catch {
	color: #fff;
	text-align: center;
	letter-spacing: -0.2px;
}
#foreign-entry.entry-exp .mail-catch span { font-size: 20px; }
#foreign-entry.entry-exp .input-area form .add-cap {
	text-align: left;
	color: #666666;
	margin-top: 25px;
}
#foreign-entry.entry-exp .input-area form input[type='text'] {
	ime-mode: disabled;
	border: 1px #cccccc solid;
	background-color: #ffffff;
	border-radius: 3px;
	vertical-align: middle;
	margin: 5px 0;
}
#foreign-entry.entry-exp .input-area form .co-btn { vertical-align: middle;}
#foreign-entry.entry-exp .foreign-form { position: relative; }
#foreign-entry.entry-exp .input-area form .add-cap.err-txt {
	margin: 10px auto 0;
	text-align: center;
	display: inline;
}
#foreign-entry.entry-exp .foreign-form .attention{
	margin: 0 auto 20px;
	text-align: left;
	letter-spacing: -0.2px;
}
#foreign-entry.entry-exp .entry-btn { padding: 30px 0 20px;}
#foreign-entry.entry-exp .txt-attend { width: 92%;}

/* PC */
@media screen and (min-width: 671px) {
	#foreign-entry.entry-exp { width: 96%;}
	#foreign-entry.entry-exp .input-area { padding: 40px 15% 60px; }
	#foreign-entry.entry-exp .input-area form .add-cap {
		margin: auto 0;
		font-size: 15px;
	}
	#foreign-entry.entry-exp .input-area form input[type='text'] {
		font-size: 26px;
		padding: 6px 8px;
		width: 100%;
		margin-right: 1.5%;
	}
	#foreign-entry.entry-exp .foreign-form .add-cap { width: 85%;}
	#foreign-entry.entry-exp .foreign-form .attention { font-size: 14px;}
}

/* SP */
@media screen and (max-width: 670px) {
	#foreign-entry.entry-exp {
		padding-top: 10px;
	}
	#foreign-entry.entry-exp .entry-bg { background-image: none;}
	#foreign-entry.entry-exp .input-area { width: 90%; }
	#foreign-entry.entry-exp .input-area {
		padding: 25px 3% 45px;
		border: 1px solid #ccc;
		border-radius: 5px;
		box-shadow: 0 0 6px 0px #ccc;
	}
	#foreign-entry.entry-exp .input-area form .add-cap {
		margin: 0 auto;
		font-size: 13px;
	}
	#foreign-entry.entry-exp .foreign-form { width: 100%;}
	#foreign-entry.entry-exp .foreign-form .add-cap { width: 92%; }
	#foreign-entry.entry-exp .foreign-form input[type='text'] {
		width: 88%;
		font-size: 20px;
		margin: 5px 0;
	}
	#foreign-entry.entry-exp .entry-catch { display: none;}
	#foreign-entry.entry-exp .entry-btn{
		padding: 10px;
	}
	#foreign-entry.entry-exp .input-area form .add-cap .err-txt { margin: 15px auto -22px; }
	#foreign-entry.entry-exp .foreign-form .attention{
		max-width: 90%;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
	}
	#foreign-entry.entry-exp .entry-box{
		width: 92%;
		padding: 10px 0;
		box-sizing: border-box;
		border-radius: 0;
		box-shadow: none;
		border: none;
		margin: 0 auto;
	}
	#foreign-entry.entry-exp .txt-wrap{
		position: relative;
		min-height: 13em;
	}
	#foreign-entry.entry-exp .txt-attend {
		width: 88%;
		margin: 5px auto;
	}
}

/* IE8 */
@media \0screen {
	#foreign-entry.entry-exp  { min-width: 800px; }
	#foreign-entry.entry-exp .entry-catch img { width: 580px;}
	#foreign-entry.entry-exp .entry-box { width: 800px;}
	#foreign-entry.entry-exp .input-area { padding: 40px 10px 60px; }
	#foreign-entry.entry-exp .input-area form .add-cap {
		margin: 0 auto 5px;
		font-size: 15px;
		min-width: 85%;
	}
	#foreign-entry.entry-exp .input-area form input[type='text'] {
		font-size: 26px;
		padding: 6px 8px;
		width: 70%;
		margin-right: 1.5%;
	}
	#foreign-entry.entry-exp .foreign-form .add-cap { width: 85%;}
	#foreign-entry.entry-exp .foreign-form .attention {
		font-size: 14px;
		width: 90%;
	}
	#foreign-entry.entry-exp .entry-btn { padding-top: 20px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------------
 SDとは
------------------------------------------------------- */
#about-exp {font-size: 15px;}
#about-exp p { margin: 0; }
#about-exp h1 { color: #ffffff; }
#about-exp h2 {
	border: 0;
	color: #3f6a75;
	margin: 0 auto 10px;
	text-align: center;
	font-weight: normal;
}
#about-exp h3 {
	border: 0;
	color: #3f6a75;
	margin: 0 auto 40px;
	text-align: center;
	font-weight: normal;
}
/* TAB */
@media screen and (min-width: 671px) {
	#about-exp h2 { font-size: 38px; }
	#about-exp h3 { font-size: 20px; }
}
/* IE8 */
@media \0screen {
	#about-exp { min-width: 990px; }
	#about-exp h2 { font-size: 38px; }
	#about-exp h3 { font-size: 20px; }
}
/* SP */
@media screen and (max-width: 670px) {
	#about-exp h2 {
		width: 94%;
		font-size: 17px;
	}
	#about-exp  h3 {
		font-size: 16px;
		padding: 20px 0;
	}
}
/** 共通 **/
h2 {
	border: 0;
	color: #2d70b5;
	margin: 0 auto 20px;
	text-align: center;
	font-weight: normal;
	font-size: 38px;
}
/*** メインバナー ***/
#about-exp .main_banner1 {
	background: url("/img/contents/guide/about/main_img_01.png") center center no-repeat;
	background-size: cover;
	height: 416px;
	position: relative;
	width: 100%;
	z-index: 1;
}
#about-exp .main_banner2 {
	background: url("/img/contents/guide/about/img_covered_texture.png") center center repeat;
	height: 416px;
	position: relative;
	width: 100%;
	z-index: 2;
	text-align: center;
	line-height: 0;
}
#about-exp .main-text-wrap {
	display: inline-block;
	background: url('/img/contents/guide/about/main_text_bg_00.png') left top repeat;
	padding: 27px 32px 20px;
	margin-top: 75px;
}
#about-exp .main-text-wrap .main-text {
	font-size: 52px;
	line-height: 60px;
	color: #ffffff;
	text-align: left;
	font-weight: bold;
	font-style: italic;
	margin: 0 0 8px;
	text-align: center;
}
#about-exp .main-text-wrap .main-text-sub {
	font-size: 20px;
	line-height: 20px;
	letter-spacing: 1.2px;
	color: #ffffff;
	text-align: left;
	font-style: normal;
	border-style: solid;
	border-color: #ffffff;
	border-width: 1px 0;
	margin: 0 0 20px;
	padding: 5px 0;
	text-align: center;
}
#about-exp .main-text-wrap .main-merit-box {
	display: inline-block;
	line-height: 0;
	margin: 13px 0 0 10px;
}
#about-exp .main-text-wrap .main-text-merit {
	display: table-cell;
	vertical-align: middle;
	padding: 0 30px 0 25px;
	border-left: 1px #aaaaaa dashed;
}
#about-exp .main-text-wrap .main-text-merit span {
	color: #ffffff;
}
#about-exp .main-text-wrap .main-text-merit img {
	vertical-align: middle;
	margin-right: 10px;
}
#about-exp .main-text-wrap .main-text-merit:first-child {
	padding-left: 0;
	border-left: 0;
}

/*** 注文から発送までの流れ ***/
#about-exp .order-flow {
	margin: 40px 0;
	text-align: center;
	padding: 60px 0;
	position: relative;
	background-color: #dde8f2;
	z-index: 3;

}
#about-exp .order-flow .text {
	color: #3f6a75;
	margin: 0 auto 40px;
	text-align: center;
	font-weight: normal;
	font-size: 20px;
}
#about-exp .order-flow .flow-area {
	margin: 50px auto 20px;
	padding: 50px 0 30px;
	background-color: #ffffff;
	border: 1px solid #ffffff;
    border-radius: 5px;
    display: inline-block;
    vertical-align: top;
	width: 960px;
}

/** 特徴 **/

#about-exp .feature {
	margin: 0 auto;
	text-align: center;
	padding: 80px 0 0;
	position: relative;
	background-color: #ffffff;
	z-index: 1;
}
#about-exp .feature .frame {
	margin: 30px auto 0;
	padding: 0;
	background-color: #ffffff;
	border: 1px solid #ffffff;
    border-radius: 5px;
    display: inline-block;
    vertical-align: top;
}
#about-exp .feature .frame .left {
	float: left;
	width: 420px;
	padding: 0;
	margin: 30px 0 0 30px;
}
#about-exp .feature .frame .white_a {
	position: relative;
}
#about-exp .feature .frame .white_a::before {
	content: "";
	position: absolute;
	bottom: -30px;
	right: -30px;
	background-color: #ffffff;
	width: 60px;
	height: 60px;
}
#about-exp .feature .frame .white_b {
	position: relative;
}
#about-exp .feature .frame .white_b::before {
	content: "";
	position: absolute;
	bottom: 0;
	right: -30px;
	background-color: #ffffff;
	width: 60px;
	height: 30px;
}
#about-exp .feature .frame .right {
	float: left;
	width: 420px;
	padding: 0;
	margin: 30px 30px 0 0;
}
#about-exp .feature .frame .left_box {
	margin: 0 30px 30px 0;
	text-align: left;
}
#about-exp .feature .frame .right_box {
	margin: 0 0 30px 30px;
	text-align: left;
}
#about-exp .feature .line_a {
	border: solid;
	border-color: #93b1bc;
	border-width: 0 1px 1px 0;
	height: 20em;
}
#about-exp .feature .line_b {
	border: solid;
	border-color: #93b1bc;
	border-width: 0 0 1px 0;
	height: 20em;
}
#about-exp .feature .frame .wide {
	width: 872px;
	padding: 0;
	margin: 30px 0 30px 30px;
	text-align: left;
}
#about-exp .feature .frame .wide_text {
	float: left;
	margin: 15px 0 0;
}
#about-exp .feature .frame .wide_img {
	float: right;
	margin-right: 30px;
}
#about-exp .feature .frame .wide .photo{
	float: left;
	margin: 30px 30px 0 0;
}
#about-exp .feature .frame .wide_title {
	color: #3f6a75;
	font-size: 27px;
	margin-bottom: 10px;
	text-align: center;
}
#about-exp .feature .frame .title {
	color: #3f6a75;
	font-size: 21px;
	margin-bottom: 10px;
	text-align: center;
}
#about-exp .feature .frame  span {
	font-size: 14px;
}
#about-exp .feature .frame .img_area {
	background-color: #dde8f2;
	padding: 18px 0 10px;
	margin: 0 auto 20px;
	text-align: center;
}
#about-exp .feature .frame img {
	margin: 0 auto;
}

/** 配送にかかる費用と日数の目安 **/
#about-exp .shipping_mathod {
	width: 883px;
	margin: auto;
}
#about-exp .shipping_mathod .method {
	float: left;
	width: 420px;
	text-align: center;
	padding: 0 10px;
	height: 250px;
	margin: 40px 0;
}
#about-exp .shipping_mathod .border {
	border-right: solid 1px #93b1bc;
}
#about-exp .shipping_mathod .method p {
	font-size: 24px;
	font-weight: bold;
}
#about-exp .shipping_mathod .method img {
	margin: 20px 0;
}
#about-exp .shipping_mathod .method .text {
	text-align: left;
	padding: 0 20px;
}
#about-exp .costs-sh {
	margin: 0 auto;
	text-align: center;
	padding: 30px 0 40px;
	position: relative;
}
#about-exp .costs-sh .costs-list { display: inline-block; text-align: center;}
#about-exp .costs-sh .costs-list .title {
	background-color: #e6e6e6;
    border-radius: 3px;
    color: #333;
    font-size: 28px;
    padding: 5px 20px;
    text-align: left;
	margin-top: 40px;
}
#about-exp .costs-sh table {
	font-size: 13px;
	border-collapse: separate;
	border:1px solid #fff;
	border-radius: 5px;
	width: 840px;
}
#about-exp .costs-sh table tr:last-child td:first-child { border-radius: 0 0 0 5px;}
#about-exp .costs-sh table tr:last-child td:last-child { border-radius: 0 0 5px 0;}
#about-exp .costs-sh table td {
	background-color: #e0e7ca;
	padding: 15px;
}
#about-exp .costs-sh table th {
	background-color: #b5d277;
	font-size: 14px;
	width: 145px;
	padding: 5px;
	border-bottom: 4px solid #fff;
	position: relative;
	border-radius: 5px;
}
#about-exp .costs-sh table th div{
	position: absolute;
	bottom: -18px;
}
#about-exp .costs-sh table th:after{
	content: "";
	position: absolute;
	bottom: -24px;
	left: 50%;
	width: 0;
	height: 0;
	border-color: #b5d277 transparent transparent;
    border-style: solid;
    border-width: 12px 77px;
	margin-left: -77px;
	z-index: 3;
}
#about-exp .costs-sh table th:first-child {
	background-color: #fff;
	padding: 0 20px;
}
#about-exp .costs-sh table tr td span {
	font-weight: bold;
	font-size: 14px;
}
#about-exp .costs-sh table th:first-child:after { border: none;}
#about-exp .costs-sh table tr.delitime td { background-color: #e6edf2; }
#about-exp .costs-sh table tr.delitime td:first-child { background-color: #e6f5ff; padding: 13px 0 10px; font-size: 12px; }
#about-exp .costs-sh table tr>td:first-child { background-color: #dae9ae; }
#about-exp .costs-sh .supple { font-size: 13px; width: 840px;}
#about-exp .costs-sh .supple>p{
	text-align: right;
	font-size: 11px;
}
#about-exp .costs-sh .supple div{
	text-align: left;
	position: relative;
	top:-0.6em;
}

/* SP */
@media screen and (max-width: 670px) {
	#about-exp .costs-sh table {
		font-size: 11px;
		width: 100%;
		padding: 0 10px;
	}
	#about-exp .costs-sh table td { padding: 8px 0;}
	#about-exp .costs-sh table th {
		font-size: 11px;
		padding: 0;
		width: 12%;
	}
	#about-exp .costs-sh table th:first-child {
		padding: 0;
		width: 10%;
	}
	#about-exp .costs-sh table th div{
		position: absolute;
		bottom: -18px;
	}
	#about-exp .costs-sh table tr td span { font-size: 11px;}
	#about-exp .costs-sh .supple { font-size: 11px;}
	#about-exp .costs-sh table th:after {
		border-right: 50px solid transparent;
		border-left: 50px solid transparent;
		margin-left: -50px;
	}
}

/** signup2 **/
#about-exp .signup-area2 {
	padding: 40px 0 60px;
	margin: 0 auto;
	text-align: center;
}
#about-exp .signup-area2 .frame {
	margin: 0 auto;
}
#about-exp .signup-area2 .frame img {
	margin: 0 auto 50px;
}
#about-exp .signup-area2 .frame p {
	color: #333333;
	margin: 0 auto 20px;
	text-align: center;
	font-weight: normal;
	font-size: 24px;
}

/*-------------------------------------------------------------------------------------------------------------------------------------
 海外向け購入履歴
------------------------------------------------------- */
.jsp-layout-base-layout.rwd-layout {width: 100%!important;}
#order-history-to-purchased-items {
  width: 96%;
  margin: 0 auto;
  font-size: 14px;
}
#order-history-to-purchased-items a {
  color: #0066cc;
  margin: 0 6px 0 0;
  text-decoration: none;
}
#order-history-to-purchased-items a:hover {
  cursor: pointer;
  text-decoration: underline;
}
#order-history-to-purchased-items span { font-size: 13px; }
#order-history-to-purchased-items::before {
  content: "";
  display: inline-block;
  vertical-align: -1px;
  width: 11px;
  height: 11px;
  background: center center / contain no-repeat;
  background-image: url("/img/common/icon/link_g_00.svg");
}
#foreign-buying-history *:not(.co-tooltip-cancel){
	box-sizing: border-box;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
#foreign-buying-history,
#foreign-buying-history+.listorder-box.notupper-order{
	width: 96%;
	max-width: 1366px;
	margin: 0 auto;
}
#foreign-buying-history #mainForm{
	padding-bottom: 2px;
	clear: both;
}
#foreign-buying-history .select-day p,
#foreign-buying-history .select-day div{
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
}
#foreign-buying-history .select-day p{margin: 0 5px 0 0;}
#foreign-buying-history .select-day *{
	vertical-align: middle;
	font-size: 100%;
}
#foreign-buying-history .select-day .calender-area{
	margin-right: 5px;
	color: #AAABAA;
}
#foreign-buying-history .select-day [id^='co-calender-input-form']{
	border: #aaa solid 1px;
	overflow: hidden;
	background: #fff;
	border-radius: 3px;
	padding-top: 1px;
	height: 29px;
	line-height: 29px;
}
#foreign-buying-history .select-day [id^='co-calender-input-form'] .hasDatepicker {
	border: none;
	height:27px;
	padding: 0 5px;
	font-size: 13px;
}
#foreign-buying-history .select-day [id^='co-calender-input-form'] input:focus {
    outline: none;
}
#foreign-buying-history .page-nav-top{
	margin-top: 5px;
	float: right;
	padding-bottom: 5px;
}
#foreign-buying-history+.listorder-box .sp-tab-listorder-slct,
#foreign-buying-history+.listorder-box .sp-bottom-pager {display: none;}

/* エラーを出すかどうかセレクト欄 */
#foreign-buying-history .sp-tab-listorder-slct * {
	color: #0066cc;
}
#foreign-buying-history .sp-tab-listorder-slct {
	display:inline-block;
	padding: 0 20px;
}
#foreign-buying-history .sp-tab-listorder-slct .view-by {
	position: relative;
	z-index: 27;
	width: 100%;
}
#foreign-buying-history .sp-tab-listorder-slct .view-by .up,
#foreign-buying-history .sp-tab-listorder-slct .view-by .down {
	display: inline-block;
	cursor: pointer;
}
#foreign-buying-history .sp-tab-listorder-slct .view-by .up {
	background: url(/img/button/arrow_down.gif) right center no-repeat;
	padding-right: 15px;
	position: relative;
}
#foreign-buying-history .sp-tab-listorder-slct .view-by .up:after {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 183px;
	height: 55px;
}
#foreign-buying-history .sp-tab-listorder-slct .view-by .up:hover+.down,
#foreign-buying-history .sp-tab-listorder-slct .view-by .down:hover {display: block;}
#foreign-buying-history .sp-tab-listorder-slct .view-by .down {
	display: none;
	position: absolute;
	background: #fff;
	border: 1px solid #efefef;
	bottom: -45px;
	left: -15px;
	padding: 10px 15px;
	text-decoration: none;
	color: #0066cc;
	width: calc(100% + 30px);
}

#foreign-buying-history .filter-box {
  border: 1px #cccccc solid;
  background-color: #eeeeee;
  max-width: 850px;
  margin: 0 auto 30px;
  border-radius: 5px;
  font-size: 12px;
}
#foreign-buying-history .full-size .filter-box {
  max-width: 100%;
}
#foreign-buying-history [id^="filterBoxOpen"] {
  display: none;
}
#foreign-buying-history .filter-box-open {
  display: block;
  background-color: #ffffff;
  padding: 10px 9px 9px;
  margin: 0 auto 10px;
  max-width: 150px;
  width: 50%;
  border: 1px #1b76d1 solid;
  border-radius: 25px;
  color: #1b76d1;
  cursor: pointer;
  font-size: 14px;
  text-align: center;
  transition: background-color 0.2s;
  line-height: 1;
}
#foreign-buying-history .filter-box-open::before {
  content: "";
  display: inline-block;
  vertical-align: -1px;
  height: 12px;
  width: 17px;
  margin-right: 5px;
  background: url("/img/common/icon/order_refine_00.png") center center /
    contain no-repeat;
  filter: brightness(0.8) invert(0.2) sepia(100%) hue-rotate(170deg)
    contrast(450%);
}
#foreign-buying-history .filter-box-open.sort::before {
  background-image: url("/img/common/icon/order_change_00.png");
}
#foreign-buying-history .filter-box .dl > div,
#foreign-buying-history .filter-box .dl > div .col {
  display: flex;
  align-items: center;
  margin: 13px 20px 0;
}
#foreign-buying-history .filter-box .dl:not(:first-child) > div {
  border-top: 1px #cccccc dashed;
  padding-top: 13px;
}
#foreign-buying-history .filter-box .dl > div .col {
	flex-basis: 50%;
  padding-right: 20px;
	margin: 0;
}
#foreign-buying-history .filter-box .dl > div .col:last-child {
  padding-right: 0;
}
#foreign-buying-history .filter-box-btm {
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 1px #cccccc solid;
  margin-top: 15px;
  padding: 13px 20px;
}
#foreign-buying-history .filter-box .dt {
  font-weight: 600;
  flex-shrink: 0;
	width: 150px;
	font-size: 14px;
}
#foreign-buying-history .filter-box .dt:not(:first-child) {
  margin-left: 30px;
}
#foreign-buying-history .filter-box .dd {
	flex-basis: 100%;
}
#foreign-buying-history .filter-box .txt {
	margin: 5px 0 0;
	font-size: 12px;
}
#foreign-buying-history .filter-box .select-day input {
	width: 120px;
}
#foreign-buying-history .slct-pldwn {
  border: 1px #aaaaaa solid;
  border-radius: 4px;
	width: 156px;
  padding: 5px 24px 4px 8px;
  -webkit-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
  background: url("/img/common/icon/arrow_g_00.svg") right 8px center no-repeat
    #ffffff;
  margin: 0;
  vertical-align: middle;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3",
    "Hiragino Kaku Gothic ProN", sans-serif !important;
  font-size: 12px;
}
#foreign-buying-history .slct-pldwn:disabled {
  border-color: #cccccc;
  background-image: url("/img/common/icon/arrow_lg_00.svg");
  color: #999999;
  opacity: 1;
}
#foreign-buying-history .slct-pldwn .none {
  display: none;
}
#foreign-buying-history .slct-pldwn::-ms-expand {
  display: none;
}
#foreign-buying-history .filter-box .dd.input-txt input {
  border: 1px #aaaaaa solid;
  border-radius: 3px;
  padding: 5px 8px 4px;
  font-family: "メイリオ", Meiryo, "Hiragino Sans", sans-serif !important;
  -webkit-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
  box-sizing: border-box;
  font-size: 12px;
}
#foreign-buying-history input:disabled {
  border-color: #cccccc;
  color: #999999;
  opacity: 1;
  cursor: default;
}
/* 長さ */
#foreign-buying-history .txt-short {
  max-width: 95px;
  width: 25%;
}
#foreign-buying-history .txt-middle {
  max-width: 145px;
  width: 30%;
}
#foreign-buying-history .txt-long {
  max-width: 255px;
  width: 70%;
}
#foreign-buying-history .txt-vlong {
  max-width: 365px;
  width: 97%;
}
#foreign-buying-history .filter-box-reset {
  color: #0066cc;
  margin-right: 15px;
  cursor: pointer;
	border: none;
	-webkit-appearance: none;
	background:none;
}
#foreign-buying-history .filter-box-reset:hover {
  text-decoration: underline;
}
#foreign-buying-history input[type="checkbox"] {
  display: none;
}
#foreign-buying-history .checkbox {
  display: inline-block;
  vertical-align: middle;
}
#foreign-buying-history .checkbox:not(:last-of-type):not(:only-of-type) {
  margin-right: 20px;
}
#foreign-buying-history .choice-txt {
  font-size: 14px;
  position: relative;
  cursor: pointer;
  padding-left: 28px;
  display: block;
  line-height: 1.3;
}
#foreign-buying-history .choice-txt::before {
  content: "";
  display: inline-block;
  vertical-align: -1px;
  background-color: #ffffff;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 0;
  border-radius: 3px;
  border: 2px #cccccc solid;
}
#foreign-buying-history .choice-txt > span {
  display: inline-block;
  vertical-align: top;
}
#foreign-buying-history input[type="checkbox"]:checked ~ .choice-txt > span {
  position: relative;
}
#foreign-buying-history input[type="checkbox"]:checked ~ .choice-txt > span::before,
#foreign-buying-history input[type="checkbox"]:checked ~ .choice-txt > span::after {
  content: "";
  position: absolute;
  height: 3px;
  background-color: #2489ce;
}
#foreign-buying-history input[type="checkbox"]:checked ~ .choice-txt > span::before {
  width: 8px;
  transform: rotate(46deg);
  top: 8px;
  left: -26px;
  border-radius: 0 3px 0 0;
}
#foreign-buying-history input[type="checkbox"]:checked ~ .choice-txt > span::after {
  width: 10px;
  transform: rotate(-46deg);
  top: 7px;
  left: -22px;
}
/* disabled */
#foreign-buying-history input[type="checkbox"]:disabled ~ .choice-txt {
  opacity: 0.7;
  cursor: default;
}
#foreign-buying-history input[type="checkbox"]:disabled ~ .choice-txt::before {
  background-color: transparent;
}

/* CSVダウンロードボタン */
#foreign-buying-history #csv_download{
	display: inline-block;
	box-sizing: border-box;
	float: left;
	text-decoration: none;
	margin: 0 5px 5px 0;
}
#foreign-buying-history #history-csv-area {
	position: relative;
	text-align: center;
	font-size: 108%;
}
#foreign-buying-history #history-csv-area,
#foreign-buying-history #history-csv-area:focus,
#foreign-buying-history #history-csv-area:link {
	border-radius: 5px;
	border: #666666 1px solid;
	color: #333333;
	background: url(/img/icon/csv_download.png) no-repeat 9px center;
	background-size: 14px 17px;
	padding: 5px 13px 3px 28px;
	position: relative;
	z-index: 1;
}
#foreign-buying-history #history-csv-area:active,
#foreign-buying-history #history-csv-area:hover {
	background: url(/img/icon/csv_download_hover.png) no-repeat 10px center;
	background-size: 14px 17px;
	background-color: #666666;
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;
}
#foreign-buying-history .no-shipped {
	margin: 5px auto 10px;
	padding: 100px 10px;
	text-align: center;
	font-size: 138.5%;
	border-top: #cccccc 1px solid;
}

/* PC */
@media screen and (min-width: 941px) {
	#foreign-buying-history .listorder-box.upper-order{
		margin-top: 10px;
		border-bottom: none;
	}
	#foreign-buying-history+.listorder-box.notupper-order{
		border-top: none;
	}
	#foreign-buying-history .order-info-wrap:last-child{
		margin-bottom: 0;
	}
	#foreign-buying-history .filter-box .dd.input-txt input::placeholder {
		color: transparent;
	}
	#foreign-buying-history .no-shipped {
		border-bottom: #cccccc 1px solid;
	}
}
/* TAB/SP */
@media screen and (max-width: 940px) {
	#foreign-buying-history .productlist-nosearch {border-bottom: 1px solid #e6e6e6;}
	#foreign-buying-history+.listorder-box {margin-left: 0;}
	#foreign-buying-history+.listorder-box.notupper-order{
		width: 100%;
	}
	#foreign-buying-history+.listorder-box .sp-bottom-pager {
		display: table;
		text-align: center;
		color: #999;
		border-bottom: 1px solid #ccc;
		width: 100%;
	}
	#foreign-buying-history+.listorder-box .sp-bottom-pager>div {
		display: table-cell;
		vertical-align: middle;
		padding: 15px 0;
	}
	#foreign-buying-history+.listorder-box .sp-bottom-pager>div:first-child,
	#foreign-buying-history+.listorder-box .sp-bottom-pager>div:last-child {
		width: 23%;
		cursor: pointer;
		position: relative;
	}
	#foreign-buying-history+.listorder-box .sp-bottom-pager>div:first-child:after {
		position: absolute;
		content: "";
		border-top: 1px solid #999;
		border-right: 1px solid #999;
		width: 16px;
		height: 16px;
		-webkit-transform: rotate(225deg);
		transform: rotate(225deg);
		right: 50%;
		margin-right: -14px;
		top: 50%;
		margin-top: -8px;
	}
	#foreign-buying-history+.listorder-box .sp-bottom-pager>div:last-child:after {
		position: absolute;
		content: "";
		border-top: 1px solid #999;
		border-right: 1px solid #999;
		width: 16px;
		height: 16px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		right: 50%;
		margin-right: -8px;
		top: 50%;
		margin-top: -8px;
	}
	#foreign-buying-history+.listorder-box .sp-bottom-pager>div:nth-child(2) {
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
	#foreign-buying-history+.listorder-box .sp-bottom-pager>div.active:after {
		border-top: 2px solid #0066cc;
		border-right: 2px solid #0066cc;
	}
	#foreign-buying-history+.listorder-box .sp-bottom-pager>div:not(.active) {-webkit-tap-highlight-color: rgba(0,0,0,0);}
	#foreign-buying-history .listorder-box.upper-order {
		border-bottom: none;
		padding: 0;
		margin-top: 5px;
		width: 100%;
	}
	#foreign-buying-history+.listorder-box.notupper-order {
		padding-top: 0;
		margin-top: -1px;
	}
	#foreign-buying-history+.listorder-box .tab-sp-listorder-viewtypebox-none,
	#foreign-buying-history+.listorder-box .page-nav-area>span:not(.page-nav-numtxt),
	#foreign-buying-history+.listorder-box .page-nav-area>a {display: none;}
	#foreign-buying-history+.listorder-box .page-nav-numtxt {margin: 5px 8px 5px 0;}
	#foreign-buying-history+.listorder-box #pager-last-link-top,
	#foreign-buying-history+.listorder-box #pager-last-link-bottom {display: none!important;}
	#foreign-buying-history+.listorder-box .sp-tab-listorder-slct {
		display: table;
		border-top: 1px solid #e6e6e6;
		border-bottom: 1px solid #e6e6e6;
		width: 100vw;
	}
	
  #foreign-buying-history .filter-box {
    position: fixed;
    width: 100%;
    max-width: 100%;
    left: 0;
    top: 110vh;
    z-index: 10001;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #ffffff;
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: top 0.3s;
    border-radius: 0;
  }
  #foreign-buying-history .filter-box-ttl {
    background-color: #cccccc;
    padding: 7px 40px;
    margin: 0;
    font-size: 15px;
    text-align: center;
    position: relative;
  }
  #foreign-buying-history .filter-box-close {
    position: absolute;
    right: 15px;
    top: calc(50% - 0.5em);
    font-size: 28px;
    color: #666666;
    line-height: 1;
  }
  #foreign-buying-history [id^="filterBoxOpen"]:checked ~ .filter-box {
    opacity: 1;
    height: 100%;
    overflow: visible;
    top: 0;
  }
  #foreign-buying-history .filter-box-inner {
    flex-grow: 1;
    height: calc(100% - 2.6em - 81px);
    overflow-y: auto;
    overflow-x: hidden;
  }
  #foreign-buying-history .filter-box .dl {
    border-bottom: 1px #cccccc solid;
  }
  #foreign-buying-history .filter-box .dl:not(:first-child) > div,
  #foreign-buying-history .filter-box .dl > div {
    border-top: 0;
    padding-top: 0;
		max-width: 680px;
		margin: 0 auto;
    flex-wrap: nowrap;
    align-items: stretch;
		font-size: 12px;
  }
  #foreign-buying-history .filter-box .dl.sp-2row > div .col {
		flex-wrap: wrap;
	}
  #foreign-buying-history .filter-box .dl > div .col {
		padding: 0;
		max-width: 260px;
	}
  #foreign-buying-history .filter-box .dt:not(:first-child),
  #foreign-buying-history .filter-box .dt:first-child {
    margin: 0;
  }
  #foreign-buying-history .filter-box .dt {
    padding: 9px 0 9px 10px;
		line-height: 30px;
    width: auto;
    color: #666666;
		flex-shrink: 0;
		font-size: 12px;
  }
  #foreign-buying-history .filter-box .sp-2row .dt {
		width: 100%;
		line-height: 1.4;
		border-bottom: none;
		padding: 9px 10px 0;
  }
  #foreign-buying-history .filter-box .dd {
		margin: 0;
		padding: 9px 10px;
		flex-grow: 2;
		flex-shrink: 2;
	}
  #foreign-buying-history .filter-box .dt.co-pc-only + .dd,
  #foreign-buying-history .filter-box .sp-2row .dd {
		width: 100%;
	}
  #foreign-buying-history .filter-box .dl.col2.sp-2row .dd {
		padding-top: 2px;
	}
  #foreign-buying-history .filter-box .dl.col2 .col:first-child .dt,
  #foreign-buying-history .filter-box .dl.col2 .col:first-child .dd {
		padding-right: 15px;
	}
  #foreign-buying-history .filter-box .dl.col2 .col:nth-of-type(2) .dt,
  #foreign-buying-history .filter-box .dl.col2 .col:nth-of-type(2) .dd {
		padding-left: 15px;
	}
	#foreign-buying-history .filter-box .dd.input-txt {
		padding: 12px 10px;
	}
  #foreign-buying-history .filter-box .dd label {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		color: #666;
	}
  #foreign-buying-history .filter-box .dd label:has(input[type="checkbox"]) {min-height: 30px;}
  #foreign-buying-history .filter-box .dd .choice-txt {font-size: 12px;}
  #foreign-buying-history .filter-box .dd.has-next {
		position: relative;
		padding-right: 30px;
  }
  #foreign-buying-history .filter-box .dd.has-next::after {
		content: "";
		display: block;
		position: absolute;
		width: 9px;
		height: 9px;
		right: 15px;
		border-top: 2px #666666 solid;
		border-right: 2px #666666 solid;
		top: calc(50% - 6px);
		transform: rotate(45deg);
	}
  #foreign-buying-history .filter-box-btm {
    text-align: center;
    height: 63px;
    border-top: 1px #cccccc solid;
    background-color: #efefef;
    padding: 12px 0;
    margin-top: -1px;
    z-index: 1;
  }
  #foreign-buying-history .slct-pldwn {
    padding: 6px 27px 5px 8px;
		font-size: 12px;
    background-position: right 7px center;
    width: 100%;
    max-width: 280px;
	}
	#foreign-buying-history .filter-box .dd.input-txt {
		position: relative;
		font-size: 12px;
		padding: 15px 10px;
  }
	#foreign-buying-history .input-txt::after,
	#foreign-buying-history .input-txt::before {
		content: " ";
		display: inline-block;
		position: absolute;
	}
	#foreign-buying-history .input-txt::before {
		left: 20px;
		top: 22px;
		border: 3px #999 solid;
		width: 9px;
		height: 9px;
		border-radius: 50%;
}
	#foreign-buying-history .input-txt::after {
		height: 2px;
		width: 7px;
		background-color: #999999;
		left: 30px;
		top: 34px;
		transform: rotate(45deg);
	}
	#foreign-buying-history .filter-box .dd.input-txt input {
    padding: 7px 8px 5px 36px;
		max-width: 680px;
		width: 100%;
		font-size: 12px;
  }
  /* チェックボックス */
  #foreign-buying-history .checkbox .choice-txt {
		display: flex;
		align-items: center;
	}
  #foreign-buying-history .checkbox .choice-txt::before {
    width: 16px;
    height: 16px;
  }
  #foreign-buying-history .checkbox input[type="checkbox"]:checked ~ .choice-txt > span::before {
    width: 8px;
    left: -25px;
    top: 7px;
  }
  #foreign-buying-history .checkbox input[type="checkbox"]:checked ~ .choice-txt > span:after {
    width: 11px;
    top: 6px;
  }
	/* CSVダウンロードボタン */
	#foreign-buying-history #csv_download {
		margin-bottom: 10px;
		font-size: 11px;
	}
}
/* SP */
@media screen and (max-width: 670px) {
	#delivery-status {margin: -10px 0 -2px;}
	#delivery-status .co-container .co-title1 span { font-size: 16px; }
	#delivery-status .co-container .co-title1 .co-pt-only {
		display: inline-block!important;
		margin-right:5px;
	}
  #order-history-to-purchased-items { font-size: 13px; }
  #order-history-to-purchased-items span { font-size: 12px; }
	#foreign-buying-history {
		width: 100%;
	}
	#foreign-buying-history #mainForm{
		margin-left: 10px;
	}
	#foreign-buying-history #mainForm p:first-child{
		display: block;
	}
	
	/* エラーを出すかどうかセレクト欄 */
	#foreign-buying-history .sp-tab-listorder-slct {
		display: block;
		padding: 5px;
	}
	#foreign-buying-history .sp-tab-listorder-slct .view-by .down {
		bottom: -45px;
		left: -10px;
		padding: 10px;
		width: calc(100% + 10px);
	}
	#foreign-buying-history .filter-box-open {margin-bottom: 20px;}
  #foreign-buying-history .filter-box .dl.col2.sp-2row .dt ,
  #foreign-buying-history .filter-box .select-day > div .dt {
		line-height: 1.4;
		border-bottom: none;
		padding-bottom: 0;
		width: 100%;
		padding-top: 8px;
  }
  #foreign-buying-history .filter-box .dl.col2.sp-2row .dt ,
  #foreign-buying-history .filter-box .select-day > div .dt,
  #foreign-buying-history .filter-box .dd,
  #foreign-buying-history .filter-box .dl.col2 .col:first-child .dt,
  #foreign-buying-history .filter-box .dl.col2 .col:first-child .dd,
  #foreign-buying-history .filter-box .dl.col2 .col:nth-of-type(2) .dd {
		padding-right: 10px;
		padding-left: 10px;
	}
	#foreign-buying-history .filter-box .dd.input-txt {
		padding: 12px 10px;
	}
	#foreign-buying-history .input-txt::before {
		top: 19px;
}
	#foreign-buying-history .input-txt::after {
		top: 31px;
	}
  #foreign-buying-history .filter-box .select-day > div {
		flex-wrap: wrap;
	}
  #foreign-buying-history .filter-box .select-day > div .dd {
		width: 100%;
		padding-top: 2px;
  }
  /* チェックボックス */
	#foreign-buying-history .checkbox .choice-txt {padding-left: 27px;}
  #foreign-buying-history .checkbox .choice-txt::before {
		background-color: #ccc;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		border: none;
	}
	#foreign-buying-history .checkbox input[type="checkbox"]:checked ~ .choice-txt::before {
		background-color: #2489ce;
	}
	#foreign-buying-history .checkbox input[type="checkbox"]:checked ~ .choice-txt > span ,
	#foreign-buying-history .checkbox .choice-txt > span,
	#foreign-buying-history .checkbox input[type="checkbox"] ~ .choice-txt > span {
		display: inline-block;
		vertical-align: top;
		position: relative;
	}
	#foreign-buying-history .checkbox input[type="checkbox"]:checked ~ .choice-txt > span::before,
	#foreign-buying-history .checkbox input[type="checkbox"]:checked ~ .choice-txt > span::after,
	#foreign-buying-history .checkbox input[type="checkbox"] ~ .choice-txt > span::before,
	#foreign-buying-history .checkbox input[type="checkbox"] ~ .choice-txt > span::after {
		content: "";
		position: absolute;
		height: 3px;
		background-color: #fff;
	}
	#foreign-buying-history .checkbox input[type="checkbox"]:checked ~ .choice-txt > span::before ,
	#foreign-buying-history .checkbox input[type="checkbox"] ~ .choice-txt > span::before {
    width: 8px;
    left: -24px;
    top: 50%;
		transform: rotate(46deg);
		border-radius: 0 3px 0 0;
	}
	#foreign-buying-history .checkbox input[type="checkbox"]:checked ~ .choice-txt > span::after ,
	#foreign-buying-history .checkbox input[type="checkbox"] ~ .choice-txt > span::after {
		width: 10px;
		transform: rotate(-46deg);
    top: calc(50% - 1px);
		left: -20px;
  }

	/* CSVダウンロードボタン */
	#foreign-buying-history #csv_download {
		margin-left: 2%;
			margin-bottom: 5px;
	}
}

/* TOPへ戻るボタンの設置 */
.jsp-layout-base-layout.rwd-layout .jsp-layout-base-layout-back-to-top-button,
.foreign-member-list-wrap .jsp-layout-base-layout-back-to-top-button,
#popular-keyword-wrapper .jsp-layout-base-layout-back-to-top-button {
  position: fixed;
  bottom: -110px;
  right: 16px;
  width: 53px;
  height: 53px;
  z-index: 10;
  opacity: 0;
}
.jsp-layout-base-layout.rwd-layout .jsp-layout-base-layout-back-to-top-button a.back-to-top-button,
.foreign-member-list-wrap .jsp-layout-base-layout-back-to-top-button a.back-to-top-button,
#popular-keyword-wrapper .jsp-layout-base-layout-back-to-top-button a.back-to-top-button {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(/img/export/product_list/button.svg);
  opacity: 0.8;
  transition: 0.2s;
}
.jsp-layout-base-layout.rwd-layout .jsp-layout-base-layout-back-to-top-button a.back-to-top-button:hover,
.foreign-member-list-wrap .jsp-layout-base-layout-back-to-top-button a.back-to-top-button:hover,
#popular-keyword-wrapper .jsp-layout-base-layout-back-to-top-button a.back-to-top-button:hover {
  cursor: pointer;
  background: url(/img/export/product_list/button_hover.svg);
}

/** オーダー毎のBOXとヘッダー **/
#foreign-buying-history .order-info-wrap{
	border: #b5b5b5 1px solid;
	width: 100%;
	clear: both;
	margin-bottom: 40px;
}
#foreign-buying-history .order-info-head{
	padding: 20px 20px 10px;
	background: #efefef;
	border-bottom: #efefef 1px solid;
}
#foreign-buying-history .ordered-info div{
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
}
#foreign-buying-history .ordered-info>div>p:first-child,
#foreign-buying-history .ordered-info .ordered-info-box>div>p:first-child,
#foreign-buying-history .shipped-or-not>p{
	font-weight: bold;
	margin-bottom: 4px;
}
#foreign-buying-history .ordered-info>div:first-child,
#foreign-buying-history .ordered-info .ordered-info-box>div{
	margin: 0 5em 10px 0;
	width: 9.5em;
}
#foreign-buying-history .ordered-info .ordered-info-inner{
	width: calc(100% - 14.5em);
}
#foreign-buying-history .ordered-info .ordered-info-box,
#foreign-buying-history .ordered-info .ordered-info-box div:nth-of-type(2) {
	margin-right: 0;
}
#foreign-buying-history .amount-wrap{
	float: right;
	width: 250px;
	margin-left: 15px;
}
#foreign-buying-history .amount-wrap dt{
	float: left;
	margin: 0 10px 5px 0;
}
#foreign-buying-history .amount-wrap dd{
	text-align: right;
	margin: 0 0 5px 0;
}
#foreign-buying-history .amount-wrap dd:last-child,
#foreign-buying-history .amount-wrap dt:last-of-type{
	font-weight: bold;
	margin-bottom: 0;
}
#foreign-buying-history .shipped-or-not{
	clear: both;
}
#foreign-buying-history .shipped-or-not div p{
	display: inline-block;
	margin-right: 15px;
}
/* 返金申請/破損報告ボタン */
#foreign-buying-history .btn-cercle {
  border: 1px solid #707070;
	border-radius: 20px;
  background-color: #F6F6F6;
  margin-right: 8px;
}
#foreign-buying-history .btn-cercle:last-of-type {
  margin-right: 0;
}
#foreign-buying-history .btn-cercle span a {
  position: relative;
  color: #707070;
  border: #707070;
  padding: 6px 24px 5px 20px;
  background-image: none;
  background-color: #F6F6F6;
}
#foreign-buying-history .btn-cercle span a:hover {
  opacity: 0.7;
}
#foreign-buying-history .btn-cercle span a::before,
#foreign-buying-history .btn-cercle span a::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 10px;
  width: 7px;
  height: 1px;
  background-color: #707070;
  transform-origin: 100% 50%;
}
#foreign-buying-history .btn-cercle span a::before {
  transform: rotate(45deg);
}
#foreign-buying-history .btn-cercle span a::after {
  transform: rotate(-45deg);
}
#foreign-buying-history .shipping-status-seamail {padding: 3px 0 0;}
#foreign-buying-history .shipped-or-not .delivery-tracking-code,
#foreign-buying-history .shipping-status-inq .delivery-tracking-code,
#foreign-buying-history .shipping-status-seamail .delivery-tracking-code,
#foreign-buying-history .shipping-status-cancel-request .delivery-tracking-code,
#foreign-buying-history .shipping-status .co-tooltip-onclick-wrap .co-tooltip-onclick .co-tooltip-text .about-txt .delivery-tracking-code {
	background: url(/img/icon/link_blank.png) no-repeat 98% 0.3em;
	padding: 2px 20px 2px 0;
	background-size: 13px 11px;
}
#foreign-buying-history .shipped-or-not a:not(.delivery-tracking-code):not(.tracking-deta-more) {
	background: url(/img/icon/invoice_pdf.png) no-repeat 98% 0.2em;
	padding: 2px 18px 2px 0;
	background-size: 12px 14px;
}
#foreign-buying-history .tracking-deta-more{
	padding: 0 23px 0 0;
	position: relative;
	display: inline-block;
	margin: 5px;
}
#foreign-buying-history .tracking-deta-more:after{
	content: "";
	display: inline-block;
	position: absolute;
	right: 10px;
	top: calc(50% - 5px);
	width: 6px;
	height: 6.5px;
	border: transparent 0 solid;
	border-bottom: #666666 1px solid;
	border-right: #666666 1px solid;
	transform: rotate(45deg);
}
/* キャンセルリクエスト中 */
#foreign-buying-history .shipping-status-cancel-request{
  border: 1px solid #d2d2d2;
  font-size: 75%;
  padding: 2%;
  margin-top: 3px;
}
/* 再注文ボタン */
#foreign-buying-history .reorder{
	background: #86c1d3;
	padding: 5px 20px;
	width: 100%;
	text-align: right;
	border: #b5b5b5 1px solid;
	border-bottom: none;
}
#foreign-buying-history .reorder .co-btn{
	margin: 5px 0;
}
/* オーソリエラーのアラート */
#foreign-buying-history .payment-error-alert{
	background: #dc4d4d;
	padding: 5px 20px;
	width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #ffffff;
}
#foreign-buying-history .payment-error-alert .card-declined-codes-list{
	margin: 0px 0px 0px 10px;
}
#foreign-buying-history .payment-error-alert .card-declined-codes-list>a{
  color: #ffffff;
}
#foreign-buying-history .payment-error-alert .co-btn{
	display: inline-block;
	margin: 5px 0;
}


/** 注文した物の詳細情報 **/
#foreign-buying-history .dealer-name-wrap{
	background: #f0f5fb;
	border-top: #b5b5b5 1px solid;
	padding: 14px 20px;
}
#foreign-buying-history .item-wrap{
	padding: 20px 20px 10px;
	border-bottom: #efefef 1px solid;
}
#foreign-buying-history .dealer-name-wrap p>span:first-child{
	font-weight: bold;
	margin-right: 3px;
	display: inline-block;
}
#foreign-buying-history .dealer-name-wrap > a{
	font-size: 123%;
	margin: 3px 15px 3px 0;
	display: inline-block;
}
#foreign-buying-history .dealer-name-wrap > .co-btn {margin: 3px 0;}
#foreign-buying-history .dealer-name-wrap p .attention-tit,
#foreign-buying-history .attention-txt{
	background: #ffffcc;
	padding: 5px 10px;
	border-radius: 5px;
	display: inline-block;
	margin-left: 0;
}
#foreign-buying-history .item-wrap:last-child{
	border: none;
}
#foreign-buying-history .item-wrap .img-box{
	text-align: center;
	float: left;
	width: 70px;
	margin: 0 0 8px;
}
#foreign-buying-history .item-wrap .no_image{
	font-size: 10px;
	background: #efefef;
	display: table-cell;
	vertical-align: middle;
	width: 60px;
	height: 60px;
}
#foreign-buying-history .item-wrap .co-img-center{
	text-align: center;
	width: 60px;
}
#foreign-buying-history .item-wrap .img-box .co-img-center a{
	width: 60px;
	height: 60px;
}
#foreign-buying-history .item-wrap .img-box img{
	max-width: 60px;
	max-height: 60px;
}
#foreign-buying-history .item-wrap .item-wrap-inner,
#foreign-buying-history .item-wrap .item-wrap-inner>div{
	display: inline-block;
	vertical-align: top;
}
#foreign-buying-history .item-wrap .item-wrap-inner{
	width: calc(100% - 70px);
	float: left;
	position: relative;
}
#foreign-buying-history .item-wrap .canceled {
	float: right;
	margin: 30px 0 5px;
}
#foreign-buying-history .item-wrap .canceled::before{
	content: "";
	width: 60%;
	display: block;
	height: 1px;
	background-color: #efefef;
	position: absolute;
	top: -14px;
	right: 0;
}
#foreign-buying-history .item-wrap .item-wrap-inner .item-info{width: 38%;}
#foreign-buying-history .item-wrap .item-wrap-inner .unit-price{
	margin-top: 5px;
}
#foreign-buying-history .item-wrap .item-wrap-inner .unit-price p,
#foreign-buying-history .item-wrap .item-wrap-inner .price p{
	margin-bottom: 4px;
}
#foreign-buying-history .item-wrap .item-wrap-inner .item-info,
#foreign-buying-history .item-wrap .item-wrap-inner .price{
	margin-left: 20px;
	vertical-align: top;
}
#foreign-buying-history .item-wrap .item-wrap-inner .price p span{
	font-weight: bold;
	display: inline-block;
	min-width: 7em;
	text-align: right;
}
#foreign-buying-history .order-info-wrap .canceled-price span,
#foreign-buying-history .order-info-wrap .changed-price span,
#foreign-buying-history .order-info-wrap .canceled-price,
#foreign-buying-history .order-info-wrap .changed-price {
	text-decoration: line-through;
}
#foreign-buying-history .item-wrap .shipping-status{
	float: right;
	width: 220px;
	padding: 0 0 0 15px;
	text-align: center;
}
#foreign-buying-history .item-wrap .shipping-status .shipping-status-txt{
	font-weight: bold;
	color: #b27d3e;
}
#foreign-buying-history .item-wrap .shipping-status .shipping-status-txt p {
	margin-bottom: 0;
}
#foreign-buying-history .shipping-status-bar {
	display: inline-block;
	background: #b27d3e;
	height: 3px;
	width: 48px;
	margin: 0 0 5px 0;
	position: relative;
}
#foreign-buying-history .shipping-status-bar:before,
#foreign-buying-history .shipping-status-bar:after {
	position: absolute;
	content: "";
	display: inline-block;
	background: #b27d3e;
	height: 3px;
	width: 48px;
	top:0;
}
#foreign-buying-history .shipping-status-bar:before {
	right: calc(100% + 4px);
}
#foreign-buying-history .shipping-status-bar:after {
	left: calc(100% + 4px);
}
#foreign-buying-history .shipping-status-date {
	color: #999;
  text-wrap: balance;
}
#foreign-buying-history .shipping-status-date p {
	line-height: 0;
	margin: 5px 0;
	font-size: 11px;
}
#foreign-buying-history .shipping-status-date-delayed {
	color: red;
}
#foreign-buying-history .shipping-status-date-updated {
	color: blue;
}
#foreign-buying-history .shipping-status-date-arrival {
	font-size: 13px;
}
#foreign-buying-history .shipping-status-can {
	margin-top: 3px;
}
#foreign-buying-history .bar-confirming,
#foreign-buying-history .bar-confirming:after{background: #efefef;}
#foreign-buying-history .bar-Preparing:after{background: #efefef;}

#foreign-buying-history .foreign-set-table [class$='prodct-info'] .detail-about,
#foreign-buying-history .detail-replace-original-wrap { vertical-align: middle; }
#foreign-buying-history .foreign-set-table [class$='prodct-info'] .detail-about { display: inline; }
#foreign-buying-history .detail-replace-original-wrap {
	display: inline-block;
	margin-left: 3px;
}
#foreign-buying-history .detail-replace-original-wrap .detail-replace-original-link {
	display: inline-block;
	font-size: 0;
	width: 16px;
	height: 15px;
	background: url('/img/common/icon/icon_replace_00.png') top center no-repeat;
	background-size: contain;
	vertical-align: top;
	padding-bottom: 0;
}
#foreign-buying-history .detail-replace-original-wrap .detail-replace-original-link img { display: none; }
#foreign-buying-history .detail-replace-original-wrap .detail-replace-original-txt {
	width: 200px;
	top: 100%;
	left: 0;
	margin-top: 8px;
}
/* Preparing for Exportのツールチップ */
#foreign-buying-history .shipping-status .co-tooltip-onclick-wrap .co-tooltip-onclick {
	width: 475px;
	left: inherit;
	right: 0;
	background: linear-gradient(180deg, #fff 0%, #fff 43%, #efefef 43%, #efefef 100%);
	z-index: 3;
}
#foreign-buying-history .shipping-status .co-tooltip-onclick-wrap .co-tooltip-onclick .co-tooltip-text {
	padding: 1em;
	text-align: left;
}
#foreign-buying-history .shipping-status .co-tooltip-onclick-wrap .co-tooltip-onclick .co-tooltip-text>p {
	font-size: 14px;
	border-bottom: solid 1px #ccc;
	padding-bottom: 10px;
	font-weight: 600;
}
/* ステップ */
#foreign-buying-history .step-info {
	position: relative;
	color: #cccccc;
	text-align: center;
	margin: 40px auto;
}
#foreign-buying-history .step-info .step-txt p {
	width: calc((100% - 2em) / 4);
	display: inline-block;
	margin: 0;
	vertical-align: top;
	position: relative;
	font-size: 14px;
}
#foreign-buying-history .step-info .step-txt {
	font-size: 12px;
	font-weight: 600;
}
#foreign-buying-history .step-info .step-txt p:after {
	content: '●';
	z-index: 1;
	font-size: 15px;
	top: -1.5em;
	display: block;
	left: 0;
	text-align: center;
	position: absolute;
	width: 100%;
	text-shadow: 3px 0 0 #ffffff,-3px 0 0 #ffffff;
}
#foreign-buying-history .step-info .step-txt p.done-step:after {
	color: #b27d3e
}
#foreign-buying-history .step-info .now-step {color: #b27d3e;}
#foreign-buying-history .step-info .now-step:before {
	content: "";
	position: absolute;
	top: 50px;
	right: 43%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 14px 7px 0 7px;
	border-color: #ffffff transparent transparent transparent;
}
#foreign-buying-history .step-info:before,
#foreign-buying-history .step-info:after {
	content: '';
	position: absolute;
	top: -1.05em;
	left: 0;
	z-index: 0;
	height: 0;
}
#foreign-buying-history .step-info:before {
	border-top: 1px #ccc solid;
	margin: 0 12%;
	width: 76%;
}
#foreign-buying-history .step-info:after {
	border-top: 2px #b27d3e solid;
	margin: 0 38% 0 12%;
	width: 50%;
}
#foreign-buying-history .shipping-status .co-tooltip-onclick-wrap .co-tooltip-onclick .co-tooltip-text .about-txt {
	font-weight: normal;
	line-height: 1.5;
}
#foreign-buying-history .shipping-status .co-tooltip-onclick-wrap .co-tooltip-onclick .co-tooltip-text .about-txt p {
	margin: 10px 0;
}

/* PC */
@media screen and (min-width: 941px) {
	/** オーダー毎のBOXとヘッダー **/
	#foreign-buying-history .shipped-or-not .tracking-hidden{
		display: none;
	}
	/** 注文した物の詳細情報 **/
	#foreign-buying-history .item-wrap .item-wrap-inner .price p{
		text-align: center;
		min-width: 16em;
	}
	#foreign-buying-history .item-wrap .item-wrap-inner .price p span{
		margin-left: 10px;
		float: right;
	}
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	/* Preparing for Exportのツールチップ */
	#foreign-buying-history .shipping-status .co-tooltip-onclick-wrap {
		position: relative;
	}
}
/* TAB/SP */
@media screen and (max-width: 940px) {
	/** オーダー毎のBOXとヘッダー **/
	#foreign-buying-history .ordered-info>div:first-child{
		display: block;
	}
	#foreign-buying-history .ordered-info .ordered-info-inner{
		width: 100%;
	}
	#foreign-buying-history .item-wrap .item-wrap-inner{
		width: calc(100% - 70px);
	}
	#foreign-buying-history .item-wrap .canceled::before{
		width: 100%;
	}
	#foreign-buying-history .item-wrap .item-wrap-inner .item-info,
	#foreign-buying-history .item-wrap .item-wrap-inner .price{
		float: left;
		width: calc(100% - 230px);
		margin-left: 10px;
	}
	#foreign-buying-history .item-wrap .shipping-status {
		float: none;
	}
	#foreign-buying-history .shipped-or-not .tracking-hidden{
		display: none;
	}
}
/* SP */
@media screen and (max-width: 670px) {
	/** オーダー毎のBOXとヘッダー **/
	#foreign-buying-history .order-info-wrap{
		border-width: 1px 0;
		background: #efefef;
		margin-bottom: 25px;
		padding-bottom: 20px;
	}
	#foreign-buying-history .function-box+.order-info-wrap{
		border-width: 1px 0 0 0;
	}
	#foreign-buying-history .ordered-info-box{
		width: 100%;
	}
	#foreign-buying-history .order-info-head{
		border: none;
		line-height: 0;
		padding: 0 10px 10px;
	}
	#foreign-buying-history .ordered-info .ordered-info-box>div:first-child{
		width: 7em;
		line-height: 1.6;
	}
	#foreign-buying-history .order-info-head >div p,
	#foreign-buying-history .order-info-head >div dl {
		line-height: 1.6;
	}
	#foreign-buying-history .order-info-head:not(.head-open) .ordered-info >div:first-child,
	#foreign-buying-history .order-info-head:not(.head-open) .ordered-info >div:first-child p {
		margin: 0;
	}
	#foreign-buying-history .order-info-head .ordered-info{
		position: relative;
		padding: 20px 0 0;
	}
	#foreign-buying-history .order-info-head .ordered-info:after{
		content: "";
		display: inline-block;
		position: absolute;
		right: 25px;
		top: calc(1em + 20px);
		width: 10px;
		height: 10.5px;
		border: transparent 0 solid;
		border-bottom: #666666 1px solid;
		border-right: #666666 1px solid;
		transform: rotate(45deg);
		visibility:visible;
	}
	#foreign-buying-history .order-info-head.head-open .ordered-info:after{
		display: none;
	}
	#foreign-buying-history .amount-wrap{
		margin: 10px 0;
	}
	#foreign-buying-history .shipped-or-not,
	#foreign-buying-history .ordered-info .ordered-info-inner{
		max-height: 0;
		overflow: hidden;
	}
	#foreign-buying-history .head-open .ordered-info-inner{
		max-height: 23em;
		transition: max-height 0.2s linear;
	}
	#foreign-buying-history .head-open .shipped-or-not{
		max-height: 100em;
		padding-top: 10px;
		border-top: #b5b5b5 1px solid;
		transition: max-height 0.7s linear;
		transition-delay: 0.1s;
	}
	#foreign-buying-history .head-open .ordered-info-box{
		border-bottom: #b5b5b5 1px solid;
	}
	#foreign-buying-history .shipped-or-not .tracking-hidden{
		display: inline-block;
	}
	#foreign-buying-history .shipped-or-not .tracking-deta-more{
		display: none;
	}
	/* 返金申請/破損報告ボタン */
  #foreign-buying-history .btn-cercle {
    margin-top: 8px;
  }
	/** 注文した物の詳細情報 **/
	#foreign-buying-history .dealer-name-wrap,
	#foreign-buying-history .item-wrap{ padding: 12px 10px;}
	#foreign-buying-history .order-info-wrap>div:not(.order-info-head){
		border: #b5b5b5 1px solid;
		background: #ffffff;
		width: calc(100% - 18px);
		margin: 0 9px;
	}
	#foreign-buying-history .dealer-name-wrap:first-child{
		border: none;
	}
	#foreign-buying-history .item-wrap .unit-price,
	#foreign-buying-history .item-wrap .order-item-code,
	#foreign-buying-history .item-wrap .item-info>div>span {
		color: #999999;
	}
	#foreign-buying-history .item-wrap .canceled{margin: 0;}
	#foreign-buying-history .item-wrap .canceled::before{top: 8px;}
	#foreign-buying-history .dealer-name-wrap p{
		margin-bottom: 0;
	}
	#foreign-buying-history .dealer-name-wrap p .attention-tit{
		margin: 3px 0;
	}
	#foreign-buying-history .item-wrap .item-wrap-inner .item-info>div{position: relative;}
	#foreign-buying-history .item-wrap .item-wrap-inner .item-info,
	#foreign-buying-history .item-wrap .item-wrap-inner .price,
	#foreign-buying-history .item-wrap .shipping-status {
		float: none;
		width: 100%;
		margin-left: 2px;
	}
	#foreign-buying-history .item-wrap .shipping-status {
		text-align: left;
		padding-left: 0;
	}
	#foreign-buying-history .shipping-status-bar {
		margin: 0 0 5px 54px;
	}
	#foreign-buying-history .item-wrap .shipping-status .co-btn {
		margin-bottom:  10px;
	}
	#foreign-buying-history .detail-replace-original-wrap {
		position: static;
	}
	#foreign-buying-history .detail-replace-original-wrap .detail-replace-original-txt {
		width: 95%;
		max-width: 95%;
	}
	/*** 2商品目以降折り畳み ***/
	#foreign-buying-history .item-open-tgl {
		position: absolute;
		min-height: 2em;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 8px 0 20px;
		background-color: #ffffff;
		box-shadow: 0 -15px 18px 0 #ffffff;
		color: #0066cc;
		display: block;
		text-align: center;
		font-size: 13px;
	}
	#foreign-buying-history .item-open-tgl:after {
		content: '';
		display: inline-block;
		vertical-align: middle;
		width: 6px;
		height: 6px;
		margin: 0 0 2px 5px;
		border-style: solid;
		border-color: #0066cc;
		border-width: 0 2px 2px 0;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#foreign-buying-history .dealer-box-inner {
		position: relative;
		height: auto;
		max-height: 350px;
		overflow: hidden;
		transition: max-height 0.7s ease-in;
	}
	#foreign-buying-history .order-info-wrap input[type='radio']:checked + .dealer-box-inner{
		max-height: 10000px;
		transition: max-height 1s ease-in;
	}
	#foreign-buying-history .order-info-wrap input[type='radio']:checked + .dealer-box-inner .item-open-tgl,
	#foreign-buying-history .order-info-wrap input[type='radio'] { display: none!important; }
	/* Preparing for Exportのツールチップ */
	#foreign-buying-history .shipping-status .co-tooltip-onclick-wrap .co-tooltip-onclick {
		right: 0;
		left: 0;
		top: -3px;
		height: 100%;
		width: 100%;
		border: 0;
		border-radius: 0;
		padding: 0;
		position: fixed;
		background: #fff;
		box-sizing: border-box;
		z-index: 10000;
		overflow-x: scroll;
	}
	#foreign-buying-history .step-info {
		margin: 40px auto 20px;
		max-width: 450px;
	}
	#foreign-buying-history .step-info .step-txt p {font-size: 12px;}
	#foreign-buying-history .shipping-status .co-tooltip-onclick-wrap .co-tooltip-onclick .co-tooltip-cancel {
		box-sizing: border-box;
		position: absolute;
		right: 10px;
		top: 24px;
		margin-top: -16px;
		border-radius: 50%;
		width: 30px;
		height: 30px;
		background-color: #ffffff;
		cursor: pointer;
	}
	#foreign-buying-history .shipping-status .co-tooltip-onclick-wrap .co-tooltip-onclick .co-tooltip-cancel:before { transform: rotate(45deg); }
	#foreign-buying-history .shipping-status .co-tooltip-onclick-wrap .co-tooltip-onclick .co-tooltip-cancel:after { transform: rotate(-45deg); }
	#foreign-buying-history .shipping-status .co-tooltip-onclick-wrap .co-tooltip-onclick .co-tooltip-cancel:after,
	#foreign-buying-history .shipping-status .co-tooltip-onclick-wrap .co-tooltip-onclick .co-tooltip-cancel:before {
		content: '';
		display: block;
		position: absolute;
		width: 18px;
		height: 4px;
		border-radius: 2px;
		background-color: #666666;
		top: 13px;
		left: 6px;
	}
	#foreign-buying-history .shipping-status .co-tooltip-onclick-wrap .co-tooltip-onclick .co-tooltip-text {padding: 0;}
	#foreign-buying-history .shipping-status .co-tooltip-onclick-wrap .co-tooltip-onclick .co-tooltip-text .about-txt {
		background-color: #efefef;
		padding: 10px;
	}
	#foreign-buying-history .shipping-status .co-tooltip-onclick-wrap .co-tooltip-onclick .co-tooltip-text>p {
		height: 47px;
		background-color: #4d4d4d;
		color: #ffffff;
		font-size: 16px;
		font-weight: bold;
		padding: 11px 15px;
		margin-bottom: 0;
		box-sizing: border-box;
		line-height: 1.6;
	}
  /* オーソリエラーのアラート */
	#foreign-buying-history .payment-error-alert{
    display: block;
	}
  #foreign-buying-history .payment-error-alert .card-declined-codes-list{
    display: block;
    margin: 0px;
  } 
}

/* 移行会員用 */
#foreign-buying-history.history-old table {
	border-collapse: collapse;
}
#foreign-buying-history.history-old .co-open-basis {
	padding: 0;
}
#foreign-buying-history.history-old td {
	border-right: none;
}
#foreign-buying-history.history-old .co-search-block {
	margin: 0 auto;
}

/** 領収書 **/
#foreign-member-receipt * {
	box-sizing: border-box;
}
@media print {/* 印刷用 */
	#foreign-member-receipt {width:800px !important; margin: 0 2px 0 2px; }
	#foreign-member-receipt table {width:797px !important; margin-right: 1px; border-right: #333333 solid 1px!important;}
	#foreign-member-receipt #btn_close {display: none !important;}
}
body #foreign-member-receipt {
	-webkit-print-color-adjust: exact;
	width: 860px;
	margin: 0 auto;
	font-size: 15px;
}
body #foreign-member-receipt > div * {
	font-family: Times New Roman,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}
#foreign-member-receipt p {
	margin: 3px 0;
}
#foreign-member-receipt .company-name p:first-child{
	font-size: 30px;
	margin-top: 40px;
	font-weight: bold;
}
#foreign-member-receipt .receipt-content {
	text-align: left;
	font-size: 18px;
	margin: 25px 0 5px;
}
#foreign-member-receipt table {
	width: 100%;
	font-size: 87%;
	border-collapse: collapse;
	margin: 0 0 20px;
	line-height: 1.5em;
	border: none;
}
#foreign-member-receipt table td {
	padding: 3px 5px;
	border: #333333 solid 1px;
}
#foreign-member-receipt table tr:first-child td *,
#foreign-member-receipt table tr:first-child td {
	background: #d7eaf2;
}
#foreign-member-receipt table tr td:first-child {
	text-align: center;
}
#foreign-member-receipt table tr td:nth-of-type(2){
	min-width: calc(5em + 12px);
}
#foreign-member-receipt table tr td:nth-of-type(3) div {
	margin: 0;
	max-width: 30em;
	min-width: 10em;
	max-height: 3em;
	overflow: hidden;
}
#foreign-member-receipt table tr td:nth-of-type(3) {
	min-width: 10em;
}
#foreign-member-receipt table tr:not(:first-child) td:nth-of-type(4),
#foreign-member-receipt table tr:not(:first-child) td:nth-of-type(5),
#foreign-member-receipt table tr:not(:first-child) td:last-of-type{
	text-align: right;
}
#foreign-member-receipt table .result-row td:first-child {
	border: none;
}
#foreign-member-receipt table .result-row td:nth-of-type(2) {
	text-align: center;
	background: #dddddd;
}
#foreign-member-receipt .publisher {
	width: 90%;
	margin: 0 auto;
	text-align: center;
}
#foreign-member-receipt .publisher p a {
	text-decoration: underline;
}
#foreign-member-receipt .publisher div:first-child {
	float: left;
	width: calc(100% - 290px);
	margin: 20px 0 0 140px;
}
#foreign-member-receipt .publisher .stamp {
	width: 150px;
	float: right;
	background-size: 70px auto;
}
#foreign-member-receipt .publisher .stamp img {
	width: 70px;
	height: auto;
}
#foreign-member-receipt #btn_close{
	line-height: 22px;
	border-radius: 5px;
	margin: 35px auto 0;
	text-align: center;
}
#foreign-member-receipt #btn_close a{
	background: #888888;
	display: inline-block;
	line-height: 22px;
	border-radius: 5px;
}
#foreign-member-receipt #btn_close a span {
	padding: 5px 20px 3px 18px;
	display: inline-block;
	color: #ffffff;
}
#foreign-member-receipt #btn_close span:before {
	content: "×";
	color: #ffffff;
	font-weight: 900;
	font-size: 22px;
	margin-right: 5px;
	vertical-align: bottom;
}

/*** Order History横の各ステータスを説明するボタン ***/
/* ツールチップ */
#delivery-status #delivery-status-wrap {
	text-align: left;
	font-size: 14px;
	position: relative;
	margin-left: 12px;
	display: inline-flex;
}
#delivery-status .delivery-status-switch {
	display: block;
	cursor: pointer;
}
#delivery-status .delivery-status-switch span {
	font-size: 14px;
	font-weight: normal;
	color: #707070;
}
#delivery-status .delivery-status-switch:before {
	content: '';
	display: inline-block;
	vertical-align: -5px;
	width: 20px;
	height: 20px;
	background: url('/img-dealer/common/icon/co_help.gif') center center no-repeat;
}
#delivery-status .delivery-status-switch:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0;
	border-color: #666666 transparent;
	margin-left: 5px;
}
#delivery-status .delivery-status-inner {
	background-color: #ffffff;
	padding: 20px 22px;
	border-radius: 5px;
	border: 1px #cccccc solid;
	position: absolute;
	width: 490px;
	box-sizing: border-box;
	left: 0;
	top: 23px;
	z-index: 30;
}
/* ステータス内容 */
#delivery-status .delivery-status-title {
	font-weight: bold;
	background-color: #b27d3e;
	color: #ffffff;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	padding: 9px 0 7px;
	line-height: 1.0;
	margin-bottom: 20px;
}
#delivery-status .delivery-status-list p {
	margin-bottom: 0;
}
#delivery-status .delivery-status-list li .dsl-img {
	display: inline-block;
    width: 114px;
	text-align: center;
	vertical-align: sub;
    position: relative;
}
#delivery-status .delivery-status-list li:nth-child(1) .dsl-img {
	margin-top: 23px;
	vertical-align: top;
}
#delivery-status .delivery-status-list li:nth-child(3) .dsl-img { vertical-align: super;}
#delivery-status .delivery-status-list li:nth-child(4) .dsl-img { vertical-align: top; }
#delivery-status .delivery-status-list li:nth-child(1) img { width: 76px; }
#delivery-status .delivery-status-list li:nth-child(2) img { width: 114px; }
#delivery-status .delivery-status-list li:nth-child(3) img { width: 114px; }
#delivery-status .delivery-status-list li:nth-child(4) img { width: 85px; }
#delivery-status .delivery-status-list li .dsl-img::after {
	content: '';
    display: block;
    width: 0;
    height: 90px;
    border-width: 2px;
    border-style: solid;
    border-color: #CDECFF;
    position: absolute;
	left: 50%;
	top: 81px;
}
#delivery-status .delivery-status-list li:nth-child(1) .dsl-img::after { top: 75px }
#delivery-status .delivery-status-list li:nth-child(4) .dsl-img::after { display: none; }
#delivery-status .delivery-status-list li .dsl-txt {
	display: inline-block;
	width: 315px;
	font-size: 13px;
	padding: 0 0 15px 4px;
}
#delivery-status .delivery-status-list .dsl-txt p:first-child {
	font-size: 14px;
	color: #b27d3e;
	line-height: 1.6;
	font-weight: bold;
}
#delivery-status .delivery-status-list .dsl-txt p:last-child { font-weight: normal; }
/* TAB/SP */
@media screen and (max-width: 940px) {
	#delivery-status .delivery-status-inner {
		border: 0;
		border-radius: 0;
		padding: 0;
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		box-sizing: border-box;
		z-index: 10000;
		overflow-x: scroll;
	}
	#delivery-status .delivery-status-inner .ds-fixed-height{ height: 47px;	}
	#delivery-status .delivery-status-content-ts {
		position: fixed;
		width: 100%;
		top: 0;
		box-sizing: border-box;
		z-index: 100;
	}
	#delivery-status .delivery-status-h {
		height: 47px;
		background-color: #4d4d4d;
		color: #ffffff;
		font-size: 16px;
		font-weight: bold;
		padding: 11px 15px;
		margin-bottom: 0;
		position: relative;
		box-sizing: border-box;
		line-height: 1.6;
	}
	#delivery-status .delivery-status-h span {
		box-sizing: border-box;
		position: absolute;
		right: 10px;
		top: 50%;
		margin-top: -16px;
		border-radius: 50%;
		line-height: 1;
		width: 30px;
		height: 30px;
		background-color: #ffffff;
		cursor: pointer;
	}
	#delivery-status .delivery-status-h span:before,
	#delivery-status .delivery-status-h span:after {
		content: '';
		display: block;
		position: absolute;
		width: 18px;
		height: 4px;
		border-radius: 2px;
		background-color: #666666;
		top: 13px;
		left: 6px;
	}
	#delivery-status .delivery-status-h span:before { transform: rotate(45deg); }
	#delivery-status .delivery-status-h span:after { transform: rotate(-45deg); }
	#delivery-status .delivery-status-content { padding: 43px 20%; }
	#delivery-status .delivery-status-title {
		display: block;
		padding: 5px 8px;
		border-bottom-width: 2px;
	}
	#delivery-status .delivery-status-list li .dsl-img { vertical-align: top; }
	#delivery-status .delivery-status-list li:nth-child(1) .dsl-img { margin-top: 15px; }
	#delivery-status .delivery-status-list li:nth-child(3) .dsl-img { vertical-align: top;}
	#delivery-status .delivery-status-list li:nth-child(1) .dsl-img::after { top: 65px }
	#delivery-status .delivery-status-list li .dsl-txt { width: 69%; }
	#delivery-status .delivery-status-list .dsl-txt p:first-child { line-height: 1.3; }
}
/* SP */
@media screen and (max-width: 670px) {
	#delivery-status .co-container .co-title1 #delivery-status-wrap { 
		margin: 0;
	}
	#delivery-status .co-container .co-title1 #delivery-status-wrap span { 
		font-size: 11px;
	}
	#delivery-status .delivery-status-content { padding: 28px 1% 28px 3%; }
	#delivery-status .delivery-status-list li .dsl-txt {
		width: 65%;
		padding: 0 0 15px 0;
	}
	#delivery-status .delivery-status-list li .dsl-img { width: 30%; }
	#delivery-status .delivery-status-list li:nth-child(1) .dsl-img { margin-top: 0; }
	#delivery-status .delivery-status-list li:nth-child(1) img { width: 62px; }
	#delivery-status .delivery-status-list li:nth-child(2) img { width: 90px; }
	#delivery-status .delivery-status-list li:nth-child(3) img { width: 90px; }
	#delivery-status .delivery-status-list li:nth-child(4) img { width: 70px; }
	#delivery-status .delivery-status-list li .dsl-img::after {
		height: calc(100% / 0.65);
		top: 63px;
	}
	#delivery-status .delivery-status-list li:nth-child(1) .dsl-img::after {
		top: 50px;
		height: calc(100% / 0.4);
	}
}

/*-------------------------------------------------------------------------------------------------------------------------------------
 企業ページ
------------------------------------------------------- */
.foreign-import-attention-wrap {
	background-color: #FFE0DF;
	margin-bottom: 0;
}

/*-------------------------------------------------------------------------------------------------------------------------------------
 ヘルプ
------------------------------------------------------- */
#foreign-help .category-wrap {
	margin: 0 auto;
	width: 96%;
	max-width: 1366px;
}
#foreign-help .category-wrap .co-head-bln{ clear: none; }
#foreign-help .category-txt { letter-spacing: 0.5px; }
#foreign-help .category-txt h2 {
	background-color: #e6e6e6;
	font-size: 28px;
	color: #333;
	text-align: left;
	padding: 5px 20px;
	border-radius: 3px;
	margin-bottom: 30px
}
#foreign-help .category-txt h3 {
	border-left: 5px solid #999;
	border-bottom: 1px dotted #ccc;
	padding: 5px 10px;
	font-size: 16px;
}
#foreign-help .category-txt h4 {
	font-size: 15px;
	margin: 25px 0 10px;
}
#foreign-help .category-txt h4:first-child { margin-top: 20px; }
#foreign-help .category-txt .description {
	padding: 0 15px 30px;
}
#foreign-help .category-txt .helptxt-in { margin-left: 1em; }
/* 先頭にハイフン（-）つき */
#foreign-help .category-txt .hyphen-list li:before {
	content: '-';
	margin-right: 0.3em;
}
#foreign-help .category-txt .hyphen-list li {
	text-indent: -0.8em;
	padding-left: 0.8em;
	margin-bottom: 5px;
}
/* 先頭に米印（*）つき */
#foreign-help .category-txt .star-list li:before {
	content: '*';
	margin-right: 0.3em;
}
#foreign-help .category-txt .star-list li {
	text-indent: -1.1em;
	padding-left: 1.1em;
	margin-bottom: 5px;
}
/* 番号リスト */
#foreign-help .category-txt .number-list li {
	text-indent: -1.5em;
	padding-left: 1.5em;
	margin-bottom: 5px;
}
/* table風 */
#foreign-help .table-list {
	display: table;
	border-top: 1px #999999 solid;
	border-left: 1px #999999 solid;
	width: 100%;
	margin-top: 10px;
}
#foreign-help .table-list .row { display: table-row; }
#foreign-help .table-list .list-th { background-color: #e6e6e6; }
#foreign-help .table-list .list-th,
#foreign-help .table-list .list-td {
	display: table-cell;
	border-right: 1px #999999 solid;
	border-bottom: 1px #999999 solid;
	padding: 8px;
}
#foreign-help .table-list p { margin: 0; }
#foreign-help .billing-amount-table {
	display: table;
	width: 100%;
}
#foreign-help .billing-amount-table .row { display: table-row; }
#foreign-help .billing-amount-table .list-th { width: 110px; }
#foreign-help .billing-amount-table .list-th,
#foreign-help .billing-amount-table .list-td {
	display: table-cell;
	padding: 3px;
}
#foreign-help .billing-amount-table p { margin: 0; }
/* キャプチャ */
#foreign-help .help-img {
	max-width: 600px;
	margin: 10px 0;
}
/* TAB・SP */
@media screen and (max-width: 940px) {
	#foreign-help .help-img { width: 70%; }
}
/* SP */
@media screen and (max-width: 670px) {
	#foreign-help .help-img { width: 100%; }
}
/* 文中枠付き文言 */
#foreign-help .frame-txt {
	display: inline-block;
	padding: 2px 6px;
	background-color: #e6e6e6;
	border-radius: 3px;
	text-indent: 0;
	margin: 5px 7px 0 0;
	position: relative;
}
/* ステップ */
#foreign-help .step-list {
	margin: 10px 0;
	padding: 0;
}
#foreign-help .step-list li {
	text-indent: -5.4em;
	padding-left: 5.4em;
	margin-bottom: 25px;
}
#foreign-help .step-list .frame-txt:before {
	content: '';
	display: block;
	position: absolute;
	height: 0;
	width: 0;
	border-width: 10px;
	border-color: #e6e6e6 transparent transparent;
	border-style: solid;
	bottom: -25px;
	left: 22px;
}
#foreign-help .step-list li.last-step .frame-txt:before { border-width: 0; }
/* menu枠 */
#foreign-help .menu-inner ul li a:visited,#foreign-help .menu-inner ul li a:link { color:#333; }
#foreign-help .menu-inner ul {
	border-radius: 3px;
	border: 1px solid #ccc;
	display: table;
	width: 100%;
	overflow: hidden;
}
#foreign-help .menu-inner>ul>li {
	background: url(/img/common/icon/icon_arrow_right.png) #f6f6f6 no-repeat 97% 50%;
	background-size: 14px;
	display: table-row;
	padding-left: 20px;
}
#foreign-help .menu-inner>ul>li>a {
	border-top: 1px solid #e6e6e6;
	display: table-cell;
	height: 3em;
	vertical-align: middle;
	font-size: 16px;
	padding-left: 48px;
	padding-right: 23px;
	background-position: 12px 50%;
	background-repeat: no-repeat;
	background-size: 24px auto;
}
#foreign-help .menu-inner ul li.account a { background-image: url(/img/guide/help/foreign/icon_account.png); }
#foreign-help .menu-inner ul li.payment a { background-image: url(/img/guide/help/foreign/icon_payment.png); }
#foreign-help .menu-inner ul li.shipping a { background-image: url(/img/guide/help/foreign/icon_shipping.png); }
#foreign-help .menu-inner ul li.returns a { background-image: url(/img/guide/help/foreign/icon_returns.png); }
#foreign-help .menu-inner ul li.notes a { background-image: url(/img/guide/help/foreign/icon_notes.png); }

#foreign-help .menu-inner ul li:hover { background-color: #e6e6e6; }
#foreign-help .menu-inner .selected { background-color: #e6e6e6; }
#foreign-help .menu-inner ul li:first-child a{ border-top: none; }

#foreign-help .contact {
	border: 3px #ccc solid;
	border-radius: 2px;
	margin: 20px auto 0 ;
	padding: 10px;
	box-sizing: border-box;
}
#foreign-help .contact p {
	margin-bottom: 0;
}
#foreign-help .category-txt [id^="sec-0"]:before {
	content: "";
	height: 115px;
	margin-top: -115px;
	display: block;
}
/* PC */
@media screen and (min-width: 671px) {
	#foreign-help .category-txt {
		width: 70%;
		float: right;
		box-sizing: border-box;
	}
	#foreign-help .menu-inner { margin-right: 40px; }
	#foreign-help .category-menu {
		width: 30%;
		box-sizing: border-box;
	}
	#foreign-help .table-list .list-th { width: 180px; }
}
/* TAB・SP */
@media screen and (max-width: 940px) {
	#foreign-help .category-txt [id^="sec-0"]:before {
		height: 50px;
		margin-top: -50px;
	}
}
/* IE8 */
@media \0screen {
	#foreign-help {
		min-width: 990px;
		margin: 0 auto;
	}
	#foreign-help .category-txt {
		width: 70%;
		float: right;
		box-sizing: border-box;
	}
	#foreign-help .menu-inner { margin-right: 40px; }
	#foreign-help .category-menu {
		width: 30%;
		box-sizing: border-box;
	}
	/* ヘルプIE8用アイコン */
	#foreign-help .menu-inner>ul>li { background-image: url(/img/guide/help/foreign/icon_arrow_right_min.png); }
	#foreign-help .menu-inner ul li.account a { background-image: url(/img/guide/help/foreign/icon_account_min.png); }
	#foreign-help .menu-inner ul li.payment a { background-image: url(/img/guide/help/foreign/icon_payment_min.png); }
	#foreign-help .menu-inner ul li.shipping a { background-image: url(/img/guide/help/foreign/icon_shipping_min.png); }
	#foreign-help .menu-inner ul li.returns a { background-image: url(/img/guide/help/foreign/icon_returns_min.png); }
	#foreign-help .menu-inner ul li.notes a { background-image: url(/img/guide/help/foreign/icon_notes_min.png); }
}
/* ヘルプ INDEX */
#foreign-help.help-index {
	margin: 0 auto;
	width: 96%;
}
#foreign-help.help-index .category-menu {
	width:auto;
	background-color: #f6f6f6;
	padding: 30px 20px 0;
	border-radius: 3px;
}
#foreign-help.help-index .menu-inner { margin-right: 0; }
#foreign-help.help-index .menu-inner ul {
	border-radius: 3px;
	border: none;
	width: 100%;
	float: left;
	box-sizing: border-box;
}
#foreign-help.help-index .menu-inner ul.sub li a:visited,
#foreign-help.help-index .menu-inner ul.sub li a:link { color: #0066cc; }

#foreign-help.help-index .menu-inner ul li { background: none;}
#foreign-help.help-index .menu-inner li.main {
	background: #e6e6e6;
	margin-left: 10px;
}
#foreign-help.help-index .menu-inner ul.sub { padding: 20px 20px 20px;}
#foreign-help.help-index .menu-inner ul.sub li{
	display: table-row;
	line-height: 2em;
}
#foreign-help.help-index .menu-inner ul.sub li a {
	display: table-cell;
	vertical-align: middle;
	height: 3em;
	line-height: 1.4;
}
/* キーワード検索 */
#foreign-help.help-index #keyword-search {
	background: url( "/img/guide/help/foreign/search_img.png" ) #DDE8F2;
	background-repeat: no-repeat;
	background-position: right -100pt;
	border-radius: 5px;
	margin-bottom: 20px;
	padding: 15px 0 10px;
}
#foreign-help.help-index #keyword-search p {
	font-weight: bold;
	font-size: 16px;
	line-height: 1.4;
	margin: 0 15px 8px;
}
#foreign-help.help-index #keyword-search input {
	width: 300px;
	margin: 0 15px 8px;
	padding: 8px;
	line-height:1.4;
	border:2px solid #ccc;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
	display: inline-block;
    font-family:  "メイリオ", Meiryo, "Hiragino Sans", sans-serif , "FontAwesome";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}
#foreign-help.help-index #keyword-search .search-list>div {
	margin: 5px 15px;
}
#foreign-help .menu-inner>ul>li>a{
	font-weight: bold;
}
#foreign-help.help-index .menu-inner ul li:hover { background-color: none; }
/* PC＆TAB */
@media screen and (min-width: 671px) {
	#foreign-help.help-index .menu-inner>ul {
		padding: 0 10px;
		margin: 0 0 40px;
		width: 33.3%;
		min-height: 25em;
		border-left: 1px solid #e6e6e6;
	}
	#foreign-help.help-index .menu-inner>ul.lead02 { min-height: 14em; width: 50%;}
	#foreign-help.help-index .menu-inner>ul:first-child { border-left: none;}
	#foreign-help.help-index .menu-inner>ul.b-no { border-left: none;}
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
}
/* SP */
@media screen and (max-width: 670px) {
	#foreign-help.help-index .menu-inner>ul {
		padding: 0 10px;
		margin: 0 0 40px;
	}
	#foreign-help.help-index .menu-inner ul li { min-height:3em;}
	#foreign-help.help-index .menu-inner ul.sub li a{ border-bottom: 1px solid #e6e6e6; }
	#foreign-help.help-index .menu-inner ul.sub {padding: 5px 20px 20px;}
	#foreign-help.help-index #keyword-search input { width: 83%;}
	#foreign-help.help-index .category-menu {
		padding: 10px 0px 0;
	}
}
/* IE8 */
@media \0screen {
	#foreign-help.help-index { width: 1100px;}
	#foreign-help.help-index .menu-inner>ul {
		padding: 0 10px;
		margin: 0 0 40px;
		width: 33.3%;
		min-height: 25em;
		border-left: 1px solid #e6e6e6;
	}
	#foreign-help.help-index .menu-inner>ul.lead02 { min-height: 14em; width: 50%;}
	#foreign-help.help-index .menu-inner>ul:first-child { border-left: none;}
	#foreign-help.help-index .menu-inner>ul.b-no { border-left: none;}
}
/* Payment */
#foreign-help .helptxt-in .payment-logo1 {
	width: 87px;
	vertical-align: middle;
}
#foreign-help .helptxt-in .payment-logo2 {
	width: 290px;
	vertical-align: middle;
}
#foreign-help .helptxt-in .payment-logo3 {
	width: 166px;
}
/* 配送方法ごとのお届け目安 */
#foreign-help .delivery_date table {
	border-collapse: collapse;
	border: 1px solid #cccccc;
	margin-left: 15px;
}
#foreign-help .delivery_date table th {
	background-color: #eee;
	border: solid 1px #cccccc;
	text-align: left;
	padding: 6px;
}
#foreign-help .delivery_date table th span.ship {
	background: url(/img/common/icon/shipping_method_03.png) no-repeat 0 3px / 15px;
	padding: 0 0 0 22px;
}
#foreign-help .delivery_date table th span.air {
	background: url(/img/common/icon/shipping_method_02.png) no-repeat 0 3px / 15px;
	padding: 0 0 0 22px;
}
#foreign-help .delivery_date table td {
	border: solid 1px #cccccc;
	text-align: left;
	padding: 6px;
}
#foreign-help .delivery_date table .tac {
	text-align: center;
}
#foreign-help .delivery_date table .width {
	width: 40%;
}
#foreign-help .delivery_date table .width2 {
	width: 30%;
}
/* 配送制限 */
#foreign-help .limitations_shipping-method table {
	border-collapse: collapse;
	border: 1px solid #cccccc;
	margin-left: 15px;
}
#foreign-help .limitations_shipping-method table th {
	background-color: #eee;
	border: dotted 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	text-align: left;
	padding: 6px;
}
#foreign-help .limitations_shipping-method table td {
	border: dotted 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	text-align: center;
	padding: 6px;
	line-height: 0;
}
#foreign-help .limitations_shipping-method table th.method {
	text-align: center;
}
#foreign-help .limitations_shipping-method table td.note {
	line-height: normal;
}
@media screen and (max-width: 670px) {
	#foreign-help .helptxt-in .payment-logo2 {
		max-width: 280px;
	}
	#foreign-help .limitations_shipping-method.scroll {
		overflow: auto;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}
	#foreign-help .helptxt-in .returns-invoice {
		width: 18em;
	}
	#foreign-help .helptxt-in .returns-invoice>img {
		max-width: 18em;
	}
}

/*-------------------------------------------------------------------------------------------------------------------------------------
 Delivery Cost
------------------------------------------------------- */
.foreign-deliverycost-wrap { margin: 30px auto 50px; }
.foreign-deliverycost {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	box-sizing: border-box;
	display: table-cell;
	padding: 20px;
	vertical-align: middle;
	margin: 0;
	position: relative;
}
.foreign-deliverycost .fee-tit {
	position: absolute;
	top: -13px;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 16px;
	white-space: nowrap;
}
.foreign-deliverycost .fee-tit span {
	padding: 0 5px;
	background-color: #ffffff;
}
.foreign-deliverycost-inner {
	margin: 0 auto;
	white-space: nowrap;
}
.foreign-deliverycost-text {
	font-size: 14px;
	text-align: left;
	color: #666666;
}
.foreign-deliverycost-idf {
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	width: 20em;
}
.foreign-deliverycost-idf span {
	font-size: 83%;
	color: #666666;
}
.foreign-deliverycost-idf .fee-link {
	font-size: 83%;
	margin: 10px 0 0;
	box-sizing: border-box;
}
.foreign-deliverycost-plus {
	box-sizing: border-box;
	vertical-align: middle;
	display: table-cell;
}
.foreign-deliverycost-oshf-wrap {
	display: inline-block;
	box-sizing: border-box;
	width: 50%;
	white-space: normal;
	padding: 0;
}
.foreign-deliverycost-oshf {
	position: relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #EFF0F8;
	background-color: #EFF0F8;
	padding: 25px 0;
}
.foreign-deliverycost-parts {
	position: absolute;
	margin: 0;
	padding: 0;
}
.foreign-oshf-table {
	border-collapse: collapse;
	margin: 0 35% 10px 0;
}
.foreign-oshf-table tr {
	height: 100%;
}
.foreign-oshf-table th {
	background-color: #EFF0F8;
	border: 1px solid #cccccc;
	padding: 8px 10px;
	text-align: center;
}
.foreign-oshf-table td {
	border: 1px solid #cccccc;
	padding: 15px 10px;
	text-align: right;
	font-weight: bold;
	width: 10em;
}
#btm-recent-chk-common .recent-chk-wish {
	line-height: 2;
}
#btm-recent-chk-common .foreign-wish-cir {
	padding: 4px 0 0 38px;
}
#btm-recent-chk-common .foreign-wish-btn a {
	width: 89px;
	height: 19px;
	display: block;
	background: url("/img/common/button/function_recent_chk_en.gif") 0 0 no-repeat;
	text-decoration: none;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#btm-recent-chk-common .foreign-wish-btn a:hover {
	background-position: 0 -19px
}
#btm-recent-chk-common .recent-chk-block {
	width: 160px;
	float: left;
	text-align: left;
}
#btm-recent-chk-common .recent-chk-img {
	position: relative;
	width: 160px;
	height: 160px;
	margin-bottom: 5px;
	background-color: #f6f6f6;
}
#btm-recent-chk-common .recent-chk-img a {
	width: 160px;
	height: 160px;
	display: block;
	vertical-align: middle;
	text-align: center;
	background-color: #ffffff;
}
/* 取引企業一覧と検討中リスト */
.foreign-member-list-wrap {
	width: 96%;
	margin: 0 auto;
}
.foreign-member-list-wrap table {
	width: 100%;
	padding: 0;
	border-collapse: collapse;
}
.foreign-member-list-wrap th,
.foreign-member-list-wrap td {
	padding: 0;
	vertical-align: top;
}
.foreign-member-list-wrap .list-layout-wrap {
	width: 100%;
	display: table;
}
.foreign-member-list-wrap .tlist-l {
	display: table-cell;
	width: 220px;
	vertical-align: top;
}
.foreign-member-list-wrap .tlist-r {
	display: table-cell;
	padding-left: 20px;
	vertical-align: top;
}
.foreign-member-list-wrap .co-contents-box-table .box li ul li a {
	overflow: visible!important;
}
.cpdeal-list {
	color: #ffffff;
	background-color: #dc4d4d;
	width: 8.8em;
	text-align: center;
	height: 15px;
	margin: 2px 0 4px;
	font-size: 11px;
	line-height: 15px;
	position: relative;
  padding: 2px 0 0;
}
#wishlist-items .cpdeal-list {
	line-height: 14px;
  height: 16px;
}
.cpdeal-list-non{
  display: none;
}
.cpdeal-list-non:after {
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 12px 5px 0;
	border-color: transparent #ffffff transparent transparent;
	opacity: 0;
}
.pre-application-en {
	margin-top: 5px;
	display: block;
	text-decoration: none!important;
}
.jpy-from {
	font-size: 12px;
	line-height: 1;
	color: #dc4d4d;
}
[class^="jpy-value"]{ color: #dc4d4d; }
.jpy-value {
	font-size: 15px;
	padding-right: 5px;
	font-weight: bold;
  margin-top: 4px;
}
.jpy-value-cp {
	font-size: 11px;
	text-decoration: line-through;
	opacity: 0.6;
	display: inline-block;
	height: 1.4em;
}
.jpy-piece {
	font-size: 12px;
	color: #dc4d4d;
}
.vs-retail {
	color: #999999;
	display: inline-block;
	height: 1em;
}
.foreign-member-list-wrap .favorite-mark > a {
	display: inline!important;
}
.foreign-member-list-wrap .favorite-mark > a > img {
	filter: alpha(opacity=25);
	-moz-opacity: 0.25;
	opacity: 0.25;
}
.foreign-member-list-wrap .favorite-mark > a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.foreign-member-list-wrap .favorite-mark,
.foreign-member-list-wrap .favorite-mark-active { color: #333333; }
.foreign-member-list-wrap .favorite-mark .co-tooltip-onmouse a,
.foreign-member-list-wrap .favorite-mark-active .co-tooltip-onmouse a {
	vertical-align: top;
}
.foreign-member-list-wrap .favorite-mark img,
.foreign-member-list-wrap .favorite-mark-active img {
	position: relative!important;
	margin-top: 0!important;
}
.foreign-member-list-wrap .favorite-mark-active span {
	color: #333!important;
}
.foreign-member-list-wrap .favorite-mark-active .inner-text {
	padding-left: 10px!important;
	margin-left: 20px!important;
}
.foreign-member-list-wrap .favorite-mark-active > span {
	padding-left: 0!important;
}
.foreign-member-list-wrap .favorite-mark .inner-text img,
.foreign-member-list-wrap .favorite-mark-active .inner-text img {
	display: inline-block;
	vertical-align: -3px;
}

/* 最近チェックした商品, よく一緒にチェックされている商品, 関連商品, 検討中 */
.product-price-s {
	line-height: 1;
	margin: 10px 0 5px;
}
.product-price-s .jpy-from {
	display: block;
	font-size: 11px;
	margin-bottom: 4px
}
.product-price-s .jpy-value {
	font-size: 12px;
}
.product-price-s .jpy-piece {
	font-size: 11px;
}
.product-price-s .wish-product-txt {
	margin-top: 5px;
}
.recent-product-txt {
	line-height: 1.3;
	margin-bottom: 7px;
	overflow: hidden;
}
.foreign-btm-company {
	height: 2.7em;
	overflow: hidden;
}

/*** contents/event ***/
#foreign-event-wrap {
	width: 100%;
	text-align: left;
}
#foreign-event-wrap p {
	margin: 0 0 0 0;
}

/* 150815_echizen */
#foreign-event-wrap.echizen {
	letter-spacing: 0.1em;
}
#foreign-event-wrap.echizen .section1 {
	background: url("/img/contents/event/en/150825/bg_sec1_01.png") #fff bottom center no-repeat;
	min-height: 508px;
}
#foreign-event-wrap.echizen .section1-inner {
	background: url("/img/contents/event/en/150825/bg_sec1_02.png") bottom right no-repeat;
	min-height: 508px;
}
#foreign-event-wrap.echizen .section1 h1 {
	font-size: 40px;
	padding: 60px 0 30px;
	letter-spacing: 0.03em;
	line-height: 1.3;
}
#foreign-event-wrap.echizen .section1 h1 strong {
	color: #cc0000;
	font-size: 40px;
}
#foreign-event-wrap.echizen .section1 h1 .h1-small {
	font-size: 40px;
	display: inline-block;
	margin: 5px 0 0 -0.5em;
}
#foreign-event-wrap.echizen .section1 h2 {
	display: inline-block;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px;
}
#foreign-event-wrap.echizen .section1 .section1-txt {
	color: #fff;
	font-size: 14px;
	width: 515px;
	line-height: 1.5;
	padding-bottom: 30px;
}
#foreign-event-wrap.echizen .section2 {
	background-color: #660000;
	padding: 20px 0 20px;
}
#foreign-event-wrap.echizen .section2 .echizen-img-area {
	display: table;
}
#foreign-event-wrap.echizen .section2 .echizen-link-img {
	padding-left: 15px;
	display: table-cell;
	border-radius: 3px;
}
#foreign-event-wrap.echizen .section2 .echizen-link-img:first-child {
	padding-left: 0;
}
#foreign-event-wrap.echizen .section2 .echizen-link-txt {
	display: table-cell;
	vertical-align: middle;
	width: 229px;
	height: 3em;
	border-radius: 3px;
	-moz-border-radius: 0 3px 3px 0;
	background: url("/img/contents/event/en/150825/icon_sec2_01.jpg") #fff 95% center no-repeat;
	padding: 10px 15px;
	font-size: 12px;
	line-height: 1.6;
	letter-spacing: 0.5px;
}
#foreign-event-wrap.echizen .section2 .echizen-link-img a {
	color: #333;
	display: inline-block;
	border-radius: 5px;
	background-color: #fff;
}
#foreign-event-wrap.echizen .section2 .echizen-link-img a:hover {
	color: #333;
	text-decoration: none;
}
#foreign-event-wrap.echizen .section2 .echizen-link-img a:hover img {
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}
#foreign-event-wrap.echizen .section3-inner {
	padding: 85px 0;
}
#foreign-event-wrap.echizen .section3 h2 {
	color: #333;
	font-size: 167%;
	margin-bottom: 50px;
}
#foreign-event-wrap.echizen .section3 .lead-txt {
	border-left: 1px solid #d6d6d6;
	padding: 15px;
	margin-bottom: 25px;
	font-size: 14px;
}
#foreign-event-wrap.echizen .section3 .img-left {
	margin-right: 14px;
}
#foreign-event-wrap.echizen .technique {
	width: 50%;
	float: left;
	box-sizing: border-box;
}
#foreign-event-wrap.echizen .section4 {
	background: url("/img/contents/event/en/150825/bg_sec4_02.png") #ccc 0 90% repeat-x;
	padding: 50px 0;
}
#foreign-event-wrap.echizen .section4 .frame {
	background: url("/img/contents/event/en/150825/bg_sec4_01.png") #fff top left no-repeat;
	text-align: right;
	padding: 50px;
}
#foreign-event-wrap.echizen .section4 h2 {
	color: #333;
	font-size: 167%;
	text-align: left;
}
#foreign-event-wrap.echizen .section4 .txt-wrap {
	width: 530px;
	display: inline-block;
	text-align: left;
}
#foreign-event-wrap.echizen .section4 .txt-wrap p {
	font-size: 116%
}
#foreign-event-wrap.echizen .section4 .txt-wrap h2 + p {
	margin-bottom: 20px;
}
#foreign-event-wrap.echizen .section5 {
	height: 357px;
	background: url("/img/contents/event/en/150825/bg_sec5_01.png") #000 top center no-repeat;
	text-align: center;
	padding-top: 125px;
	box-sizing: border-box;
}
#foreign-event-wrap.echizen .section5 a.btm-link-btn {
	display: inline-block;
	background-color: #2d70b5;
	line-height: 1;
	border-radius: 5px;
	padding: 30px;
	color: #fff;
	font-size: 182%;
}
#foreign-event-wrap.echizen .section5 a.btm-link-btn:hover {
	text-decoration: none;
	opacity: 0.85;
}
/* IE8 */
@media \0screen {
	#foreign-event-wrap.echizen .section2 .echizen-link-img a {
		background-color: #660000;
	}
}


/*-------------------------------------------------------------------------------------------------------------------------------------
 配送手段とコストについて
------------------------------------------------------- */
#shipping-exp {font-size: 15px;}
#shipping-exp p { margin: 0; }
#shipping-exp h2 {
	background-color: #e6e6e6;
    border-radius: 3px;
    color: #333;
    font-size: 24px;
    margin-bottom: 20px;
    padding: 5px 20px;
    text-align: left;
}

/** 共通 **/
#shipping-exp .inner {
	width: 960px;
	margin : 0 auto;
}

/** 概要説明 **/
#shipping-exp .carrier-txt {
	margin: 30px auto 50px;
	width: 960px;
}
#shipping-exp .carrier-txt p {
 	line-height: 1.6;
	font-size: 15px;
	text-align: left;
}
#shipping-exp .co-w960 { margin: 0 auto; }
/* 送料内訳の図 */
#shipping-exp .cost-diagram-wrap {
	margin: 15px auto 60px;
	width: 95%;
	box-sizing: border-box;
}
#shipping-exp .cost-diagram-inner {
	display: table-cell;
	background-color: #f6f6f6;
	border-radius: 5px;
}
/* 見出し */
#shipping-exp .cost-diagram-inner .cost-diagram-h {
	font-weight: bold; text-align: center;
	padding-top: 0.8em;
	border-bottom: 2px #ffffff solid;
	line-height: 1;
	height: 1.6em;
}
#shipping-exp .cost-diagram-sub-h {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 3px;
}
/* 中のBOX */
#shipping-exp .cost-diagram-sub-wrap {
	display: table-cell;
	vertical-align: top;
	padding: 10px 15px;
	box-sizing: border-box;
}
/* 説明文 */
#shipping-exp .cost-diagram-sub-txt {
	font-size: 14px;
	color: #666666;
}
#shipping-exp .cost-diagram-inner>.cost-diagram-sub-txt { padding: 10px 15px; }
/* プラスマーク */
#shipping-exp .cost-diagram-arw {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#shipping-exp .cost-diagram-wrap>.cost-diagram-arw { padding-top: 3em; }

/** 送料表 **/
#shipping-exp .costs-sh {
	margin: 0 auto;
	text-align: center;
	position: relative;
}
#shipping-exp .costs-name {
	float: left; font-size: 22px;
	background-color: #e6e6e6;
    border-radius: 3px;
    display: inline-block;
    margin: 0 15px 10px 0;
    padding: 5px 10px;
    position: relative;
    text-indent: 0;
}
#shipping-exp .costs-txt {
	float: left;
	text-align: left;
}
#shipping-exp .costs-sh p {
 	line-height: 1.6;
	font-size: 15px;
	text-align: left;
	margin-bottom: 30px;
}
#shipping-exp .costs-sh p.note {
  font-size: 14px;
}

#shipping-exp .costs-sh .costs-list {
	display: inline-block;
	width: 940px;
}
#shipping-exp .costs-sh table {
	font-size: 13px;
	border-collapse: separate;
	border:1px solid #fff;
	border-radius: 5px;
	width: 940px;
	margin-bottom: 10px;
}
#shipping-exp .costs-sh table tr:last-child td:first-child { border-radius: 0 0 0 5px;}
#shipping-exp .costs-sh table tr:last-child td:last-child { border-radius: 0 0 5px 0;}
#shipping-exp .costs-sh table td {
	background-color: #e0e7ca;
	padding: 8px 15px;

}
#shipping-exp .costs-sh table th {
	background-color: #b5d277;
	font-size: 14px;
	width: 120px;
	padding: 10px 0;
	position: relative;
	border-radius: 5px 5px 0 0;
}
#shipping-exp .costs-sh table th div{
	position: absolute;
	bottom: -18px;
}
#shipping-exp .costs-sh table th span.ship {
	background: url(/img/common/icon/shipping_method_03.png) no-repeat;
	padding: 0 0 0 28px;
}
#shipping-exp .costs-sh table th span.air {
	background: url(/img/common/icon/shipping_method_02.png) no-repeat;
	padding: 0 0 0 28px;
}
#shipping-exp .costs-sh table th:first-child {
	background-color: #fff;
	padding: 0 20px;
}
#shipping-exp .costs-sh table tr td span {
	font-size: 14px;
}
#shipping-exp .costs-sh table th:first-child:after { border: none;}
#shipping-exp .costs-sh table tr.delitime td { background-color: #e6edf2; }
#shipping-exp .costs-sh table tr.delitime td:first-child { background-color: #e6f5ff; padding: 13px 0 10px; }
#shipping-exp .costs-sh table tr>td:first-child { background-color: #dae9ae; font-size:14px; }
#shipping-exp .costs-sh .supple { margin-bottom: 20px;}
#shipping-exp .costs-sh .supple>p{
	font-size: 12px;
	margin: 0;
	padding: 0;
}
#shipping-exp .costs-sh .supple div{
	text-align: left;
	position: relative;
	top:-0.6em;
}
#shipping-exp .costs-sh select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #999999;
    border-radius: 4px;
    color: #333333;
    font-size: 100%;
    height: 48px;
    padding: 12px;
    text-indent: 0.01px;
    text-overflow: "";
    width: 300px;
	font-size: 16px;
	cursor: pointer;
}
#shipping-exp .costs-sh .form-select::after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #a7a7a7;
    content: "";
    display: block;
    height: 0;
    margin: -2px 0 0;
    position: relative;
	top: -1.5em;
	left: 18.5em;
    width: 0;
}

/****** キャンペーンページ共通 ******/
/* ふきだし */
#foreign-campaign-wrap .balloon-white:before { /* 白色の V 部分 */
	content: "";
	position: absolute;
	bottom: -99px;
	left: 50%;
	width: 0;
	height: 0;
	border-top: 60px solid #fff;
	border-right: 90px solid transparent;
	border-bottom: 60px solid transparent;
	border-left: 90px solid transparent;
	margin-left: -90px;
	z-index: 3;
}
#foreign-campaign-wrap .balloon-gray:before { /* 薄い青の V 部分 */
	content: "";
	position: absolute;
	bottom: -99px;
	left: 50%;
	width: 0;
	height: 0;
	border-top: 60px solid #eee;
	border-right: 90px solid transparent;
	border-bottom: 60px solid transparent;
	border-left: 90px solid transparent;
	margin-left: -90px;
	z-index: 3;
}
/* ふきだし対応背景 */
#foreign-campaign-wrap .campaign-bg-white { /* 白色の背景部分 */
	background-color: #fff;
}
#foreign-campaign-wrap .campaign-bg-gray { /* 薄い青の背景部分 */
	background-color: #eee;
}
/* 150903サンプルポイントキャンペーン */
#foreign-campaign-wrap.sample-point {
	font-size: 15px;
}
#foreign-campaign-wrap.sample-point p {
	margin-bottom: 0;
}
#foreign-campaign-wrap.sample-point > div {
	padding: 40px 0;
	box-sizing: border-box;
}
#foreign-campaign-wrap.sample-point > div:first-child {
	padding: 0 0 40px;
	margin-top: 30px;
}
#foreign-campaign-wrap.sample-point .balloon-area {
	position: relative;
}
#foreign-campaign-wrap.sample-point .point-circle {
	background-color: #e28888;
	border-radius: 50%;
	padding: 2.8em;
	position: relative;
	float: left;
}
#foreign-campaign-wrap.sample-point .left-sentence,
#foreign-campaign-wrap.sample-point .right-img {
	width: 420px;
	float: left;
	padding: 30px;
}
#foreign-campaign-wrap.sample-point .gray-background {
	background: #eee;
	border-radius: 5px;
}
#foreign-campaign-wrap.sample-point .white-background {
	background: #fff;
	border-radius: 5px;
}
#foreign-campaign-wrap.sample-point .right-img {
	text-align: center;
	margin-top: 20px;
}
#foreign-campaign-wrap.sample-point .in-left-sentence {
	padding: 20px 0 20px 40px;
	line-height: 1.6;
}
#foreign-campaign-wrap.sample-point .in-left-sentence ul li {
	list-style-type: disc;
	margin-left: 1em;
}
#foreign-campaign-wrap.sample-point .point-circle span {
	color: #fff;
	font-size: 34px;
	font-weight: bold;
	left: 32px;
	position: absolute;
	top: 20px;
}
#foreign-campaign-wrap.sample-point .point-circle .word {
	color: #333;
	display: block;
	width: 450px;
	left: 115px;
}
#foreign-campaign-wrap.sample-point .section1 .bold-sentence {
	font-weight: bold;
	font-size: 18px;
	margin-top: 15px;
}
#foreign-campaign-wrap.sample-point .section1 .adjustable-position {
	top: -1px!important;
}
#foreign-campaign-wrap.sample-point .section1 a.btm-link-btn {
	display: inline-block;
	background-color: #2d70b5;
	line-height: 1;
	border-radius: 5px;
	padding: 20px 25px;
	color: #fff;
	font-size: 20px;
	margin-top: 15px;
	font-weight: bold;
}
#foreign-campaign-wrap.sample-point .section1 a.btm-link-btn:hover {
	text-decoration: none;
	opacity: 0.85;
	filter: alpha(opacity=80);
}
#foreign-campaign-wrap.sample-point .section5-inner {
	text-align: center;
}
#foreign-campaign-wrap.sample-point .section5-inner .up {
	font-size: 23px;
	font-weight: bold;
}
#foreign-campaign-wrap.sample-point .section5-inner .small-sentence {
	font-size: 13px;
}
#foreign-campaign-wrap.sample-point .section5 a.btm-link-btn {
	display: inline-block;
	background-color: #2d70b5;
	line-height: 1;
	border-radius: 5px;
	padding: 25px 30px;
	color: #fff;
	font-size: 22px;
	margin: 20px 0 35px;
	font-weight: bold;
}
#foreign-campaign-wrap.sample-point .section5 a.btm-link-btn:hover {
	text-decoration: none;
	opacity: 0.85;
	filter: alpha(opacity=80);
}

/* 会員情報の変更フォーム */
#fumi-retailerformEXPAccountSettings .co-title1-txt {
	font-size: 131%;
}
#fumi-retailerformEXPAccountSettings .fo-file-del {
	padding: 0 8px;
	cursor: pointer;
}
#fumi-retailerformEXPAccountSettings .co-attention2 {
	background-position: 0 4px;
}
#fumi-retailerformEXPAccountSettings .fo-error-exclamation {
	margin-top: 5px;
}
#fumi-retailerformEXPAccountSettings p.eg {
	display: inline-block;
	padding-top: 5px;
	width: 11em;
	color: #666;
}
#fumi-retailerformEXPAccountSettings,#jsp-tiles-memberManage-registContact .td-inner-box {
	margin-bottom: 8px;
}
#fumi-retailerformEXPAccountSettings .fo-contents table .multiple-frame {
	padding-bottom: 2px;
}
#fumi-retailerformEXPAccountSettings .city-select-area {
	min-width: 280px;
}
#fumi-retailerformEXPAccountSettings .city-select-box-wrap {
	position: relative;
}
#fumi-retailerformEXPAccountSettings .city-select-box {
	position: absolute;
	background-color: #fff;
	box-sizing: border-box;
	padding: 10px 20px 20px 10px;
	min-width: 284px;
	border: 1px solid #aaa;
	top: -1px;
	box-shadow: 2px 2px 3px 0 #bbbbbb;
	-webkit-box-shadow: 2px 2px 3px 0 #bbbbbb;
	-moz-box-shadow: 2px 2px 3px 0 #bbbbbb;
}
#fumi-retailerformEXPAccountSettings .city-select-box #suggest_city {
	height: 120px;
	overflow: auto;
}
#fumi-retailerformEXPAccountSettings .city-select-box .select {
	background-color: #3399ff;
	color: #fff;
}
#fumi-retailerformEXPAccountSettings .city-select-content {
	position: relative;
}
#fumi-retailerformEXPAccountSettings .city-search-mark {
	position: absolute;
	top: 5px;
	left: 7px;
}
#fumi-retailerformEXPAccountSettings .city-co-tooltip-cancel {
	position: absolute;
	top: 5px;
	right: 7px;
	float: none;
}
#fumi-retailerformEXPAccountSettings .city-select-search {
	width: 100%;
	text-indent: 27px;
	line-height: 1.6;
	box-sizing: border-box;
}
#fumi-retailerformEXPAccountSettings .city-select-wrap select {
	width: 100%;
	box-sizing: border-box;
	margin-top: 10px;
}
/* IE8 */
@media \0screen {
	#fumi-retailerformEXPAccountSettings .city-select-search {
		text-indent: 0;
	}
	#fumi-retailerformEXPAccountSettings .city-search-mark {
		display: none;
	}
	#fumi-retailerformEXPAccountSettings .city-select-content:after {
		content: "*Please enter at least 2 letters.";
		display: block;
		position: relative;
		padding-top: 5px;
		color: #666;
	}
}
@media screen and (max-width: 940px) and (min-width: 671px) {
	#fumi-retailerformEXPAccountSettings .city-select-box {
		top: -2px;
		left: 2px;
	}
	#fumi-retailerformEXPAccountSettings .city-search-mark {
		top: 10px;
	}
}

/* Update Online Shop Information */
#foreign-shop-url .regist-table th {
	width: 20%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #eee;
	padding: 13px 10px;
}
#foreign-shop-url .regist-table td.url-area-td {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#foreign-shop-url .photo-no-image {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 150px;
	height: 200px;
	color: #999;
	background-color: #e9e9e9;
	font-size: 116%;
	text-shadow: 1px 1px 1px #fff;
}
/* Update Shop Photos */
.foreign-shop-photo .up-table {
	width: 100%;
	border: 1px solid #ccc;
	border-collapse: collapse;
	zoom: 1;
}
.foreign-shop-photo .up-table td {
	width: 33%;
	padding: 5px;
	border: 1px solid #ccc;
	vertical-align: top;
	text-align: center;
}
.foreign-shop-photo .up-table .co-h3 {
	border-bottom: none;
	line-height: 1.6;
	text-align: left;
}
.foreign-shop-photo .photo-frame {
	width: 100%;
	height: 220px;
	border: 1px solid #eee;
	padding: 1px;
	box-sizing: border-box;
}
.foreign-shop-photo .photo-message {
	margin: 10px 5px 5px;
}
.foreign-shop-photo .no-img {
	display: inline-block;
	margin-bottom: 0;
	padding-top: 100px;
	font-size: 116%;
}
.foreign-shop-photo .email-info-wrap {
	border-top: 1px solid #ccc;
	padding-top: 10px;
}
.foreign-shop-photo .ex-table {
	width: 100%;
	border-collapse: collapse;
}
.foreign-shop-photo .ex-table th,
.foreign-shop-photo .ex-table td {
	width: 30%;
	border: 1px solid #ccc;
	font-size: 93%;
	vertical-align: middle;
}
.foreign-shop-photo .ex-table th {
	background-color: #eee;
	padding: 8px ;
}
.foreign-shop-photo .ex-table th p {
	text-indent: -1.5em;
	padding-left: 1.5em;
	margin-bottom: 0;
	text-align: left;
}
.foreign-shop-photo .ex-table td {
	text-align: center;
	padding: 25px 0;
}
.foreign-shop-photo .ex-photo {
	display: inline-block;
	padding: 1px;
	border: 1px solid #ccc;
}
.foreign-shop-photo .ex-photo img {
	vertical-align: bottom;
}
.foreign-shop-photo {
	text-align: left;
	width: 96%;
}
.foreign-shop-photo .fo-error-exclamation {
	display: inline-block;
}
.foreign-shop-photo .confirm-photo-frame {
	width: 289px;
	height: 215px;
	border: 1px solid #eee;
	text-align: center;
	margin: 10px auto;
	padding: 1px;
}
.foreign-shop-photo .confirm-photo-frame img {
	vertical-align: top;
}
.foreign-shop-photo .no-image {
	padding-top: 100px;
	margin-bottom: 0;
}
.foreign-shop-photo .arrow {
	text-align: center;
	margin: 10px 0;
}
.foreign-shop-photo .confirm-frame {
	width: 33%;
	border: 1px solid #ccc;
	text-align: left;
}
.foreign-shop-del-frame {
	height: 215px;
	margin: 5px auto;
	border: 1px solid #eee;
	padding: 1px;
	vertical-align: middle;
}

/* ランキングページ */
#foreign-rank {
	margin: 0;
	width: 100%;
}
#foreign-rank.rank-zh-cn {font-family: "Microsoft YaHei", "微软雅黑", "Helvetica Neue", Arial, sans-serif;}
#foreign-rank.rank-zh-tw {font-family: "Microsoft JhengHei", "微軟正黑體", "Helvetica Neue", Arial, sans-serif;}
#foreign-rank .rank-wrap {
	text-align: left;
	display: flex;
	justify-content: flex-start;
	width: 96%;
}
#foreign-rank .rank-main {
	background: repeating-linear-gradient(#FFED97, #FFED97 9px, #FDF1B7 9px, #FDF1B7 18px);
	overflow: hidden;
	padding-top: 20px;
}
#foreign-rank .rank-main h2 {
	text-align: center;
	width: 90%;
	padding: 8px 0 15px;
	max-width: 950px;
	margin: 0 auto;
	background: url('/img/ranking/foreign/topselling_bg.png') no-repeat bottom right / contain;
}
#foreign-rank .rank-main h2 img {
	width: 60%;
	max-width: 400px;
}
#foreign-rank .rank-wrap .rank-left-menu {width: 220px;}
#foreign-rank .rank-wrap .co-product-refine {margin-top: 30px;}
#foreign-rank .rank-wrap .rank-left-menu .co-product-refine > .sp-genre {display: none;}
#foreign-rank .rank-wrap .rank-left-menu .co-product-refine > .sp-genre option {
	color: #575757;
}
#foreign-rank .genre-wrap li a:link,
#foreign-rank .genre-wrap li a:visited,
#foreign-rank .genre-wrap li a:hover,
#foreign-rank .genre-wrap li a:active {
	padding: 4px 9px 3px;
	display: block;
	color: #575757;
}
#foreign-rank .genre-wrap li.selected a:link,
#foreign-rank .genre-wrap li.selected a:visited,
#foreign-rank .genre-wrap li.selected a:hover,
#foreign-rank .genre-wrap li.selected a:active {
	background: #2040EF;
	color: #fff;
	font-weight: 600;
}
#foreign-rank .rank-wrap .rank-contents {
	padding-left: 2%;
}
#foreign-rank .rank-wrap .data-collection-wrap {
	padding: 17px 0 12px;
	float: left;
}
#foreign-rank .rank-wrap .data-collection-wrap > a,
#foreign-rank .rank-wrap .data-collection-wrap > span {
	text-align: center;
	display: inline-block;
	padding: 6px 5px 5px;
	width: 110px;
	border: #DCDCDC 1px solid;
	background: #F1F2F4;
	border-radius: 30px;
	font-weight: 600;
	color: #333;
	margin: 3px;
}
#foreign-rank .rank-wrap .data-collection-wrap > span,
#foreign-rank .rank-wrap .data-collection-wrap > a:hover {
	border: #333 solid 1px;
	background: #333;
	color: #fff;
}
#foreign-rank .rank-wrap .data-collection-wrap .period {
	display: inline-block;
	margin: 6px 5px;
	font-size: 12px;
	color: #848484;
}
#foreign-rank .change-country {
	display: inline-block;
	position: relative;
	height: 29px;
	padding: 0 13px 9px;
	margin-top: 20px;
	float: right;
}
#foreign-rank .change-country p {
	background: url('/img/ranking/foreign/icon_earth.svg') no-repeat 0 center / auto 13px;
	padding: 5px 18px;
	font-size: 14px;
	cursor: pointer;
}
#foreign-rank .change-country p::after {
	content: " ";
	display: inline-block;
	position: absolute;
	height: 0;
	right: 15px;
	top: 10px;
	border: 6px transparent solid;
	border-top: 10px #444 solid;
}
#foreign-rank .change-country ul {
	display: none;
	position: absolute;
	width: 130px;
	top: 96%;
	right: calc(50% - 75px);
	background: #fff;
	box-shadow: 3px 3px 6px #00000029;
	border: 1px solid #ADADAD;
	border-radius: 5px;
	padding: 10px;
	text-align: center;
	z-index: 3;
}
#foreign-rank.rank-zh-tw .change-country ul,
#foreign-rank.rank-zh-cn .change-country ul {
	width: 80px;
	right: calc(50% - 50px);
}
#foreign-rank .change-country:hover ul {display: block;}
#foreign-rank .change-country ul li {
	border-bottom: 1px dashed #CFCFCF;
}
#foreign-rank .change-country ul li a:link,
#foreign-rank .change-country ul li a:visited,
#foreign-rank .change-country ul li a:hover,
#foreign-rank .change-country ul li a:active {
	display: block;
	color: #4F504F;
	cursor: pointer;
	padding: 4px;
	text-decoration: none;
}
#foreign-rank .change-country ul li:last-of-type {
	border-bottom: none;
}
#foreign-rank .rank-product-box {
	clear: both;
}
#foreign-rank .rank {
	padding: 30px 10px 10px; 
	counter-reset: ranking;
}
#foreign-rank .rank-box {
	width:256px;
	float:left;
	margin-right:35px;
	margin-bottom:30px;
	position:relative;
	height:32em;
}
#foreign-rank .rank-image {
	width:255px;
	height:255px;
	margin:0 auto;
	position: relative;
}
#foreign-rank .rank-product-number {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 35px;
	height: 35px;
	background-color: #333333;
	color: #ffffff;
	font-size: 20px;
	font-family: "arial";
	border-radius: 50%;
	position: absolute;
	left: 5px;
	top: -15px;
	z-index: 1;
	-webkit-font-smoothing: antialiased;
}
#foreign-rank .rank > div:nth-of-type(-n + 3) .rank-product-number {
	align-items: flex-end;
	width: 50px;
	height: 50px;
	padding-bottom: 5px;
	border-radius: 0;
	left: 0;
	top: -39px;
}
#foreign-rank .rank > div:nth-of-type(n + 4) .rank-product-number {
	font-size: 18px;
}
#foreign-rank .rank > div:first-of-type .rank-image {
	border: 3px solid #ffbb33;
}
#foreign-rank .rank > div:first-of-type .rank-product-number {
	background: url('/img/ranking/foreign/icon_gold.png') no-repeat center;
	background-size: contain;
}
#foreign-rank .rank > div:nth-of-type(2) .rank-image {
	border: 3px solid #a6b5ba;
}
#foreign-rank .rank > div:nth-of-type(2) .rank-product-number {
	background: url('/img/ranking/foreign/icon_silver.png') no-repeat center;
	background-size: contain;
}
#foreign-rank .rank > div:nth-of-type(3) .rank-image {
	border: 3px solid #e39a7d;
}
#foreign-rank .rank > div:nth-of-type(3) .rank-product-number {
	background: url('/img/ranking/foreign/icon_bronze.png') no-repeat center;
	background-size: contain;
}
#foreign-rank .rank-image a {
	display: flex;
	width: 255px;
	height: 255px;
	transition: opacity 0.1s ease;
}
#foreign-rank .rank-image picture {
	display: block;
	width: 100%;
}
#foreign-rank .rank-image a:hover {
	opacity: 0.7;
}
#foreign-rank .rank-image img {
	position: relative;
	max-width: 100%;
	max-height: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
#foreign-rank .rank-soldout {
	position:absolute;
	left:32px;
	top:0;
	z-index: 2;
}
#foreign-rank .rank-text {
	margin:10px 5px;
}
#foreign-rank .product-info {
	height: 2.7em;
	padding:0;
	margin:3px 0;
	overflow: hidden;
	word-break:break-all;
}
#foreign-rank.rank-zh-cn .cpdeal-list,
#foreign-rank.rank-zh-tw .cpdeal-list {
	padding:0;
}
#foreign-rank .vs-retail {
	display: block;
	font-size: 11px;
}
#foreign-rank .rank-dealer-name {
	height: 1.3em;
	padding:0;
	margin:5px 0 5px;
	overflow: hidden;
}
#foreign-rank div.add-wishlist {
	margin: 3px 0 0;
	height: 20px;
}
#foreign-rank .area {
	height:1em;
	margin-top:3px;
}
#foreign-rank .product-info a.rank-product-intro:link { color:#666666; }
#foreign-rank .product-info a.rank-product-intro:visited { color:#666666; }
#foreign-rank .product-info a.rank-product-intro:hover { color:#666666; }
#foreign-rank .trading {
	color: #dc4d4d;
	font-weight: bold;
	margin:3px 0 0;
}
#foreign-rank .soldout {
	color: #dc4d4d;
	font-weight: bold;
}
#foreign-rank .disapproved {
	color: #666666;
	font-weight: bold;
}
#foreign-rank .applied {
	color: #666666;
	font-weight: bold;
}
.jsp-layout-base-layout .ev-side-list .banner-ranking {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	width: 100%;
	height: 130px;
	background-color: #ffbb33;
	box-sizing: border-box;
	border: 1px solid #cccccc;
	margin-bottom: 10px;
	position: relative;
	transition: opacity 0.2s ease;
}
.jsp-layout-base-layout .ev-side-list .banner-ranking:after {
	content: "";
	display: block;
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	border: 1px solid #ffffff;
	position: absolute;
	top: 3px;
	left: 3px;
}
.jsp-layout-base-layout .ev-side-list .banner-ranking:hover {
	opacity: 0.8;
}
.jsp-layout-base-layout .ev-side-list .banner-ranking img {
	width: 172px;
}
.jsp-layout-base-layout .ev-side-list .banner-ranking.detail {
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	color: #ffffff;
	text-decoration: none;
}
.jsp-layout-base-layout .ev-side-list .banner-ranking.detail .genre {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 13em;
	height: 2.3em;
	font-size: 13px;
	line-height: 1.3;
	text-align: center;
	box-sizing: border-box;
	margin: 7px auto;
	overflow: hidden;
}
.jsp-layout-base-layout .ev-side-list .banner-ranking.detail .genre span {
	color: #5d4837;
	display: inline-block;
	font-weight: bold;
	text-align: left;
	max-height: 100%;
}
.jsp-layout-base-layout .ev-side-list .banner-ranking.detail img {
	width: auto;
}
/* TABLET/SP */
@media screen and (max-width: 940px) {
	#foreign-rank .rank-main h2 {
		overflow: visible;
		background-position: 100% bottom;
		width: calc(100% + 140px);
		max-width: 1100px;
		margin-left: -70px;
	}
	#foreign-rank .rank-wrap,
	#foreign-rank .rank-wrap .rank-left-menu {
		display: block;
		width: 100%;
	}
	#foreign-rank .rank-wrap .co-product-refine {
		width: auto;
		margin: 0;
	}
	#foreign-rank .rank-wrap .rank-left-menu .co-product-refine > * {
		display: none;
	}
	#foreign-rank .rank-wrap .rank-left-menu .co-product-refine > .sp-genre {
		display: block!important;
		text-align: center;
		margin: 20px 0 0;
	}
	#foreign-rank .rank-wrap .rank-left-menu .co-product-refine > .sp-genre select {
		text-align: left;
		width: 96%;
		max-width: 400px;
		padding: 10px;
		color: #2040EF;
		font-weight: 600;
		border-color: #ccc;
		border-radius: 4px;
	}
	#foreign-rank .rank-wrap .rank-left-menu .genre-wrap li {
		display: none;
	}
	#foreign-rank .rank-wrap .rank-left-menu .genre-wrap li.selected {
		display: block;
	}
	#foreign-rank .rank-wrap .rank-contents {
		padding: 0;
	}
	#foreign-rank .rank-wrap .data-collection-wrap {
		padding: 12px 2% 17px;
		text-align: center;
		float: none;
	}
	#foreign-rank .change-country {
		margin-top: -20px;
	}
	#foreign-rank .change-country ul,
	#foreign-rank.rank-zh-tw .change-country ul,
	#foreign-rank.rank-zh-cn .change-country ul {
		right: 13px;
	}
	#foreign-rank .rank {
		border-top: 1px solid #cccccc;
		display: flex;
		flex-wrap: wrap;
		padding: 0;
	}
	#foreign-rank .rank-box {
		height: auto;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		padding-bottom: 2.8em;
		margin: 0;
		overflow: hidden;
	}
	#foreign-rank .rank-image {
		width: 100%;
		height: auto;
		border: none!important;
		margin-bottom: 0.5em;
		position: relative;
	}
	#foreign-rank .rank-image:after {
		content: "";
		display: block;
		padding-top: 100%;
	}
	#foreign-rank .rank-image a {
		width: auto;
		height: auto;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}
	#foreign-rank .rank-product-number {
		top: 5px;
		left: 5px;
		width: 25px;
		height: 25px;
		font-size: 15px;
	}
	#foreign-rank .rank > div:nth-of-type(-n + 3) .rank-product-number {
		top: 0;
		left: 5px;
		width: 35px;
		height: 32px;
		padding-bottom: 1px;
	}
	#foreign-rank .ranktop-text {
		width: 95%;
		margin: 0 auto 30px;
	}
	#foreign-rank .rank-dealer-name {
		display: block;
		width: calc(100% - 20px);
		height: 2em;
		font-size: 11px;
		text-align: center;
		box-sizing: border-box;
		padding: 0 5px;
		border: 1px #cccccc solid;
		margin: 0 10px;
		position: absolute;
		bottom: 8px;
		left: 0;
	}
	#foreign-rank .rank-dealer-name a {
		width: 100%;
		height: 100%;
		text-align: center;
		line-height: 2em;
		color: #0066cc;
	}
}
/* TABLET */
@media screen and (min-width: 671px) and (max-width: 940px) {
	#foreign-rank .rank-box {
		width: calc(25% - 1px);
	}
	#foreign-rank .rank-box:nth-of-type(4n) {
		border-right: none;
	}
	#foreign-rank .rank-refine { width: calc(100% - 60px); }
	#foreign-rank .selected-genre {
		font-size: 20px;
		padding: 0 1em 3px 0;
	}
	#foreign-rank .rank-refine .selected-genre span {
		width: calc(100% - 170px);
		margin: 25px 0 0;
	}
}
/* SP */
@media screen and (max-width: 670px) {
	#foreign-rank .rank-main {padding-top: 12px;}
	#foreign-rank .rank-main h2 {
		padding: 0 0 0;
		width: calc(100% + 170px);
		margin-left: -85px;
	}
	#foreign-rank .rank-main h2 img {
		width: calc(86% - 170px);
		max-width: 300px;
	}
	#foreign-rank .rank-refine { width: calc(100% - 20px); }
	#foreign-rank .rank-wrap .rank-left-menu .co-product-refine > .sp-genre {margin-top: 10px;}
	#foreign-rank .selected-genre {
		font-size: 16px;
		text-align: center;
	}
	#foreign-rank .rank-refine .selected-genre span {
		display: inline-block;
		text-align: left;
		margin: 18px 0 0;
	}
	#foreign-rank .rank-wrap .data-collection-wrap {
		padding: 7px 2% ;
		text-align: center;
	}
	#foreign-rank .change-country {
		margin-top: -13px;
	}
	#foreign-rank .rank-box {
		width: calc(50% - 1px);
	}
	#foreign-rank .rank-box:nth-of-type(2n) {
		border-right: none;
	}
}
/* 大口フォーム */
#fumi-retailerformEXPWholesale .order-info-wrap {
	background-color: #e9f3fc;
	width: 100%;
	max-width: 960px;
	margin: 0 auto 20px;
	box-sizing: border-box;
	color: #666;
}
#fumi-retailerformEXPWholesale .order-info-wrap .img-pc {
	width: 888px;
	margin: 0 auto;
	display: block;
}
#fumi-retailerformEXPWholesale .order-info-wrap .intro {
	background-color: #2f6aa8;
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	padding: 5px 10px;
	text-align: center;
}
#fumi-retailerformEXPWholesale .order-info-wrap .intro-2 {
	text-align: center;
	margin: 15px 0;
}
#fumi-retailerformEXPWholesale .order-info-wrap .text {
	font-size: 20px;
	position: relative;
	display: inline-block;
	padding: 0 130px;
}
#fumi-retailerformEXPWholesale .order-info-wrap .text:before,
#fumi-retailerformEXPWholesale .order-info-wrap .text:after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 110px;
	height: 1px;
	background-color: #ccc;
}
#fumi-retailerformEXPWholesale .order-info-wrap .text:before {
	left: 0;
}
#fumi-retailerformEXPWholesale .order-info-wrap .text:after {
	right: 0;
}
#fumi-retailerformEXPWholesale .order-info-wrap ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	counter-reset: number;
	padding: 0 20px 10px;
}
#fumi-retailerformEXPWholesale .order-info-wrap ul li {
	width: 18%;
	position: relative;
	padding-bottom: 0;
	margin-left: 50px;
}
#fumi-retailerformEXPWholesale .order-info-wrap ul li:before {
	position: absolute;
	counter-increment: number;
	content: counter(number);
	border-radius:50%;
	color: #fff;
	font-size: 25px;
	border: 1px solid #bcd7f2;
	background-color: #bcd7f2;
	height: 40px;
	width: 40px;
	line-height: 40px;
	display: inline-block;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-left: -50px;
}
#fumi-retailerformEXPWholesale .order-info-wrap ul li.no-step {
	display: none;
}
#fumi-retailerformEXPWholesale .order-info-wrap ul li.no-step:before {
	display: none;
}
#fumi-retailerformEXPWholesale .detailed {
	border: solid 1px #ccc;
	border-radius: 3px;
	display: inline-block;
	margin: 0 10px 30px;
	padding: 5px 10px;
	text-align: left;
}
#fumi-retailerformEXPWholesale ul {
	padding: 10px 10px 0;
}
#fumi-retailerformEXPWholesale ul li {
	padding-bottom: 10px;
}
#fumi-retailerformEXPWholesale ul li:before {
	content: ' * ';
	margin-left:-12px;
}
#fumi-retailerformEXPWholesale .calender-area {
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
	margin: 0 5px 0 0;
}
#fumi-retailerformEXPWholesale .detail {
	display: inline-block;
	margin: 5px 0;
	vertical-align: top;
}
#fumi-retailerformEXPWholesale .colors {
	width: 300px;
}
#fumi-retailerformEXPWholesale .quantity {
	width: 105px;
}
#fumi-retailerformEXPWholesale .price {
	width: 130px;
}
#fumi-retailerformEXPWholesale .group {
	border-bottom: 0;
	padding: 0;
}
#fumi-retailerformEXPWholesale div.conf {
	border-bottom: solid 1px #ccc;
	padding: 3px 0;
}
#fumi-retailerformEXPWholesale div.conf:last-child {
	border-bottom: 0;
}
#fumi-retailerformEXPWholesale .sp-tit {
	display: none;
}
#fumi-retailerformEXPWholesale .exl-dl {
	display: table-cell;
	background: url(/img/icon/csv_download.png) no-repeat left center;
	background-size: 14px 17px;
	padding: 3px 15px 3px 20px;
}
@media screen and (max-width: 940px) {
	#fumi-retailerformEXPWholesale .order-info-wrap .intro-2 {
		margin: 10px 0;
	}
}
@media screen and (min-width: 671px) and (max-width: 940px) {
	#fumi-retailerformEXPWholesale .order-info-wrap .intro {
		font-size: 2.1vw;
	}
	#fumi-retailerformEXPWholesale .order-info-wrap .text {
		font-size: 2.1vw;
		padding: 0 100px;
	}
	#fumi-retailerformEXPWholesale .order-info-wrap .text:before,
	#fumi-retailerformEXPWholesale .order-info-wrap .text:after {
		width: 90px;
	}
	#fumi-retailerformEXPWholesale .order-info-wrap ul li {
		width: 18%;
		margin-left: 30px;
	}
	#fumi-retailerformEXPWholesale .order-info-wrap ul li:before {
		font-size: 20px;
		height: 30px;
		width: 30px;
		line-height: 30px;
		margin-left: -35px;
	}
	#fumi-retailerformEXPWholesale .order-info-wrap .img-pc {
		width: 96%;
	}
}
@media screen and (max-width: 671px) {
	#fumi-retailerformEXPWholesale .order-info-wrap .img-sp:first-of-type {
		width: 90%;
		max-width: 400px;
	}
	#fumi-retailerformEXPWholesale .order-info-wrap .intro-2 {
		text-align: left;
	}
	#fumi-retailerformEXPWholesale .order-info-wrap .intro {
		font-size: 15px;
		text-align: left;
	}
	#fumi-retailerformEXPWholesale .order-info-wrap .text {
		font-size: 15px;
		padding: 0 10px;
	}
	#fumi-retailerformEXPWholesale .order-info-wrap .text:before,
	#fumi-retailerformEXPWholesale .order-info-wrap .text:after {
		display: none;
	}
	#fumi-retailerformEXPWholesale .order-info-wrap ul li {
		width: 100%;
		margin: 0 0 10px 20px;
		display: block;
	}
	#fumi-retailerformEXPWholesale .order-info-wrap ul li:before {
		font-size: 16px;
		height: 20px;
		width: 20px;
		line-height: 20px;
		margin-left: -25px;
	}
	#fumi-retailerformEXPWholesale .order-info-wrap ul li.no-step {
		display: block;
		text-align: center;
		margin: 0;
	}
	#fumi-retailerformEXPWholesale .order-info-wrap ul li.no-step .img-sp {
		width: 100%;
		max-width: 200px;
		margin: 0 auto 20px;
		border-bottom: solid 1px #ccc;
	}
	#fumi-retailerformEXPWholesale .order-info-wrap .img-pc {
		display: none;
	}
	#fumi-retailerformEXPWholesale ul {
		padding: 5px 10px 0;
	}
	#fumi-retailerformEXPWholesale ul li {
		padding-bottom: 5px;
	}
	#fumi-retailerformEXPWholesale .colors {
		width: 100%;
	}
	#fumi-retailerformEXPWholesale .fo-textbox-vlong {
		max-width: 350px;
		width: 97%;
	}
	#fumi-retailerformEXPWholesale .calender-area {
		margin: 0;
	}
	#fumi-retailerformEXPWholesale .group {
		border-bottom: solid 1px #ccc;
		padding: 5px 0;
	}
}
/* お問い合わせフォーム */
#fumi-retailerformEXPContact .contact-info-text {
	width: 960px;
	margin: 0 auto;
}
#fumi-retailerformEXPContact .contact-info-text .contact-info-l {
	float: left;
	width: 600px;
	font-size: 14px;
}
#fumi-retailerformEXPContact .contact-info-text .contact-info-r {
	float: right;
	width: 280px;
	border-radius: 5px;
	padding: 12px 12px 12px 58px;
	box-sizing: border-box;
	background: url('/img/common/other_parts/question_baloon_02.png') 8px 5px no-repeat #eeeeee;
	background-size: 38px 46px;
}
#fumi-retailerformEXPContact .co-writing-link {
	text-decoration-line: underline;
}
@media screen and (max-width: 940px) {
	#fumi-retailerformEXPContact .contact-info-text {
		width: 96%;
	}
	#fumi-retailerformEXPContact .contact-info-text .contact-info-l {
		width: auto;
	}
}
/*-------------------------------------------------------------------------------------------------------------------------------------
パンクズ
------------------------------------------------------- */
.pankuzu-list {
	font-size: 13px;
	font-weight: bold;
	width: 96%;
	margin: 5px auto;
}
.pankuzu-list a:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 6px;
	height: 6px;
	margin: 0 8px 2px 5px;
	border-top: 2px #8f8f8f solid;
	border-right: 2px #8f8f8f solid;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.pankuzu-list a:last-child:after { display: none; }
/* TAB/SP */
@media screen and (max-width: 940px) {
	.pankuzu-list { display: none; }
}

/*-------------------------------------------------------------------------------------------------------------------------------------
商品詳細モーダル
------------------------------------------------------- */
#exp-deatil-modal {
	position: fixed;
	left: 0!important;
	width: 100%;
	z-index: 100003;
	visibility: hidden;
	top: 50%;
	transform: translateY(-50%);
	transition: .3s;
}
#exp-deatil-modal * { box-sizing: border-box; }
#exp-deatil-modal .co-tooltip-text {
	background-color: #ffffff;
	padding: 1px;
	width: 95%;
	max-width: 1132px;
	margin: 0 auto;
	position: relative;
	border-radius: 10px;	
}

.detail-modal-tooltip-cancel {
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 5;
	width: 23px;
	height: 23px;
}
.detail-modal-tooltip-cancel:hover {
	cursor: pointer;
}
.detail-modal-tooltip-cancel::before,.detail-modal-tooltip-cancel::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 27px;
  background: #4D4D4D;
}
.detail-modal-tooltip-cancel::before {
	transform: translate(-50%,-50%) rotate(45deg);
}
.detail-modal-tooltip-cancel::after {
	transform: translate(-50%,-50%) rotate(-45deg);
}
#exp-deatil-modal .detail-modal-wrap {
	display: flex;
	justify-content: center;
	text-align: center;
	padding: 20px 74px 20px 80px;
	position: relative;
	align-items: flex-start;	
}
/* ×ボタン */
#exp-deatil-modal .co-tooltip-cancel {
	position: absolute;
	right: 2px;
	top: 2px;
	z-index: 5;
	width: 1.6em;
	height: 1.6em;
	padding: 1px 2px 2px;
}
/*** 拡大画像 ***/
#exp-deatil-modal .detail-modal-image-wrap {
	display: inline-block;
	vertical-align: top;
	flex: 0 1 494px;
	margin-right: 12px;
	position: relative;	
}
#exp-deatil-modal .detail-modal-large-box {
	display: block;
	width: 100%;
	height: 494px;
	border: 1px #cccccc solid;
	overflow: hidden;
	position: relative;	
}
#exp-deatil-modal .detail-modal-large-box img {
	width: auto;
	height: auto;
	position: relative;
}
#exp-deatil-modal .detail-modal-large-box .defaultImage {
	max-width: 100%;
	max-height: 100%;
	border-width: 0px;
	margin: auto;
	top: 0;
	bottom: 0;
	position: absolute;
}
#exp-deatil-modal .detail-modal-large-box .zoomImg { display: none; }
#exp-deatil-modal .detail-modal-large-box .defaultImage:hover { cursor: url('/js/product/zoom/img/click_1.cur'),pointer; }
#exp-deatil-modal .detail-modal-large-box .zoomImg:hover { cursor: url('/js/product/zoom/img/click_2.cur'),pointer; }
#exp-deatil-modal .detail-modal-large-box .zoom {
	width: 100%;
	display: none;
}
#exp-deatil-modal .modal-image-clear {
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-image: url('/img/mark/clear.gif');
}
#exp-deatil-modal .detail-modal-large-box .modal-image-clear { display: none; }
/*** 画像送り ***/
#exp-deatil-modal .detail-modal-image-wrap .detail-modal-prev,
#exp-deatil-modal .detail-modal-image-wrap .detail-modal-next {
	font-size: 0;
	cursor: default;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -100px;
	z-index: 5;
}
#exp-deatil-modal .detail-modal-image-wrap .detail-modal-prev span,
#exp-deatil-modal .detail-modal-image-wrap .detail-modal-next span {
	display: block;
	background-color: #f8f8f8;
	border: 1px #dddddd solid;
	height: 200px;
	width: 20px;
}
#exp-deatil-modal .detail-modal-image-wrap .detail-modal-prev { left: 0; }
#exp-deatil-modal .detail-modal-image-wrap .detail-modal-next { right: 0; }
#exp-deatil-modal .detail-modal-image-wrap .detail-modal-prev span:before,
#exp-deatil-modal .detail-modal-image-wrap .detail-modal-next span:before {
	content: '';
	display: block;
	width: 11px;
	height: 11px;
	border-top: 2px #dddddd solid;
	border-right: 2px #dddddd solid;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -6px;
}
#exp-deatil-modal .detail-modal-image-wrap .detail-modal-prev span:before {
	margin-left: -4px;
	-ms-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
#exp-deatil-modal .detail-modal-image-wrap .detail-modal-next span:before {
	margin-left: -9px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
/* 有効なとき */
#exp-deatil-modal .detail-modal-image-wrap .detail-modal-prev.detail-navi-active span,
#exp-deatil-modal .detail-modal-image-wrap .detail-modal-next.detail-navi-active span {
	border: 1px #888888 solid;
	background-color: rgba(0,0,0,0.3);
	cursor: pointer;
}
#exp-deatil-modal .detail-modal-image-wrap .detail-modal-prev.detail-navi-active span:before,
#exp-deatil-modal .detail-modal-image-wrap .detail-modal-next.detail-navi-active span:before {
	border-top: 2px #ffffff solid;
	border-right: 2px #ffffff solid;
}
#exp-deatil-modal .detail-modal-image-wrap .detail-modal-prev.detail-navi-active span:hover,
#exp-deatil-modal .detail-modal-image-wrap .detail-modal-next.detail-navi-active span:hover { background-color: rgba(110,110,110,0.7); }

/*** サムネイル ***/
#exp-deatil-modal .detail-modal-thum-wrap {
	line-height: 0;
	text-align: left;
	position: relative;
	z-index: 2;
	margin-top: -6px;
	flex: 0 1 470px;
}
#exp-deatil-modal .detail-modal-thum-wrap-inner {
	display: flex;
	flex-wrap: wrap;
}
#exp-deatil-modal .detail-modal-thum-wrap .detail-modal-thum-box {
	position: relative;
	height: 66px;
	width: 66px;
	margin: 6px;	
}
#exp-deatil-modal .detail-modal-thum-wrap .detail-modal-thum-box.modal-thum-on::before {
	position: absolute;
	border: 2px solid #2489CE;
	left: 0;
	top: 0;
	content: "";
	width: 62px;
	height: 62px;
	z-index: 2;	
}
#exp-deatil-modal .detail-modal-thum-wrap .detail-modal-thum {
	border: 1px #cccccc solid;
	position: relative;
	width: 100%;
	height: 100%;	
}
#exp-deatil-modal .detail-modal-thum-wrap .detail-modal-thum img {
	border: 0;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);	
}
/* 画像転載不可の文言(*Image reproduction prohibited) */
#exp-deatil-modal .detail-image-noprint {
	color: #dc4d4d;
	margin-top: 3px;
	line-height: 1.4;
}
/* 画像転載不可の文言(*Image reproduction before purchase is prohibited) */
#exp-deatil-modal .detail-image-noprint.before-purchase {
	color: #dc4d4d;
	margin-top: 3px;
	line-height: 1.4;
	padding-right: 105px;
}
#modalDialogMaskDetail {
	width: 100%;
	height: 100%;
	position: fixed;
	visibility: hidden;
	opacity: 0.3;
	background-color: #000000;
	top: 0;
	left: 0;
	z-index: 10000;
	transition: .3s;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
	#exp-deatil-modal {
		height: 100%;
		top: 0;
		transform: translateY(0);
	}
	#exp-deatil-modal .co-tooltip-text {
		height: 100%;
		width: 100%;
		border: 0;
		border-radius: 0;
		box-shadow: none;
	}
	.detail-modal-tooltip-cancel {
		display: none;
	}
	#exp-deatil-modal .detail-modal-wrap {
		display: block;
		height: 100%;
		padding: 0;
	}
	/* ×ボタン */
	#exp-deatil-modal .co-tooltip-cancel {
		background-color: transparent;
		color: #cccccc;
		font-size: 50px;
		width: auto;
		height: auto;
		right: 7px;
		top: -10px;
	}
	/*** 拡大画像 ***/
	#exp-deatil-modal .detail-modal-image-wrap {
		width: 100%;
		/* min-height: 100%; */
		margin: 0 auto;
	}
	#exp-deatil-modal .detail-modal-large-box {
		width: 100%;
    height: 100vw;
    max-height: 500px;
		border: none;
	}
	/* 画像送り */
	#exp-deatil-modal .detail-modal-image-wrap .detail-modal-prev,
	#exp-deatil-modal .detail-modal-image-wrap .detail-modal-next { 
		padding: 90px 10px;
		margin-top: 0;
		transform: translateY(-50%);
	}
	#exp-deatil-modal .detail-modal-image-wrap .detail-modal-prev span,
	#exp-deatil-modal .detail-modal-image-wrap .detail-modal-next span {
		position: relative;
		height: 40px;
		width: 40px;
		border-radius: 50%;
		border: none!important;
	}
	/*** サムネイル ***/
	#exp-deatil-modal .detail-modal-thum-wrap {
		padding: 20px 8px 0;
		text-align: left;
		width: auto;
		margin: 0;
	}
	/* 画像転載不可の文言(*Image reproduction prohibited) */
	#exp-deatil-modal .detail-image-noprint {
		margin: 5px 10px 10px;
		text-align: right;
	}
	/* 画像転載不可の文言(*Image reproduction before purchase is prohibited) */
	#exp-deatil-modal .detail-image-noprint.before-purchase {
		padding-right: 0px;
	}
	#exp-deatil-modal .detail-modal-thum-wrap .detail-modal-thum-box {
		width: calc(calc(100% - 88px)/11);
		padding-bottom: calc(calc(100% - 88px)/11);
		height: 0;
		margin: 4px;
	}
	#exp-deatil-modal .detail-modal-thum-wrap .detail-modal-thum {
		position: relative;
    padding-bottom: calc(100% - 2px);
	}
	#exp-deatil-modal .detail-modal-thum-wrap .detail-modal-thum-box.modal-thum-on::before {
		width: calc(100% - 4px);
    height: calc(100% - 4px);
	}
	#modalDialogMaskDetail {
		z-index: 0;
		background: none;
	}	
}
/* SP */
@media screen and (max-width: 670px) {
	#exp-deatil-modal .detail-modal-image-wrap {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
		background: #fff;
	}
	/*** サムネイル ***/
	#exp-deatil-modal .detail-modal-thum-wrap { 
		padding-top: 100vw;
		height: 100%;
		width: 100%;
		overflow-y: scroll;
	}
	#exp-deatil-modal .detail-modal-thum-wrap-inner {
		overflow-y: scroll;
		padding-bottom: 70px;
	}
	#exp-deatil-modal .detail-modal-thum-wrap .detail-modal-thum-box { 
		width: calc(calc(100% - 48px) / 6);
		padding-bottom: calc(calc(100% - 48px) / 6);
	}
	#exp-deatil-modal .detail-modal-thum-wrap .detail-modal-thum img {
		max-width: calc(100% - 2px);
	}
}

/********* 検討中ハートマークの文言を海外向けに位置修正 *********/
.add-to-wishlist .add-whis-txt {box-sizing: content-box!important;}
.add-to-wishlist:hover .add-whis-txt {left: -2.1em;}
.added-wish:hover .add-whis-txt,
.added-wish .add-whis-txt {left: 10px;}
.add-to-wishlist .add-whis-txt::before,
.add-to-wishlist .add-whis-txt::after {left: 26%;}
.add-to-wishlist.wish-error .add-whis-txt {
	left: -2.2em;
	width: 7em;
}

/********* SOLD OUT/掲載終了海外向けに修正 *********/
.co-product-soldout-m-120,
.co-product-soldout-m-160,
.co-product-postexit-m-120,
.co-product-postexit-m-160,
.co-product-deals-unavailable-m-120,
.co-product-deals-unavailable-m-160
{
	line-height: 1.4;
	padding: 2px 0!important;
	font-size: 13px!important;
}
.co-product-soldout-m-120 {top: 42%!important;}
.co-product-soldout-m-160 {top: 44%!important;}

/********* 海外用にNEWマーク微調整 *********/
.co-new {
	padding: 2px 0 0;	
	margin: 0 3px 0 0;
}

/********* export用取引不可 *********/
.itembox-out-line .item-image-box.no-hover:hover { opacity: 1.0; }
.deals-unavailable{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(195, 195, 195, 0.5);
}

/********* SP用ヘッダとtabのワードクリアボタン *********/
.sort-and-filter-word-clear-button-wrap,
.word-clear-button-wrap {
	width: 40px;
	height: 40px;
	position: absolute;
	cursor: pointer;
}
.sort-and-filter-word-clear-button-wrap {right: 0;}
.word-clear-button-wrap {
	right: 40px;
	top: 0;
}
.word-clear-button {
	background: url('/img/common/button/search_clear_en_00.png') no-repeat;
	background-size: cover;
	display: inline-block;
	position: absolute;
	margin: 0 12px 0 7px;
	padding: 0;
	right: 0;
    top: 11px;
    height: 11px;
    width: 11px;
}
/* 海外休業日カレンダー
---------------------------------------- */
/* ★★★個別（修正必要）★★★ */
/*** 今年（今月）の部分 ***/
/* 年号と日にちの枠の部分（70px * 今年（今月）の表示日数） */
#exp-holiday-calender .calender-head > div:first-child,
#exp-holiday-calender .calender-part > .calender-part-inner:first-child { width: calc(70px * 5); }
/* 日にち（100% * 今年（今月）の表示日数） */
#exp-holiday-calender .calender-part > div:first-child > .calender-date { width: 70px; }

/*** 来年（来月）の部分 ***/
/* 年号と日にちの枠の部分（70px * 来年（来月）の表示日数+1） */
#exp-holiday-calender .calender-head > div:last-child,
#exp-holiday-calender .calender-part > .calender-part-inner:last-child { width: calc(70px * 7); }
/* 日にち（100% * 来年（来月）の表示日数+1） */
#exp-holiday-calender .calender-part > div:last-child > .calender-date { width: 70px; }

/*** 注記 ***/
/* ボーダー幅、位置（
	width:70px * 各サービスの休業日数、
	margin-left:70px * カレンダー上で空けておきたい日数 + 余白分の調整分）※前日の終業時間を記載する際は日数を-1
 */
#exp-holiday-calender .calender-note .close-type .sd-close {
	width: calc(70px * 10 - 10px);
	margin-left: calc(70px * 1 );
}
#exp-holiday-calender .calender-note .close-type .dms-close {
	width: calc(70px * 0 - 10px);
	margin-left: calc(70px * 0 );
}

/*** ★★★基本（修正不要）★★★ ***/
#exp-holiday-calender * { box-sizing: border-box; }
/* 年号 */
#exp-holiday-calender .calender-head > div {
	background-color: #aaaaaa;
	color: #ffffff;
	font-size: 16px;
	padding: 2px 8px 0;
	margin-right: 3px;
	display: inline-block;
	vertical-align: top;
}
/* 日付 */
#exp-holiday-calender .calender-part .calender-part-inner,
#exp-holiday-calender .calender-part .calender-date {
	display: inline-block;
	vertical-align: top;
	text-align: center;
}
#exp-holiday-calender .calender-part .calender-date { padding: 5px; }
#exp-holiday-calender .calender-part .calender-date p {
	display: table-cell;
	vertical-align: middle;
	width: 60px;
	height: 60px;
	border-radius: 50%;
}
#exp-holiday-calender .calender-part .calender-date p.holiday {
	background-color: #ffe0df;
}
#exp-holiday-calender .calender-part .calender-date span {
	color: #666666;
	font-size: 12px;
	display: block;
	margin-bottom: -5px;
}

/*** 注記 ***/
#exp-holiday-calender .calender-note { color: #dc4d4d; margin-bottom: 20px;}
#exp-holiday-calender .calender-note > * {
	text-align: center;
	display: inline-block;
	vertical-align: top;
}
/* 前日の終業時間 */
#exp-holiday-calender .calender-note .prev-close {
	line-height: 1.2;
	font-size: 13px;
	width: 70px;
	taxt-align: center;
}
/* SD、DMSの休業期間 */
#exp-holiday-calender .calender-note .close-type { margin-top: -6px; }
#exp-holiday-calender .calender-note .close-type p {
	margin-top: 11px;
	position: relative;
}
#exp-holiday-calender .calender-note .close-type p:after {
	content: '';
	display: block;
	height: 1px;
	background-color: #dc4d4d;
	margin-top: -11px;
}
#exp-holiday-calender .calender-note .close-type span {
	display: inline-block;
	background-color: #ffffff;
	padding: 0 8px;
	margin-top: -22px;
}
#exp-holiday-calender .calender-note .close-type span:before,
#exp-holiday-calender .calender-note .close-type span:after {
	content: '';
	display: inline-block;
	display: block;
	border-top: 1px #dc4d4d solid;
	border-right: 1px #dc4d4d solid;
	position: absolute;
	top: 5px;
	width: 10px;
	height: 10px;
}
#exp-holiday-calender .calender-note .close-type span:before {
	-ms-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	left: 1px;
}
#exp-holiday-calender .calender-note .close-type span:after {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	right: 1px;
}
/* ごあいさつ枠 */
#holiday-grtng {
	width: 770px;
	border: 1px #87a9ac solid;
	padding: 45px 45px 35px 55px;
	margin: 60px 8px;
	background: url('/img/news/en_holiday/winter/bg_snowflake_01.png') left -45px bottom -20px no-repeat;
	box-shadow: 0px 3px 7px 0px rgba(100,100,100,0.4);
}
#holiday-grtng .holiday-grtng-txt {
	display: inline-block;
	vertical-align: middle;
	width: calc(45% - 30px);
	padding-right: 30px;
	color: #666666;
	line-height: 1.6;
}
#holiday-grtng .holiday-grtng-img {
	display: inline-block;
	vertical-align: middle;
	width: 410px;
	border: 4px #c9e0e2 solid;
	line-height: 0;
}
/********************* ログイン後ヘッダ下に期間限定ポイント案内欄を追加 ***********************/
/* 国内版あり、unique.cssを元にunique_exp.cssに追記してあります。 */
/*** TOP ***/
.point-top-later {
	z-index: 0;
}
.point-top-later .point-wrap {
	max-width: 560px;
	left: calc(50% - 315px);
	padding-left: 85px;
	margin-top: 0;
	margin-bottom: 0;
}
.point-top-later .point-wrap .expire {
	width: 68px;
	height: 68px;
	top: calc(50% - 34px);
	line-height: 1.1;
	text-align: center;
}
.point-top-later .point-wrap .expire>dt {
	font-size: 13px;
	width: 5em;
	text-align: center;
	margin-bottom: 2px;
}
.point-top-later .point-wrap .expire>dd {
	font-size: 15px;
}
.point-top-later .point-wrap .point-text {
	position: relative;
	top: 4px;
}
.point-top-later .point-wrap .point-yen {
	font-size: 58px;
}
.point-top-later .point-wrap .text-01 {
	font-size: 26px;
	width: 14em;
	position: absolute;
	left: 187px;
	top: 11px;
}
.point-top-later .point-wrap .text-02 {
	display: block;
	font-size: 16px;
	width: 23em;
	margin-left: 0!important;
	margin-top: 0!important;
	position: absolute;
	left: 187px;
	top: 41px;
	letter-spacing: 0;
}
/* SP */
@media screen and (max-width: 670px) {
	.point-top-later {
		padding: 8px 0 7px;
	}
	.point-top-later .point-wrap {
		max-width: 320px;
		left: calc(50% - 150px);
		padding-left: 50px;
		margin-top: 0;
		margin-bottom: 0;
	}
	.point-top-later .point-wrap .expire {
		width: 61px;
		height: 61px;
		top: calc(50% - 31px);
		left: -20px;
	}
	.point-top-later .point-wrap .expire>dt {
		display: block;
		font-size: 11px;
		margin-bottom: 0;
	}
	.point-top-later .point-wrap .expire>dd {
		font-size: 12px;
		font-weight: normal!important;
	}
	.point-top-later .point-wrap .point-text {
		top: -7px;
	}
	.point-top-later .point-wrap .point-yen {
		font-size: 21px;
	}
	.point-top-later .point-wrap .text-01 {
		font-size: 14px;
		left: 70px;
		top: 8px;
		letter-spacing: 0.02em;
	}
	.point-top-later .point-wrap .text-02 {
		font-size: 11px;
		left: 1px;
		top: 27px;
		letter-spacing: 0.02em;
	}
}
/*** TOP以外 ***/
.point-top-later.point-other-page {
	padding: 7px 0;
}
.point-top-later.point-other-page .point-wrap {
	max-width: 290px;
	left: calc(50% - 190px);
	padding-left: 85px;
	margin: 0;
}
.point-top-later.point-other-page .point-wrap .expire {
	width: 71px;
	height: 71px;
	top: calc(50% - 35px);
}
.point-top-later.point-other-page .point-wrap .expire>dt {
	font-size: 11px;
	width: 5em;
	margin-bottom: 0;
}
.point-top-later.point-other-page .point-wrap .expire>dd {
	margin-left: 0;
	font-size: 13px;
}
.point-top-later.point-other-page .point-wrap .point-text {
	top: -6px;
}
.point-top-later.point-other-page .point-wrap .point-yen {
	font-size: 22px;
	padding: 0;
}
.point-top-later.point-other-page .point-wrap .text-01 {
	font-size: 14px;
	left: 73px;
	top: 8px;
}
.point-top-later.point-other-page .point-wrap .text-02 {
	font-size: 12px;
	left: 1px;
	top: 25px;
	margin-left: 0!important;
	letter-spacing: 0.02em;
}
/* SP */
@media screen and (max-width: 670px) {
	.point-top-later.point-other-page {
		padding: 8px 0 7px;
	}
	.point-top-later.point-other-page .point-wrap {
		max-width: 320px;
		left: calc(50% - 150px);
		padding-left: 50px;
		margin-top: 0;
		margin-bottom: 0;
	}
	.point-top-later.point-other-page .point-wrap .expire {
		width: 61px;
		height: 61px;
		top: calc(50% - 31px);
		left: -20px;
	}
	.point-top-later.point-other-page .point-wrap .expire>dt,
	.point-top-later.point-other-page .point-wrap .expire>dd {
		font-weight: normal!important;
	}
	.point-top-later.point-other-page .point-wrap .expire>dt {
		display: block;
		margin-top: 1px;
		font-size: 11px;
	}
	.point-top-later.point-other-page .point-wrap .expire>dd {
		font-size: 12px;
	}
	.point-top-later.point-other-page .point-wrap .point-text {
		top: -7px;
	}
	.point-top-later.point-other-page .point-wrap .point-yen {
		font-size: 21px;
	}
	.point-top-later.point-other-page .point-wrap .text-01 {
		font-size: 14px;
		left: 70px;
		top: 8px;
		letter-spacing: 0.02em;
	}
	.point-top-later.point-other-page .point-wrap .text-02 {
		font-size: 11px;
		left: 1px;
		top: 27px;
		letter-spacing: 0.02em;
		width: 23em
	}
}
/* サンプル請求フォーム*/
#fumi-retailerformEXPSample * {box-sizing: border-box;}
#fumi-retailerformEXPSample .co-w960 {max-width: 1060px;}
#fumi-retailerformEXPSample .catch-img{
	width: 100%;
	background: #fc9708;
	line-height: 0;
}
#fumi-retailerformEXPSample .catch-img img{
	max-width: 98%;
	margin: 0 auto;
}
#fumi-retailerformEXPSample .sample-list,
#fumi-retailerformEXPSample .sample-list-conf{
	width: 100%;
	margin: 0 auto;
	padding: 20px 0 0 20px;
	border-bottom: 1px #cccccc solid;
	text-align: center;
}
#fumi-retailerformEXPSample .co-title1-txt{margin: 0 auto; max-width: 1020px;}
#fumi-retailerformEXPSample .co-title1-txt p{margin: 20px;}
#fumi-retailerformEXPSample .sample-list .fo-checkbox,
#fumi-retailerformEXPSample .sample-list-conf .fo-conf-img {
	margin-bottom: 20px;
	margin-right: 20px;
}
#fumi-retailerformEXPSample .sample-list-conf .fo-conf-img {
	display: inline-block;
	margin-right: 15px;
}
#fumi-retailerformEXPSample .sample-list .fo-checkbox label{
	margin-top: 10px;
	text-align: center;
}
#fumi-retailerformEXPSample .sample-list .fo-checkbox input[type="checkbox"]:checked ~ label span:before{
	left: -19px;
}
#fumi-retailerformEXPSample .sample-list .fo-checkbox input[type="checkbox"]:checked ~ label span:after{
	left: -16px;
}
#fumi-retailerformEXPSample .sample-list .fo-checkbox label:before {
	left: 50%;
	margin-left: -8px;
}
#fumi-retailerformEXPSample .sample-list .fo-checkbox a,
#fumi-retailerformEXPSample .sample-list-conf .fo-conf-img span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 150px;
	height: 150px;
	line-height: 0;
}
#fumi-retailerformEXPSample .sample-list .fo-checkbox a img,
#fumi-retailerformEXPSample .sample-list-conf .fo-conf-img img{
	max-width: 150px;
	max-height: 150px;
}

@media screen and (max-width:670px){
#fumi-retailerformEXPSample .sample-list,
#fumi-retailerformEXPSample .sample-list-conf{
	margin: 0 auto;
	padding: 0 0 0 2%;
}
#fumi-retailerformEXPSample .sample-list .fo-checkbox,
#fumi-retailerformEXPSample .sample-list-conf .fo-conf-img{margin-right: 2%;}
	#fumi-retailerformEXPSample .sample-list .fo-checkbox {
		margin-bottom: 30px;
	}
#fumi-retailerformEXPSample .sample-list .fo-checkbox input[type="checkbox"]:checked ~ label span:before{
	left: -22px;
	}
#fumi-retailerformEXPSample .sample-list .fo-checkbox input[type="checkbox"]:checked ~ label span:after{
	left: -16px;
	}
#fumi-retailerformEXPSample .sample-list .fo-checkbox label:before {
	margin-left: -11px;
}
}

/*** 企業商品一覧、詳細：企業情報 ***/
#dealer-info-area {
	text-align: left;
	width: 96%;
	margin: 10px auto 20px;
}
#dealer-info-area p { margin: 0; }
#dealer-info-area .dealer-info-namearea {
	padding: 4px 5px 0;
	border-left: 7px #999999 solid;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
	position: relative;
}
#dealer-info-area .dealer-info-namearea :not(.co-red-icon) { vertical-align: middle; }
#dealer-info-area .dealer-info-namearea a {
	color: #333333;
}
#dealer-info-area .dealer-info-namearea a:hover { text-decoration: none; }
#dealer-info-area .dealer-info-namearea .dealer-name-cap {
	font-size: 12px;
	font-weight: normal;
	margin: 0;
}
#dealer-info-area .dealer-info-namearea .co-red-icon { margin: 0 5px; }
#dealer-info-area .dealer-status-area {
	align-items: center;
	border-left: 7px #999999 solid;
	padding: 2px 0;
	display: flex;
}
/* 満足度 */
#dealer-info-area .dealer-satisfy-area { margin-left: 20px; }
#dealer-info-area .dealer-satisfy-area .dealer-satisfaction-score.frn {
	width: 650px;
}
/* ツールチップ */
[id^='dealer-prof-wrap'] {
	text-align: left;
	font-size: 14px;
	position: relative;
	margin-left: 7px;
}
[id^='dealer-prof-wrap'] p { margin: 0; }
[id^='dealer-prof-wrap'] #dealer-prof-chk { display: none; }
[id^='dealer-prof-wrap'] .dealer-prof-switch {
	color: #666666;
	display: block;
	font-size: 13px;
	cursor: pointer;
}
[id^='dealer-prof-wrap'] .dealer-prof-switch:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0;
	border-color: #666666 transparent;
	margin-left: 5px;
}
[id^='dealer-prof-wrap'] .dealer-prof-inner {
	background-color: #ffffff;
	padding: 15px 25px;
	border-radius: 5px;
	border: 1px #cccccc solid;
	position: absolute;
	width: 450px;
	box-sizing: border-box;
	left: 0;
	top: calc(100% + 4px);
	z-index: 6;
	display: none;
}
/* 企業名部分 */
[id^='dealer-prof-wrap'] .dealer-prof-inner .dealer-prof-name {
	font-weight: bold;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px #cccccc solid;
}
[id^='dealer-prof-wrap'] .dealer-prof-inner .dealer-prof-name span { font-size: 15px; }
[id^='dealer-prof-wrap'] .dealer-prof-inner .dealer-prof-name a {
	color: #1b76d1;
	white-space: nowrap;
	font-size: 13px;
}
/* 企業情報 */
[id^='dealer-prof-wrap'] .dealer-prof-tbl {
	border-collapse: collapse;
	width: 100%;
}
[id^='dealer-prof-wrap'] .dealer-prof-tbl tr:nth-child(2n) { background-color: #f6f6f6; }
[id^='dealer-prof-wrap'] .dealer-prof-tbl th,
[id^='dealer-prof-wrap'] .dealer-prof-tbl td {
	vertical-align: top;
	padding: 5px;
}
[id^='dealer-prof-wrap'] .dealer-prof-tbl th {
	color: #666666;
	font-size: 12px;
	text-align: right;
	width: 140px;
}
[id^='dealer-prof-wrap'] .dealer-prof-website a {
	font-size: 12px;
	word-break: break-all!important;
	word-wrap: break-word!important;
}
/* SP */
@media screen and (max-width: 670px) {
	[id^='dealer-prof-wrap'] { margin-bottom: 0; }
	[id^='dealer-prof-wrap'] .dealer-prof-switch {
		color: #1b76d1;
		font-size: 12px;
		padding: 3px 12px 2px;
		border: 1px #1b76d1 solid;
		border-radius: 40px;
		white-space: nowrap;
	}
	[id^='dealer-prof-wrap'] .dealer-prof-switch:after { display: none; }
	[id^='dealer-prof-wrap'] .dealer-prof-inner {
		border: 0;
		border-radius: 0;
		padding: 0;
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		box-sizing: border-box;
		z-index: 10000;
	}
	[id^='dealer-prof-wrap'] .dealer-prof-h {
		height: 45px;
		background-color: #4d4d4d;
		color: #ffffff;
		font-size: 16px;
		font-weight: bold;
		padding: 11px 15px;
		position: relative;
		box-sizing: border-box;
	}
	[id^='dealer-prof-wrap'] .dealer-prof-inner .dealer-prof-content {
		height: calc(100% - 45px);
		overflow-x: hidden;
		overflow-y: auto;
	}
	[id^='dealer-prof-wrap'] .dealer-prof-inner .dealer-prof-name {
		display: block;
		padding: 5px 8px;
		border-bottom-width: 2px;
	}
	[id^='dealer-prof-wrap'] .dealer-prof-inner .dealer-prof-name a { display: block; }
	[id^='dealer-prof-wrap'] .dealer-prof-inner .dealer-prof-name span { font-size: 14px; }
	[id^='dealer-prof-wrap'] .dealer-prof-tbl,
	[id^='dealer-prof-wrap'] .dealer-prof-tbl tbody,
	[id^='dealer-prof-wrap'] .dealer-prof-tbl tr,
	[id^='dealer-prof-wrap'] .dealer-prof-tbl th,
	[id^='dealer-prof-wrap'] .dealer-prof-tbl td { display: block; }
	[id^='dealer-prof-wrap'] .dealer-prof-tbl { margin-bottom: 60px; }
	[id^='dealer-prof-wrap'] .dealer-prof-tbl tr { background-color: #ffffff!important; }
	[id^='dealer-prof-wrap'] .dealer-prof-tbl th,
	[id^='dealer-prof-wrap'] .dealer-prof-tbl td { padding: 5px 11px; }
	[id^='dealer-prof-wrap'] .dealer-prof-tbl th {
		text-align: left;
		background-color: #f6f6f6;
		width: auto;
	}
	[id^='dealer-prof-wrap'] .dealer-prof-website a { font-size: 11px; }
	/* 閉じるボタン */
	[id^='dealer-prof-wrap'] .dealer-prof-h span {
		box-sizing: border-box;
		position: absolute;
		right: 10px;
		top: 50%;
		margin-top: -16px;
		border-radius: 50%;
		line-height: 1;
		width: 30px;
		height: 30px;
		background-color: #ffffff;
		cursor: pointer;
	}
	[id^='dealer-prof-wrap'] .dealer-prof-h span:before,
	[id^='dealer-prof-wrap'] .dealer-prof-h span:after {
		content: '';
		display: block;
		position: absolute;
		width: 18px;
		height: 4px;
		border-radius: 2px;
		background-color: #666666;
		top: 13px;
		left: 6px;
	}
	[id^='dealer-prof-wrap'] .dealer-prof-h span:before { transform: rotate(45deg); }
	[id^='dealer-prof-wrap'] .dealer-prof-h span:after { transform: rotate(-45deg); }
}

/*** 取引企業一覧、検討中リストの販売企業マーク ***/
/* hover注釈 */
.posting-vendor-mark {
	position: relative;
	display: inline-block;
}
.posting-vendor-mark:before {
	content: '';
	display: inline-block;
	width: 26px;
	height: 26px;
	margin: 3px 1px 0 6px;
	background: url('/img/common/icon/icon_posting.svg') center center / 18px 14px no-repeat #DBE8F7;
	border-radius: 100%;
}
.posting-vendor-mark p {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	margin: 0;
	padding: 8px 10px;
	width: 230px;
	border-radius: 5px;
	border: 1px solid #ADADAD;
	background-color: #FFF;
	box-shadow: 3px 3px 6px 0px rgba(0,0,0, 0.16);
	color: #7D7D7D;
	text-align: left;
	z-index: 3;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.3;
}
.posting-vendor-mark p b {
	margin-bottom: 2px;
	font-weight: 600;
	display: block;
}
.posting-vendor-mark:hover p { display: block; }

@media screen and (max-width: 940px) {
	.posting-vendor-mark p {
		left: auto;
		right: 0;
	}
}
@media screen and (max-width:475px){
	.posting-vendor-mark {
		position: initial;
	}
	.posting-vendor-mark p {
		left:0;
		right: 0;
		width: 100%;
		box-sizing: border-box;
	}
}

/************************* 掲載企業問い合わせモーダル *************************/
/************ Large order estimates用のcssは商品詳細専用cssに記載 ************/
#posting-inq-mdl {
	padding: 0;
	height: 65%;
}
/*** 問い合わせメニュー ***/
#posting-inq-mdl .posting-inq-menu {
	background-color: #87acd2;
	display: flex;
	padding: 0 30px;
	height: 50px;
	margin: 0;
}
#posting-inq-mdl .posting-inq-menu li {
	cursor: pointer;
	padding: 0 30px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: content-box;
}
#posting-inq-mdl .posting-inq-menu li.distributor {
	display: none !important;
}
#posting-inq-mdl .posting-inq-menu li:hover { background-color: #97b7d7; }
#posting-inq-mdl .posting-inq-menu li.inq-menu-on {
	background-color: #f6f6f6;
	color: #333333;
}
/* 共通 */
#posting-inq-mdl .refer-guide {
	margin-left: 30px;
}
#posting-inq-mdl .refer-guide-txt {
	margin: 0 0 20px 0;
	font-size: 13px;
	color: #dc4d4d;
	background-position: left 4px;
}
#posting-inq-mdl .posting-inq-cont {
	padding: 30px 40px 0;
	margin: 0;
	display: none;
	text-align: left;
}
#posting-inq-mdl .posting-inq-cont:not([class*='postiong-inq-order']) {
	position: relative;
	height: calc(100% - 50px);
	overflow-x: hidden;
	overflow-y: auto;
}
#posting-inq-mdl .posting-inq-h {
	margin: 0 auto 15px;
	font-size: 14px;
	line-height: 1.3;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
#posting-inq-mdl .posting-inq-h p { margin: 0; }
#posting-inq-mdl .posting-inq-h p,
#posting-inq-mdl .posting-inq-h span:not(.posting-inq-h-note) { font-weight: bold; }
#posting-inq-mdl .posting-inq-h .posting-inq-h-step {
	color: #aaaaaa;
	border-left: 2px #aaaaaa solid;
	padding-left: 7px;
}
#posting-inq-mdl .posting-inq-h .posting-inq-h-txt { margin-left: 10px; }
#posting-inq-mdl .posting-inq-h .posting-inq-h-note { font-size: 13px; }
#posting-inq-mdl .posting-inq-h span { margin-left: 8px; }
#posting-inq-mdl .posting-inq-subh {
	font-weight: bold;
	color: #666666;
	margin-bottom: 5px;
}
#posting-inq-mdl .posting-inq-subh .posting-inq-eg {
	position: relative;
	width: 1.2em;
	height: 1.2em;
	padding: 0 3px;
	display: inline-block;
	box-sizing: content-box;
}
#posting-inq-mdl .posting-inq-subh .posting-inq-eg:before {
	content: '?';
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
	margin-left: 2px;
	background-color: #999999;
	color: #ffffff;
	font-size: 11px;
	font-family: Arial;
	text-align: center;
	border-radius: 3px;
}
#posting-inq-mdl .posting-inq-subh .posting-inq-egtxt {
	display: none;
	position: absolute;
	left: 100%;
	top: 0;
	width: 90vw;
	max-width: 350px;
	border-radius: 5px;
	border: 1px #bbbbbb solid;
	background-color: #ffffff;
	box-shadow: 1px 1px 3px 0px #bbbbbb;
	color: #666666;
	text-align: left;
	z-index: 3;
	font-weight: normal;
	padding: 8px 10px;
}
#posting-inq-mdl .posting-inq-subh .posting-inq-eg:hover .posting-inq-egtxt { display: block; }
#posting-inq-mdl table { background-color: #ffffff; }
/* 共通:フォーム */
#posting-inq-mdl .posting-inq-err {
	margin: -10px auto 10px;
	text-align: center;
}
#posting-inq-mdl .fo-error-exclamation { font-size: 14px; }
#posting-inq-mdl textarea,#posting-inq-mdl input[type='text'],#posting-inq-mdl input[type='tel'],#posting-inq-mdl select {
	font-family: "メイリオ", Meiryo, "Hiragino Sans", sans-serif !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	outline: none;
	box-sizing: content-box;
	border: 1px #cccccc solid;
	border-radius: 3px;
	padding: 5px 4px;
}
#posting-inq-mdl textarea {
	width: calc(100% - 10px);
	height: 11.5em;
	font-size: 14px;
	resize: none;
}
/* 共通；ローディング */
#posting-inq-mdl .posting-inq-loadbg,
#posting-inq-mdl .posting-inq-sending {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 999999;
}
#posting-inq-mdl .posting-inq-loading {
	width: 4px;
	height: 4px;
	margin: 0 13px 2px;
	position: relative;
	overflow: visible!important;
}
#posting-inq-mdl .posting-inq-loading,
#posting-inq-mdl .posting-inq-loading:before,
#posting-inq-mdl .posting-inq-loading:after {
	-webkit-animation: post-inq-load 0.7s infinite;
	animation: post-inq-load 0.7s infinite;
	border-radius: 50%;
}
#posting-inq-mdl .posting-inq-loading:before,
#posting-inq-mdl .posting-inq-loading:after {
	content: '';
	display: inline-block;
	width: 4px;
	height: 4px;
	position: absolute;
}
#posting-inq-mdl .posting-inq-loading:before {
	left: -9px;
	background-color: #cccccc;
}
#posting-inq-mdl .posting-inq-loading {
	background-color: #aaaaaa;
	animation-delay: 0.2s;
}
#posting-inq-mdl .posting-inq-loading:after {
	right: -9px;
	background-color: #888888;
	animation-delay: 0.4s;
}
/* アニメーション */
@-webkit-keyframes post-inq-load {
	0% { background-color: #cccccc; }
	100% { background-color: #888888; }
}
@-moz-keyframes post-inq-load {
	0% { background-color: #cccccc; }
	100% { background-color: #888888; }
}
@-ms-keyframes post-inq-load {
	0% { background-color: #cccccc; }
	100% { background-color: #888888; }
}
@keyframes post-inq-load {
	0% { background-color: #cccccc; }
	100% { background-color: #888888; }
}
/* 送信中 */
#posting-inq-mdl .posting-inq-sending { background-color: rgba(255,255,255,0.6); }
#posting-inq-mdl .posting-inq-sending div {
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	top: 50%;
}
#posting-inq-mdl .posting-inq-sending div:before,
#posting-inq-mdl .posting-inq-sending div:after,
#posting-inq-mdl .posting-inq-sending span,
#posting-inq-mdl .posting-inq-sending span:before,
#posting-inq-mdl .posting-inq-sending span:after {
	display: inline-block;
	width: 13px;
	height: 13px;
	position: absolute;
	border-radius: 50%;
	-ms-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: post-inq-send 0.7s infinite;
	animation: post-inq-send 0.7s infinite;
	box-shadow: 0 0 0 3px #ffffff;
}
#posting-inq-mdl .posting-inq-sending div:before,
#posting-inq-mdl .posting-inq-sending div:after,
#posting-inq-mdl .posting-inq-sending span:before,
#posting-inq-mdl .posting-inq-sending span:after { content: ''; }
#posting-inq-mdl .posting-inq-sending div:before,
#posting-inq-mdl .posting-inq-sending div:after { left: 0; }
#posting-inq-mdl .posting-inq-sending div:before {
	background-color: #f0f0f0;
	top: -30px;
}
#posting-inq-mdl .posting-inq-sending span:nth-child(1):before {
	background-color: #eeeeee;
	animation-delay: 0.1s;
}
#posting-inq-mdl .posting-inq-sending span:nth-child(1) {
	background-color: #dcdcdc;
	left: 30px;
	animation-delay: 0.2s;
}
#posting-inq-mdl .posting-inq-sending span:nth-child(1):after {
	background-color: #d3d3d3;
	animation-delay: 0.3s;
}
#posting-inq-mdl .posting-inq-sending div:after {
	background-color: #c0c0c0;
	top: 30px;
	animation-delay: 0.4s;
}
#posting-inq-mdl .posting-inq-sending span:nth-child(2):after {
	background-color: #a9a9a9;
	animation-delay: 0.5s;
}
#posting-inq-mdl .posting-inq-sending span:nth-child(2) {
	background-color: #808080;
	left: -30px;
	animation-delay: 0.6s;
}
#posting-inq-mdl .posting-inq-sending span:nth-child(2):before {
	background-color: #696969;
	animation-delay: 0.7s;
}
#posting-inq-mdl .posting-inq-sending span:nth-child(1),
#posting-inq-mdl .posting-inq-sending span:nth-child(2) { top: 0; }
#posting-inq-mdl .posting-inq-sending span:nth-child(1):before,
#posting-inq-mdl .posting-inq-sending span:nth-child(2):before { top: -20px; }
#posting-inq-mdl .posting-inq-sending span:nth-child(1):after,
#posting-inq-mdl .posting-inq-sending span:nth-child(2):after { top: 20px; }
#posting-inq-mdl .posting-inq-sending span:nth-child(1):before,
#posting-inq-mdl .posting-inq-sending span:nth-child(1):after { left: -10px; }
#posting-inq-mdl .posting-inq-sending span:nth-child(2):before,
#posting-inq-mdl .posting-inq-sending span:nth-child(2):after { left: 10px; }
/* アニメーション */
@-webkit-keyframes post-inq-send {
	0% { background-color: #f0f0f0; }
	100% { background-color: #696969; }
}
@-moz-keyframes post-inq-send {
	0% { background-color: #f0f0f0; }
	100% { background-color: #696969; }
}
@-ms-keyframes post-inq-send {
	0% { background-color: #f0f0f0; }
	100% { background-color: #696969; }
}
@keyframes post-inq-send {
	0% { background-color: #f0f0f0; }
	100% { background-color: #696969; }
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#posting-inq-mdl { height: 80%; }
	#posting-inq-mdl .posting-inq-menu { padding: 0; }
	#posting-inq-mdl .posting-inq-menu li {
		width: calc(25% - 14px);
		padding: 0 7px;
	}
	#posting-inq-mdl .posting-inq-cont { padding: 25px 25px 0; }
}
/* TAB・SP */
@media screen and (max-width: 940px) {
	#posting-inq-mdl .refer-guide { margin-left: 0;}
}
/* SP */
@media screen and (max-width: 670px) {
	#posting-inq-mdl { position: static; }
	#posting-inq-mdl textarea { height: 8em; }
	#posting-inq-mdl .posting-inq-cont { padding: 25px 10px 40px; }
	#posting-inq-mdl .posting-inq-menu-txt {
		font-weight: bold;
		margin: 0;
		padding: 15px 11px 0;
		background-color: #ffffff;
		color: #666666;
		text-align: left;
	}
	#posting-inq-mdl .posting-inq-menu {
		background-color: #ffffff;
		padding: 0 11px 11px;
		flex-wrap: wrap;
		justify-content: space-between;
		height: auto;
		position: relative;
	}
	#posting-inq-mdl .posting-inq-menu li:last-child:after {
		content: '';
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 13px 18px 0;
		border-color: #ffffff transparent;
		position: absolute;
		top: 100%;
		left: calc(50% - 18px);
	}
	#posting-inq-mdl .posting-inq-menu li {
		width: calc(50% - 18px);
		min-height: 40px;
		padding: 0 5px;
		margin-top: 8px;
		border-radius: 5px;
		border: 2px #cccccc solid;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		cursor: pointer;
		line-height: 1.1;
		font-size: 13px;
		color: #666666;
		font-weight: normal;
	}
	#posting-inq-mdl .posting-inq-menu li:hover {
		background-color: #f7f7f8;
		border-color: #999999;
	}
	#posting-inq-mdl .posting-inq-menu li.inq-menu-on {
		background-color: #f2f8ff;
		border-color: #599bde;
		color: #0066cc;
	}
	#posting-inq-mdl .posting-inq-h .posting-inq-h-txt { font-size: 13px; }
	#posting-inq-mdl .posting-inq-err { margin-top: 0; }
	#posting-inq-mdl .posting-inq-subh { position: relative; }
	#posting-inq-mdl .posting-inq-subh .posting-inq-eg { position: static; }
	#posting-inq-mdl .posting-inq-subh .posting-inq-egtxt {
		left: 0;
		top: calc(100% + 2px);
	}
}
/****** サブミットボタン *****/
#posting-inq-mdl .postiong-inq-submit {
	text-align: center;
	margin-top: 20px;
	position: relative;
}
#posting-inq-mdl .postiong-inq-submit > * { vertical-align: middle; }
#posting-inq-mdl .postiong-inq-btn {
	text-align: center;
	margin: 20px 0 40px;
}
#posting-inq-mdl .postiong-inq-submit .co-btn-blue a,
#posting-inq-mdl .postiong-inq-btn .co-btn-blue a { font-size: 16px; }
/* 注意事項 */
#posting-inq-mdl .postiong-inq-notice {
	padding: 8px 0;
	border-top: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	margin: 20px auto 15px;
	width: 75%;
	color: #666666;
}
#posting-inq-mdl .postiong-inq-notice p { margin: 0; }
#posting-inq-mdl .postiong-inq-notice .inq-notice-h {
	font-weight: bold;
	text-align: center;
}
#posting-inq-mdl .postiong-inq-notice .inq-notice-h:before,
#posting-inq-mdl .postiong-inq-submit .inq-notice-blnbtn:before {
	content: '';
	display: inline-block;
	vertical-align: -3px;
	margin-right: 5px;
	width: 15px;
	height: 15px;
	background: url('/img/common/icon/info_important_dgray.png') center center no-repeat;
	background-size: contain;
}
#posting-inq-mdl .postiong-inq-notice .inq-notice-txt {
	margin-top: 3px;
	text-align: left;
}
/* サブミット（セット表、商品情報共通） */
#posting-inq-mdl [class*='postiong-inq-order'] .postiong-inq-submit {
	padding: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 15;
}
#posting-inq-mdl [class*='postiong-inq-order'] .postiong-inq-submit .co-btn { margin: 0 8px; }
/* サブミット（セット表） */
#posting-inq-mdl .postiong-inq-order-area .postiong-inq-submit {
	background-color: rgba(255,255,255,0.6);
	border-top: 1px #eeeeee solid;
}
/* サブミット（商品情報） */
#posting-inq-mdl .postiong-inq-orderinfo-area .postiong-inq-submit { background-color: #dadada; }
#posting-inq-mdl .postiong-inq-orderinfo-area .postiong-inq-submit .inq-product-re a:before {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	border-style: solid;
	border-width: 3px 0 0 3px;
	border-color: #333333;
	transform: rotate(-45deg);
	border-radius: 2px;
	margin: 0 3px 0 2px;
}
#posting-inq-mdl .postiong-inq-submit .inq-notice-blnbtn {
	color: #0066cc;
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	cursor: pointer;
}
#posting-inq-mdl .postiong-inq-submit .inq-notice-blnbtn:before { margin-risght: 3px; }
#posting-inq-mdl .postiong-inq-submit .inq-notice-bln {
	display: none;
	position: absolute;
	bottom: calc(100% - 12px);
	right: calc(50% - 258px);
	padding: 8px 10px;
	background-color: #fff7e1;
	border: 1px #cccccc solid;
	max-width: 485px;
	width: 63%;
	text-align: left;
	color: #666666;
}
#posting-inq-mdl .postiong-inq-submit .inq-notice-bln:after {
	content: '';
	display: block;
	position: absolute;
	right: 46px;
	top: calc(100% - 6px);
	width: 12px;
	height: 12px;
	background-color: #fff7e1;
	border-left: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	transform: rotate(-45deg);
}
/* SP */
@media screen and (max-width: 670px) {
	#posting-inq-mdl .postiong-inq-submit .co-btn-blue a,
	#posting-inq-mdl .postiong-inq-btn .co-btn-blue a { font-size: 13px; }
	#posting-inq-mdl .postiong-inq-btn {
		left: 0;
		background-color: rgba(255,255,255,0.6);
		display: block;
		text-align: center;
	}
	#posting-inq-mdl .postiong-inq-btn,
	#posting-inq-mdl [class*='postiong-inq-order'] .postiong-inq-submit {
		padding: 10px 0;
		position: -webkit-sticky!important;
		position: sticky!important;
		width: auto;
		width: calc(100% + 10px);
		margin-left: -5px;
		background-color: rgba(238,238,238,0.6)!important;
		border-top: 1px #dadada solid;
		z-index: 4;
		bottom: 45px!important; /* タイトル帯分 */
	}
	#posting-inq-mdl .postiong-inq-notice {
		width: 100%;
		margin-bottom: 60px;
	}
	#posting-inq-mdl .postiong-inq-notice .inq-notice-txt { padding: 0 7px; }
	#posting-inq-mdl .posting-inq-cont:not([class*='postiong-inq-order']) {
		height: auto;
		overflow: initial;
	}
	#posting-inq-mdl .posting-inq-cont:not([class*='postiong-inq-order']) .postiong-inq-submit { padding-right: 0; }
	#posting-inq-mdl [class*='postiong-inq-order'] .postiong-inq-submit .co-btn { margin: 0; }
	/* サブミット（商品情報） */
	#posting-inq-mdl .postiong-inq-orderinfo-area .postiong-inq-submit {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
	}
	#posting-inq-mdl .postiong-inq-orderinfo-area .postiong-inq-submit .co-btn-blue { margin-left: 6px; }
}
/****** カレンダー *****/
/* カレンダー */
#posting-inq-mdl [id^='co-calender-input-form'] {
	width: calc(50% - 1em);
	max-width: 180px;
}
#posting-inq-mdl [id^='co-calender-input-form'] .hasDatepicker {
	height: 32px;
	border: 1px #cccccc solid;
	padding: 0 35px 0 3px;
	width: calc(100% - 42px);
	font-size: 11px;
}
#posting-inq-mdl [id^='co-calender-input-form'] .ui-datepicker-trigger {
	border-radius: 0 5px 5px 0;
	border: 1px #cccccc solid;
	box-sizing: border-box;
}

/****** 購入履歴：注文キャンセルモーダル ******/
#co-mdl-mdlbg .co-mdl-content .order-cancel-tbl {
	width: 90%;
	margin: 0 auto;
	border-collapse: collapse;
}
#co-mdl-mdlbg .co-mdl-content .order-cancel-tbl .order-calcel-img span {
	display: flex;
	width: 60px;
	height: 60px;
	background-color: #e0e0e0;
	margin-right: 15px;
	align-items: center;
	justify-content: center;
}
#co-mdl-mdlbg .co-mdl-content .order-cancel-tbl .order-calcel-img img {
	max-width: 60px;
	max-height: 60px;
}
#co-mdl-mdlbg .co-mdl-content .order-cancel-tbl th,
#co-mdl-mdlbg .co-mdl-content .order-cancel-tbl td {
	vertical-align: top;
	padding: 3px 0;
	text-align: left;
}
#co-mdl-mdlbg .co-mdl-content .order-cancel-tbl tr:not(:first-child) th,
#co-mdl-mdlbg .co-mdl-content .order-cancel-tbl tr:not(:first-child) td { border-top: 1px #cccccc solid; }
#co-mdl-mdlbg .co-mdl-content .order-cancel-tbl th {
	font-weight: bold;
	padding-right: 20px;
	white-space: nowrap;
}
/* SP */
@media screen and (max-width: 670px) {
	#co-mdl-mdlbg .co-mdl-content .order-cancel-tbl {
		width: 100%;
		margin-top: 20px;
	}
	#co-mdl-mdlbg .co-mdl-content .order-cancel-tbl th,
	#co-mdl-mdlbg .co-mdl-content .order-cancel-tbl td:not(.order-calcel-img) { display: block; }
	#co-mdl-mdlbg .co-mdl-content .order-cancel-tbl tr:first-child th { border-top: 1px #cccccc solid; }
	#co-mdl-mdlbg .co-mdl-content .order-cancel-tbl tr:last-child td { border-bottom: 1px #cccccc solid; }
	#co-mdl-mdlbg .co-mdl-content .order-cancel-tbl tr:not(:first-child) td { border-top: 0; }
	#co-mdl-mdlbg .co-mdl-content .order-cancel-tbl th { padding: 5px 8px; }
	#co-mdl-mdlbg .co-mdl-content .order-cancel-tbl td:not(.order-calcel-img) { padding: 0 8px 5px; }
}
/*-------------------------------------------------------------------------------------------------------------------------------------
ログアウト完了ページ
------------------------------------------------------- */
#logout-complete {
	width: 100%;
	margin: 0 auto;
	background: #1b67ad;
	padding: 20px 0 25px 0;
	border-bottom: solid 1px #a1c4e8;
}
#logout-complete .complete-explain{text-align: center;}
#logout-complete .complete-explain .text-area .comment .backto{padding-top: 10px;}
#logout-complete .complete-explain .text-area .comment .backto a{
  color: #ffffff;
}
#logout-complete .complete-explain .text-area .comment .two_info{
	font-size: 13px;
	text-align: left;
	margin: 0 auto;
  color: #1B67AD;
  font-weight: bold;
	padding-top: 5px;
  color: #ffffff;
	}
#logout-complete .complete-explain .text-area .comment .two_info span.twoinfo_bold{font-weight: bold;}
#logout-complete .complete-explain .text-area .inner {
	width: 100%;
	max-width: 350px;
  margin: 10px auto -20px;
	display: block;
	text-align: left;
}
#logout-complete .complete-explain .text-area .inner .icon {
	background: url(/img/contents/logout/logout_icon.svg) no-repeat top center;
	background-size: auto 95%;
	display: inline-block;
	padding: 0 0 0 15px;
	vertical-align: inherit;
	width: 50px;
	height: 38px;
}
#logout-complete .complete-explain .text-area .inner .message{
	float: none;
	display: inline-block;
}
#logout-complete .complete-explain .text-area .inner .complete_message{
	font-size: 23px;
	font-weight: bold;
	margin: 10px 0 0 0;
  color: #ffffff;
}
#logout-complete .complete-explain .text-area .inner .progress_message_sub {
	font-size: 20px;
	margin: 0 0 10px;
  color: #ffffff;
}
#logout-contents .content-wrap h1 {
	font-size: 24px;
	font-weight: bold;
  color: #1b67ad;
}
#logout-contents .content-wrap .desc {
	font-size: 15px;
	margin: 5px 0 60px 0;
}
#logout-contents .compare .content-wrap {
  max-width: 1118px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 30px;
}
#logout-contents .compare{
	position: relative;
	text-align: center;
	padding: 35px 0 25px 0;
  background: linear-gradient(#FFFFFF, #DEF1FF);
  margin-bottom: -34px;
}
#logout-contents .compare table{
	padding: 0px 10px 0;
	margin: 0 auto;
	font-size: 18px;
	border-spacing: 0;
}
#logout-contents .compare table .cont-th{
  width: 161px;
  color: #1B67AD;
  font-weight: bold;
  background-color: #E4E4E4;
  padding: 25px 10px;
  border-bottom: 1px solid #979799e8;
}
#logout-contents .compare table tr:nth-of-type(6) .cont-th{
	border-bottom: none;
}
#logout-contents .compare table td{
  width: 40%;
	background-color: #ffffff;
	padding: 25px 10px;
  border: 1px solid #979799e8;
  font-size: 16px;
}
#logout-contents .compare table td:nth-child(1){
	border-right: none;
}
#logout-contents .compare table td:nth-child(3){
	border-left: none;
}
#logout-contents .compare table td:nth-child(3){
	border-left: none;
}
#logout-contents .compare table .compare-ttl {
  font-size: 25px;
  font-weight: bold;
  color: #ffffff;
  padding: 2px 10px 10px;
  border-radius: 5px 5px 0 0;
  border: none;
}
#logout-contents .compare table .compare-jp{
	background: linear-gradient(to right, #F3B6C2, #E866A9 );
}
#logout-contents .compare table .compare-en{
	background: linear-gradient(to right, #8DCBA2, #22804E );
}
#logout-contents .compare table .link-area{
	border: none;
}
#logout-contents .compare table .link-jp{
	margin-right: 15%;
}
#logout-contents .compare table .link-en{
	margin-left: 15%;
}
#logout-contents .compare table .none{
	background-color: transparent;
	border: none;
}
#logout-contents .link {
  position: relative;
  display: inline-block;
  font-size: 22px;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  border-radius: 28px;
  padding: 12px 70px 12px 60px;
  background: linear-gradient(to right, #F3B6C2, #E866A9);
  margin: 45px auto 15px;
}
#logout-contents .link::after {
  position: absolute;
  content: '';
  top: 54%;
  right: 6%;
  width: 10px;
  height: 10px;
  border: 0;
  border-top: solid 4px #fff;
  border-right: solid 4px #fff;
  transform: rotate(45deg) translateY(-50%) translateX(-50%);
  margin: 0 6px 0 0;
}
#logout-contents .link:hover{
	opacity: 0.8;
}
#logout-contents .compare table .service_img_ja{
  width: 50%;
  background-color: rgba(255, 255, 255, 0);
}
#logout-contents .compare table .service_img_ja img{
  width: 93%;
  height: auto;
  transform: translate(13px, 10px);
}
#logout-contents .compare table .service_img_en{
  width: 50%;
  background-color: rgba(255, 255, 255, 0);
}
#logout-contents .compare table .service_img_en img{
  width: 100%;
  height: auto;
}
#logout-contents .compare table .site_icon{
  margin: 21px 12px -9px 0;
  width: 7% !important;
}
#logout-contents .compare table .cont-th-01{
	width: 161px;
	color: #FEF40B;
  font-weight: bold;
  font-size: 24px;
	background-color: #1B67AD;
	padding: 5px 0;
	border:none;
}
#logout-contents .compare .co-bold {
  color: #000000;
  padding: 0 10px;
  font-size: 16px;
  font-weight: 600;
  padding: 0;
}
#logout-contents .compare table td .co-dib {
  color: #62637ed2;
  padding: 0 10px;
  font-size: 16px;
}
#logout-contents .compare table .cont-th-01 .dli-arrow-left{
  display: inline-block;
  vertical-align: middle;
  color: #ffffff;
  line-height: 1;
  position: relative;
  width: 17%;
  height: 0.1em;
  background: currentColor;
}
#logout-contents .compare table .cont-th-01 .dli-arrow-left::before {
  content: '';
  width: 0.5em;
  height: 0.5em;
  border: 0.1em solid currentColor;
  border-right: 0;
  border-bottom: 0;
  transform: rotate(-45deg);
  transform-origin: top left;
  position: absolute;
  top: 50%;
  left: -0.05em;
  box-sizing: border-box;
}
#logout-contents .compare table .cont-th-01 .dli-arrow-right{
  display: inline-block;
  vertical-align: middle;
  color: #ffffff;
  line-height: 1;
  position: relative;
  width: 17%;
  height: 0.1em;
  background: currentColor;
}
#logout-contents .compare table .cont-th-01 .dli-arrow-right::before {
  content: '';
  width: 0.5em;
  height: 0.5em;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  transform: rotate(45deg);
  transform-origin: top right;
  position: absolute;
  top: 50%;
  right: -0.05em;
  box-sizing: border-box;
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 670px) {

#logout-contents .compare table .cont-th-01 .dli-arrow-right {
  display: none;
}
#logout-contents .compare table .cont-th-01 .dli-arrow-left {
  display: none;
}
}
/* SP */
@media screen and (max-width: 670px) {
  #logout-contents .compare .table-2 td:nth-child(1){
    border-right:1px solid #979799e8;
  }
  #logout-contents .compare table .compare-td{
		padding: 15px 12px;
    width: 50%;
    font-size: 15px;
	}
  #logout-contents .compare table .cont-th-01 .dli-arrow-right {
    display: none;
  }
  #logout-contents .compare table .cont-th-01 .dli-arrow-left {
    display: none;
  }
  #logout-contents .content-wrap .desc {
    margin: 5px 0 26px 0;
}
#logout-contents .compare table .site_icon {
  margin: 5px 15px -22px 0;
  width: 15% !important;
}
	#logout-complete .complete-explain .text-area .comment .two_info{width: 300px;}
	#logout-complete .complete-explain .text-area .inner .icon {
		padding: 0;
		width: 100%;
		height: 38px;
		margin: 5px 0;
	}
	#logout-complete .complete-explain .text-area .inner .message{
		text-align: center;
		width: 100%;
	}
	#logout-complete .complete-explain .text-area .inner .complete_message{
		font-size: 20px;
		margin: 0;
		}
	#logout-complete .complete-explain .text-area .inner .comment {font-size: 17px;}
	#logout-contents .content-wrap h1 {
		font-size: 21px;
		font-weight: bold;
		padding: 0 2px;
	}
	#logout-contents .compare{
		position: static;
	}
	#logout-contents .compare table{
		table-layout: fixed;
		padding: 0px 0px 0;
		font-size: 13px;
		letter-spacing: -0.04em;
	}
	#logout-contents .compare table td{
		padding: 20px 4px;
		width: 42%;
	}
	#logout-contents .compare table .compare-ttl{
		font-size: 18px;
		padding: 10px 3px;
	}
  #logout-contents .compare table .cont-th-01 {
    font-size: 16px;
    letter-spacing: 0.5px;
}
	#logout-contents .compare table .cont-th{
		font-size: 13px;
    display: none;
	}
	#logout-contents .compare table .link-area{
		display: none;
	}
	#logout-contents .compare .sp-link,
	#logout-contents .compare .sp-link a{
		display: block;
		margin: 30px auto 0;
	}
	#logout-contents .compare table .co-dib{
		display: inline!important;
	}
	#logout-contents .link {
		font-size: 16px;
		padding: 12px 25px 12px 12px;
		width: 90%;
		box-sizing: border-box;
		max-width: 305px;
		background-color: #f66262;
    margin: 25px auto 15px;
	}
}
/* メッセージ海外用レイアウト -------------------------------------------- */
#msgbox.retailer-exp.fixed {
	z-index: 100;
	position: relative;
}
#msgbox.retailer-exp *:not(.mail-detail-body) * {
	word-break: break-all!important;
}
#msgbox.retailer-exp.fixed #mail-list .pagenation {
	bottom: 0;
	left: 0;
}
#msgbox.retailer-exp #mailbox-list li:first-child div:first-child a > span {
	padding-right: 15px;
}
#msgbox.retailer-exp #mailbox-list li:first-child > div:first-child {
	width: 86px;
}
#msgbox.retailer-exp .status {
	flex-basis: 79px;
	min-width: 85px;
}
#msgbox.retailer-exp .status > span {
	padding: 0 10px 0 23px;
	min-width: 78px;
	margin: 0 auto;
}
#msgbox.retailer-exp .status.processed > span {
	padding: 0 23px 0 20px;
}
#msgbox.retailer-exp .status > span:after {
	left: 3px;
}
#msgbox.retailer-exp .status.processed > span:after {
	left: 59px;
}
#msgbox.retailer-exp #message .mail-detail.replying {
	height: calc(100% - 290px);
}
#msgbox.retailer-exp #message .mail-detail .title .co-fr {
	width: 150px;
}
#msgbox.retailer-exp #message .mail-detail .mail-body-openTgl span:before {
	content: "Open";
}
#msgbox.retailer-exp #message .mail-detail [id^='mail-body']:checked ~ .body .mail-body-openTgl {
	padding-right: 15px;
}
#msgbox.retailer-exp #message .mail-detail [id^='mail-body']:checked ~ .body .mail-body-openTgl span:before {
	content: "Close";
}
#msgbox.retailer-exp .right-container.mail-new .confirm .new-mail-th {
	width: 8em;
}
#msgbox.retailer-exp .right-container.mail-new .confirm .new-mail-td {
	width: calc(100% - 8em - 30px);
}
#msgbox.retailer-exp #message .reply-container {
	overflow-y: auto;
}
#msgbox.retailer-exp #posting-inq-mdl {
	height: auto;
}
#msgbox.retailer-exp #posting-inq-mdl input {
	box-sizing: border-box;
}

/*PC*/
@media screen and (min-width: 941px) {
	#msgbox.retailer-exp .mailbox-list-container .make-new {
		margin: 15px 35px 15px 25px;
		flex-basis: 200px;
	}
	#msgbox.retailer-exp .right-container .mail-new-inner > div > div:not(.confirm-btn):not(.mail-box-container-sp) {
		margin-bottom: 5px;
		padding-bottom: 25px;
	}
	#msgbox.retailer-exp .main-container {
		height: calc(100vh - 131px);
	}
	#msgbox.retailer-exp #mail-list {
		min-width: 355px;
	}
	#msgbox.retailer-exp .right-container.mail-new {
		height: calc(100vh - 132px);
	}
}

/* TAB */
@media screen and (max-width: 940px) {
	#msgbox.retailer-exp .mailbox-list-container .make-new {
		flex-basis: 110px;
	}
	#msgbox.retailer-exp .right-container.mail-new .confirm .new-mail-th {
		margin: 2px 10px 3px 0;
	}
	#msgbox.retailer-exp .right-container.mail-new .confirm .new-mail-td {
		width: calc(100% - 8em - 10px);
	}
	#msgbox #mailbox-list-sp li:last-of-type div:first-child >a {
		padding-left: 0!important;
	}
	#msgbox.retailer-exp .sort-box .sort {
		padding-right: 12px;
	}
	#msgbox.retailer-exp #search-box-sp {
		padding-left: 12px;
		padding-right: 12px;
	}
	#msgbox.retailer-exp .mail-list-container ul {
		padding-bottom: 40px;
	}
	#header-fixd-content #rwd_mail_box_mdl,
	#header-fixd-content #rwd_search_box {
		position: fixed;
		transition: top 0.3s, left 0.3s;
		top: 100vh;
		left: 0;
	}
	#msgbox.retailer-exp #rwd_search_box_reset_btn {
		font-size: 13px;
	}
	#header-fixd-content.mail-box #rwd_mail_box_mdl {
		top: 0;
	}
	#msgbox.retailer-exp #message .edit.reply-container {
		padding: 10px 5px;
	}
	#msgbox.retailer-exp #message .edit.reply-container > *:not(.postiong-inq-submit),
	#msgbox.retailer-exp #message .reply-container #new-mail-body{
		margin-left: 5px;
		margin-right: 5px;
	}
	#msgbox.retailer-exp #message .reply-container #new-mail-body {
		width: calc(100% - 10px);
	}
	#header-fixd-content.mail-open,
	#header-fixd-content.mail-open #fixed-mail-list-header {
		left: -100%;
	}
	#header-fixd-content.mail-open #msgbox #message {
		right: 0;
	}
	#header-fixd-content.before-selecting-category {
		position: fixed;
		right: -100%;
	}
	#header-fixd-content.before-selecting-category #rwd_mail_box_mdl {
		left: 0;
		top: 0;
	}
	#header-fixd-content.selecting-category #rwd_mail_box_mdl {
		left: -100%;
		top: 0;
	}
	#header-fixd-content.after-selecting-category #rwd_mail_box_mdl {
		transition: unset;
	}
	#msgbox #rwd_search_box .co-order-date-list div.co-order-type-cap {
		width: 7em;
	}
	#msgbox #rwd_search_box .co-order-check-list div.co-order-type-cap {
		width: 7em;
	}
	#msgbox #rwd_search_box.co-order-type-mdl .co-order-type-mdl-content .co-order-type-input {
		width: calc(100% - 7em);
	}
}


/* SP */
@media screen and (max-width: 671px) {
	#msgbox [id^='co-calender-input-form'] {
		width: 106px;
	}
	#msgbox.retailer-exp #mail-list .sort-box {
		min-width: 320px;
		overflow: hidden;
	}
	#msgbox.retailer-exp #message .reply-container #new-mail-body {
		min-height: 100px;
	}
}
/*海外Notice*/
#msgbox.retailer-exp .postiong-inq-notice {
	padding: 8px 0;
	border-top: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	margin: 20px auto 15px;
	width: 100%;
	color: #666666;
}
#msgbox.retailer-exp .right-container.mail-new .postiong-inq-submit {
	padding: 0 10px;
}
#msgbox.retailer-exp .right-container.mail-new .postiong-inq-notice {
	max-width: 718px;
	margin: 10px auto;
}
#msgbox.retailer-exp .postiong-inq-notice p {
	margin: 0;
}
#msgbox.retailer-exp .postiong-inq-notice .inq-notice-h {
	font-weight: bold;
	text-align: center;
}
#msgbox.retailer-exp .postiong-inq-notice .inq-notice-h:before,
#msgbox.retailer-exp .postiong-inq-submit .inq-notice-blnbtn:before {
	content: '';
	display: inline-block;
	vertical-align: -3px;
	margin-right: 5px;
	width: 15px;
	height: 15px;
	background: url('/img/common/icon/info_important_dgray.png') center center no-repeat;
	background-size: contain;
}
#msgbox.retailer-exp .postiong-inq-notice .inq-notice-txt {
	margin-top: 3px;
	text-align: left;
}
#msgbox.retailer-exp #message .reply-container .reply-submit.postiong-inq-submit {
	position: relative;
	display: flex;
	flex-wrap: wrap-reverse;
	align-items: center;
	justify-content: center;
	margin: 0;
}
#msgbox.retailer-exp .postiong-inq-submit .inq-product-re a:before {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	border-style: solid;
	border-width: 3px 0 0 3px;
	border-color: #333333;
	transform: rotate(-45deg);
	border-radius: 2px;
	margin: 0 3px 0 2px;
}
#msgbox.retailer-exp .postiong-inq-submit .inq-notice-blnbtn {
	color: #0066cc;
	display: inline-block;
	margin : 0 0 0 5px;
	cursor: pointer;
	position: relative;
	z-index: 100;
	line-height: 41px;
}
#msgbox.retailer-exp .postiong-inq-submit .inq-notice-blnbtn:after {
	content: '';
	display: none;
	position: absolute;
	right: calc(50% - 6px);
	bottom: 100%;
	width: 12px;
	height: 12px;
	background-color: #fff7e1;
	border-left: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	transform: rotate(-45deg);
}
#msgbox.retailer-exp .postiong-inq-submit .inq-notice-blnbtn:before {
	margin-right: 3px;
}
#msgbox.retailer-exp .postiong-inq-submit .inq-notice-bln {
	display: none;
	position: absolute;
	bottom: calc(100% + 3px);
	right: 5%;
	padding: 8px 10px;
	margin: 3px 0;
	background-color: #fff7e1;
	border: 1px #cccccc solid;
	max-width: 485px;
	width: 90%;
	text-align: left;
	color: #666666;
	line-height: 1.6;
}
#msgbox.retailer-exp .postiong-inq-submit.notice .inq-notice-blnbtn:after,
#msgbox.retailer-exp .postiong-inq-submit.notice .inq-notice-bln {
	display: block;
}
#msgbox.retailer-exp .postiong-inq-submit .co-btn {
	margin: 0 3px 5px;
	vertical-align: middle;
}
#msgbox.retailer-exp .postiong-inq-submit .estimate_back {
	margin-top: 6px;
}
#msgbox.retailer-exp .postiong-inq-submit .co-btn-blue a,
#msgbox.retailer-exp .postiong-inq-btn .co-btn-blue a {
	font-size: 14px;
}

/* SP */
@media screen and (max-width: 670px) {
	#msgbox.retailer-exp .postiong-inq-submit .co-btn-blue a,
	#msgbox.retailer-exp .postiong-inq-btn .co-btn-blue a {
		font-size: 13px;
	}
	#msgbox.retailer-exp .postiong-inq-btn {
		left: 0;
		background-color: rgba(255,255,255,0.6);
		display: block;
		text-align: center;
	}
	#msgbox.retailer-exp .postiong-inq-btn,
	#msgbox.retailer-exp [class*='postiong-inq-order'] .postiong-inq-submit {
		padding: 10px 0;
		position: -webkit-sticky!important;
		position: sticky!important;
		width: calc(100% + 10px);
		margin-left: -5px;
		background-color: rgba(238,238,238,0.6)!important;
		border-top: 1px #dadada solid;
		z-index: 4;
		bottom: 45px!important;
	}
	#msgbox.retailer-exp .postiong-inq-notice {
		width: 100%;
		margin: 0 0 10px;
	}
	#msgbox.retailer-exp .postiong-inq-notice .inq-notice-txt {
		padding: 0 7px;
		font-size: 10px;
		line-height: 1.6;
	}
	#msgbox.retailer-exp .posting-inq-cont:not([class*='postiong-inq-order']) {
		height: auto;
		overflow: initial;
	}
	#msgbox.retailer-exp .postiong-inq-submit .inq-notice-bln {
		width: 100%;
		right: 0;
	}
	#msgbox.retailer-exp #message .postiong-inq-submit {
		padding-right: 0;
	}
	#msgbox.retailer-exp #message .postiong-inq-submit .co-btn {
		margin: 0;
	}
	#msgbox.retailer-exp #message .postiong-inq-submit .estimate_back {
		margin: 0 3px 0 0;
	}
	#msgbox.retailer-exp #message .reply-container .reply-submit.postiong-inq-submit {
		margin: 0;
	}
	#msgbox.retailer-exp .postiong-inq-submit .inq-notice-bln {
		font-size: 12px;
	}
}
#msgbox.retailer-exp #search-box > div:first-child {
	min-width: 324px;
}
#msgbox.retailer-exp #search-box #detailed-search-btn {
	width: 75px;
}

/*-------------------------------------------------------------------------------------------------------------------------------------
DISCOUNTページ
------------------------------------------------------- */
#discount-page h2,
#discount-page h3 {margin: 0;}
#discount-page .discount-fv {
	background: url('/img/contents/discount/discount_fv_bg_01.png') #e9e3cf center no-repeat;
	height: 280px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
#discount-page .fv-img {max-width: 457px;}
#discount-page .product-contents-wrap {
	max-width: 960px;
	margin: 0 auto;
	padding: 0 20px;
}
#discount-page .discount-date {
	font-size: 17px;
	font-weight: bold;
	color: #f3eedd;
	background: #333;
	padding: 5px 10px 3px;
	margin-top: 20px;
}
#discount-page .discount-page-attention {
	background: #eee;
	display: flex;
	justify-content: center;
	padding: 15px 0;
	margin-bottom: 50px;
	font-size: 13px;
	font-weight: bold;
}
#discount-page .discount-page-attention>p {margin: 0;}
#discount-page .product-contents-title {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 30px auto 60px;
}
#discount-page .product-contents-title>img {max-width: 247px;}
#discount-page .product-contents-title.hot-selling-title>img {max-width: 466px;}
#discount-page .hot-selling-title {margin: 70px auto 60px;}
#discount-page .box-wrap {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}
#discount-page .product-box-wrap {
	max-width: 260px;
	width: calc(33% - 10px);
	margin-bottom: 45px;
}
#discount-page .product-img-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #ccc;
	box-sizing: border-box;
	height: 260px;
	position: relative;
}
#discount-page .product-img {
	transition: opacity 0.2s;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
#discount-page .discount-rate {
	font-weight: bold;
	color: #fff;
	background: #dc4d4d;
	box-sizing: border-box;
}
#discount-page .product-img-wrap .discount-rate {
	position: absolute;
	font-size: 18px;
	padding: 3px 8px;
	margin: 0 auto;
	box-sizing: border-box;
	top: -17px;
	right: 0;
	left: 0;
	width: 105px;
	white-space: nowrap;
}
#discount-page .product-detail-wrap .discount-rate {
	font-size: 13px;
	padding: 1px 4px 0;
	margin-top: 3px;
	width: 74px;
	white-space: nowrap;
}
#discount-page .product-detail-wrap {
	font-size: 13px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	margin-top: 5px;
}
#discount-page .before-price,
#discount-page .price {
	color: #dc4d4d;
}
#discount-page .before-price {
	font-size: 11px;
	text-decoration: line-through;
}
#discount-page .price {
	font-size: 15px;
	font-weight: bold;
}
#discount-page .product-name {line-height: 1.4;}
#discount-page .discount-more-link {
	margin: 60px 0;
	padding: 50px 0;
	background: #e9e3ce;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: center;
	text-align: center;
}
#discount-page .more-link-btn {
	display: block;
	background-color: #dc4d4d;
	margin-top: 25px;
	padding: 11px 15px 9px;
	font-size: 28px;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	width: 310px;
	border-radius: 33px;
	transition: opacity 0.2s;
}
#discount-page .more-link-img {max-width: 554px;}
#discount-page .more-link-btn:hover,
#discount-page .product-img:hover {
	opacity: 0.7;
	text-decoration: none;
}
#discount-page .pc {display: block;}
#discount-page .sp {display: none;}
@media screen and (min-width: 671px) {
	#discount-page .product-box-wrap:nth-child(n+7) {margin-bottom: 0;}
}
@media screen and (max-width: 670px) {
	#discount-page .discount-fv {
		height: 250px;
		background: url('/img/contents/discount/discount_fv_bg_sp_01.png') #e9e3cf center no-repeat;
	}
	#discount-page .product-contents-wrap {padding: 0 30px;}
	#discount-page .discount-date {
		font-weight: normal;
		padding: 7px 15px 5px;
	}
	#discount-page .discount-page-attention {
		font-weight: normal;
		text-align: center;
		padding: 10px 0;
		margin-bottom: 0;
	}
	#discount-page .product-img-wrap {
		max-height: calc(50vw - 3px);
	}
	#discount-page .product-contents-title,
	#discount-page .hot-selling-title {margin: 40px auto;}
	#discount-page .product-contents-title.hot-selling-title>img {max-width: 258px;}
	#discount-page .product-box-wrap {
		width: calc(50% - 10px);
		max-width: initial;
	}
	#discount-page .product-box-wrap:nth-child(n+8) {margin-bottom: 0;}
	#discount-page .fv-img {width: 70%;}
	#discount-page .price {font-weight: normal;}
	#discount-page .discount-rate {
		font-weight: normal;
		font-size: 17px;
	}
	#discount-page .product-img-wrap .discount-rate {
		width: 92px;
		font-size: 17px;
	}
	#discount-page .more-link-img {width: 90%;}
	#discount-page .more-link-btn {
		font-size: 20px;
		width: 230px;
	}
	#discount-page .product-detail-wrap .discount-rate {width: 69px;}
	#discount-page .pc {display: none;}
	#discount-page .sp {display: block;}
}
/*-------------------------------------------------------
 MD's PICK
------------------------------------------------------- */
#mds-pick ul {
	padding: 0;
	margin: 0;
}
#mds-pick img { vertical-align: top }
#mds-pick a {
	display: block;
	color: inherit;
}
#mds-pick a:hover { text-decoration: none; }
/******** イベントページ ************/
#mds-pick .event-main-visual img { max-width: 100%; }
#mds-pick .event-main-visual .lang-btn { margin: 7px 5px 16px; }
#mds-pick .event-main-visual .lang-btn span > a { transition: none }
#mds-pick .warning-event-ended {
	background-color: #ffe9ec;
	color: #dc4d4d;
	font-size: 14px;
	text-align: center;
	padding: 8px;
	border: 1px solid #dc4d4d;
	margin: 30px 0;
}
#mds-pick .main {
	max-width: 1000px;
	width: 96%;
	padding-top: 30px;
	margin: 0 auto;
}
#mds-pick .related-item { padding: 20px 0 40px; }
#mds-pick .related-item .title {
	font-size: 25px;
	font-weight: 600;
	color: #797979;
	text-align: center;
	padding: 0 calc((100% - 256px) / 2);
	position: relative;
}
#mds-pick .related-item .title::before,
#mds-pick .related-item .title::after {
	content: '';
	width: calc((100% - 256px) / 2);
	height: 51%;
	border-top: 1px solid #797979;
	position: absolute;
	bottom: 0;
}
#mds-pick .related-item .title::before { left: 0; }
#mds-pick .related-item .title::after { right: 0; }
#mds-pick .related-item .list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 33px 18px 0;
}
#mds-pick .related-item .list li { width: 25%; }
#mds-pick .related-item .list a { padding: 0 25px; }
#mds-pick .related-item .image {
	border-radius: 50%;
	overflow: hidden;
}
#mds-pick .related-item .image img { width: 100%; }
#mds-pick .related-item .item-title {
	font-size: 14px;
	text-align: center;
	padding: 10px 0 20px;
}
#mds-pick .go-to-product-button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 355px;
	height: 50px;
	background-color: #f66262;
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
	border-radius: 50px;
	margin: 0 auto 50px;
	position: relative;
}
#mds-pick .go-to-product-button::after {
	content: '';
	width: 8px;
	height: 8px;
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	transform: rotate(45deg);
	position: absolute;
	top: calc(50% - 6px);
	right: 22px;
}
#mds-pick .contents { padding-bottom: 30px; }
#mds-pick .contents img { max-width: 100%; }
#mds-pick .contents .video {
	width: 92.1%;
	padding-top: calc(92.1% * 0.5625);
	margin: 5% auto;
	position: relative;
}
#mds-pick .contents .video iframe {
	width: 100%!important;
	height: 100%!important;
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}
/* PC/TAB */
@media screen and (min-width: 670px) {
	#mds-pick .event-main-visual {
		width: 96%;
		max-width: 1330px;
		margin: 30px auto 0;
	}
}
/* TABLET */
@media screen and (min-width: 671px) and (max-width: 940px) {
	#mds-pick .related-item .list a { padding: 0 15px; }
}
/* SP */
@media screen and (max-width: 670px) {
	#mds-pick .warning-event-ended {
		width: 100%;
		font-size: 14px;
		box-sizing: border-box;
		margin: 15px auto;
	}
	#mds-pick .related-item { padding: 0 0 30px; }
	#mds-pick .related-item .list { padding: 20px 15px 0; }
	#mds-pick .related-item .list a { padding: 0 10px; }
	#mds-pick .related-item .title {
		font-size: 22px;
		padding: 0px calc((100% - 200px) / 2);
	}
	#mds-pick .related-item .title::before,
	#mds-pick .related-item .title::after {
		width: calc((100% - 200px) / 2);
	}
	#mds-pick .related-item .list li { width: 50%; }
	#mds-pick .related-item .item-title { font-size: 13px; }
	#mds-pick .go-to-product-button {
		width: 75%;
		max-width: 320px;
		min-width: 255px;
		height: 45px;
		box-sizing: border-box;
		padding-right: 10px;
	}
	#mds-pick .go-to-product-button::after {
		right: 7%;
		font-size: 19px;
	}
	#mds-pick .contents .video {
		width: 100%;
		padding-top: 56.25%;
		margin: 0;
	}
}
/*-------------------------------------------------------
 MD's PICK（MEテンプレート）
------------------------------------------------------- */
#mds-pick .new-template img { 
	width: 100%;
	height: auto;
}
#mds-pick .new-template .top-contents,
#mds-pick .new-template .company,
#mds-pick .new-template .series {
	text-align: center;
	max-width: 1000px;
}
#mds-pick .new-template .top-contents { 
	text-align: center;
	margin: 70px auto 0;
	background-color: #ebe3d7;
}
#mds-pick .new-template .top-contents .title { 
	width: 700px;
	max-width: 100%;
	margin: 0 auto;
}
#mds-pick .new-template .top-contents ul,
#mds-pick .new-template .company ul,
#mds-pick .new-template .series .series-main ul { 
	display: flex;
	justify-content: center;
	align-items: center;
}
#mds-pick .new-template .top-contents ul li { 
	width: calc(100% / 5);
	height: auto;
	max-width: 200px;
	max-height: 200px;
}
#mds-pick .new-template .company { 
	padding: 80px 0 40px;
	background-color: #f9f9f9;
}
#mds-pick .new-template .company .logo { 
	width: 504px;
	margin: 0 auto 40px;
	padding-bottom: 40px;
	border-bottom: 1px dashed #a7a7a7;
}
#mds-pick .new-template .company .logo img { 
	width: 200px;
	height: auto;
}
#mds-pick .new-template .company ul { 
	width: 100%;
	margin: 28px auto 10px;
	overflow: hidden;
}
#mds-pick .new-template .company ul li { 
	width: calc((100% - 100px) / 3 );
	max-width: 273px;
	margin: 0 10px;
}
#mds-pick .new-template .company .introduction { 
	margin: 0 auto;
	text-align: left;
	width: calc(100% - 40px);
	max-width: 910px;
	font-size: 17px;
	line-height: 30px;
}
#mds-pick .new-template .series { 
	margin: 40px auto;
}
#mds-pick .new-template .series .title { 
	position: relative;
	width: 100%;
	padding: 40px 0;
	min-width: 456px;
	overflow: hidden;
}
#mds-pick .new-template .series .title .series-name { 
	position: absolute;
	width: 100%;
	bottom: 0;
	font-size: 55px;
	font-weight: 600;
}
#mds-pick .new-template .series .series-top { 
	width: 100%;
	margin: 20px auto;
	display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
#mds-pick .new-template .series .series-top p { 
	width: 90%;
	margin: 24px auto;
	font-size: 17px;
	text-align: left;
}
#mds-pick .new-template .series .series-main { 
	width: 100%;
	margin: 20px auto;
	border: 1px solid #dbdbdb;
}
#mds-pick .new-template .series .series-main .merchandise { 
	width: 90%;
	margin: 40px auto 30px;
}
#mds-pick .new-template .series .series-main .merchandise .image { 
	position: relative;
}
#mds-pick .new-template .series .series-main .merchandise .image::before {
	margin: auto;
	content: "";
	width: 84%;
	height: 60%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
}
#mds-pick .new-template .series .series-main .merchandise h3 { 
	font-size: 27px;
	font-weight: 600;
	margin: 20px auto 0;
}
#mds-pick .new-template .series .series-main .merchandise span { 
	font-size: 15px;
	color: #a7a7a7;
}
#mds-pick .new-template .series .series-main ul{ 
	margin: 0 40px;
	flex-wrap: wrap;
}
#mds-pick .new-template .series .series-main ul li { 
	width: calc(100% - 20px / 6);
	max-width: 139px;
	height: auto;
	margin: 7px;
}
#mds-pick .new-template .series .series-main p { 
	width: 90%;
	margin: 0 auto 40px;
	font-size: 17px;
	line-height: 27px;
	color: #242424;
	text-align: left;
}
/* TAB */
@media screen and (min-width: 671px) and (max-width: 940px) {
	#mds-pick .new-template .series .title .series-name { bottom: -16px; }
	#mds-pick .new-template .series .series-main ul{ margin: 0 24px; }
}
/* SP */
@media screen and (max-width: 670px){
	#mds-pick .new-template { width: 100%; }
	#mds-pick .new-template .company { padding: 30px 0; }
	#mds-pick .new-template .top-contents .title { width: 80%; }
	#mds-pick .new-template .company .logo { width: 80%; }
	#mds-pick .new-template .company .logo img { width: 156px; }
	#mds-pick .new-template .company ul li { 
		min-width: 132px;
		margin: 0 5px;
	}
	#mds-pick .new-template .company .introduction,
	#mds-pick .new-template .series .series-top p,
	#mds-pick .new-template .series .series-main p { 
		font-size: 14px;
		line-height: 23px;
	}
	#mds-pick .new-template .series { margin: 0 auto; }
	#mds-pick .new-template .series .series-top p { margin: 20px auto 0; }
	#mds-pick .new-template .series .title {
		min-width: 0;
		padding-top: 10px;
	}
	#mds-pick .new-template .series .title .series-name { 
		font-size: 28px;
		bottom: -10px;
	}
	#mds-pick .new-template .series .series-main { width: calc(100% - 10px); }
	#mds-pick .new-template .series .series-main .merchandise h3 { font-size: 20px; }
	#mds-pick .new-template .series .series-main .merchandise span { font-size: 13px; }
	#mds-pick .new-template .series .series-main ul { 
		margin: 0 auto;
		flex-wrap: wrap;
		width: 90%;
	}
	#mds-pick .new-template .series .series-main ul li {
		width: 15%;
		min-width: 69px;
		margin: 4px;
	}
}
/*-------------------------------------------------------
 MD's PICK（MEテンプレート index_body_05）
------------------------------------------------------- */
#mds-pick .go-to-item-list-button2 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 355px;
  height: 50px;
  border: 2px solid #C6C4BA;
  color: #767676;
  font-size: 20px;
  font-weight: 600;
  border-radius: 50px;
  margin: 25px auto 0px;
  position: relative;
}
#mds-pick .go-to-item-list-button2:hover {
  opacity: 0.8;
}
#mds-pick .go-to-item-list-button2::after {
  content: '';
  width: 8px;
  height: 8px;
  border-top: 2px solid #C6C4BA;
  border-right: 2px solid #C6C4BA;
  transform: rotate(45deg);
  position: absolute;
  top: calc(50% - 6px);
  right: 22px;
}
#mds-pick .go-to-item-list-button3 {
display: flex;
justify-content: center;
align-items: center;
width: 355px;
height: 50px;
border: 2px solid #C6C4BA;
color: #767676;
font-size: 20px;
font-weight: 600;
border-radius: 50px;
margin: 25px auto 0px;
position: relative;
font-family: "Microsoft JhengHei", "微軟正黑體","Helvetica Neue", Arial, sans-serif;
}
#mds-pick .go-to-item-list-button3:hover {
  opacity: 0.8;
}
#mds-pick .go-to-item-list-button3::after {
content: '';
width: 8px;
height: 8px;
border-top: 2px solid #C6C4BA;
border-right: 2px solid #C6C4BA;
transform: rotate(45deg);
position: absolute;
top: calc(50% - 6px);
right: 22px;
}
.series-main-hover:hover {
opacity: 0.8;
}
@media screen and (max-width: 670px){
#mds-pick .go-to-item-list-button2 {
    width: 75%;
    max-width: 320px;
    min-width: 255px;
    height: 45px;
    box-sizing: border-box;
    padding-right: 10px;
}
#mds-pick .go-to-item-list-button3 {
  width: 75%;
  max-width: 320px;
  min-width: 255px;
  height: 45px;
  box-sizing: border-box;
  padding-right: 10px;
}
}
/*--------------------------------
東京かんかん（企業ごとに追加）
------------------------------- */
/***** タイトル 背景色（東京かんかん） *****/
#mds-pick .tokyo-kankan .top-contents { 
	background-color: #ebe3d7;
}
/***** 背景グラデーション（東京かんかん） *****/
#mds-pick .tokyo-kankan .series:nth-of-type(3) .title { 
	background: linear-gradient(0deg, rgba(186, 214, 174, 100), rgba(186, 214, 174, 0), rgba(186, 214, 174, 0));
}
#mds-pick .tokyo-kankan .series:nth-of-type(4) .title { 
	background: linear-gradient(0deg, rgba(186, 214, 174, 100), rgba(186, 214, 174, 0), rgba(186, 214, 174, 0));
}
#mds-pick .tokyo-kankan .series:nth-of-type(5) .title { 
	background: linear-gradient(0deg, rgba(174, 209, 214, 100), rgba(174, 209, 214, 0), rgba(174, 209, 214, 0));
}
#mds-pick .tokyo-kankan .series:nth-of-type(6) .title { 
	background: linear-gradient(0deg, rgba(249, 212, 157, 100), rgba(249, 212, 157, 0), rgba(249, 212, 157, 0));
}
/***** シリーズ名 文字色（東京かんかん） *****/
#mds-pick .tokyo-kankan .series:nth-of-type(3) .series-name,
#mds-pick .tokyo-kankan .series:nth-of-type(3) .series-top p {
	color: #244d13;
}
#mds-pick .tokyo-kankan .series:nth-of-type(4) .series-name,
#mds-pick .tokyo-kankan .series:nth-of-type(4) .series-top p {
	color: #244d13;
}
#mds-pick .tokyo-kankan .series:nth-of-type(5) .series-name,
#mds-pick .tokyo-kankan .series:nth-of-type(5) .series-top p {
	color: #0E1E09;
}
#mds-pick .tokyo-kankan .series:nth-of-type(6) .series-name,
#mds-pick .tokyo-kankan .series:nth-of-type(6) .series-top p {
	color: #876129;
}
/***** 商品背景色（東京かんかん） *****/
#mds-pick .tokyo-kankan .series:nth-of-type(3) .image::before {
	background-color: #c3d5eb;
}
#mds-pick .tokyo-kankan .series:nth-of-type(4) .image::before {
	background-color: #d7ebe3;
}
#mds-pick .tokyo-kankan .series:nth-of-type(5) .image::before {
	background-color: #ecd0d1;
}
#mds-pick .tokyo-kankan .series:nth-of-type(6) .image::before {
	background-color: #cee0e6;
}
/***** 商品名 文字色（東京かんかん） *****/
#mds-pick .tokyo-kankan .series:nth-of-type(3) h3 { 
	color: #536f92;
}
#mds-pick .tokyo-kankan .series:nth-of-type(4) h3 { 
	color: #4a7a67;
}
#mds-pick .tokyo-kankan .series:nth-of-type(5) h3 { 
	color: #9b4247;
}
#mds-pick .tokyo-kankan .series:nth-of-type(6) h3 { 
	color: #135e77;
}
/*--------------------------------
PAO（企業ごとに追加）
-------------------------------- */
/***** タイトル 背景色（PAO） *****/
#mds-pick .pao-co-ltd .top-contents { 
	background-color: #e1e1e1;
}
/***** 背景グラデーション（PAO） *****/
#mds-pick .pao-co-ltd .series:nth-of-type(3) .title { 
	background: linear-gradient(0deg, rgba(203, 225, 225, 100), rgba(203, 225, 225, 0), rgba(203, 225, 225, 0));
}
/***** シリーズ名 文字色（PAO） *****/
#mds-pick .pao-co-ltd .series:nth-of-type(3) .series-name,
#mds-pick .pao-co-ltd .series:nth-of-type(3) .series-top p {
	color: #276969;
}
/***** シリーズ名 文字サイズ（PAO） *****/
@media screen and (min-width: 671px) and (max-width: 940px) {
	#mds-pick .pao-co-ltd .series:nth-of-type(3) .series-name {
    font-size: 42px;
  }
}
@media screen and (max-width: 670px){
  #mds-pick .pao-co-ltd .series:nth-of-type(3) .series-name {
    font-size: 27px;
  }
}
/***** 商品背景色（PAO） *****/
#mds-pick .pao-co-ltd .series:nth-of-type(3) .image::before {
	background-color: #ebcec3;
}
#mds-pick .pao-co-ltd .series:nth-of-type(4) .image::before {
	background-color: #d7ebd9;
}
#mds-pick .pao-co-ltd .series:nth-of-type(5) .image::before {
	background-color: #dbd0b8;
}
#mds-pick .pao-co-ltd .series:nth-of-type(6) .image::before {
	background-color: #d4e4ff;
}
/***** 商品名 文字色（PAO） *****/
#mds-pick .pao-co-ltd .series:nth-of-type(3) h3 { 
	color: #926253;
}
#mds-pick .pao-co-ltd .series:nth-of-type(4) h3 { 
	color: #3d6a5f;
}
#mds-pick .pao-co-ltd .series:nth-of-type(5) h3 { 
	color: #887749;
}
#mds-pick .pao-co-ltd .series:nth-of-type(6) h3 { 
	color: #48689f;
}
/***** 余白調整（PAO） *****/
#mds-pick .pao-co-ltd .company { 
	padding: 20px 0 40px;
}
/*--------------------------------
CREER（企業ごとに追加）
-------------------------------- */
/***** タイトル 背景色（CREER） *****/
#mds-pick .creer .top-contents { 
	background-color: #FFFBF9;
}
/***** 背景グラデーション（CREER） *****/
#mds-pick .creer .series:nth-of-type(3) .title { 
	background: linear-gradient(0deg, rgba(186, 214, 174, 100), rgba(186, 214, 174, 0), rgba(186, 214, 174, 0));
}
#mds-pick .creer .series:nth-of-type(4) .title { 
	background: linear-gradient(0deg, rgba(174, 209, 214, 100), rgba(174, 209, 214, 0), rgba(174, 209, 214, 0));
}
#mds-pick .creer .series:nth-of-type(5) .title { 
	background: linear-gradient(0deg, rgba(249, 212, 157, 100), rgba(249, 212, 157, 0), rgba(249, 212, 157, 0));
}
/***** シリーズ名 文字色（CREER） *****/
#mds-pick .creer .series:nth-of-type(3) .series-name,
#mds-pick .creer .series:nth-of-type(3) .series-top p {
	color: #244d13;
}
#mds-pick .creer .series:nth-of-type(4) .series-name,
#mds-pick .creer .series:nth-of-type(4) .series-top p {
	color: #1F555D;
}
#mds-pick .creer .series:nth-of-type(5) .series-name,
#mds-pick .creer .series:nth-of-type(5) .series-top p {
	color: #876129;
}
/***** シリーズ名 文字サイズ（CREER） *****/
@media screen and (min-width: 671px) and (max-width: 940px) {
	#mds-pick .pao-co-ltd .series:nth-of-type(3) .series-name {
    font-size: 42px;
  }
}
@media screen and (max-width: 670px){
  #mds-pick .pao-co-ltd .series:nth-of-type(3) .series-name {
    font-size: 27px;
  }
}
/***** 商品背景色（CREER） *****/
#mds-pick .creer .series:nth-of-type(3) .image::before {
	background-color: #c3d5eb;
}
#mds-pick .creer .series:nth-of-type(4) .image::before {
	background-color: #ecd0d1;
}
#mds-pick .creer .series:nth-of-type(5) .image::before {
	background-color: #CEE0E6;
}
#mds-pick .creer .series:nth-of-type(6) .image::before {
	background-color: #D7EBE3;
}
/***** 商品名 文字色（CREER） *****/
#mds-pick .creer .series:nth-of-type(3) h3 { 
	color: #536F92;
}
#mds-pick .creer .series:nth-of-type(4) h3 { 
	color: #9B4247;
}
#mds-pick .creer .series:nth-of-type(5) h3 { 
	color: #135E77;
}
#mds-pick .creer .series:nth-of-type(6) h3 { 
	color: #4A7A67;
}
/***** 余白調整（CREER） *****/
#mds-pick .creer .company { 
	padding: 33px 0 40px;
}
/*--------------------------------
wakacho（企業ごとに追加）
-------------------------------- */
/***** タイトル 背景色（wakacho） *****/
#mds-pick .wakacho .top-contents { 
	background-color: #E8E7DA;
}
/***** 背景グラデーション（wakacho） *****/
#mds-pick .wakacho .series:nth-of-type(3) .title { 
	background: transparent linear-gradient(180deg, #FFFFFF 0%, #BAD6AE 100%) 0% 0% no-repeat padding-box;
}
#mds-pick .wakacho .series:nth-of-type(6) .title { 
	background: transparent linear-gradient(180deg, #FFFFFF 0%, #AED1D6 100%) 0% 0% no-repeat padding-box;
}
/***** シリーズ名 文字色（wakacho） *****/
#mds-pick .wakacho .series:nth-of-type(3) .series-name,
#mds-pick .wakacho .series:nth-of-type(3) .series-top p {
	color: #276969;
}
#mds-pick .wakacho .series:nth-of-type(3) .series-name {
  color: #276969;
  font-size: 27px;
  line-height: 32px;
}
#mds-pick .wakacho .series:nth-of-type(6) .series-name {
  color: #1F555D;
}
/***** シリーズ名 文字サイズ（wakacho） *****/
@media screen and (min-width: 671px) and (max-width: 940px) {
	#mds-pick .wakacho .series:nth-of-type(3) .series-name {
    font-size: 26px;
  }
}
@media screen and (max-width: 670px){
  #mds-pick .wakacho .series:nth-of-type(3) .series-name {
    font-size: 15px;
    line-height: 20px;
  }
}
/***** 商品背景色（wakacho） *****/
#mds-pick .wakacho .series:nth-of-type(3) .image::before {
	background-color: #C3D5EB;
}
#mds-pick .wakacho .series:nth-of-type(4) .image::before {
	background-color: #ECD0D1;
}
#mds-pick .wakacho .series:nth-of-type(5) .image::before {
	background-color: #CEE0E6;
}
#mds-pick .wakacho .series:nth-of-type(6) .image::before {
	background-color: #D7EBE3;
}
/***** 商品名 文字色（wakacho） *****/
#mds-pick .wakacho .series:nth-of-type(3) h3 { 
	color: #536F92;
}
#mds-pick .wakacho .series:nth-of-type(4) h3 { 
	color: #9B4247;
}
#mds-pick .wakacho .series:nth-of-type(5) h3 { 
	color: #135E77;
}
#mds-pick .wakacho .series:nth-of-type(6) h3 { 
	color: #4A7A67;
}
/***** 余白調整（wakacho） *****/
#mds-pick .wakacho .company { 
	padding: 20px 0 40px;
}
/*--------------------------------
amuse（企業ごとに追加）
-------------------------------- */
/***** タイトル 背景色（amuse） *****/
#mds-pick .amuse .top-contents .title {
  background-image: url(/img/contents/mds_pick/event/amuse_character_items_10_off_sale/title-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
}
#mds-pick .amuse .top-contents .title img {
  width: 80%;
  padding: 24px 0;
}
#mds-pick .amuse .series .title img {
max-width: 610px;
margin-bottom: 23px;  
}
#mds-pick .amuse .merchandise .image img {
  max-width:792px;  
  }
/***** 背景グラデーション（amuse） *****/
#mds-pick .amuse .series:nth-of-type(3) .title { 
  background: linear-gradient(0deg, rgba(186,214,174,100), rgba(203, 225, 225, 0), rgba(203, 225, 225, 0));
}
#mds-pick .amuse .series:nth-of-type(4) .title { 
  background: linear-gradient(0deg, rgba(174,209,214,100), rgba(203, 225, 225, 0), rgba(203, 225, 225, 0));
}
#mds-pick .amuse .series:nth-of-type(5) .title { 
  background: linear-gradient(0deg, rgba(249,212,157,100), rgba(203, 225, 225, 0), rgba(203, 225, 225, 0));
}
/***** シリーズ名 文字色（amuse） *****/
#mds-pick .amuse .series:nth-of-type(3) .series-top p {
	color:#244D13;
}
#mds-pick .amuse .series:nth-of-type(3) .series-name {
  color: #244D13;
  font-size: 40px;
  line-height: 32px;
  margin-bottom: 24px;
}
#mds-pick .amuse .series:nth-of-type(4) .series-top p {
	color:#1F555D;
}
#mds-pick .amuse .series:nth-of-type(4) .series-name {
  color: #1F555D;
  font-size: 40px;
  line-height: 32px;
  margin-bottom: 24px;
}
#mds-pick .amuse .series:nth-of-type(5) .series-top p {
	color:#876129;
}
#mds-pick .amuse .series:nth-of-type(5) .series-name {
  color: #876129;
  font-size: 40px;
  line-height: 32px;
  margin-bottom: 24px;
}
/***** シリーズ名 文字サイズ（amuse） *****/
@media screen and (min-width: 671px) and (max-width: 940px) {
	#mds-pick .amuse .series:nth-of-type(3) .series-name {
    font-size: 26px;
    margin-bottom: 35px;
  }
  #mds-pick .amuse .series:nth-of-type(4) .series-name {
    font-size: 26px;
    margin-bottom: 35px;
  }
  #mds-pick .amuse .series:nth-of-type(5) .series-name {
    font-size: 26px;
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 670px){
  #mds-pick .amuse .series:nth-of-type(3) .series-name {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 15px;
  }
  #mds-pick .amuse .series:nth-of-type(4) .series-name {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 15px;
  }
  #mds-pick .amuse .series:nth-of-type(5) .series-name {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 30px;
  }
  #mds-pick .amuse .top-contents .title img {
    width: 90%;
    padding: 16px 0;
  }
}
/***** 商品背景色（amuse） *****/
#mds-pick .amuse .series:nth-of-type(3) .image::before {
	background-color: #D7EBE3
}
#mds-pick .amuse .series:nth-of-type(4) .image::before {
	background-color: #C3D5EB;
}
#mds-pick .amuse .series:nth-of-type(5) .image::before {
	background-color: #EBCEC3;
}
#mds-pick .amuse .series:nth-of-type(6) .image::before {
	background-color: #D7EBE3;
}
/***** 商品名 文字色（amuse） *****/
#mds-pick .amuse .series:nth-of-type(3) h3 { 
	color: #244D13;
}
#mds-pick .amuse .series:nth-of-type(4) h3 { 
	color: #135E77;
}
#mds-pick .amuse .series:nth-of-type(5) h3 { 
	color: #876129;
}
/***** 余白調整（amuse） *****/
#mds-pick .amuse .company { 
	padding: 20px 0 40px;
}



/*--------------------------------
yamakiikai（企業ごとに追加）
-------------------------------- */
/***** タイトル 背景色（yamakiikai） *****/
#mds-pick .yamakiikai .top-contents .title {
  background-image: url(/img/contents/mds_pick/event/yamakiikai_all_items_on_sale_up_to_10_off/title-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
}
#mds-pick .yamakiikai .top-contents .title img {
  width: 58%;
  padding: 50px 0;
}
#mds-pick .yamakiikai .series:nth-of-type(6) .title img {
max-width: 610px;
margin-bottom: 23px;  
}
#mds-pick .yamakiikai .merchandise:nth-of-type(6) .image img {
  max-width:792px;  
}
/***** 背景グラデーション（yamakiikai） *****/
#mds-pick .yamakiikai .series:nth-of-type(3) .title { 
  background: linear-gradient(0deg, rgba(190,157,48,100), rgba(203, 225, 225, 0), rgba(203, 225, 225, 0));
}
#mds-pick .yamakiikai .series:nth-of-type(4) .title { 
  background: linear-gradient(0deg, rgba(114,160,132,100), rgba(203, 225, 225, 0), rgba(203, 225, 225, 0));
}
#mds-pick .yamakiikai .series:nth-of-type(5) .title { 
  background: linear-gradient(0deg, rgba(90,169,169,100), rgba(203, 225, 225, 0), rgba(203, 225, 225, 0));
}
#mds-pick .yamakiikai .series:nth-of-type(6) .title { 
  background: linear-gradient(0deg, rgba(226,179,109,100), rgba(203, 225, 225, 0), rgba(203, 225, 225, 0));
}
/***** シリーズ名 文字色（yamakiikai） *****/
#mds-pick .ayamakiikai .series:nth-of-type(3) .series-top p {
	color:#302208;
}
#mds-pick .yamakiikai .series:nth-of-type(3) .series-name {
  color: #302208;
  font-size: 40px;
  line-height: 32px;
  margin-bottom: 38px;
}
#mds-pick .yamakiikai .series:nth-of-type(4) .series-top p {
	color:#152E0D;
}
#mds-pick .yamakiikai .series:nth-of-type(4) .series-name {
  color: #1F555D;
  font-size: 40px;
  line-height: 32px;
  margin-bottom: 38px;
}
#mds-pick .yamakiikai .series:nth-of-type(5) .series-top p {
	color:#0D1E1A;
}
#mds-pick .yamakiikai .series:nth-of-type(5) .series-name {
  color: #0D1E1A;
  font-size: 40px;
  line-height: 32px;
  margin-bottom: 38px;
}
#mds-pick .yamakiikai .series:nth-of-type(6) .series-top p {
	color:#48300C;
}
#mds-pick .yamakiikai .series:nth-of-type(6) .series-name {
  color: #48300C;
  font-size: 40px;
  line-height: 32px;
  margin-bottom: 38px;
}
/***** シリーズ名 文字サイズ（yamakiikai） *****/
@media screen and (min-width: 671px) and (max-width: 940px) {
	#mds-pick .yamakiikai .series:nth-of-type(3) .series-name {
    font-size: 27px;
    line-height: 27px;
    margin-bottom: 24px;
    bottom:0;
  }
  #mds-pick .yamakiikai .series:nth-of-type(4) .series-name {
    font-size: 27px;
    line-height: 27px;
    margin-bottom: 24px;
    bottom:0;
  }
  #mds-pick .yamakiikai .series:nth-of-type(5) .series-name {
    font-size: 27px;
    line-height: 27px;
    margin-bottom: 24px;
    bottom:0;
  }
  #mds-pick .yamakiikai .series:nth-of-type(6) .series-name {
    font-size: 27px;
    line-height: 27px;
    margin-bottom: 24px;
    bottom:0;
  }
  #mds-pick .yamakiikai .series:nth-of-type(6) .title img {
    width: 60%;
    height: auto;
  }
}
@media screen and (max-width: 670px){
  #mds-pick .yamakiikai .series:nth-of-type(3) .series-name {
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 17px;
    bottom: 0;
  }
  #mds-pick .yamakiikai .series:nth-of-type(4) .series-name {
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 17px;
    bottom: 0;
  }
  #mds-pick .yamakiikai .series:nth-of-type(5) .series-name {
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 17px;
    bottom: 0;
  }
  #mds-pick .yamakiikai .series:nth-of-type(6) .series-name {
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 17px;
    bottom: 0;
  }
  #mds-pick .yamakiikai .top-contents .title img {
    width: 90%;
    padding: 16px 0;
  }
  #mds-pick .yamakiikai .series:nth-of-type(6) .title img {
    width: 70%;
    height: auto;
  }
}
/***** 商品背景色（yamakiikai） *****/
#mds-pick .yamakiikai .series:nth-of-type(3) .image::before {
	background-color: #DCC67D;
}
#mds-pick .yamakiikai .series:nth-of-type(4) .image::before {
	background-color: #B3DBB4;
}
#mds-pick .yamakiikai .series:nth-of-type(5) .image::before {
	background-color: #D7EBE3;
}
#mds-pick .yamakiikai .series:nth-of-type(6) .image::before {
	background-color: #D7EBE3;
}
/***** 商品名 文字色（yamakiikai） *****/
#mds-pick .yamakiikai .series:nth-of-type(3) h3 { 
	color: #302208;
}
#mds-pick .yamakiikai .series:nth-of-type(4) h3 { 
	color: #152E0D;
}
#mds-pick .yamakiikai .series:nth-of-type(5) h3 { 
	color: #0D1E1A;
}
#mds-pick .yamakiikai .series:nth-of-type(6) h3 { 
	color: #48300C;
}
/***** 余白調整（yamakiikai） *****/
#mds-pick .yamakiikai .company { 
	padding: 20px 0 40px;
}
.movie-10me {
  max-width:643px;
  width:95%;
  margin:0 auto;
}
.movie-10me iframe{
  max-width:95%;
  width:100%;
  height: 482px;
}
@media screen and (max-width: 670px) {
  .movie-10me {
    max-width:95%;
    width:100%;
    height: 100%;
  }
  .movie-10me iframe{
    max-width:95%;
    width:100%;
    height: 400px;
  }
}
/*--------------------------------
prairie dog（企業ごとに追加）
-------------------------------- */
/***** タイトル 背景色（prairie） *****/
#mds-pick .prairie-dog .top-contents .title {
  background-image: url(/img/contents/mds_pick/event/prairie_dog_all_items_10_off/title-bg.png);
  background-repeat: no-repeat;
  background-size:cover;
  background-position: center;
  width: 100%;
}
#mds-pick .prairie-dog .top-contents .title img {
  width: 58%;
  padding: 50px 0;
}
#mds-pick .prairie-dog .series:nth-of-type(6) .title img {
max-width: 610px;
margin-bottom: 23px;  
}
#mds-pick .prairie-dog .merchandise:nth-of-type(6) .image img {
  max-width:792px;  
}
/***** 背景グラデーション（prairie dog） *****/
#mds-pick .prairie-dog .series:nth-of-type(3) .title { 
  background: linear-gradient(0deg, rgba(254,236,162,1) 0%, rgba(227,166,166,1) 60%,rgba(172,123,73,0) 60%,rgba(172,123,73,0) 100%);
}
#mds-pick .prairie-dog .series:nth-of-type(5) .title { 
  background: linear-gradient(0deg, rgba(172,123,73,1) 0%,rgba(70,58,28,1) 60%,rgba(172,123,73,0) 60%,rgba(172,123,73,0) 100%);
}
/***** シリーズ名 文字色（yamakiikai） *****/
#mds-pick .prairie-dog .series:nth-of-type(3) .series-top p {
	color:#CE3366;
}
#mds-pick .prairie-dog .series:nth-of-type(3) .series-name {
  color: #CE3366;
  font-size: 40px;
  line-height: 32px;
  margin-bottom: 38px;
}
#mds-pick .prairie-dog .series:nth-of-type(5) .series-top p {
	color:#5E4927;
}
#mds-pick .prairie-dog .series:nth-of-type(5) .series-name {
  color: #FDEAA2;
  font-size: 35px;
  line-height: 32px;
  margin-bottom: 30px;
}
/***** シリーズ名 文字サイズ（prairie dog） *****/
@media screen and (min-width: 671px) and (max-width: 940px) {
	#mds-pick .prairie-dog .series:nth-of-type(3) .series-name {
    font-size: 27px;
    line-height: 27px;
    margin-bottom: 24px;
    bottom:0;
  }
  #mds-pick .prairie-dog .series:nth-of-type(5) .series-name {
    font-size: 27px;
    line-height: 27px;
    margin-bottom: 24px;
    bottom:0;
  }
}
@media screen and (max-width: 670px){
  #mds-pick .prairie-dog .series:nth-of-type(3) .series-name {
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 17px;
    bottom: 0;
  }
  #mds-pick .prairie-dog .series:nth-of-type(5) .series-name {
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 17px;
    bottom: 0;
  }
  #mds-pick .prairie-dog .top-contents .title {
    background-image: url(/img/contents/mds_pick/event/prairie_dog_all_items_10_off/title-bg-sp.png);
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center;
    width: 100%;
  }
  #mds-pick .prairie-dog .top-contents .title img {
    width: 90%;
    padding: 37px 0 10px 0;
  }
}
/***** 商品名 文字色（prairie dog） *****/
#mds-pick .prairie-dog .series:nth-of-type(3) h3 { 
	color: #302208;
}
#mds-pick .prairie-dog .series:nth-of-type(4) h3 { 
	color: #152E0D;
}
#mds-pick .prairie-dog .series:nth-of-type(5) h3 { 
	color: #0D1E1A;
}
#mds-pick .prairie-dog .series:nth-of-type(6) h3 { 
	color: #48300C;
}
/***** 余白調整（prairie dog） *****/
#mds-pick .prairie-dog .company { 
	padding: 20px 0 40px;
}
.movie-10me {
  max-width:643px;
  width:95%;
  margin:0 auto;
}
.movie-10me iframe{
  max-width:95%;
  width:100%;
  height: 482px;
}
@media screen and (max-width: 670px) {
  .movie-10me {
    max-width:95%;
    width:100%;
    height: 100%;
  }
  .movie-10me iframe{
    max-width:95%;
    width:100%;
    height: 400px;
  }
}
/*--------------------------------
people tree（企業ごとに追加）
-------------------------------- */
/***** タイトル 背景色（people tree） *****/
#mds-pick .new-template .top-contents { background-color: #fff; }
#mds-pick .people-tree .top-contents .title {
  background-image: url(/img/contents/mds_pick/event/people_tree_all_items_10_off/title-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
}
#mds-pick .people-tree .top-contents .title img {
  width: 58%;
  padding: 50px 0;
}
#mds-pick .people-tree .series:nth-of-type(6) .title img {
max-width: 610px;
margin-bottom: 23px;
}
#mds-pick .people-tree .merchandise:nth-of-type(6) .image img {
  max-width:792px;
}
/***** 背景グラデーション（people-tree） *****/
#mds-pick .people-tree .series:nth-of-type(3) .title { 
  background: linear-gradient(0deg, rgba(239,239,239,0) 0%, rgba(204, 166, 122, 100) 70%, rgba(255, 255, 255, 100) 70%, rgba(255, 255, 255, 100) 100%);
}
/***** シリーズ名 文字色（people-tree） *****/
#mds-pick .apeople-tree .series:nth-of-type(3) .series-top p {
	color: #302208;
}
#mds-pick .people-tree .series:nth-of-type(3) .series-name {
  color: #333;
  font-size: 40px;
  line-height: 32px;
  margin-bottom: 38px;
}
/***** シリーズ名 文字サイズ（people-tree） *****/
@media screen and (min-width: 671px) and (max-width: 940px) {
	#mds-pick .people-tree .series:nth-of-type(3) .series-name {
    font-size: 27px;
    line-height: 27px;
    margin-bottom: 24px;
    bottom:0;
  }
  #mds-pick .people-tree .series:nth-of-type(4) .series-name {
    font-size: 27px;
    line-height: 27px;
    margin-bottom: 24px;
    bottom:0;
  }
  #mds-pick .people-tree .series:nth-of-type(5) .series-name {
    font-size: 27px;
    line-height: 27px;
    margin-bottom: 24px;
    bottom:0;
  }
  #mds-pick .people-tree .series:nth-of-type(6) .series-name {
    font-size: 27px;
    line-height: 27px;
    margin-bottom: 24px;
    bottom:0;
  }
  #mds-pick .people-tree .series:nth-of-type(6) .title img {
    width: 60%;
    height: auto;
  }
}
@media screen and (max-width: 670px){
  #mds-pick .people-tree .series:nth-of-type(3) .series-name {
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 17px;
    bottom: 0;
  }
  #mds-pick .people-tree .series:nth-of-type(4) .series-name {
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 17px;
    bottom: 0;
  }
  #mds-pick .people-tree .series:nth-of-type(5) .series-name {
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 17px;
    bottom: 0;
  }
  #mds-pick .people-tree .series:nth-of-type(6) .series-name {
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 17px;
    bottom: 0;
  }
  #mds-pick .people-tree .top-contents .title img {
    width: 75%;
    padding: 30px 0;
  }
  #mds-pick .people-tree .series:nth-of-type(6) .title img {
    width: 70%;
    height: auto;
  }
}
/***** 商品名 文字色（people-tree） *****/
#mds-pick .people-tree .series:nth-of-type(3) h3,
#mds-pick .people-tree .series:nth-of-type(4) h3,
#mds-pick .people-tree .series:nth-of-type(5) h3,
#mds-pick .people-tree .series:nth-of-type(6) h3 { 
  color: #302208;
}
/***** 余白調整（people-tree） *****/
#mds-pick .people-tree .company { 
	padding: 20px 0 40px;
}
.movie-10me {
  max-width:643px;
  width:95%;
  margin:0 auto;
}
.movie-10me iframe{
  max-width:95%;
  width:100%;
  height: 482px;
}
@media screen and (max-width: 670px) {
  .movie-10me {
    max-width:95%;
    width:100%;
    height: 100%;
  }
  .movie-10me iframe{
    max-width:95%;
    width:100%;
    height: 400px;
  }
}

/******** MP詳細ページヘッダー → ME 移植用 ************/
/* PC/TAB */
#mds-pick .main-visual {
	display: block;
	height: auto;
	background: none;
	margin: 0 auto;
	text-align: center;
}
#mds-pick .main-visual .mv-title-img {
	margin: 0 auto 31px;
	padding: 20px 0;
	background: url("/img/contents/monthly_expo/bg_top_pc_02.png") center center no-repeat #A4D2CE;
	background-size: auto 100%;
}
#mds-pick .wrap {
	width: 95%;
	max-width: 1330px;
	margin: 0 auto;
}
/* SP */
@media screen and (max-width: 670px) {
	#mds-pick .main-visual .mv-title-img {
		padding: 12px 0 18px;
		margin: 0 auto;
	}
	#mds-pick .main-visual .mv-title-img img {
		max-width: 163px;
		width: 100%;
	}
}

/* デビットカード注記ツールチップ */
.debit-hvr-pop .debit-hvr-pop-txt {
	width: 620px;
	left: 0;
}
.fo-submit-area .debit-hvr-pop .debit-hvr-pop-txt {
	width: 700px;
	left: calc(50% - 350px);
}
/* TAB/SP */
@media screen and (max-width: 940px) {
	.fo-submit-area .debit-hvr-pop .debit-hvr-pop-txt {
		width: 98%;
		left: 2%;
	}
}
/* SP */
@media screen and (max-width: 670px){
	.debit-hvr-pop .debit-hvr-pop-txt {
		width: 98%;
		left: 2%;
	}
}

/* お知らせ
------------------------------------------------------------------------------------- */
#news-wrap .important a:after,
#news-wrap .important a:before,
#news-detail .co-title1.important span:not(.publish-date):after {
	content: 'Important';
	font-size: 11px;
	padding: 3px 4px 2px;
}
/* SP */
@media screen and (max-width: 670px){
	#news-detail .co-title1 { padding-bottom: 3px; }
}

/* 202010_香港LP
------------------------------------------------------------------------------------- */
#form.dfintroduce-lp-form {
	flex-grow: 1;
	flex-shrink: 0;
}

/*** エラー ***/
#dfintroduce-lp.error {
	flex-grow: 1;
	flex-shrink: 0;
	padding: 0 20px;
}
#dfintroduce-lp.error .fo-error-massage { margin: 70px auto 30px; }

/* メインビジュアル */
#dfintroduce-lp .main-visual {
	background: #1c67ad url("/img/fumi/rfEXPDFIntroduceLP/bck_blue.jpg") center center repeat;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif !important;
	height: 830px;
}
#dfintroduce-lp .main-visual .logo {
	margin: 0 auto;
	max-width: 1360px;
	padding: 15px 0;
}
#dfintroduce-lp .main-visual .logo img {
	width: 110px;
}
#dfintroduce-lp .main-visual .wrap {
	height: 800px;
	margin: 0 auto;
	max-width: 1700px;
	padding: 70px 0 0 0;
	width: 100%;
}
#dfintroduce-lp .main-visual .wrap .bck-left,
#dfintroduce-lp .main-visual .wrap .bck-right {
	float: left;
	margin: 30px 1% 0 1%;
	width: 16%;
}
#dfintroduce-lp .main-visual .wrap .bck-left img,
#dfintroduce-lp .main-visual .wrap .bck-right img {
	width: 100%;
	height: auto;
	max-width: 304px;
}
#dfintroduce-lp .main-visual .wrap .center-contents {
	float: left;
	width: 63%;
}
#dfintroduce-lp .main-visual .wrap .center-contents .sub-catch {
	background: #ffe400;
	color: #1c67ad;
	display: block;
	font-size: 36px;
	font-weight: bold;
	margin: 0 auto;
	min-width: 120px;
	padding: 7px 10px;
	position: relative;
	text-align: center;
}
#dfintroduce-lp .main-visual .wrap .center-contents .sub-catch.en {
	max-width: 520px;
}
#dfintroduce-lp .main-visual .wrap .center-contents .sub-catch.zh {
	max-width: 420px;
}
#dfintroduce-lp .main-visual .wrap .center-contents .sub-catch:before {
	border: 15px solid transparent;
	border-top: 15px solid #ffe400;
	content: "";
	margin-left: -15px;
	position: absolute;
	top: 100%;
	left: 50%;
}
#dfintroduce-lp .main-visual .wrap .center-contents .sub-catch p {
	margin: 0;
	padding: 0;
}
#dfintroduce-lp .main-visual .wrap .center-contents .main-catch {
	color: #ffffff;
	font-size: 4em;
	font-weight: bold;
	line-height: 1.3em;
	padding: 40px 0 30px;
	text-align: center;
}
#dfintroduce-lp .main-visual .wrap .center-contents .mainv-pc {
	text-align: center;
}
#dfintroduce-lp .main-visual .wrap .center-contents .mainv-pc img {
	max-width: 840px;
	width: 100%;
	height: auto;
}
#dfintroduce-lp .merits {
	background: #fef1e3;
	padding: 200px 0 330px;
}
#dfintroduce-lp .merits .ttl {
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif !important;
	font-size: 38px;
	font-weight: bold;
	text-align: center;
}
#dfintroduce-lp .merits .ttl span {
	display: block;
}
#dfintroduce-lp .merits .illust {
	padding: 70px 90px;
	text-align: center;
}
#dfintroduce-lp .merits .wrap {
	display: flex;
	margin: 0 auto;
	max-width: 1024px;
}
#dfintroduce-lp .merits .wrap .contents {
	background: #ffffff;
	display: inline-block;
	flex-basis: calc(45% - 15px);
	padding: 50px;
	margin: 2%;
	width: 36%;
}
#dfintroduce-lp .merits .wrap .contents .icon {
	text-align: center;
}
#dfintroduce-lp .merits .wrap .contents .title {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5em;
	margin: 15px 0 20px 0;
}
#dfintroduce-lp .merits .wrap .contents .txt {
	font-size: 16px;
	line-height: 1.8em;
}
#dfintroduce-lp .howtostart {
	background: #1c67ad;
	padding: 20px 0 250px;
	position: relative;
	z-index: 1;
}
#dfintroduce-lp .howtostart .store-image {
	background: url("/img/fumi/rfEXPDFIntroduceLP/store_pc.png") center center no-repeat;
	background-size: cover;
	height: 600px;
	position: relative;
	margin: -310px 0 90px;
	z-index: 2;
}
#dfintroduce-lp .howtostart .title {
	background: url("/img/fumi/rfEXPDFIntroduceLP/line_01.png") center bottom no-repeat;
	color: #ffffff;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif !important;
	font-size: 38px;
	font-weight: bold;
	padding-top: 80px;
	text-align: center;
}
#dfintroduce-lp .howtostart .title span {
	position: relative;
	bottom: 20px;
}
#dfintroduce-lp .howtostart .illust {
	padding: 70px 90px;
	text-align: center;
}
#dfintroduce-lp .howtostart .title-second {
	color: #ffffff;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif !important;
	font-size: 38px;
	font-weight: bold;
	padding-top: 40px;
	text-align: center;
}
#dfintroduce-lp .howtostart .sub-title {
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	padding-top: 20px;
	text-align: center;
}
#dfintroduce-lp .howtostart .sub-title span {
	display: block;
}
#dfintroduce-lp .howtostart .contents {
	max-width: 950px;
	padding: 0 5%;
	margin: 75px auto 0;
}
#dfintroduce-lp .howtostart .contents .flex-wrap {
	display: flex;
	flex-wrap: wrap;
}
#dfintroduce-lp .howtostart .contents .flex-wrap .left {
	color: #ffffff;
	order: 1;
	margin: 0 0 90px 0;
	width: 65%;
}
#dfintroduce-lp .howtostart .contents .flex-wrap .left .left-title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 30px;
}
#dfintroduce-lp .howtostart .contents .flex-wrap .left .txt {
	font-size: 16px;
	line-height: 1.8em;
	margin: 0 0 40px 0;
}
#dfintroduce-lp .howtostart .contents .flex-wrap .right {
	order: 2;
	text-align: right;
	width: 35%;
}
#dfintroduce-lp .howtostart .contents .flex-wrap .right img {
	max-width: 252px;
	width: 100%;
	height: auto;
}
#dfintroduce-lp .howtostart .contents .flex-wrap .flat-white-button {
	background: #ffffff url("/img/fumi/rfEXPDFIntroduceLP/arrow_whitebutton.png") right 18% center no-repeat;
	background-size: 14px 10px;
	border-radius: 60px;
	color: #1c67ad;
	font-size: 18px;
	font-weight: bold;
	max-width: 230px;
	width: 100%;
	height: 66px;
	cursor: pointer;
	transition: all 0.3s ease 0s;
}
#dfintroduce-lp .howtostart .contents .flex-wrap .flat-white-button:hover {
	background: url("/img/fumi/rfEXPDFIntroduceLP/arrow_whitebutton_on.png") no-repeat scroll right 18% center / 14px 10px;
	color: #ffffff;
	background-color: #000000;
}
#dfintroduce-lp .howtostart .contents .flex-wrap .flat-white-button:after {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#dfintroduce-lp .howtostart .contents .flex-wrap .flat-white-button *::before, #dfintroduce-lp .howtostart .contents .flex-wrap .flat-white-button *::after {
	box-sizing: border-box;
	transition: all 0.3s ease 0s;
}
#dfintroduce-lp .howtostart .contents .flex-wrap .flat-white-button a {
	color: #1c67ad;
	display: block;
	padding: 20px 20px 24px 76px;
	text-decolation: none;
}
#dfintroduce-lp .howtostart .contents .flex-wrap .flat-white-button a:hover {
	color: #ffffff;
	text-decoration: none;
}
#dfintroduce-lp .howtostart .contents .flex-wrap .left .recommend {
	border: 1px solid #ffffff;
	padding: 45px 40px;
}
#dfintroduce-lp .howtostart .contents .flex-wrap .left .recommend .top {
	margin: 0 0 40px 0;
}
#dfintroduce-lp .howtostart .contents .flex-wrap .left .recommend .reco-ttl {
	font-size: 18px;
	font-weight: bold;
	display: inline-block;
	line-height: 1.6em;
	width: 60%;
}
#dfintroduce-lp .howtostart .contents .flex-wrap .left .recommend .logo {
	display: inline-block;
	width: 39%;
	text-align: right;
}
#dfintroduce-lp .howtostart .contents .flex-wrap .left .recommend .logo img {
	max-width: 180px;
	width: 100%;
	background: #fff;
}
#dfintroduce-lp .howtostart .contents .flex-wrap .left .recommend .intro-txt {
	font-size: 15px;
	margin-top: 15px;
}
#dfintroduce-lp .howtostart .contents .flex-wrap .left .recommend .check {
	background: url("/img/fumi/rfEXPDFIntroduceLP/icon_05.png") no-repeat scroll left center / 30px 30px;
	display: block;
	font-size: 15px;
	font-weight: bold;
	padding: 0.5em 2.5em 0.5em 2.5em;
}
#dfintroduce-lp .howtostart .contents .flex-wrap .left .recommend .merit {
	border-top: 1px solid #ffffff;
	padding: 40px 0 0 0;
	margin: 40px 0 0 0;
}
#dfintroduce-lp .howtostart .contents .flex-wrap .left .recommend .merit li {
	display: table;
	float: left;
	margin: 0 20px 20px 0;
}
#dfintroduce-lp .howtostart .contents .flex-wrap .left .recommend .merit li:last-child {
	margin: 0 20px 0 0;
}
#dfintroduce-lp .howtostart .contents .flex-wrap .left .recommend .merit li img {
	margin: 0 10px 0 0;
	vertical-align: middle;
	width: 40px;
}
#dfintroduce-lp .howtostart .contents .flex-wrap .left .recommend .merit li span {
	display: table-cell;
	vertical-align: middle;
}
#dfintroduce-lp .howtostart .contents .flex-wrap .left .recommend .shipping-address {
	margin: 40px 0 10px 0;
	display: block;
}
#dfintroduce-lp #regist-anchor {
	position: absolute;
}
#dfintroduce-lp .form-bck {
	background: #fef1e3;
}
#dfintroduce-lp .form-wrap {
	background: #ffffff;
	border-radius: 10px;
	padding: 90px 4%;
	margin: -220px auto 0;
	max-width: 840px;
	position: relative;
	width: 85%;
	z-index: 2;
}
#dfintroduce-lp .form-wrap .form-ttl {
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif !important;
	font-size: 28px;
	font-weight: bold;
	margin: 0 0 60px 0;
	text-align: center;
}
#dfintroduce-lp .form-wrap .form-contents {
	border-bottom: 1px solid #cccccc;
	display: table;
}
#dfintroduce-lp .form-wrap .form-contents.first {
	border-top: 1px solid #cccccc;
}
#dfintroduce-lp .form-wrap .form-contents .grey {
	background: #f4f4f4;
	display: table-cell;
	font-size: 14px;
	font-weight: bold;
	padding: 40px;
	line-height: 1.7em;
	max-width: 180px;
	min-width: 180px;
	text-align: left;
	vertical-align: middle;
	width: 30%;
}
#dfintroduce-lp .form-wrap .form-contents .white {
	background: #ffffff;
	display: table-cell;
	padding: 30px;
	vertical-align: middle;
	word-break: break-all !important;
	width: 70%;
}
#dfintroduce-lp .form-wrap .form-contents .form-box {
	background: #ffffff;
	border: 1px solid #cccccc;
	color: #333333;
	font-size: 17px;
	padding: 18px;
	max-width: 580px;
	width: 95%;
}
#dfintroduce-lp .form-wrap .form-contents .notice {
	font-size: 13px;
	font-weight: bold;
	display: block;
	margin: 10px 0 0;
}
#dfintroduce-lp .form-wrap .form-contents .notice-blue {
	font-size: 13px;
	font-weight: bold;
	position: relative;
	line-height: 1.6em;
	margin: 0 0 25px 20px;
}
#dfintroduce-lp .form-wrap .form-contents .mail-address {
	font-size: 15px;
}
#dfintroduce-lp .form-wrap .form-contents .radio {
	display: block;
	margin: 5px 0;
}
#dfintroduce-lp .form-wrap .japanese-note {
	background: #D5E4F4;
	font-size: 14px;
	font-weight: bold;
	padding: 20px 20px 20px 40px;
	width: 93%;
}
#dfintroduce-lp .form-wrap .privacy-wrap {
	margin: 50px auto 0;
	width: 700px;
}
#dfintroduce-lp .form-wrap .privacy-wrap .txt {
	margin: 0 auto 20px;
	line-height: 1.7em;
	width: 90%;
}
#dfintroduce-lp .privacy-wrap .textarea {
	border: 1px solid #cccccc;
	font-size: 15px;
	line-height: 1.7em;
	height: 280px;
	width: 85%;
	margin: 30px auto 0;
	padding: 4%;
	overflow: auto;
	display: block;
}
#dfintroduce-lp .form-wrap .privacy-wrap .textarea .main-ttl {
	border-bottom: 1px solid #999999;
	font-size: 17px;
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 20px;
}
#dfintroduce-lp .form-wrap .privacy-wrap .textarea .small-ttl {
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 5px;
}
#dfintroduce-lp .form-wrap .privacy-wrap .textarea .txt-box {
	margin: 15px 0 30px;
}
#dfintroduce-lp .form-wrap .privacy-wrap .textarea .txt-box a {
	word-break: break-all;
}
#dfintroduce-lp .form-wrap .privacy-wrap .textarea ol {
	text-indent: -1.5em;
	padding-left: 1.5em;
}
#dfintroduce-lp .form-wrap .privacy-wrap .textarea .list {
	margin-bottom: 15px;
}
#dfintroduce-lp .form-wrap .privacy-wrap .textarea ol>li {
	list-style: inside decimal;
}
#dfintroduce-lp .form-wrap .privacy-wrap .textarea ol ul {
	margin: 10px 25px 0;
}
#dfintroduce-lp .form-wrap .privacy-wrap .textarea ol ul li {
	margin-bottom: 8px;
	list-style: inside disc;
}
#dfintroduce-lp .form-wrap .privacy-wrap .textarea .update {
	font-size: 13px;
	text-align: right;
}
#dfintroduce-lp .form-wrap .privacy-wrap .checkbox-wrap {
	margin: 40px 0 0 0;
	text-align: center;
	font-weight: bold;
}
#dfintroduce-lp .form-wrap .privacy-wrap .mail-button-mid {
	margin: 40px auto 0;
	text-align: center;
}
#dfintroduce-lp .flat-black-button {
	background: #000000 url("/img/fumi/rfEXPDFIntroduceLP/arrow_blackbutton.png") right 12% center no-repeat;
	background-size: 8px 12px;
	border-radius: 60px;
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	margin: 0 auto;
	max-width: 370px;
	width: 100%;
	height: 74px;
	border: 1px solid #000000;
	cursor: pointer;
	transition: all 0.3s ease 0s;
	outline: none;
}
#dfintroduce-lp .flat-black-button:hover {
	background: url("/img/fumi/rfEXPDFIntroduceLP/arrow_blackbutton_on.png") no-repeat scroll right 12% center / 8px 12px;
	color: #000000;
	background-color: #ffffff;
}
#dfintroduce-lp .flat-black-button:after {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#dfintroduce-lp .flat-black-button *::before, #dfintroduce-lp .flat-black-button *::after {
	box-sizing: border-box;
	transition: all 0.3s ease 0s;
}
#dfintroduce-lp .flat-black-button a {
	color: #ffffff;
	display: block;
	padding: 24px;
	text-decolation: none;
}
#dfintroduce-lp .flat-black-button.submit {
	height: auto;
	padding: 20px 0;
}
#dfintroduce-lp .flat-black-button a:hover {
	color: #000000;
	text-decoration: none;
}
#dfintroduce-lp .flat-black-button.confirm-button {
	max-width: 280px;
	width: 100%;
	height: 60px;
	font-size: 17px;
}
#dfintroduce-lp .back-button {
	background: #cccccc url("/img/fumi/rfEXPDFIntroduceLP/arrow_greybutton.png") left 12% center no-repeat;
	background-size: 8px 12px;
	border-radius: 60px;
	color: #333333;
	font-size: 17px;
	font-weight: bold;
	margin: 0 auto;
	max-width: 200px;
	width: 100%;
	height: 60px;
	border: 1px solid #cccccc;
	cursor: pointer;
	transition: all 0.3s ease 0s;
}
#dfintroduce-lp .back-button:hover {
	background: url("/img/fumi/rfEXPDFIntroduceLP/arrow_greybutton_on.png") no-repeat scroll left 12% center / 8px 12px;
	border: 1px solid #000000;
	color: #333333;
	background-color: #ffffff;
}
#dfintroduce-lp .back-button:after {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#dfintroduce-lp .back-button *::before, #dfintroduce-lp .back-button *::after {
	box-sizing: border-box;
	transition: all 0.3s ease 0s;
}
#dfintroduce-lp .back-button a {
	color: #333333;
	display: block;
	padding: 17px;
	text-decoration: none;
	text-align: center;
}
#dfintroduce-lp .back-button a:hover {
	color: #333333;
	text-decoration: none;
}
#dfintroduce-lp .anchor-button {
	background: #000000 url("/img/fumi/rfEXPDFIntroduceLP/arrow_anchorbutton.png") right 12% center no-repeat;
	background-size: 14px 10px;
}
#dfintroduce-lp .anchor-button:hover {
	background: url("/img/fumi/rfEXPDFIntroduceLP/arrow_anchorbutton_on.png") no-repeat scroll right 12% center / 14px 10px;
}
#dfintroduce-lp .last-image {
	margin: 90px auto 0;
	text-align: center;
}
#dfintroduce-lp .last-image img {
	max-width: 1378px;
	vertical-align: bottom;
	width: 100%;
}
#dfintroduce-lp .confirm-wrap {
	background: #fef1e3;
	padding: 0 0 70px 0;
}
#dfintroduce-lp .confirm-wrap .ttl-wrap {
	background: #1c67ad url("/img/fumi/rfEXPDFIntroduceLP/bck_blue.jpg") center center repeat;
	color: #ffffff;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif !important;
	font-size: 28px;
	font-weight: bold;
	padding: 60px 0 110px;
	text-align: center;
}
#dfintroduce-lp .confirm-wrap .confirm {
	margin: -60px auto 90px;
}
#dfintroduce-lp .confirm-wrap .confirm-button-wrap {
	width: 100%;
	margin: 30px auto 0;
	max-width: 500px;
}
#dfintroduce-lp .confirm-wrap .confirm-button-wrap .button-float {
	float: left;
	width: 50%;
}
#dfintroduce-lp .confirm-wrap .complete-ttl {
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif !important;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
}
#dfintroduce-lp .confirm-wrap .complete-txt {
	font-size: 14px;
	text-align: center;
}
#dfintroduce-lp #header-simple .language li .select-left {
	background-color: #417697;
}
#dfintroduce-lp-header {
	margin: 0;
}
#dfintroduce-lp-header #header-simple {
	background-color: #f6f6f6;
	border-bottom: 1px solid #dddddd;
	padding: 5px 0 10px;
}
#dfintroduce-lp-header #header-simple .header-simple-left {
	float: left;
	width: 111px;
	text-align: center;
	margin: 5px 0 0 20px;
}
#dfintroduce-lp-header #header-simple .logo img {
	width: 111px;
	height: auto;
}
#dfintroduce-lp-header #header-simple .language {
	top: 7px;
	right: 20px;
	font-size: 14px;
	position: absolute;
	z-index: 11;
	padding: 10px 0 0;
}
#dfintroduce-lp-header #header-simple .language ul {
	background: #76a9c8 none repeat scroll 0 0;
	display: table-cell;
	padding: 0;
	margin: 0;
	border-radius: 3px;
	color: #ffffff;
	overflow: hidden;
}
#dfintroduce-lp-header #header-simple .language ul li {
	border-left: solid 1px #aecee2;
	display: table-cell;
	padding: 5px 10px;
	font-weight: bold;
	margin: 0;
}
#dfintroduce-lp-header #header-simple .language ul li:nth-of-type(1) {
	border-left: none;
}
#dfintroduce-lp-header #header-simple .language .select {
	background-color: #417697;
	border-radius: 0 3px 3px 0;
}
#dfintroduce-lp-header #header-simple .language ul a {
	font-size: 14px;
	line-height: 0;
	color: #ffffff;
}
#dfintroduce-lp-header #header-simple .language ul a:hover {
	cursor: pointer;
}

/* 固定ボタン */
#dfintroduce-lp .entry-fix-button {
	position: fixed;
	background: #ffffff;
	left: 0;
	z-index: 100;
	padding: 20px 0;
	width: 100%;
}

/* PC only */
@media screen and (min-width: 941px) {
	#dfintroduce-lp .pc-only {
		display: inline-block;
	}
	#dfintroduce-lp .sp-only {
		display: none;
	}
	#dfintroduce-lp .entry-fix-button .button-table {
		margin: 0 auto;
		text-align: center;
	}
	#dfintroduce-lp .entry-fix-button .button-table .txt {
		display: inline-block;
		font-size: 20px;
		font-weight: bold;
		padding: 0 15px 0 0;
		text-align: center;
		vertical-align: center;
	}
	#dfintroduce-lp .entry-fix-button .button-table .link-button {
		display: inline-block;
		height: 60px;
		width: 270px;
	}
	#dfintroduce-lp .entry-fix-button .button-table .link-button .button-txt {
		padding: 17px;
	}
}

/* TABLET */
@media screen and (min-width: 671px) and (max-width: 940px) {
	#dfintroduce-lp .pc-only {
		display: block;
	}
	#dfintroduce-lp .sp-only {
		display: none;
	}
	#dfintroduce-lp .main-visual {
		height: 630px;
	}
	#dfintroduce-lp .main-visual .wrap .bck-left, #dfintroduce-lp .main-visual .wrap .bck-right {
		width: 20%;
	}
	#dfintroduce-lp .main-visual .wrap .center-contents {
		width: 55%;
	}
	#dfintroduce-lp .main-visual .wrap .center-contents .sub-catch {
		font-size: 24px;
	}
	#dfintroduce-lp .main-visual .wrap .center-contents .sub-catch.en {
		max-width: 350px;
	}
	#dfintroduce-lp .main-visual .wrap .center-contents .sub-catch.zh {
		max-width: 280px;
	}
	#dfintroduce-lp .main-visual .wrap .center-contents .main-catch {
		font-size: 2.9em;
		padding: 20px 0;
	}
	#dfintroduce-lp .form-wrap {
		padding: 90px 30px;
		max-width: 660px;
	}
	#dfintroduce-lp .merits {
		padding-top: 150px;
	}
	#dfintroduce-lp .merits .ttl {
		font-size: 32px;
	}
	#dfintroduce-lp .merits .wrap {
		max-width: 800px;
	}
	#dfintroduce-lp .merits .wrap .contents {
		padding: 5%;
	}
	#dfintroduce-lp .merits .illust img {
		max-width: 440px;
		width: 100%;
	}
	#dfintroduce-lp .howtostart .store-image {
		background: url("/img/fumi/rfEXPDFIntroduceLP/store_sp.png") center center no-repeat;
		background-size: contain;
		height: 638px;
	}
	#dfintroduce-lp .howtostart .title {
		background-size: 520px;
		font-size: 32px;
		padding-top: 0;
	}
	#dfintroduce-lp .howtostart .illust img {
		max-width: 440px;
		width: 100%;
	}
	#dfintroduce-lp .howtostart .title-second {
		font-size: 32px;
	}
	#dfintroduce-lp .howtostart .sub-title {
		font-size: 18px;
	}
	#dfintroduce-lp .howtostart .contents {
		max-width: 700px;
	}
	#dfintroduce-lp .howtostart .contents .flex-wrap .left {
		margin: 0 5% 90px 0;
		width: 60%;
	}
	#dfintroduce-lp .howtostart .contents .flex-wrap .left .recommend {
		padding: 6%;
	}
	#dfintroduce-lp .howtostart .contents .flex-wrap .left .recommend .reco-ttl {
		font-size: 17px;
		width: 59%;
	}
	#dfintroduce-lp .form-wrap .japanese-note {
		width: 91%;
	}
	#dfintroduce-lp .form-wrap .privacy-wrap {
		max-width: 620px;
		width: 100%;
	}
	#dfintroduce-lp .form-wrap .privacy-wrap .txt {
		max-width: 580px;
	}
	#dfintroduce-lp .entry-fix-button .button-table .link-button {
		height: 55px;
		max-width: 300px;
	}
	#dfintroduce-lp .entry-fix-button .button-table .link-button .button-txt {
		font-size: 17px;
		padding: 15px;
		text-align: center;
	}
	#dfintroduce-lp .entry-fix-button .button-table .txt {
		display: none;
	}
}

/* SP */
@media screen and (max-width: 670px){
	#dfintroduce-lp .pc-only {
		display: none;
	}
	#dfintroduce-lp .sp-only {
		display: block;
	}
	#dfintroduce-lp .main-visual {
		height: 540px;
	}
	#dfintroduce-lp .main-visual .wrap .bck-left, #dfintroduce-lp .main-visual .wrap .bck-right {
		display: none;
	}
	#dfintroduce-lp .main-visual .wrap .center-contents {
		width: 100%;
	}
	#dfintroduce-lp .main-visual .wrap .center-contents .sub-catch {
		font-size: 17px;
	}
	#dfintroduce-lp .main-visual .wrap .center-contents .sub-catch.en {
		max-width: 280px;
	}
	#dfintroduce-lp .main-visual .wrap .center-contents .sub-catch.zh {
		max-width: 240px;
	}
	#dfintroduce-lp .main-visual .wrap .center-contents .main-catch {
		font-size: 2.2em;
		padding: 4%;
	}
	#dfintroduce-lp .main-visual .wrap .center-contents .mainv-pc img {
		max-width: 400px;
		margin: 0 auto;
	}
	#dfintroduce-lp .merits .illust {
		padding: 30px 5%;
	}
	#dfintroduce-lp .merits .illust img {
		max-width: 440px;
		width: 100%;
	}
	#dfintroduce-lp .merits {
		padding: 110px 0 120px;
	}
	#dfintroduce-lp .merits .wrap {
		display: block;
		max-width: 470px;
	}
	#dfintroduce-lp .merits .wrap .contents {
		display: block;
		flex-basis: auto;
		padding: 7%;
		margin: 30px auto;
		width: 70%;
	}
	#dfintroduce-lp .merits .wrap .contents .icon img {
		max-width: 70px;
		width: 100%;
	}
	#dfintroduce-lp .merits .ttl {
		font-size: 1.7em;
	}
	#dfintroduce-lp .merits .ttl span {
		padding: 0 3%;
	}
	#dfintroduce-lp .howtostart .store-image {
		background: url("/img/fumi/rfEXPDFIntroduceLP/store_sp.png") center center no-repeat;
		background-size: contain;
		margin: -120px auto 0;
		width: 90%;
	}
	#dfintroduce-lp .howtostart .title {
		background-size: contain;
		font-size: 1.8em;
		padding-top: 120px;
		margin: 0 auto;
		width: 85%;
	}
	#dfintroduce-lp .howtostart .illust {
		padding: 30px 70px
	}
	#dfintroduce-lp .howtostart .illust img {
		max-width: 440px;
		width: 100%;
	}
	#dfintroduce-lp .howtostart .title-second {
		font-size: 2em;
		padding: 0 2%;
	}
	#dfintroduce-lp .howtostart .sub-title {
		font-size: 17px;
	}
	#dfintroduce-lp .howtostart .contents {
		max-width: 450px;
	}
	#dfintroduce-lp .howtostart .contents .flex-wrap .left {
		order: 2;
		margin: 0 0 90px 0;
		width: 100%;
	}
	#dfintroduce-lp .howtostart .contents .flex-wrap .right {
		order: 1;
		margin: 0 auto 30px;
		text-align: center;
		width: 100%;
	}
	#dfintroduce-lp .howtostart .contents .flex-wrap .flat-white-button {
		margin: 0 auto;
	}
	#dfintroduce-lp .howtostart .contents .flex-wrap .left .recommend {
		padding: 45px 5%;
	}
	#dfintroduce-lp .howtostart .contents .flex-wrap .left .recommend .top {
		margin: 0 0 25px 0;
	}
	#dfintroduce-lp .howtostart .contents .flex-wrap .left .recommend .reco-ttl {
		width: 100%;
	}
	#dfintroduce-lp .howtostart .contents .flex-wrap .left .recommend .logo {
		margin: 20px 0 0 0;
		text-align: left;
	}
	#dfintroduce-lp .howtostart .contents .flex-wrap .left .recommend .merit {
		padding: 30px 0 0 0;
		margin: 30px 0 0 0;
	}
	#dfintroduce-lp .howtostart .contents .flex-wrap .left .recommend .merit li {
		margin: 0 auto 20px;
	}
	#dfintroduce-lp .howtostart .contents .flex-wrap .left .recommend .merit li img {
		float: left;
	}
	#dfintroduce-lp .howtostart .contents .flex-wrap .left .recommend .merit li span {
		padding-right: 20px;
	}
	#dfintroduce-lp .form-wrap {
		padding: 70px 5%;
		max-width: 450px;
		width: 80%;
	}
	#dfintroduce-lp .form-wrap .form-ttl {
		font-size: 2em;
		margin: 0 0 50px 0;
	}
	#dfintroduce-lp .form-wrap .form-contents {
		border: none;
		display: block;
	}
	#dfintroduce-lp .form-wrap .form-contents .grey {
		display: block;
		max-width: none;
		padding: 5%;
		width: auto;
	}
	#dfintroduce-lp .form-wrap .form-contents .white {
		display: block;
		max-width: none;
		padding: 5%;
		width: auto;
		word-break: break-all !important;
	}
	#dfintroduce-lp .form-wrap .form-contents .form-box {
		max-width: 370px;
		width: 90%;
	}
	#dfintroduce-lp .form-wrap .form-contents.first {
		border: none;
	}
	#dfintroduce-lp .form-wrap .japanese-note {
		max-width: none;
		margin: 0 0 20px 0;
		padding: 5%;
		width: 90%;
	}
	#dfintroduce-lp .form-wrap .privacy-wrap {
		margin: 0 auto;
		width: auto;
	}
	#dfintroduce-lp .entry-fix-button .button-table .link-button {
		height: 55px;
		max-width: 300px;
	}
	#dfintroduce-lp .entry-fix-button .button-table .link-button .button-txt {
		font-size: 17px;
		padding: 15px;
		text-align: center;
	}
	#dfintroduce-lp .entry-fix-button .button-table .txt {
		display: none;
	}
	#dfintroduce-lp .flat-black-button {
		height: 60px;
	}
	#dfintroduce-lp .back-button {
		background: #cccccc url("/img/fumi/rfEXPDFIntroduceLP/arrow_greybutton.png") left 12% center no-repeat;
		background-size: 8px 12px;
		font-size: 16px;
		max-width: 130px;
		height: 50px;
	}
	#dfintroduce-lp .back-button a {
		padding: 14px;
	}
	#dfintroduce-lp .flat-black-button.confirm-button {
		max-width: 130px;
		height: 52px;
		font-size: 16px;
	}
	#dfintroduce-lp #header-simple .language .select {
		display: block;
	}
}

/* 2022 食器特集ページ
----------------------------------------------------------------------------- */
#event-utsuwa {
	font-family: "Microsoft JhengHei", "微軟正黑體", "Helvetica Neue", Arial, sans-serif;
	color: #333333;
	margin: 0 auto -68px;
	position: relative;
}
#event-utsuwa.event-utsuwa-ko {
	font-family: "MalgunGothic", "맑은고딕", "Helvetica Neue", Arial, sans-serif;
}
#event-utsuwa * { box-sizing: border-box; }
#event-utsuwa::before, #event-utsuwa::after {
	position: absolute;
	top: 0;
	content: "";
	display: block;
	width: 30px;
	height: 100%;
	background-color: #BBA08F;
	z-index: 1;
}
#event-utsuwa::before { left: 0; }
#event-utsuwa::after { right: 0; }
#event-utsuwa p, #event-utsuwa ul, #event-utsuwa h2, #event-utsuwa h3 {
	margin: 0;
	padding: 0;
}
#event-utsuwa a {
	color: #333333;
	text-decoration: none;
	display: block;
}
#event-utsuwa a:hover { opacity: 0.8; }
#event-utsuwa img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	border: 0;
}
#event-utsuwa .inner {
	max-width: 1060px;
	margin: 0 auto;
}
#event-utsuwa .wrap { padding: 0 30px; }
#event-utsuwa .italic {
	font-style: italic;
	font-weight: normal;
	font-family: "Times New Roman",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif !important;
}
/* ナビゲーションボタン */
#event-utsuwa nav {
	position: fixed;
	right: 0;
	bottom: 12px;
	overflow: hidden;
	z-index: 10;
}
#event-utsuwa nav li a {
	width: 67px;
	height: 67px;
	line-height: 67px;
	margin-right: 9px;
	border-radius: 50%;
	background-color: #484848;
	color: #FFFFFF;
  font-size: 13px;
	font-weight: 600;
	text-align: center;
}
#event-utsuwa nav li:not(:first-child) a { margin-top: 8px; }
/* メインビジュアル */
#event-utsuwa .main-visual {
	position: relative;
	max-width: 1255px;
	margin: 0 auto;
}
#event-utsuwa .main-visual .mv-bg {
	width: 100%;
	max-width: 969px;
	position: absolute;
	right: 17.5vw;
	z-index: 2;
}
#event-utsuwa .main-visual .catch {
	width: 75%;
	max-width: 869px;
	margin: 155px 0 0 10px;
	position: relative;
	z-index: 2;
}
#event-utsuwa .main-visual .title img {
	height: 100%;
	max-height: 429px;
	position: absolute;
	top: 0;
	right: 2vw;
}
/* 日本陶瓷器生產地 */
#event-utsuwa .about {
	padding: 85px 0 20px;
	background: #F6F6F6 url("/img/contents/event/en/utsuwa/about_bg.png") repeat;
	position: relative;
}
#event-utsuwa .about .inner { max-width: 1255px; }
#event-utsuwa .about .title-area {
	width: 342px;
	padding: 9px 39px 10px 63px;
	background-color: #215B9A;
	position: absolute;
	top: -17px;
	color: #FFFFFF;
}
/* 韓国語版 */
#event-utsuwa .about .title-area-ko {
	width: 400px;
}
/* 韓国語版 ↑↑↑*/
#event-utsuwa .about .title-area .title {
	font-size: 30px;
	line-height: 1.3;
	text-align: left;
}
#event-utsuwa .about .title-area .sub {
	display: flex;
	align-items: center;
	width: 134px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.02em;
}
#event-utsuwa .about .title-area .sub::before,
#event-utsuwa .about .title-area .sub::after {
	border-top: 1px solid;
	content: '';
	flex-grow: 1;
}
#event-utsuwa .about .title-area .sub::before { margin-right: 0.5rem; }
#event-utsuwa .about .title-area .sub::after { margin-left: 0.5rem; }
#event-utsuwa .about .content {
	content: '';
	display: block;
	height: 790px;
	background: url("/img/contents/event/en/utsuwa/about_pc.png") no-repeat center center;
	background-size: 82%;
	margin: 0 auto;
}
#event-utsuwa .about .txt {
	font-size: 15px;
	font-weight: 600;
	margin-left: 43px;
	max-width: 400px;
	line-height: 1.5;
}
/* 日本陶瓷器生產地韓国語版 */
#event-utsuwa .about .content-ko {
	height: 920px;
	background: url("/img/contents/event/en/utsuwa/about_pc_ko.png") no-repeat center center;
	background-size: 80%;
	margin: 10px auto 10px;
}
/* 日本陶瓷器生產地韓国語版 ↑↑↑*/
/* ループ */
#event-utsuwa .loop {
	display: flex;
	overflow: hidden;
}
#event-utsuwa .loop img { max-width: none; }
#event-utsuwa .loop img:first-child { animation: loop 50s -25s linear infinite; }
#event-utsuwa .loop img:last-child { animation: loop2 50s linear infinite; }
@keyframes loop {
	0%	{ transform: translatex(100%); }
	to	{ transform: translatex(-100%); }
}
@keyframes loop2 {
	0%	{ transform: translatex(0); }
	to	{ transform: translatex(-200%); }
}
/* 陶瓷器種類介紹 */
#event-utsuwa .brand-list {
	padding: 35px 0 31px;
	background-color: #EFECCA;
}
#event-utsuwa .brand-list .inner { width: 98%; }
#event-utsuwa .brand-list .title-area {
	width: 276px;
	padding: 25px 43px 20px;
	background-color: #C9C254;
}
/* 陶瓷器種類介紹韓国語版 */
#event-utsuwa .brand-list .title-area-ko {
	width: 350px;
}
/* 陶瓷器種類介紹韓国語版 ↑↑↑*/
#event-utsuwa .brand-list .title-area .title {
	font-size: 27px;
	line-height: 1;
	text-align: center;
}
#event-utsuwa .brand-list .title-area .sub {
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0.02em;
}
#event-utsuwa .brand-list .title-area .sub::before {
	border-top: solid 2px;
	content: '';
	width: 70px;
	display: block;
	margin: 9px auto 5px;
}
#event-utsuwa .brand-list ul {
	display: flex;
	justify-content: center;
}
#event-utsuwa .brand-list li { text-align: center; }
#event-utsuwa .brand-list li:not(:first-child) { margin-left: 28px;}
#event-utsuwa .brand-list .list01 > li:not(:first-child),
#event-utsuwa .brand-list .list02 > li {
	width: 127px;
}
#event-utsuwa .brand-list .list02 { margin-top: 27px;}
#event-utsuwa .brand-list li img {
	background: #FFFFFF;
	width: 127px;
	border-radius: 50%;
}
#event-utsuwa .brand-list li .name {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.3;
}
#event-utsuwa .brand-list li .name span { display: inline-block; }
#event-utsuwa .brand-list li .name .italic {
	font-size: 13px;
	font-weight: normal;
	color: #8B8B8B;
}
#event-utsuwa .brand-list .btm-area {
	width: 100%;
	max-width: 1000px;
	margin: 37px auto 0;
	padding: 16px 61px 15px;
	background-color: #FFFFFF;
	border:solid 1px #DFDFDF;
	border-radius: 15px;
	display: flex;
}
#event-utsuwa .brand-list .btm-area .description {
	text-align: center;
	margin-right: 50px;
}
/* 韓国語版 */
#event-utsuwa .brand-list .btm-area .description-ko {
  width: 260px;
}
/* 韓国語版 ↑↑↑*/
#event-utsuwa .brand-list .btm-area .description .txt {
	font-size: 18px;
	color: #215B9A;
	font-weight: 600;
}
#event-utsuwa .brand-list .btm-area .description .sub {
	font-size: 15px;
	color: #707070;
	display: flex;
	align-items: center;
}
#event-utsuwa .brand-list .btm-area .description::before {
	content: '';
	display: block;
	width: 19px;
	height: 17px;
	background: url("/img/contents/event/en/utsuwa/category_icon_01.png") no-repeat;
	background-size: contain;
	margin: 0 auto;
}
#event-utsuwa .brand-list .btm-area .description .sub::before,
#event-utsuwa .brand-list .btm-area .description .sub::after {
	border-top: 1px solid;
	content: '';
	flex-grow: 1;
}
#event-utsuwa .brand-list .btm-area .description .sub::before { margin-right: 0.3rem; }
#event-utsuwa .brand-list .btm-area .description .sub::after { margin-left: 0.3rem; }
#event-utsuwa .brand-list .btm-area .profile {
	font-weight: 600;
	display: flex;
	align-items: center;
}
#event-utsuwa .brand-list .btm-area .profile img {
	width: 68px;
	height: 68px;
	margin-right: 12px;
	border-radius: 50%;
	border: solid 1px #707070;
}
#event-utsuwa .brand-list .btm-area .profile .group {
	display: flex;
	align-items: center;
}
#event-utsuwa .brand-list .btm-area .profile .group:nth-of-type(1) .txt-area { width: 118px; }
#event-utsuwa .brand-list .btm-area .profile .group:nth-of-type(2) .txt-area { width: 107px; }
#event-utsuwa .brand-list .btm-area .profile .group:nth-of-type(3) .txt-area { width: 112px; }
#event-utsuwa .brand-list .btm-area .profile .group:not(:last-child) .txt-area { margin-right: 15px; }
#event-utsuwa .brand-list .btm-area .profile .work { font-size: 15px; }
#event-utsuwa .brand-list .btm-area .profile .tag {
	font-size: 13px;
	color: #707070;
}
#event-utsuwa .brand-list .btm-area .profile .tag span { margin-right: 5px; }
#event-utsuwa .brand-list .btm-area .profile .tag span::before { content: '#'; }
/* 各ブランドコンテンツ */
#event-utsuwa .brand {
	background-color: #F5F4E8;
	padding-bottom: 35px;
}
#event-utsuwa .brand .content { padding-top: 83px; }
#event-utsuwa .brand .content .inner {
	padding: 28px 45px 45px;
	background-color: #FFFFFF;
	border: solid 1px #C9C254;
}
#event-utsuwa .brand .content.type03 .inner { padding-bottom: 32px;}
#event-utsuwa .brand .content .intro { display: flex; }
#event-utsuwa .brand .content .intro img {
	width: 365px;
	height: 100%;
	margin-top: -74px;
	border: solid 1px #C9C254;
}
#event-utsuwa .brand .content .intro .title-area {
	margin: 0 17px 0 27px;
	writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: vertical-rl;
}
#event-utsuwa .brand .content .intro .title-area .sub {
	font-size: 18px;
	color: #215B9A;
	letter-spacing: 0.02em;
	padding-left: 3px;
}
#event-utsuwa .brand .content .intro .title-area .title span {
	font-size: 36px;
	color: #FFFFFF;
	line-height: 1;
	background-color: #215B9A;
	padding: 8px 6px 8px 6px;
	letter-spacing: 0.1em;
	display: inline-block;
}
/* utsuwa韓国語版 */
#event-utsuwa .brand .content .intro .title-area .title-ko span { 
  padding: 8px 8px 8px 6px;
  font-family: "メイリオ", Meiryo, "Hiragino Sans", sans-serif;
}
::-webkit-full-page-media, _:future, :root #event-utsuwa .brand .content .intro .title-area .title-ko span { padding: 8px 6px; }
/* utsuwa韓国語版↑↑↑ */
#event-utsuwa .brand .content .intro .txt-area {
	width: 100%;
	max-width: 491px;
	font-size: 15px;
  margin: 0 0 8px;
}
#event-utsuwa .brand .content .intro .txt-area .place { font-weight: 600; }
#event-utsuwa .brand .content .intro .txt-area .place::before {
	content: '';
	display: inline-block;
	width: 11px;
	height: 15px;
	background: url("/img/contents/event/en/utsuwa/category_icon_02.png") no-repeat;
	background-size: contain;
	margin-right: 6px;
	padding-bottom: 3px;
	vertical-align: bottom;
}
#event-utsuwa .brand .content .intro .txt-area .txt { line-height: 1.6; }
#event-utsuwa .brand .content.type04 .intro { position: relative; }
#event-utsuwa .brand .content.type04 .intro .title-area {
	position: absolute;
	top: 0;
	left: 315px;
}
/* 韓国語版 */
#event-utsuwa .brand .content.type04.ko .intro .title-area { left: 310px; }
#event-utsuwa .brand .content.type04 .intro .title-area .title span:first-child { margin-left: 3px; }
#event-utsuwa .brand .content.type04 .intro .title-area .title span { height: 186px; }
#event-utsuwa .brand .content.type04 .intro .txt-area {
  margin-left: 120px;
  width: calc(100% - 120px);
}
#event-utsuwa .brand .content .button a {
	text-align: center;
	display: block;
	width: 300px;
	border-radius: 21px;
	padding: 9px 21px 5px;
	line-height: 1.1;
	border: 1px #215B9A solid;
	background-color: #FFFFFF;
	color: #215B9A;
	font-size: 18px;
	font-weight: 600;
	transition: opacity 0.2s;
	position: relative;
	margin: 0 0 0 auto;
}
/* 韓国語版常滑焼button幅調整 */
#event-utsuwa .brand .content .button-ko a {
  width: 350px;
}
/* 韓国語版常滑焼button幅調整↑↑↑*/
#event-utsuwa .brand .content .button a::after {
	content: '';
	display: inline-block;
	vertical-align: 1px;
	width: 7px;
	height: 7px;
	border-top: 4px #215B9A solid;
	border-right: 4px #215B9A solid;
	border-radius: 2px;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	right: 22px;
	bottom: 0;
	margin: auto;
}
#event-utsuwa .brand .content .list-title {
	font-size: 15px;
	font-weight: 600;
	width: 186px;
	background-color: #C9C254;
	padding: 4px 0 6px;
	margin: 5px 0 21px;
	text-align: center;
	letter-spacing: 0.2em;
}
#event-utsuwa .brand .content ul {
	display: flex;
	flex-wrap: wrap;
	max-width: 870px;
	margin: 0 auto;
}
#event-utsuwa .brand .content li {
	text-align: center;
	width: 100%;
	max-width: 201px;
}
#event-utsuwa .brand .content li:not(:nth-child(4n+1)) { margin-left: 22px;}
#event-utsuwa .brand .content.type01 li:nth-child(-n+4) { margin-bottom: 27px;}
#event-utsuwa .brand .content li a > img {
	border-radius: 40px;
	border: solid 1px #8B8B8B;
}
#event-utsuwa .brand .content li .name {
	font-size: 17px;
	font-weight: 600;
	margin: 6px 0 5px;
}
#event-utsuwa .brand .content li .comment {
	display: flex;
	align-items: flex-start;
}
#event-utsuwa .brand .content li .comment img {
	width: 34px;
	height: 34px;
	margin-right: 5px;
	border-radius: 50%;
}
#event-utsuwa .brand .content li .comment p {
	font-size: 13px;
	color: #707070;
	text-align: left;
	background: url("/img/contents/event/en/utsuwa/category_icon_03.png") no-repeat left top 2px;
	background-size: 8px;
	vertical-align: middle;
	padding-left: 12px;
}
/* 精選廠商 */
#event-utsuwa .recommend {
	background: linear-gradient(#fff 0%, #d5dde6 100%);
	padding: 82px 0 52px;
}
#event-utsuwa .recommend .inner {
	padding: 63px 33px 47px;
	background-color: #FFFFFF;
	border: solid 2px #86A4C5;
	position: relative;
}
#event-utsuwa .recommend .title-area {
	margin: 0 auto;
	padding: 20px 0 9px;
	text-align: center;
	background-color: #FFFFFF;
	width: 333px;
	position: absolute;
	top: -95px;
	right: 50%;
	transform: translate(50%, 50%);
}
#event-utsuwa .recommend .title-area .sub {
	font-size: 16px;
	font-weight: normal;
	font-family: "Times New Roman",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	color: #8B8B8B;
	letter-spacing: 0.5em;
}
#event-utsuwa .recommend .title-area .title {
	font-size: 33px;
	line-height: 1;
	margin-top: 2px;
	letter-spacing: 0.1em;
}
#event-utsuwa .recommend ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#event-utsuwa .recommend li {
	text-align: center;
	width: 225px;
}
#event-utsuwa .recommend li:not(:nth-child(4n+1)) { margin-left: 30px;}
#event-utsuwa .recommend li:nth-child(n+5) { margin-top: 35px;}
#event-utsuwa .recommend li a > img {
	border-radius: 60% 43% 56% 60% / 58% 58% 63% 64%;
	width: 200px;
	text-align: center;
}
#event-utsuwa .recommend li .name {
	font-size: 17px;
	font-weight: 600;
	color: #215B9A;
	margin: 6px 0 5px;
}
#event-utsuwa .recommend li .comment {
	font-size: 13px;
	color: #707070;
	text-align: left;
}
/* 商品分類 */
#event-utsuwa .categories { padding: 51px 0 42px; }
#event-utsuwa .categories .title-area {
	margin: 0 auto 25px;
	padding: 20px 0 9px;
	text-align: center;
	width: 333px;
}
#event-utsuwa .categories .title-area .sub {
	font-size: 16px;
	font-weight: normal;
	font-family: "Times New Roman",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	color: #8B8B8B;
	letter-spacing: 0.5em;
}
#event-utsuwa .categories .title-area .title {
	font-size: 33px;
	line-height: 1;
	margin-top: 2px;
	letter-spacing: 0.1em;
}
#event-utsuwa .categories ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#event-utsuwa .categories li a:hover { text-decoration: underline; }
#event-utsuwa .categories .big-cate li {
	text-align: center;
	width: 230px;
}
#event-utsuwa .categories .big-cate li:not(:first-child) { margin-left: 26px;}
#event-utsuwa .categories .big-cate li img {
	width: 230px;
	border: solid 1px #A2A2A2;
	background-color: #F2F2F2;
}
#event-utsuwa .categories .big-cate li .name {
	font-size: 16px;
	font-weight: 600;
	margin-top: 7px;
	height: 20px;
	position: relative;
}
#event-utsuwa .categories .big-cate li .name::after {
	content: '';
	display: inline-block;
	width: 7px;
	height: 7px;
	border-top: 4px #CCCCCC solid;
	border-right: 4px #CCCCCC solid;
	border-radius: 2px;
	transform: rotate(45deg);
	position: absolute;
	right: 2px;
	top: 0;
	bottom: 0;
	margin: auto;
}
#event-utsuwa .categories .small-cate {
	margin-top: 43px;
	padding-top: 53px;
}
#event-utsuwa .categories .small-cate li {
	text-align: center;
	width: 180px;
	position: relative;
}
#event-utsuwa .categories .small-cate li::before {
	content: '';
	display: block;
	margin: 0 auto;
	height: 43px;
	position: absolute;
	top: -72px;
	right: 50%;
	bottom: 0;
	transform: translate(50%, 50%);
	width: 100%;
}
#event-utsuwa .categories .small-cate li:nth-child(1)::before {
	background: url("/img/contents/event/en/utsuwa/categories_icon_01.png") no-repeat;
	background-size: contain;
	width: 43px;
}
#event-utsuwa .categories .small-cate li:nth-child(2)::before {
	background: url("/img/contents/event/en/utsuwa/categories_icon_02.png") no-repeat;
	background-size: contain;
	width: 34px;
}
#event-utsuwa .categories .small-cate li:nth-child(3)::before {
	background: url("/img/contents/event/en/utsuwa/categories_icon_03.png") no-repeat;
	background-size: contain;
	width: 64px;
	top: -64px;
}
#event-utsuwa .categories .small-cate li:nth-child(4)::before {
	background: url("/img/contents/event/en/utsuwa/categories_icon_04.png") no-repeat;
	background-size: contain;
	width: 39px;
}
#event-utsuwa .categories .small-cate li:not(:first-child) { margin-left: 37px;}
#event-utsuwa .categories .small-cate li .block {
	text-align: center;
	width: 180px;
	margin-bottom: 10px;
}
#event-utsuwa .categories .small-cate li .block:first-child { border-top: dashed 1px #215B9A; }
#event-utsuwa .categories .small-cate li .block > a:first-child {
	font-size: 16px;
	font-weight: 600;
}
#event-utsuwa .categories .small-cate li a {
	font-size: 14px;
	padding-top: 10px;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
	#event-utsuwa::before, #event-utsuwa::after { display: none; }
	#event-utsuwa .inner { width: 95%; }
	#event-utsuwa .wrap { padding: 0; }
	/* メインビジュアル */
	#event-utsuwa .main-visual .mv-bg {
		max-width: 700px;
		right: 20vw;
	}
	#event-utsuwa .main-visual .catch { margin: 120px 0 0 10px; }
	/* 日本陶瓷器生產地 */
	#event-utsuwa .about { padding: 85px 0 30px; }
	#event-utsuwa .about .content {
		height: 545px;
		background: url("/img/contents/event/en/utsuwa/about_pc.png") no-repeat center bottom;
		background-size: 85%;
	}
  /* 日本陶瓷器生產地韓国語版 */
	#event-utsuwa .about .content-ko {
		height: 630px;
		background: url("/img/contents/event/en/utsuwa/about_pc_ko.png") no-repeat center bottom;
    background-size: 85%;
	}
  /* 日本陶瓷器生產地韓国語版↑↑↑ */
	#event-utsuwa .about .txt {
		margin-left: 0;
		max-width: 480px;
	}
	/* ループ */
	#event-utsuwa .loop { height: 140px; }
	#event-utsuwa .loop img { height: 140px; }
	/* 陶瓷器種類介紹 */
	#event-utsuwa .brand-list .inner { width: 95%; }
	#event-utsuwa .brand-list .title-area {
		width: 100%;
		max-width: 220px;
		padding: 15px;
	}
  /* 陶瓷器種類介紹韓国語版 */
	#event-utsuwa .brand-list .title-area-ko {
		max-width: 250px;
	}
  /* 陶瓷器種類介紹韓国語版↑↑↑ */
	#event-utsuwa .brand-list .title-area .title { font-size: 22px; }
	#event-utsuwa .brand-list .title-area .sub { font-size: 13px; }
	#event-utsuwa .brand-list li:not(:first-child) { margin-left: 15px;}
	#event-utsuwa .brand-list .list01 > li:not(:first-child),
	#event-utsuwa .brand-list .list02 > li, 
	#event-utsuwa .brand-list li img {
		width: 90px;
	}
  #event-utsuwa .brand-list .btm-area {
		margin: 22px auto 0;
		padding: 16px 15px 15px;
	}
	#event-utsuwa .brand-list .btm-area .description { margin-right: 20px; }
	/* 各ブランドコンテンツ */
	#event-utsuwa .brand .content { padding-top: 75px; }
	#event-utsuwa .brand .content:first-child { padding-top: 62px; }
	#event-utsuwa .brand .content .inner { padding: 14px 16px 10px; }
	#event-utsuwa .brand .content .intro { justify-content: center; }
	#event-utsuwa .brand .content .intro img {
		max-width: 300px;
		width: 100%;
		height: auto;
		margin: -64px auto 15px;
	}
	#event-utsuwa .brand .content .intro .title-area { margin: 0; }
	#event-utsuwa .brand .content .intro .title-area .title span { padding: 4px 6px 4px 4px; }
  /* 韓国語版 */
  #event-utsuwa .brand .content .intro .title-area .title-ko span { padding: 6px 8px 4px 6px; }
  ::-webkit-full-page-media, _:future, :root #event-utsuwa .brand .content .intro .title-area .title-ko span { padding: 4px 6px 4px 4px; }
	#event-utsuwa .brand .content .content-txt { text-align: center; }
	#event-utsuwa .brand .content .intro .txt-area {
		max-width: 550px;
		margin: 0 0 0 auto;
		font-size: 14px;
		text-align: left;
	}
	#event-utsuwa .brand .content.type04 .intro .title-area {
		position: static;
		left: 0;
		margin-right: 8px;
	}
   /* 韓国語版sub title 調整 */
  #event-utsuwa .brand .content .intro .title-area .sub-ko {
    padding: 0 6px 0 0;
  }
   /* 韓国語版sub title調整↑↑↑ */
	#event-utsuwa .brand .content.type04 .intro .title-area .title span:first-child { margin-left: 0; }
	#event-utsuwa .brand .content.type04 .intro .title-area .title span { height: auto; }
	#event-utsuwa .brand .content.type04 .intro .txt-area {
    margin-left: 0;
    width: 100%;
  }
	#event-utsuwa .brand .content .button a {
		width: 100%;
		max-width: 300px;
		margin: 24px auto 21px;
	}
  /* 韓国語版常滑焼button幅調整 */
  #event-utsuwa .brand .content .button-ko a {
    max-width: 350px;
  }
/* 韓国語版常滑焼button幅調整↑↑↑*/
	#event-utsuwa .brand .content ul { max-width: 609px; }
	#event-utsuwa .brand .content li {
		width: calc((100% - 36px) / 3);
		max-width: 185px;
		margin: 0 9px 16px;
	}
	#event-utsuwa .brand .content li:not(:nth-child(4n+1)) { margin-left: 9px;}
	#event-utsuwa .brand .content li:nth-child(2n) { margin-left: 9px;}
	#event-utsuwa .brand .content.type01 li:nth-child(-n+6) { margin-bottom: 16px;}
	#event-utsuwa .brand .content li a > img { border-radius: 30px; }
	/* 精選廠商 */
	#event-utsuwa .recommend { padding: 66px 2% 26px; }
	#event-utsuwa .recommend .inner { padding: 30px 0 5px; }
	#event-utsuwa .recommend .title-area {
		width: 100%;
		max-width: 282px;
	}
	#event-utsuwa .recommend .title-area .sub { font-size: 13px; }
	#event-utsuwa .recommend .title-area .title { font-size: 32px; }
	#event-utsuwa .recommend ul { margin-top: 20px; }
	#event-utsuwa .recommend li {
		width: calc((100% - 80px) / 2);
		margin: 0 20px 15px;
	}
	#event-utsuwa .recommend li:not(:nth-child(4n+1)) { margin-left: 20px;}
	#event-utsuwa .recommend li:nth-child(n+5) { margin-top: 0;}
	#event-utsuwa .recommend li a > img {
		width: 100%;
		max-width: 150px;
	}
	/* 商品分類 */
	#event-utsuwa .categories { padding: 45px 0 42px; }
	#event-utsuwa .categories .title-area {
		margin: 0 auto 21px;
		padding: 0;
		width: 100%;
		max-width: 170px;
	}
  /* 商品分類韓国語版 */
  #event-utsuwa .categories .title-area-ko {
		max-width:240px;
	}
  /* 商品分類韓国語版↑↑↑ */
	#event-utsuwa .categories ul { display: block; }
	#event-utsuwa .categories .big-cate li {
		width: 100%;
		max-width: 342px;
		margin: 0 auto;
		border: solid 1px #A2A2A2;
		background-color: #F2F2F2;
	}
	#event-utsuwa .categories .big-cate li a {
		padding: 0 17px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	#event-utsuwa .categories .big-cate li:not(:first-child) { margin: 5px auto 0; }
	#event-utsuwa .categories .big-cate li img {
		width: 99px;
		border: none;
		background-color: transparent;
	}
	#event-utsuwa .categories .big-cate li .name {
		margin-top: 0;
		width: 100%;
		max-width: 205px;
	}
	#event-utsuwa .categories .big-cate li .name::after {
		width: 6px;
		height: 6px;
		border-top: 3px #CCCCCC solid;
		border-right: 3px #CCCCCC solid;
		border-radius: 1px;
		right: 0;
	}
	#event-utsuwa .categories .small-cate {
		margin-top: 25px;
		display: flex;
		flex-wrap: wrap;
	}
	#event-utsuwa .categories .small-cate li {
		width: calc((100% - 200px) / 2);
		max-width: 100%;
	}
	#event-utsuwa .categories .small-cate li:not(:first-child) { margin-left: 0;}
	#event-utsuwa .categories .small-cate li:nth-child(2n) { margin-left: 10px; }
	#event-utsuwa .categories .small-cate li:nth-child(2n-1) { margin-right: 10px; }
	#event-utsuwa .categories .small-cate li:nth-child(-n+2) { margin-bottom: 65px; }
	#event-utsuwa .categories .small-cate li .block {
		width: 100%;
		max-width: 180px;
		margin: 0 auto 10px;
	}
}
/* SP */
@media screen and (max-width: 670px) {
	/* ナビゲーションボタン */
	#event-utsuwa nav {
		left: 0;
		bottom: -14px;
		margin: auto;
	}
	#event-utsuwa nav ul {
		display: flex;
		justify-content: center;
	}
	#event-utsuwa nav li a { margin: 0 4px; }
	#event-utsuwa nav li:not(:first-child) a { margin-top: 0; }
	/* メインビジュアル */
	#event-utsuwa .main-visual { overflow: hidden; }
	#event-utsuwa .main-visual .inner { max-width: 330px; }
	#event-utsuwa .main-visual .mv-bg {
		width: 140%;
		max-width: 580px;
		right: 40vw;
	}
	#event-utsuwa .main-visual .catch {
		width: 100%;
		max-width: 145px;
		margin: 100px 0 0 0;
	}
	#event-utsuwa .main-visual .title img {
		max-height: 285px;
		right: auto;
	}
	/* 日本陶瓷器生產地 */
	#event-utsuwa .about {
		padding: 20px 0 30px;
		position: static;
	}
	#event-utsuwa .about .inner { width: 90%; }
	#event-utsuwa .about .title-area {
		width: 100%;
		padding: 0 0 15px;
		background-color: transparent;
		position: static;
		top: 0;
		color: #215B9A;
	}
	#event-utsuwa .about .content {
		height: auto;
		background: none;
	}
	#event-utsuwa .about .txt {
		margin: 0 auto 20px;
		max-width: 100%;
	}
	/* 陶瓷器種類介紹 */
	#event-utsuwa .brand-list { padding: 16px 0 23px; }
	#event-utsuwa .brand-list .title-area {
		padding: 10px 0;
		margin: 0 auto;
	}
	#event-utsuwa .brand-list ul {
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#event-utsuwa .brand-list li a {
		display: flex;
		align-items: center;
		text-align: left;
	}
	#event-utsuwa .brand-list li:first-child {
		width: 100%;
		margin-bottom: 16px;
	}
	#event-utsuwa .brand-list li:not(:first-child) { margin: 0 0 10px 0; }
	#event-utsuwa .brand-list .list01 > li:not(:first-child) { width: calc((100% - 10px) / 2); }
	#event-utsuwa .brand-list li:nth-child(2n) { margin-right: 5px; }
	#event-utsuwa .brand-list li img {
		height: 66px;
		width: 66px;
		margin-right: 8px;
	}
	#event-utsuwa .brand-list li .name { line-height: 1.2; }
	#event-utsuwa .brand-list .btm-area {
		margin: 23px auto 0;
		padding: 17px 26px 21px;
		display: block;
	}
	#event-utsuwa .brand-list .btm-area .description {
		margin: 0 auto 16px;
		max-width: 204px;
	}
  /* 商品紹介SP韓国語版 */
  #event-utsuwa .brand-list .btm-area .description-ko {
		max-width: 100%;
	}
  /* 商品紹介SP韓国語版↑↑↑ */
	#event-utsuwa .brand-list .btm-area .profile {
		justify-content: space-between;
		text-align: center;
		align-items: flex-start;
	}
	#event-utsuwa .brand-list .btm-area .profile img {
		width: 57px;
		height: 57px;
		margin-right: 0;
	}
	#event-utsuwa .brand-list .btm-area .profile .group {
		display: block;
		width: calc((100% - 12px) / 3);
	}
	#event-utsuwa .brand-list .btm-area .profile .group:nth-of-type(1) .txt-area,
	#event-utsuwa .brand-list .btm-area .profile .group:nth-of-type(2) .txt-area,
	#event-utsuwa .brand-list .btm-area .profile .group:nth-of-type(3) .txt-area { width: 100%; }
	#event-utsuwa .brand-list .btm-area .profile .group:not(:last-child) .txt-area { margin-right: 0; }
	#event-utsuwa .brand-list .btm-area .profile .tag span { font-size: 12px; }
	/* 各ブランドコンテンツ */
	#event-utsuwa .brand .content .inner { padding: 14px 10px 10px; }
	#event-utsuwa .brand .content .intro .txt-area { margin: 0 auto; }
	#event-utsuwa .brand .content ul::after {
		display: block;
		content: '';
		width: calc((100% - 36px) / 2);
	}
	#event-utsuwa .brand .content li {
		width: calc((100% - 36px) / 2);
		max-width: 178px;
	}
	#event-utsuwa .brand .content li .comment p { font-size: 12px; }
	/* 商品分類 */
	#event-utsuwa .categories .small-cate li { width: calc((100% - 20px) / 2); }
}
/*-----------【Export & Forward】人気検索キーワードページ作成-----------*/
.keyword-cn {
  font-family: "Microsoft YaHei", "微软雅黑", "Helvetica Neue", Arial, sans-serif;
}
.keyword-ko {
  font-family: "MalgunGothic", "맑은고딕", "Helvetica Neue", Arial, sans-serif;
}
.keyword-tw {
  font-family: "Microsoft JhengHei", "微軟正黑體", "Helvetica Neue", Arial, sans-serif;
}
/* パンくずリスト */
#popular-keyword-wrapper div.punlist {
	padding: 5px 5px 5px 5px;
	text-align:left;
}
/* パンくずリスト（やじるしcss） */
#popular-keyword-wrapper .topic-path {
	padding: 5px 8px;
	text-align: left;
  display: flex;
  font-size: 13px;
}
#popular-keyword-wrapper .topic-path a {
	margin-right: 25px;
	position: relative;
}
#popular-keyword-wrapper .topic-path a:after {
	content: '';
	position: absolute;
	right: -14px;
	top: 6px;
	width: 6px;
	height: 6px;
	border-top: 2px #888888 solid;
	border-right: 2px #888888 solid;
	border-radius: 2px;
	transform: rotate(45deg);
}
#popular-keyword-wrapper {
  width: 95%;
  margin: 0 auto;
  padding-top: 136px;
  margin-top: -136px;
}
#popular-keyword-wrapper .top-link-wrapper {
  width: 55px;
  position: fixed;
  bottom: 28px;
  right: 28px;
  z-index: 10;
}
#popular-keyword-wrapper .top-link-wrapper .top-link {
  display: inline-block;
  opacity: 0.6;
}
#popular-keyword-wrapper .top-link-wrapper .top-link img {
  width: 100%;
}
#popular-keyword-wrapper h2 {
  border-bottom: none;
  color: #666;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  margin-top: 23px;
  margin-bottom: 35px;
}
#popular-keyword-wrapper .alphabet-link {
  width: 98%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-left: 0;
}
#popular-keyword-wrapper .alphabet-link li:hover,.alphabet-link-tw li:hover {
  background-color: #333333;
  color: #9A9A9A;
}
#popular-keyword-wrapper .alphabet-link li,.alphabet-link-tw li {
  margin-bottom: 10px;
}
#popular-keyword-wrapper .alphabet-link li:not(:last-child),.alphabet-link-tw li:not(:last-child) {
  margin-right: 10px;
} 
#popular-keyword-wrapper .alphabet-link li a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #818181;
  font-size: 17px;
  border: 1px solid #ccc;
  width: 40px;
  height: 30px;
}
#popular-keyword-wrapper .alphabet-link li a:hover,.alphabet-link-tw li a:hover {
  text-decoration: none;
  color: #FFFFFF;
}
#popular-keyword-wrapper .alphabet-link-tw {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  justify-content: center;
}
#popular-keyword-wrapper .alphabet-link-tw li {
  width: 148px;
}
#popular-keyword-wrapper .alphabet-link-tw li a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #818181;
  font-size: 17px;
  border: 1px solid #ccc;
  width: 100%;
  height: 35px;
}
#popular-keyword-wrapper .annotation {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 12px;
  color: #818181;
  margin-top: 17px;
  margin-bottom: 15px;
}
#popular-keyword-wrapper .annotation p {
  margin: 0;
}
#popular-keyword-wrapper .annotation .popular_mark {
  width: 15px;
  height: 15px;
  margin-right: 2px;
}
#popular-keyword-wrapper .annotation .popular_mark img {
  width: 100%;
}
#popular-keyword-wrapper .BrandsPageScroll_panel .panel-letter {
  border-top: 1px solid #CCC;
  color: #666;
  display: flex;
  padding-top: 20px; 
  padding-bottom: 20px;
  padding-left: 8%;
}
#popular-keyword-wrapper .BrandsPageScroll_panel .panel-letter .words-initial h3 {
  border-bottom: none;
  margin-top: 0;
  margin-bottom: 0;
  width: 35px;
  text-align: center;
}
#popular-keyword-wrapper .BrandsPageScroll_panel .panel-letter .words-initial-tw h3 {
  width: 150px;
}
#popular-keyword-wrapper .BrandsPageScroll_panel .panel-letter .brand-table-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  margin-bottom: 0px;
  padding-left: 88px;
}
#popular-keyword-wrapper .BrandsPageScroll_panel .panel-letter .brand-table-list li {
  width: 400px;
  margin-bottom: 15px;
  margin-right: 10px;
  display: flex;
  align-items: center;
}
#popular-keyword-wrapper .BrandsPageScroll_panel .panel-letter .brand-table-list li .list_popular_mark {
  width: 18px;
  height: 18px;
  margin-left: 7px;
  margin-bottom: 1px;
}
#popular-keyword-wrapper .BrandsPageScroll_panel .panel-letter .brand-table-list li .list_popular_mark img {
  width: 100%;
}
#popular-keyword-wrapper .BrandsPageScroll_panel .panel-letter .brand-table-list li a {
  color: #666;
}
@media screen and (max-width: 940px) {
  #popular-keyword-wrapper {
    width: 100%;
  }
  #popular-keyword-wrapper .top-link-wrapper {
    bottom: 14px;
    right: 14px;
    -webkit-bottom: 14px; /* Safari用のプレフィックスを追加 */
    -webkit-right: 14px; /* Safari用のプレフィックスを追加 */
    }
  #popular-keyword-wrapper .alphabet-link {
    width: 96%;
    flex-wrap: nowrap;
    margin: 0 auto;
    padding-left: 0;
    overflow: scroll;
    justify-content: flex-start;
  }
  #popular-keyword-wrapper .annotation {
    width: 96%;
    margin: 0 auto;
    margin-top: 14px;
    margin-bottom: 10px;
  }
  #popular-keyword-wrapper .BrandsPageScroll_panel {
    width: 96%;
    margin: 0 auto;
  }
  #popular-keyword-wrapper .BrandsPageScroll_panel .panel-letter {
    flex-wrap: wrap;
    border-top: none;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 5px;
  }
  #popular-keyword-wrapper .BrandsPageScroll_panel .panel-letter .words-initial {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F1F1F1;
    font-size: 30px;
    padding-top: 4px;
  }
  #popular-keyword-wrapper .BrandsPageScroll_panel .panel-letter .words-initial-tw {
    padding-top: 0;
  }
  #popular-keyword-wrapper .BrandsPageScroll_panel .panel-letter .words-initial-tw h3 {
    width: 100%;
    text-align: center;
    font-size: 24px;
  }
  #popular-keyword-wrapper .BrandsPageScroll_panel .panel-letter .brand-table-list {
    margin-top: 18px;
    padding-left: 0;
  }
  #popular-keyword-wrapper .BrandsPageScroll_panel .panel-letter .brand-table-list li {
    width: 100%;
    margin-left: 0;
  }
}

/* 202402 SDギャザリング特設ページ
-------------------------------------------- */
/* 共通 */
#sd_gathering-wrap { background-color: #f6f6f6; }
#sd_gathering-wrap h1 {
  text-align: center;
  padding-top: 41px;
}
#sd_gathering-wrap h1 span {
  display: block;
  margin: 33px auto;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  background-color: #14989C;
  padding: 5px 12px;
  max-width: 185px;
}
#sd_gathering-wrap h2 {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  border: none;
}
#sd_gathering-wrap .h2_sub {
  margin: 15px auto 40px;
  text-align: center;
}
#sd_gathering-wrap h3 {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  color: #3cb2b6;
  overflow: hidden;
}
#sd_gathering-wrap h3 span {
  position: relative;
  display: block;
  width: 46px;
  height: 46px;
  background-color: #3cb2b6;
  background-size: 46px;
  border-radius: 100%;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  margin: 0 auto 20px;
}
#sd_gathering-wrap h3 span:before,
#sd_gathering-wrap h3 span:after {
  position: absolute;
  content: '';
  width: calc((980px - 46px - 24px) / 2 );
  height: auto;
  border-bottom: dotted 3px #3cb2b6;
  top: 50%;
  transform: translateY(-50%);
}
#sd_gathering-wrap h3 span:before { left: 58px; }
#sd_gathering-wrap h3 span:after { right: 58px; }
#sd_gathering-wrap .btn {
  display: inline-block;
  position: relative;
  width: 250px;
  font-size: 16px;
  color: #3cb2b6;
  text-align: center;
  border: 2px solid #3cb2b6;
  border-radius: 50px;
  background-color: #fff;
  padding: 15px 0;
  transition: 0.3s;
}
#sd_gathering-wrap .btn:after {
  position: absolute;
  content: '';
  display: inline-block;
  vertical-align: 1px;
  width: 8px;
  height: 8px;
  border-top: 2px #3cb2b6 solid;
  border-right: 2px #3cb2b6 solid;
  transform: rotate(45deg);
  right: 25px;
  top: calc(50% - 6px);
  transition: 0.3s;
}
#sd_gathering-wrap .btn:hover {
  color: #fff;
  background-color: #3cb2b6;
}
#sd_gathering-wrap .btn:hover:after {
  border-top: 2px #fff solid;
  border-right: 2px #fff solid;
}
#sd_gathering-wrap .stay-btn {
 background: #D7D7D7;
 color: #828282;
 border: 2px solid #828282;
}
#sd_gathering-wrap .stay-btn:after {
  border-top: 2px #828282 solid;
  border-right: 2px #828282 solid;
 }
#sd_gathering-wrap .stay-btn:hover {
 background: #D7D7D7;
 color: #828282;
 border: 2px solid #828282;
}
#sd_gathering-wrap a { text-decoration: none; }
/* メインビジュアル */
#sd_gathering-wrap #sd_gathering-mv {
  position: relative;
  height: 484px;
  background: #8CCAE1 url(/img/contents/event/sd_gathering/main/main_bg_pc02.jpg) no-repeat center center;
  background-size: 2200px;
  margin-bottom: 70px;
}
#sd_gathering-wrap #sd_gathering-mv .ttl_container { margin: auto; }
#sd_gathering-wrap #sd_gathering-mv .ttl_container p {
  font-size: 18px;
  text-align: center;
  margin: 48px auto 0;
}
#sd_gathering-wrap #sd_gathering-mv .ttl_container .text-addition {
  color: #FF2121;
  font-size: 20px;
  font-weight: bold;
}
#sd_gathering-wrap #sd_gathering-mv .ttl_container .btn {
  display: block;
  margin: 64px auto 0;
}
/* SDギャザリングとは？ */
#sd_gathering-wrap #sd_gathering-about {
  max-width: 980px;
  margin: 0 auto 0px;
  padding: 0 2% 30px;
}
#sd_gathering-wrap #sd_gathering-about .case dt {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding: 5px;
}
#sd_gathering-wrap #sd_gathering-about .case dd {
  background-color: #fff;
  padding: 20px 30px;
  margin: 0;
}
#sd_gathering-wrap #sd_gathering-about .case dd picture img {
  display: block;
  margin: auto;
}
#sd_gathering-wrap #sd_gathering-about .case_usually {
  border: 1px solid #333;
  margin-bottom: 20px;
}
#sd_gathering-wrap #sd_gathering-about .case_usually dt {
  background-color: #d7d7d7;
  border-bottom: 1px solid #333;
}
#sd_gathering-wrap #sd_gathering-about .case_sd_gathering {
  border: 6px solid #3cb2b6;
  margin-bottom: 60px;
}
#sd_gathering-wrap #sd_gathering-about .case_sd_gathering dt {
  color: #fff;
  background-color: #3cb2b6;
  border-bottom: 1px solid #3cb2b6;
}
#sd_gathering-wrap #sd_gathering-about .about2 figure {
  max-width: 980px;
  margin: 0 auto;
}
#sd_gathering-wrap #sd_gathering-about .about2 figure img {
  width: 100%;
  text-align: center;
}
/* 商品一覧ボタン（ページ下部） */
#sd_gathering-wrap #sd_gathering-buttom_btn {
  padding: 40px 0 64px;
  width: 100%;
}
#sd_gathering-wrap #sd_gathering-buttom_btn .btn {
  margin: 0 auto;
  display: block;
}
/* おすすめアイテムを探す */
#sd_gathering-wrap #sd_gathering-recommend {
  background-color: #e4f6f2;
  padding: 90px 0 110px;
}
#sd_gathering-wrap #sd_gathering-recommend h2 span {
  display: inline;
  position: relative;
}
#sd_gathering-wrap #sd_gathering-recommend .recommend-product {
  max-width: 980px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: auto;
  padding: 0 2%;
}
#sd_gathering-wrap #sd_gathering-recommend .recommend-product .product {
  width: calc((100% - 40px) / 4);
  margin-bottom: 40px;
}
#sd_gathering-wrap #sd_gathering-recommend .recommend-product .product:hover img {
  opacity: 0.7;
  transition: 0.3s;
}
#sd_gathering-wrap #sd_gathering-recommend .recommend-product .product div {
  position: relative;
  width: 220px;
  height: 220px;
  margin-bottom: 7px;
  box-sizing: border-box;
}
#sd_gathering-wrap #sd_gathering-recommend .recommend-product .product img {
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  border-radius: 100%;
  overflow: hidden;
  z-index: 0;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
#sd_gathering-wrap #sd_gathering-recommend .recommend-product a p.item {
  color: #333;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0;
}
#sd_gathering-wrap #sd_gathering-recommend .recommend-product a p { font-weight: normal; }
#sd_gathering-wrap #sd_gathering-recommend .btn {
  display: block;
  margin: 80px auto 0;
}
#sd_gathering-wrap #sd_gathering-recommend .sd_gathering_newmark {
  position: absolute;
  right: -90px;
  top: -30px;
}
/* 人気ファッションメーカーが集結！ */
#sd_gathering-wrap #sd_gathering_manufacturers {
  padding: 90px 0 110px;
  margin-bottom: -70px;
}
#sd_gathering-wrap #sd_gathering_manufacturers .swiper {
  width: 100%;
  margin: 0 auto 30px;
}
#sd_gathering-wrap #sd_gathering_manufacturers .swiper .swiper-wrapper {height: auto; transition-timing-function: linear; }
#sd_gathering-wrap #sd_gathering_manufacturers .swiper .swiper-slide { width: 200px; }
#sd_gathering-wrap #sd_gathering_manufacturers .swiper .swiper-slide:hover {
  opacity: 0.7;
  transition: 0.3s;
}
#sd_gathering-wrap #sd_gathering_manufacturers .swiper .swiper-slide figure { margin: 0 auto; }
#sd_gathering-wrap #sd_gathering_manufacturers .swiper .swiper-slide figure img {
  width: 100%;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2);
}
#sd_gathering-wrap #sd_gathering_manufacturers .swiper .swiper-slide figure figcaption {
  font-size: 13px;
  color: #333;
  padding-top:5px;
}
#sd_gathering-wrap #sd_gathering_manufacturers .btn {
  display: block;
  margin: 80px auto 0;
}
#sd_gathering-wrap #sd_gathering_manufacturers .swiper .swiper-button-prev button,
#sd_gathering-wrap #sd_gathering_manufacturers .swiper .swiper-button-next button {
  position: absolute;
  content: '';
  width: 90px;
  height: 90px;
  top: 30%;
  border-radius: 100%;
  border: none;
  background: #A8DEE0;
  opacity: 0.9;
  z-index: 10;
  box-shadow: 0 0 .5rem .5rem rgba(0, 0 ,0, .08);
  cursor: pointer;
  transition: 0.3s;
}
#sd_gathering-wrap #sd_gathering_manufacturers .swiper .swiper-button-prev button { left: -45px; }
#sd_gathering-wrap #sd_gathering_manufacturers .swiper .swiper-button-next button { right: -45px; }
#sd_gathering-wrap #sd_gathering_manufacturers .swiper .swiper-button-prev:before,
#sd_gathering-wrap #sd_gathering_manufacturers .swiper .swiper-button-next:before {
  position: absolute;
  content: '';
  display: inline-block;
  vertical-align: 1px;
  width: 14px;
  height: 14px;
  border-top: 2px #fff solid;
  border-right: 2px #fff solid;
  top: 44%;
  z-index: 11;
  cursor: pointer;
}
#sd_gathering-wrap #sd_gathering_manufacturers .swiper .swiper-button-prev:before {
  transform: rotate(225deg);
  left: 17px;
}
#sd_gathering-wrap #sd_gathering_manufacturers .swiper .swiper-button-next:before {
  transform: rotate(45deg);
  right: 17px;
}
#sd_gathering-wrap #sd_gathering_manufacturers .swiper .swiper-button-prev:hover:before {
  left: 12px;
  transition: 0.3s;
}
#sd_gathering-wrap #sd_gathering_manufacturers .swiper .swiper-button-next:hover:before {
  right: 12px;
  transition: 0.3s;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
  /* 共通 */
  #sd_gathering-wrap h1 {
    width: 268px;
    margin: auto;
    padding-top: 35px;
  }
  #sd_gathering-wrap h1 span {
    margin: 15px auto 27px;
    font-size: 12px;
    padding: 4px 12px;
    max-width: 100px; 
  }
  #sd_gathering-wrap #sd_gathering-mv .ttl_container .text-addition {
    font-size: 16px;
    font-weight: bold;
  }
  #sd_gathering-wrap .btn {
    width: 180px;
    font-size: 13px;
    border: 1px solid #3cb2b6;
    padding: 10px 0;
  }
  #sd_gathering-wrap .btn:after {
    width: 6px;
    height: 6px;
    border-top: 1px #3cb2b6 solid;
    border-right: 1px #3cb2b6 solid;
    top: calc(50% - 4px);
    right: 44px;
  }
  #sd_gathering-wrap .h2_sub { margin: 5px auto 40px; }
  #sd_gathering-wrap h3 { font-size: 26px; }
  #sd_gathering-wrap h1 img,
  #sd_gathering-wrap h1 span img,
  #sd_gathering-wrap h2 img,
  #sd_gathering-wrap .h2_sub img,
  #sd_gathering-wrap h3 img,
  #sd_gathering-wrap h3 span img { width: 100%; }
  #sd_gathering-wrap p { font-size: 13px;}
  /* メインビジュアル */
  #sd_gathering-wrap #sd_gathering-mv {
    position: relative;
    background: #8CCAE1 url(/img/contents/event/sd_gathering/main/main_bg_tab01.jpg) no-repeat center center;
    background-size: 940px;
    height: 300px;
    margin-bottom: 70px;
  }
  #sd_gathering-wrap #sd_gathering-mv .ttl_container p {
    font-size: 13px;
    text-align: center;
    margin: 32px auto 0;
  }
  #sd_gathering-wrap #sd_gathering-mv .ttl_container .btn {
    display: block;
    margin: 32px auto 0;
  }
  #sd_gathering-wrap #sd_gathering-mv .ttl_container .stay-btn {
    border: 1px #828282 solid;
  }
  #sd_gathering-wrap #sd_gathering-mv .ttl_container .stay-btn:after {
    border-top: 1px #828282 solid;
    border-right: 1px #828282 solid;
  }
  /* SDギャザリングとは？ */
  #sd_gathering-wrap #sd_gathering-about h2 {
    width: 100%;
    max-width: 310px;
  }
  #sd_gathering-wrap #sd_gathering-about .h2_sub {
    width: 210px;
    text-align: center;
  }
  /* 商品一覧ボタン（ページ下部） */
  #sd_gathering-wrap #sd_gathering-buttom_btn {
    padding: 16px 0 48px;
  }
  /* おすすめアイテムを探す */
  #sd_gathering-wrap #sd_gathering-recommend h2 { width: 322px; }
  #sd_gathering-wrap #sd_gathering-recommend .h2_sub {
    max-width: 394px;
    width: 100%;
    text-align: center;
  }
  #sd_gathering-wrap #sd_gathering-recommend .recommend-product .product { margin-bottom: 30px; }
  #sd_gathering-wrap #sd_gathering-recommend .recommend-product .product div {
    max-height: 20.2vw;
    max-width: 20.2vw;
  }
  #sd_gathering-wrap #sd_gathering-recommend .sd_gathering_newmark {
    top: -20px;
    right: -80px;
  }
  #sd_gathering-wrap #sd_gathering-recommend .sd_gathering_newmark img { width: 80%; }
  /* 人気ファッションメーカーが集結！ */
  #sd_gathering-wrap #sd_gathering_manufacturers { margin-bottom: -85px; }
  #sd_gathering-wrap #sd_gathering_manufacturers h2 { width: 236px; }
  #sd_gathering-wrap #sd_gathering_manufacturers .h2_sub { width: 332px; }
}
/* SP */
@media screen and (max-width: 670px) {
  /* 共通 */
  #sd_gathering-wrap h1 {
    width: 321px;
    margin: auto;
    padding-top: 16px;
  }
  #sd_gathering-wrap h1 span { margin: 20px auto 0; }
  #sd_gathering-wrap .h2_sub { margin: 2px auto 20px; }
  #sd_gathering-wrap h3 { font-size: 18px; }
  #sd_gathering-wrap h3 span {
    font-size: 18px;
    width: 27px;
    height: 27px;
    margin: 0 auto 15px;
  }
  #sd_gathering-wrap h3 span::before,
  #sd_gathering-wrap h3 span::after { width: 400px; }
  #sd_gathering-wrap h3 span::before { left: 40px; }
  #sd_gathering-wrap h3 span::after { right: 40px; }
  /* メインビジュアル */
  #sd_gathering-wrap #sd_gathering-mv {
    position: relative;
    background: #8CCAE1 url(/img/contents/event/sd_gathering/main/main_bg_sp01.jpg) no-repeat center center;
    background-size: 670px;
    height: 350px;
    margin-bottom: 30px;
  }
  #sd_gathering-wrap #sd_gathering-mv .ttl_container .text-addition {
    font-size: 16px;
    font-weight: bold;
  }
  #sd_gathering-wrap #sd_gathering-mv .ttl_container p { margin: 24px auto 0; }
  /* SDギャザリングとは？ */
  #sd_gathering-wrap #sd_gathering-about {
    padding: 0 4% 30px;
    margin: 0 auto 0px;
  }
  #sd_gathering-wrap #sd_gathering-about h2 { width: 226px; }
  #sd_gathering-wrap #sd_gathering-about .h2_sub { width: 170px; }
  #sd_gathering-wrap #sd_gathering-about .case_usually dt,
  #sd_gathering-wrap #sd_gathering-about .case dt { font-size: 16px; }
  #sd_gathering-wrap #sd_gathering-about .case_usually dd,
  #sd_gathering-wrap #sd_gathering-about .case dd { padding: 10px 15px; }
  #sd_gathering-wrap #sd_gathering-about .case_usually dd img,
  #sd_gathering-wrap #sd_gathering-about .case dd img { width: 100%; }
  /* 商品一覧ボタン（ページ下部） */
  #sd_gathering-wrap #sd_gathering-buttom_btn { padding: 0 0 32px; }
  /* おすすめアイテムを探す */
  #sd_gathering-wrap #sd_gathering-recommend { padding: 30px 0 60px; }
  #sd_gathering-wrap #sd_gathering-recommend h2 { width: 220px; }
  #sd_gathering-wrap #sd_gathering-recommend .h2_sub { width: 272px; }
  #sd_gathering-wrap #sd_gathering-recommend .recommend-product { padding: 0 4%; }
  #sd_gathering-wrap #sd_gathering-recommend .recommend-product .product {
    width: 48%;
    margin-bottom: 25px;
  }
  #sd_gathering-wrap #sd_gathering-recommend .recommend-product .product div {
    max-height: 49.5vw;
    max-width: 49.5vw;
    width: 100%;
  }
  #sd_gathering-wrap #sd_gathering-recommend .recommend-product a p.item { margin: 0;}
  #sd_gathering-wrap #sd_gathering-recommend .sd_gathering_newmark {
    top: -10px;
    right: -65px;
  }
  #sd_gathering-wrap #sd_gathering-recommend .sd_gathering_newmark img { width: 60%; }
  #sd_gathering-wrap #sd_gathering-recommend .btn { margin: 15px auto 0; }
  /* 人気ファッションメーカーが集結！ */
  #sd_gathering-wrap #sd_gathering_manufacturers { padding: 30px 0 70px; }
  #sd_gathering-wrap #sd_gathering_manufacturers h2 { width: 176px; }
  #sd_gathering-wrap #sd_gathering_manufacturers .btn { margin: 40px auto 0; }
  #sd_gathering-wrap #sd_gathering_manufacturers .h2_sub { width: 267px; }
  #sd_gathering-wrap #sd_gathering_manufacturers .swiper .swiper-button-prev button,
  #sd_gathering-wrap #sd_gathering_manufacturers .swiper .swiper-button-next button { top: 6em; }
  #sd_gathering-wrap #sd_gathering_manufacturers .swiper .swiper-button-prev:before,
  #sd_gathering-wrap #sd_gathering_manufacturers .swiper .swiper-button-next:before { top: 7.2em; }
}
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}


/* Tutorial (2024/10)
----------------------------------------------------------------------------- */
#tutorial * { box-sizing: border-box; }
#tutorial { 
  background: #fff ;
  position: relative;
	color: #3A3A3A;
}
#tutorial.tutorial_en {
	font-family: "Arial", Arial, sans-serif;
  line-height: 1.5;
}
#tutorial.tutorial_kr {
	font-family: "MalgunGothic", "맑은고딕", "Helvetica Neue", Arial, sans-serif;
	letter-spacing: -0.3px;
}
#tutorial.tutorial_tw {
	font-family: "Microsoft JhengHei", "微軟正黑體", "Helvetica Neue", Arial, sans-serif;
}
#tutorial img {
	max-width: 100%;
	width: 100%;
}
#tutorial a {
  text-decoration: none;
  color: #333;
}
#tutorial p {
  margin: 0;
  font-size: 16px;
  color: #333;
  line-height: 1.6;
}
#tutorial .language ul {
  background: #fff;
  border: #003893 solid 1px;
}
#tutorial .language ul li {
  border-left: #003893 solid 1px;
}
#tutorial .language ul li.select,
#tutorial .language ul li.select a {
  background: #003893;
  color: #fff;
}
#tutorial .language ul li a {
  color: #003893;
}
#tutorial div h3 {
	text-align: center;
   margin: 0 auto 40px;
   display: block;
   font-size: 30px;
   padding-top: 60px;
   background-repeat: no-repeat;
   background-position:top center;
	width: 80%;
}
#tutorial div h3 img {
	max-width: 350px;
}
#tutorial .bold { font-weight: bold; }
#tutorial .pc {
  display: block;
  margin: 0 auto;
}
#tutorial .sp { display: none; }
#tutorial + .push {
    display: none;
}
#tutorial #search,
#tutorial #benefits,
#tutorial #cart,
#tutorial #movie {
  padding: 35px 0 50px;
  text-align: center;
}
/*メインビジュアル*/
#tutorial #main-visual {
  background: #1553A2;
  text-align: center;
}
#tutorial #main-visual h2 {
  margin: 0;
}
#tutorial #main-visual picture * {
	vertical-align: top;
	max-width: 1330px;
  width: 100%;
  margin: 0 auto;
}
/*スーパーデリバリーの使い方*/
#tutorial #about {
  background: #B7E373;
  text-align: center;
  margin: 0;
	padding: 0 3%;
}
#tutorial .about-area {
  width: 98%;
  max-width: 1100px;
  margin: 0 auto;
}
#tutorial .about-area h3 {
	background: none;
  position: relative;
  border: none;
	font-size: 30px;
	padding-top: 40px;
  margin: 0 auto 10px;
  display: inline-block;
}
#tutorial .about-area > p {
  margin: 0 auto 30px;
}
#tutorial .about-area .howto-btn {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  padding: 0;
  margin: 0 auto;
	align-items: flex-start;
	max-width: 660px;
}
#tutorial .about-area .howto-btn li {
	width: 33%;
  text-align: center;
  position: relative;
}
#tutorial .about-area .howto-btn img {
  margin: 7px 10px 10px;
	max-width: 200px;
	width: calc(100% - 20px);
}
#tutorial .about-area .howto-btn li:last-of-type img {
  margin: 0 10px 10px;
}
/*動画*/
#tutorial #movie {
  background: url(/img/contents/tutorial/bg_01.svg) no-repeat top center / 102%, #FFF url(/img/contents/tutorial/bg_line03.png) repeat-x bottom center / 821px auto;
  padding: 75px 4% 190px;
	margin-top: -35px;
}
#tutorial #movie .movie-area {
  max-width: 1060px;
  margin: 0 auto;
}
#tutorial #movie h3 img {max-width: 315px;}
#tutorial #movie h3 {margin-bottom: 20px;}
#tutorial #movie h3 span {
  display: block;
}
#tutorial #movie .youtube {
  width: 100%;
  position: relative;
  width:100%;
  height:0;
  padding-top: 56.25%;
}
#tutorial #movie .youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
/*欲しい商品を探そう*/
#tutorial #search {
	margin-top: -10px;
  background: #F1F1F1 url(/img/contents/tutorial/bg_02.png) no-repeat center 10px / 130%;
	padding: 0 0 70px;
}
#tutorial #search .search-area {
  width: 96%;
  max-width: 1300px;
  margin: 0 auto;
	font-weight: 600;
}
#tutorial #search .search-area h3 {
	margin: -170px auto 20px;
  background:  url(/img/contents/tutorial/search_icon.svg) no-repeat top center / 257px auto;
	padding-top: 220px;
	min-width: 300px;
} 
#tutorial #search .search-area > div {
  padding: 40px 7%;
  margin: 0 auto 50px;
  background: #fff;
  border: 1px solid #1553A2;
	box-shadow: 5px 5px 0px #1553A2;
	text-align: center;
} 
#tutorial #search .search-column {
  margin: 0 auto 10px;
	border: #C5C5C5 solid 1px;
	border-radius: 18px;
	padding-bottom: 20px;
} 
#tutorial #search div .search-column h4 {
  padding: 10px 10px 5px;
	display: block;
	background: #EBEBEB;
  border-bottom: #C5C5C5 solid 1px;
	font-size: 17px;
	margin: 0 0 10px;
	border-radius: 18px 18px 0 0;
}
#tutorial #search ul {
	padding: 20px 4%;
	display: flex;
	justify-content: center;
}
#tutorial #search ul li {
	width: 25%;
	padding: 0 10px;
}
#tutorial #search ul:not(.feature) li {
	width: 50%;
	padding: 0 25px;
}
#tutorial #search .search-column .first-gr {
  border-right: #CCC dashed 1px;
}
#tutorial #search li h5 {
	text-align: left;
  font-size: 16px;
  font-weight: 600;
	display: block;
  margin: 0 auto 9px;
  max-width: 460px;
}
#tutorial #search li p img {
  width: 100%;
  max-width: 460px;
  border: 1px solid #CCC;
}
#tutorial #search .search-column > p {
  font-size: 15px;
	font-weight: normal;
}
#tutorial #search .feature {padding: 30px 0;}
#tutorial #search .feature li {
  position: relative;
}
#tutorial #search .feature li:nth-of-type(2) > span {
  position: absolute;
	top: -20px;
	right: 10px;
  color: #fff;
  font-size: 13px;
  background-color: #F17272;
  border-radius: 7px;
  padding: 5px 10px;
  margin: -4px 10px 0;
  display: inline-block;
	border: #fff 2px solid;
	z-index: 10;
}
#tutorial #search .feature li:nth-of-type(2) > span:before,
#tutorial #search .feature li:nth-of-type(2) > span:after {
  display: inline-block;
  position: absolute;
  content: '';
  border: 7px solid transparent;
  border-top: 12px solid #F17272;
  border-width: 12px 7px 0 0;
  transform: rotate(7deg);
  bottom: -10px;
  right: 50%;
}
#tutorial #search .feature li:nth-of-type(2) > span:before {
  border-right: 9px solid transparent;
  border-left: 1px solid transparent;
  border-top: 16px solid #fff !important;
  bottom: -17px;
  right: 50%;
}
#tutorial #search .feature a > span {
  font-size: 15px;
	position: relative;
	padding: 3px 9px;
	display: block;
}
#tutorial #search .feature a > span:after {
  position: absolute;
  content: '';
  border-top: 1px solid #777;
  border-right: 1px solid #777;
  transform: rotate(45deg);
  width: 6px;
  height: 6px;
  top: 35%;
  right: 3px;
}
/*カートの見方*/
#tutorial #cart {
  position: relative;
  padding: 55px 4% 0;
	background: #EFF5E6 url(/img/contents/tutorial/bg_line_02.png) repeat-x top center / 140px auto;
}
#tutorial #cart .cart-area {
  max-width: 1300px;
  padding: 58px 5%;
  margin: 0 auto 0;
  border-radius: 20px;
}
#tutorial #cart .cart-area h3 {
  background: url(/img/contents/tutorial/cart_icon.svg) no-repeat top center / 168px auto;
	padding-top: 180px;
}
#tutorial #cart .cart-area h3 img {
	max-width: 300px;
}
#tutorial #cart .cart-area .request-column {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  padding-right: 5px;
}
#tutorial #cart .cart-area .request-column dl {
  width: 100%;
  max-width: 560px;
  position: relative;
  text-align: left;
}
#tutorial #cart .cart-area .request-column dl:first-child{
  margin-right: 60px;
}
#tutorial #cart .cart-area .request-column dl:first-child:before,
#tutorial #cart .cart-area .request-column dl:first-child:after {
  position: absolute;
	display: inline-block;
  content: '';
	background: #1553A2;
  transform: rotate(145deg);
  width: 5px;
  height: 40px;
	border-radius: 3px;
  top: calc(40% - 29px);
  right: -35px;
}
#tutorial #cart .cart-area .request-column dl:first-child:after {
  top: 40%;
  transform: rotate(35deg);
  right: -35px;
}
#tutorial #cart .cart-area .request-column dt {
  width: 100%;
  font-size: 16px;
  font-weight: 600;
	background: #B7E373;
	text-align: center;
	border-radius: 10px 10px 0 0;
	padding: 8px 10px 5px;
}
#tutorial #cart .cart-area .request-column dt,
#tutorial #cart .cart-area .request-column dd {
  max-width: 500px;
	margin: 0 auto;
}
#tutorial #cart .cart-area .request-column dd:nth-of-type(2) {
  position: relative;
  padding-top: 9px;
  text-indent: -35px;
  padding-left: 35px;
}
#tutorial #cart .cart-area .request-column dd img {
  width: 100%;
  border: 1px solid #CCC;
}
#tutorial #cart .cart-area dd span:first-child {
  display: inline-flex;
  justify-content: center;
  align-items: baseline;
  font-size: 16px;
  width: 26px;
  height: 26px;
  color: #1553A2;
  border-radius: 50%;
  border: #1553A2 solid 2px;
	background: #B7E373;
  font-weight: 600;
  text-indent: 0;
  margin-right: 8px;
}
/*入会特典について*/
#tutorial #benefits {
	background: url(/img/contents/tutorial/bg_03.png) no-repeat center / 1500px auto;
	padding: 30px 3%;
}
#tutorial #benefits .benefits-area {
  width: 100%;
  max-width: 930px;
  margin: 110px auto 0;
	border: #1553A2 solid 1px;
	border-radius: 40px;
	font-size: 18px;
	box-shadow: 5px 5px 0px #1553A2;
	padding: 0 3% 60px;
}
#tutorial #benefits .benefits-area > p {
	margin: 20px 0;
	font-size: 18px;
}
#tutorial #benefits .benefits-area > p:first-child {
	background: #fff url(/img/contents/tutorial/bg_coupon.png) no-repeat center / contain;
	max-width: 640px;
	margin-top: -70px;
	display: inline-block;
}
#tutorial #benefits .benefits-area > p:first-child img {
	padding: 0 21%;
}
#tutorial #benefits .benefits-area h3 {
	padding: 0;
	margin: 0 auto;
}
#tutorial #benefits .benefits-area > img {
	max-width: 550px;
}

#tutorial .button { margin: 60px auto; }
#tutorial .button a {
  display: inline-block;
  position: relative;
  color: #fff;
  font-size: 26px;
  text-align: center;
  background-color: #EB4F50;
  border-radius: 130px;
  filter: drop-shadow(0 5px 0 #AF1F20);
	top: 0;
	left: 50%;
	transform: translateX(-50%);
  padding: 22px 50px 17px 50px;
  margin: 0 0 5px 0;
}
#tutorial .button a:hover {
  filter: none;
  margin: 5px 5px 0 5px;
}
#tutorial #CS {
	margin-top: 250px;
	background: #1553A2;
	padding: 70px 4% 30px;
}
#tutorial #CS .CS-area {
	margin: 0 auto;
	width: 94%;
	max-width: 1150px;
	background: url(/img/contents/tutorial/member_photo.png) no-repeat top left / 78% auto;
	margin-top: -250px;
	padding: 220px 0 70px;
	text-align: right;
}
#tutorial #CS .CS-area h3 {
	width: 94%;
	text-align: right;
	margin-bottom: 25px;
}
#tutorial #CS .CS-area h3 img {
	max-width: 348px;
}
#tutorial #CS .CS-area p {
	font-size: 16px;
	width: 94%;
	color: #fff;
	max-width: 420px;
	text-align: left;
	display: inline-block;
}
/* --TAB-- */
@media screen and (max-width: 940px) {
  #tutorial #search,
  #tutorial #cart {
    padding-top: 30px;
    padding-bottom: 40px;
  }
	#tutorial div h3 {padding-top: 30px;}
  /*スーパーデリバリーの使い方*/
  #tutorial .about-area {padding-bottom: 20px;}
  #tutorial .about-area > p {
    margin: 0 0 10px;
  }
  #tutorial #about .howto-btn {
    flex-wrap: wrap;
    justify-content: space-around;
  }
  #tutorial #about .howto-btn::after {
    display: inline-block;
    content: "";
  }
  /* 欲しい商品を探そう */
  #tutorial #search ul:not(.feature) {
		display: block;
  }
  #tutorial #search ul:not(.feature) .first-gr, 
  #tutorial #search ul:not(.feature) li {
		width: 100%;
		border-right: none;
		padding: 10px 0 0;
	}
  #tutorial #search ul:not(.feature) li span {
    font-size: 20px;
    vertical-align: top;
  }
  #tutorial #search ul.feature {
		flex-wrap: wrap;
		padding: 0;
  }
  #tutorial #search ul.feature li {
		width: 50%;
		padding-top: 25px;
  }
	#tutorial #search .feature li:nth-of-type(2) > span {
		top: 0;
		right: calc(50% - 70px);
		white-space: nowrap;
	}
	#tutorial.tutorial_tw #search .feature li:nth-of-type(2) > span {
		right: calc(50% - 80px);
	}
  #tutorial #cart .cart-area {padding-bottom: 10px;}
  #tutorial #cart .cart-area .request-column .request-area p.txt {
    width: 94%;
    text-align: left;
    margin: 0 auto 10px;
  }
  #tutorial #cart .cart-area .request-column {
    display: block;
    padding: 0;
  }
  #tutorial #cart .cart-area .request-column dl {
    max-width: none;
    margin: 0 auto ;
    width: 100%;
  }
	#tutorial #cart .cart-area .request-column dl:first-child {
		margin-bottom: 55px;
	}
	#tutorial #cart .cart-area .request-column dl:first-child:before,
	#tutorial #cart .cart-area .request-column dl:first-child:after {
		transform: rotate(-125deg);
		top: auto;
		bottom: -40px;
		right: calc(50% - 16px);
	}
	#tutorial #cart .cart-area .request-column dl:first-child:after {
		transform: rotate(125deg);
		right: calc(50% + 15px);
	}
  #tutorial #cart .cart-area .request-column dl:last-child { margin-bottom: 0; }
	
  /*入会特典について*/
  #tutorial #benefits .benefits-area {margin-top: 85px;}
  #tutorial #benefits .benefits-area > img {
    max-width: 500px;
  }
	#tutorial .button { margin: 20px auto; }
	#tutorial #CS {margin-top: 230px;}
	#tutorial #CS .CS-area {
    width: 100%;
		max-width: 750px;
    background: url(/img/contents/tutorial/member_photo.png) no-repeat 100% 0% / 95% auto;
    margin-top: -250px;
    padding: 350px 0 0;
    text-align: center;
	}
	#tutorial #CS .CS-area h3 {
		margin: 0 0 5px -20px;
    text-align: center;
	}
}
/* --SP-- */
@media screen and (max-width: 670px) {
  #tutorial.welcome-en {
    line-height: 1.4;
  }
  /* 言語選択 */
	#tutorial .language {
		background-color: #fff;
		border: 2px #003893 solid;
    right: 10px;
	}
	#tutorial .language .now-lang-txt {
		border-bottom: 1px #003893 solid;
		color: #003893;
		font-size: 16px;
    font-weight: 600;
	}
	#tutorial .language ul {
		background-color: #ffffff;
    border-radius: 0 ;
	}
	#tutorial .language li:not(:last-of-type) {
    border-radius: 0;
	}
	#tutorial .language .now-lang-txt p {
		color: #003893;
	}
	#tutorial .language li a {
		border-top: 1px #003893 solid;
		color: #003893!important;
    font-weight: 600;
	}
	#tutorial .language .lang-arw{
		border-left: 1px #003893 solid;
	}

  #tutorial p { font-size: 13px; }
  #tutorial div#movie section h3,
  #tutorial div:not(#movie) section h3 {
    margin-bottom: 15px;
		width: 90%;
  }
  #tutorial div#movie section h3 p,
  #tutorial div:not(#movie) section h3 > span { 
    font-size: 25px;
    min-width: 200px;
  }
  /*スーパーデリバリーの使い方*/
  #tutorial .about-area {
		text-align: left;
		max-width: 450px;
	}
	#tutorial section .about-area:not(#movie) h3 {
		width: 100%;
		text-align: left;
    font-size: 25px;
		margin-bottom: 0;
		padding-top: 20px;
  }
  #tutorial .about-area .howto-btn { max-width: 500px; }
  #tutorial #about .howto-btn::after,
  #tutorial #about .howto-btn li { 
    width: 50%;
  }
	#tutorial #movie {
    padding: 30px 4% 150px;
	}
  /*欲しい商品を探そう*/
  #tutorial #search ,
  #tutorial #search .search-area { padding: 0; }
	#tutorial #search .search-area h3 {
		margin: -100px auto 20px;
		background:  url(/img/contents/tutorial/search_icon.svg) no-repeat top center / 180px auto;
		padding: 150px 10px 0;
		min-width: 180px;
	} 
	#tutorial.tutorial_eng #search .search-area h3 {
		width: 68%;
	} 
	#tutorial #search .search-area h3 picture * {
		max-width: 240px;
	}
  #tutorial #search .search-area > div:first-of-type {padding: 20px 4%;}
  #tutorial #search .search-column {
    width: 100%;
    display: block;
  }
  #tutorial #search div .search-column .first-gr,
  #tutorial #search .search-column dl {
    width: 100%;
    margin: 0 auto 20px;
    padding: 0 ;
    border: none;
  }
  #tutorial #search .search-column dl:last-child {margin-right: auto; }
  #tutorial #search .search-column dt {
    font-size: 15px;
    margin: 0 0 5px;
  }
  #tutorial #search .search-column dd {
    max-width: 450px;
    margin: auto;
  }
  #tutorial #search .search-column dd img { max-width: none; }
  /* カートの見方 */
  #tutorial #cart {padding-bottom: 10px;}
	#tutorial #cart .cart-area h3 {
		background-size: 120px auto;
		padding-top: 130px;
		min-width: 160px;
	} 
  #tutorial #cart:after {
    border-top-width: 70px;
  }
  #tutorial.welcome-en #cart .cart-area .request-column .first-ora dt,
  #tutorial #cart .cart-area .request-column .first-ora dt {
    padding-bottom: 0;
  }
  /*入会特典について*/
  #tutorial #benefits {padding-bottom: 10px;}
  #tutorial #benefits .benefits-area {
		margin-top: 55px;
		padding-bottom: 25px;
	}
  #tutorial #benefits .benefits-area p:first-child {
		background: #fff;
		width: 75%;
		margin: -50px 0 0 ;
	}
  #tutorial #benefits .benefits-area p:first-child img {padding: 0 5%;
	 }
  #tutorial #benefits .benefits-area > p {
		font-size: 17px;
		margin: 5px 0 10px;
  }
	#tutorial .button a {
		font-size: 23px;
		padding: 22px 35px 17px 35px;
	}
	#tutorial #CS {
		padding: 70px 0 0 0 ;
		margin-top: 130px;
	}
	#tutorial #CS .CS-area {
    width: 100%;
		max-width: 750px;
    background: url(/img/contents/tutorial/member_photo.png) no-repeat 5px 0% / 110% auto;
    margin-top: -170px;
    padding: 60vw 4% 30px;
    text-align: center;
	}
	#tutorial #CS .CS-area h3 {
		margin: 0 auto;
    max-width: 420px;
		text-align: left;
	}
}

/* Movie遷移ボタン*/
.tutorial-movie-jump-button {
	position: fixed;
	background-color: rgba(255,255,255,0.8);
	left: 0;
	z-index: 1000;
	padding: 10px 0 !important;
	width: 100%;
	border-top: #e9e9e9 1px solid;
}
.tutorial-movie-jump-button .anchor-red-button {
	background-color: #d80001;
	display: block;
	float: none;
	font-size: 16px;
	width: 100%;
	max-width: 240px;
	margin: 5px auto 5px !important;
	border-radius: 10px;
	padding: 10px 40px 10px 10px;
	color: #ffffff;
	border: 0px;
	text-align: center;
	text-decoration: none;
	font-weight: 600;
	position: relative;
}
.tutorial-movie-jump-button .anchor-red-button::before {
	content: "";
	margin: auto;
	position: absolute;
	border-style: solid;
	top: 50%;
	right: 20px;
    border-width: 8px 0 8px 15px;
	border-radius: 2px;
    border-color: transparent transparent transparent #fff;
    transform: translateY(-50%);
}
.tutorial-movie-jump-button .anchor-red-button:hover {
	background-color: #a30001;
}
.tutorial-movie-jump-button .anchor-red-button a {
	text-decoration: none;
	color: #ffffff;
}
.tutorial-movie-jump-button .button-table .copyright {
	display: none;
}
@media screen and (min-width: 940px) {
	.tutorial-movie-jump-button .button-table {
		margin: 0 auto 0;
		text-align: center;
	}
	.tutorial-movie-jump-button .button-table .copyright {
		display: inline-block;
		text-align: center;
		font-size: 14px;
		padding: 0 15px 0 15px;
		vertical-align: middle;	
	}
	.tutorial-movie-jump-button .button-table .copyright p {
		font-weight: 600;
		font-size: 16px;
	}
	.tutorial-movie-jump-button .button-table .copyright img {
		transform: rotate(90deg);
		vertical-align: middle;
		margin-left: 2px;
		align-items: flex-start;
		width: 20px;
	}
	.tutorial-movie-jump-button .button-table .link-button {
		display: inline-block;
		width: 250px;
	}
	.tutorial-movie-jump-button .anchor-red-button {
		font-size: 16px;
	}
}
/* 手芸クラフト特集
----------------------------------------------------------------------------- */
#event-handicraft {
	color: #333333;
	position: relative;
  overflow: hidden;
  font-family: "メイリオ", Meiryo, "Hiragino Sans", sans-serif , "FontAwesome";
  scroll-behavior: smooth;
}
#event-handicraft p, #event-handicraft ul, #event-handicraft h2, #event-handicraft h3 {
	margin: 0;
	padding: 0;
}
#event-handicraft a {
	color: #333333;
	text-decoration: none;
	display: block;
  transition: 0.2s;
}
#event-handicraft a:hover { opacity: 0.8; }
#event-handicraft img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	border: 0;
}
#event-handicraft .main-visual {
	margin: 0 auto;
  background: url(/img/contents/event/en/handicraft/fv_pc.png) no-repeat top center;
  width: 100%;
  height: 550px;
  background-size: cover;
}
/* ナビゲーションボタン */
#event-handicraft nav {
	position: fixed;
	right: 0;
	bottom: 12px;
	overflow: hidden;
	z-index: 20;
}
#event-handicraft nav li a {
	width: 82px;
	height: 82px;
	line-height: 82px;
	margin-right: 12px;
	border-radius: 50%;
	background-color: #484848;
	color: #FFFFFF;
  font-size: 12px;
	font-weight: 600;
	text-align: center;
}
#event-handicraft nav li:nth-of-type(3) a {
	background-color: #FF6E0E;
  background-image: url(/img/contents/event/en/handicraft/workshop_button_border.svg) ;
  background-size: contain;
}
#event-handicraft nav li:not(:first-child) a { margin-top: 8px; }
/* メインビジュアル */
#event-handicraft .main-visual {
	position: relative;
	margin: 0 auto;
}
/* Pickup Genres */
#event-handicraft .brand-list {
  position: relative;
	margin: 0 auto;
}
#event-handicraft .brand-list #genres {
  position: absolute;
  top: -200px;
}
#event-handicraft .brand-list .inner {
  width: 100%;
  position: relative;
  background-color: #F9F9F9;
}
#event-handicraft .brand-list .inner::before {
  content: '';
  top: -48px;
  left: calc(50% - 255px);
  position: absolute;
  width: 510px;
  height: 108px;
  border-radius: 50% 50% 50% 50% / 80% 80% 20% 20%;
  background-color: #F9F9F9;
  z-index: 5;
}
#event-handicraft .brand-list .inner::after {
  content: '';
  position: absolute;
  right: 0;
  left: 0;
  bottom: -40px;
  display: block;
  height: 82px;
  background-size: 120px 66px;
  background-image: radial-gradient(#f9f9f9 72%, transparent 0);
  background-repeat: repeat-x;
  background-position: top;
}
#event-handicraft .brand-list .inner .title {
  width: 100%;
  margin: 0 auto;
}
#event-handicraft .brand-list .inner .title img {
  width: 330px;
  height: auto;
  margin: 0 auto;
  display: block;
  position: absolute;
  top: -50px;
  left: calc(50% - 165px);
  z-index: 10;
}
#event-handicraft .brand-list ul {
  width: 100%;
  max-width: 910px;
	display: flex;
	justify-content: center;
  flex-wrap: wrap;
  gap: 24px;
  padding: 100px 0 40px;
  margin: 0 auto;
  position: relative;
}
#event-handicraft .brand-list li {
  width: 128px;
  text-align: center;
}
#event-handicraft .brand-list li a {
  width: 100%;
}
#event-handicraft .brand-list li img {
  border-radius: 50%;
  position: relative;
  top: 0;
  left: 0;
  display: block;
  font-size: 22px;
  color: #d3af71;
  text-align: center;
  text-decoration: none;
  transition: .2s ease-in-out;
}
#event-handicraft .brand-list li .name {
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  margin: 16px 0 0;
}
#event-handicraft .brand-list li:nth-of-type(1) img {
  border: 1px solid #2CAAC7;
  background-color: #2CAAC7;
  box-shadow: 6px 6px #2CAAC7;
}
#event-handicraft .brand-list li:nth-of-type(2) img {
  border: 1px solid #ED6A9F;
  background-color: #ED6A9F;
  box-shadow: 6px 6px #ED6A9F;
}
#event-handicraft .brand-list li:nth-of-type(3) img {
  border: 1px solid #6551AC;
  background-color: #6551AC;
  box-shadow: 6px 6px #6551AC;
}
#event-handicraft .brand-list li:nth-of-type(4) img {
  border: 1px solid #F5A03F;
  background-color: #F5A03F;
  box-shadow: 6px 6px #F5A03F;
}
#event-handicraft .brand-list li:nth-of-type(5) img {
  border: 1px solid #529DDF;
  background-color: #529DDF;
  box-shadow: 6px 6px #529DDF;
}
#event-handicraft .brand-list li:nth-of-type(6) img {
  border: 1px solid #3D9546;
  background-color: #3D9546;
  box-shadow: 6px 6px #3D9546;
}
#event-handicraft .brand-list li:nth-of-type(1) .name {
  color: #2CAAC7;
}
#event-handicraft .brand-list li:nth-of-type(2) .name {
  color: #ED6A9F;
}
#event-handicraft .brand-list li:nth-of-type(3) .name {
  color: #6551AC;
}
#event-handicraft .brand-list li:nth-of-type(4) .name {
  color: #F5A03F;
}
#event-handicraft .brand-list li:nth-of-type(5) .name {
  color: #529DDF;
}
#event-handicraft .brand-list li:nth-of-type(6) .name {
  color: #3D9546;
}
#event-handicraft .brand-list li img:hover {
  top: 6px;
  left: 6px;
  box-shadow: 0 0;
  opacity: 1.0;
}
#event-handicraft .brand-list ul li.bg {
  position: absolute;
  display: inline;
  width: 246px;
  height: auto;
  top: 0;
  z-index: 1;
}
#event-handicraft .brand-list ul li.bg01 {
  left: -320px;
}
#event-handicraft .brand-list ul li.bg02 {
  right: -320px;
}
#event-handicraft .brand-list ul li.bg img {
  border-radius: 0;
}
#event-handicraft .brand-list ul li.bg img:hover {
  top: 0;
  left: 0;
  box-shadow: 0 0;
  opacity: 1.0;
}
/* 各ジャンル */
#event-handicraft .brand {
  width: 100%;
	background: url(/img/contents/event/en/handicraft/bg.jpg) top center;
	padding-bottom: 35px;
  padding: 40px 0;
}
#event-handicraft .brand .content { 
  width: calc(100% - 80px);
  margin: 140px auto 80px;
  max-width: 1060px;
  border-radius: 20px;
  background-color: #FFFFFF;
  position: relative;
}
#event-handicraft .brand .content:nth-of-type(1) { 
  border: 5px solid #2CAAC7;
  box-shadow: 6px 6px #2CAAC7;
}
#event-handicraft .brand .content:nth-of-type(2) { 
  border: 5px solid #ED6A9F;
  box-shadow: 6px 6px #ED6A9F;
}
#event-handicraft .brand .content:nth-of-type(3) { 
  border: 5px solid #6551AC;
  box-shadow: 6px 6px #6551AC;
}
#event-handicraft .brand .content:nth-of-type(4) { 
  border: 5px solid #F5A03F;
  box-shadow: 6px 6px #F5A03F;
}
#event-handicraft .brand .content:nth-of-type(5) { 
  border: 5px solid #529DDF;
  box-shadow: 6px 6px #529DDF;
}
#event-handicraft .brand .content:nth-of-type(6) { 
  border: 5px solid #3D9546;
  box-shadow: 6px 6px #3D9546;
}
#event-handicraft .brand .content:nth-of-type(1)::after,
#event-handicraft .brand .content:nth-of-type(2)::after,
#event-handicraft .brand .content:nth-of-type(3)::after,
#event-handicraft .brand .content:nth-of-type(4)::after,
#event-handicraft .brand .content:nth-of-type(5)::after,
#event-handicraft .brand .content:nth-of-type(6)::after {
  position: absolute;
  content: '';
}
#event-handicraft .brand .content:nth-of-type(1)::after{
  background-image: url(/img/contents/event/en/handicraft/bg_img01.svg);
  width: 89px;
  height: 114px;
  bottom: -130px;
  right: -135px;
}
#event-handicraft .brand .content:nth-of-type(2)::after{
  background-image: url(/img/contents/event/en/handicraft/bg_img02.svg);
  width: 89px;
  height: 97px;
  bottom: -116px;
  left: -138px;
}
#event-handicraft .brand .content:nth-of-type(3)::after{
  background-image: url(/img/contents/event/en/handicraft/bg_img03.svg);
  width: 124px;
  height: 106px;
  bottom: -126px;
  right: -154px;
}
#event-handicraft .brand .content:nth-of-type(4)::after{
  background-image: url(/img/contents/event/en/handicraft/bg_img05.svg);
  width: 137px;
  height: 120px;
  bottom: -152px;
  left: -172px;
}
#event-handicraft .brand .content:nth-of-type(5)::after{
  background-image: url(/img/contents/event/en/handicraft/bg_img04.svg);
  width: 100px;
  height: 106px;
  bottom: -122px;
  right: -154px;
}
#event-handicraft .brand .content .inner {
  width: calc(100% - 96px);
  margin: 24px auto;
	padding: 0 24px;
  border-radius: 4px;
}
#event-handicraft .brand .content:nth-of-type(1) .inner { 
  background:
    linear-gradient(to right, #2CAAC7, #2CAAC7 12px, transparent 12px, transparent 30px) repeat-x left top / 30px 2px,
    linear-gradient(to right, #2CAAC7, #2CAAC7 12px, transparent 12px, transparent 30px) repeat-x left bottom / 30px 2px,
    linear-gradient(to bottom, #2CAAC7, #2CAAC7 12px, transparent 12px, transparent 30px) repeat-y left top / 2px 30px,
    linear-gradient(to bottom, #2CAAC7, #2CAAC7 12px, transparent 12px, transparent 30px) repeat-y right top / 2px 30px;
}
#event-handicraft .brand .content:nth-of-type(2) .inner {
  background:
    linear-gradient(to right, #ED6A9F, #ED6A9F 12px, transparent 12px, transparent 30px) repeat-x left top / 30px 2px,
    linear-gradient(to right, #ED6A9F, #ED6A9F 12px, transparent 12px, transparent 30px) repeat-x left bottom / 30px 2px,
    linear-gradient(to bottom, #ED6A9F, #ED6A9F 12px, transparent 12px, transparent 30px) repeat-y left top / 2px 30px,
    linear-gradient(to bottom, #ED6A9F, #ED6A9F 12px, transparent 12px, transparent 30px) repeat-y right top / 2px 30px;
}
#event-handicraft .brand .content:nth-of-type(3) .inner {
  background:
    linear-gradient(to right, #6551AC, #6551AC 12px, transparent 12px, transparent 30px) repeat-x left top / 30px 2px,
    linear-gradient(to right, #6551AC, #6551AC 12px, transparent 12px, transparent 30px) repeat-x left bottom / 30px 2px,
    linear-gradient(to bottom, #6551AC, #6551AC 12px, transparent 12px, transparent 30px) repeat-y left top / 2px 30px,
    linear-gradient(to bottom, #6551AC, #6551AC 12px, transparent 12px, transparent 30px) repeat-y right top / 2px 30px;
}
#event-handicraft .brand .content:nth-of-type(4) .inner {
  background:
    linear-gradient(to right, #F5A03F, #F5A03F 12px, transparent 12px, transparent 30px) repeat-x left top / 30px 2px,
    linear-gradient(to right, #F5A03F, #F5A03F 12px, transparent 12px, transparent 30px) repeat-x left bottom / 30px 2px,
    linear-gradient(to bottom, #F5A03F, #F5A03F 12px, transparent 12px, transparent 30px) repeat-y left top / 2px 30px,
    linear-gradient(to bottom, #F5A03F, #F5A03F 12px, transparent 12px, transparent 30px) repeat-y right top / 2px 30px;
}
#event-handicraft .brand .content:nth-of-type(5) .inner {
  background:
    linear-gradient(to right, #529DDF, #529DDF 12px, transparent 12px, transparent 30px) repeat-x left top / 30px 2px,
    linear-gradient(to right, #529DDF, #529DDF 12px, transparent 12px, transparent 30px) repeat-x left bottom / 30px 2px,
    linear-gradient(to bottom, #529DDF, #529DDF 12px, transparent 12px, transparent 30px) repeat-y left top / 2px 30px,
    linear-gradient(to bottom, #529DDF, #529DDF 12px, transparent 12px, transparent 30px) repeat-y right top / 2px 30px;
}
#event-handicraft .brand .content:nth-of-type(6) .inner {
  background:
    linear-gradient(to right, #3D9546, #3D9546 12px, transparent 12px, transparent 30px) repeat-x left top / 30px 2px,
    linear-gradient(to right, #3D9546, #3D9546 12px, transparent 12px, transparent 30px) repeat-x left bottom / 30px 2px,
    linear-gradient(to bottom, #3D9546, #3D9546 12px, transparent 12px, transparent 30px) repeat-y left top / 2px 30px,
    linear-gradient(to bottom, #3D9546, #3D9546 12px, transparent 12px, transparent 30px) repeat-y right top / 2px 30px;
}
#event-handicraft .brand .content .intro {
  display: flex;
  position: relative;
}
#event-handicraft .brand .content .intro img.thumbnail {
  max-width: 365px;
  position: absolute;
  top: -120px;
}
#event-handicraft .sp-only {
  display: none;
}
#event-handicraft .brand .content .content-title {
  width: calc(100% - 365px);
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	letter-spacing: 0.2em;
  margin: 0 0 0 auto;
}
#event-handicraft .brand .content .content-title img {
  margin: 32px auto;
}
#event-handicraft .brand .content .button a {
	text-align: center;
	display: block;
	width: 85%;
  max-width: 540px;
	border-radius: 20px;
	padding: 8px 20px;
	line-height: 1.1;
	border: 1px #8B8B8B solid;
	background-color: #FFFFFF;
	color: #8B8B8B;
	font-size: 15px;
	font-weight: 500;
	position: relative;
	margin: 0 auto;
  letter-spacing: normal;
}
#event-handicraft .brand .content .button a::after {
	content: '';
	display: inline-block;
	vertical-align: 1px;
	width: 7px;
	height: 7px;
	border-top: 3px #8B8B8B solid;
	border-right: 3px #8B8B8B solid;
	border-radius: 2px;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	right: 22px;
	bottom: 0;
	margin: auto;
}
#event-handicraft .brand .content .button a:hover {
	color: #fff;
}
#event-handicraft .brand .content:nth-of-type(1) .button a:hover {
	background-color: #2CAAC7;
  border: 1px #2CAAC7 solid;
  opacity: 1.0;
}
#event-handicraft .brand .content:nth-of-type(2) .button a:hover {
	background-color: #ED6A9F;
  border: 1px #ED6A9F solid;
}
#event-handicraft .brand .content:nth-of-type(3) .button a:hover {
	background-color: #6551AC;
  border: 1px #6551AC solid;
}
#event-handicraft .brand .content:nth-of-type(4) .button a:hover {
	background-color: #F5A03F;
  border: 1px #F5A03F solid;
}
#event-handicraft .brand .content:nth-of-type(5) .button a:hover {
	background-color: #529DDF;
  border: 1px #529DDF solid;
}
#event-handicraft .brand .content:nth-of-type(6) .button a:hover {
	background-color: #3D9546;
  border: 1px #3D9546 solid;
}
#event-handicraft .brand .content .button a:hover::after {
	border-top: 3px #fff solid;
	border-right: 3px #fff solid;
}
#event-handicraft .brand .content ul {
	display: flex;
  justify-content: center;
	flex-wrap: wrap;
	margin: 40px auto 0;
  padding: 0 0 32px;
}
#event-handicraft .brand .content li {
	text-align: center;
	width: 22%;
	max-width: 225px;
  margin: 0 10px;
}
#event-handicraft .brand .content li img {
	border-radius: 20px;
  border: 1px solid #cccccc;
}
#event-handicraft .brand .content li .name {
	font-size: 16px;
  line-height: 1.2em;
  margin-top: 5px;
}
/* Workshop Video */
#event-handicraft .workshop {
  width: 100%;
	background: url(/img/contents/event/en/handicraft/bg_02.png);
  position: relative;
}
#event-handicraft .workshop .inner {
  width: calc(100% - 80px);
  max-width: 1060px;
  margin: 0 auto;
}
#event-handicraft .workshop .inner p {
  font-size: 16px;
}
#event-handicraft .workshop .inner .title {
  margin: 0 auto;
  text-align: center;
  padding: 20px 0 0;
}
#event-handicraft .workshop .inner .title img {
  width: 100%;
  height: auto;
}
#event-handicraft .workshop .inner .title img.heading {
  max-width: 475px;
  margin: 0 20px 0 100px;
}
#event-handicraft .workshop .inner .title img.icon {
  max-width: 86px;
  margin: 0;
}
#event-handicraft .workshop .inner .video-title {
  width: 100%;
  font-size: 30px;
  font-weight: 600;
  margin: 64px auto 16px;
  text-align: center;
}
#event-handicraft .workshop .inner .video {
  width: 100%;
  max-width: 820px;
  margin: 0 auto;
}
#event-handicraft .workshop .inner .video .bg-img {
  position: relative;
}
#event-handicraft .workshop .inner .video .bg-img img {
  position: absolute;
  height: auto;
}
#event-handicraft .workshop .inner .video .bg-img img.img-01 {
  width: 362px;
  top: 240px;
  left: -340px;
  animation: floating-y-1 2.0s ease-in-out infinite alternate-reverse;
}
#event-handicraft .workshop .inner .video .bg-img img.img-02 {
  width: 319px;
  top: 950px;
  right: -350px;
  animation: floating-y-2 2.0s ease-in-out infinite alternate-reverse;
}
#event-handicraft .workshop .inner .video .bg-img img.img-03 {
  width: 289px;
  top: 460px;
  left: -280px;
  animation: floating-y-3 2.0s ease-in-out infinite alternate-reverse;
}
#event-handicraft .workshop .inner .video .bg-img img.img-04 {
  width: 244px;
  top: 280px;
  right: -290px;
  animation: floating-y-4 2.0s ease-in-out infinite alternate-reverse;
}
@keyframes floating-y-1 {
  0% {
    transform: translateY(-2%);
  }
  100% {
    transform: translateY(2%);
  }
}
@keyframes floating-y-2 {
  0% {
    transform: translateY(2%);
  }
  100% {
    transform: translateY(-2%);
  }
}
@keyframes floating-y-3 {
  0% {
    transform: translateY(2%);
  }
  100% {
    transform: translateY(-2%);
  }
}
@keyframes floating-y-4 {
  0% {
    transform: translateY(-2%);
  }
  100% {
    transform: translateY(2%);
  }
}
#event-handicraft .workshop .inner .video .thumbnail {
  width: 100%;
  display: block;
  margin: 0 auto;
}
#event-handicraft .workshop .inner .video .thumbnail img {
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
}
#event-handicraft .workshop .inner .video p {
  width: 100%;
  margin: 24px auto 32px;
}
#event-handicraft .workshop .inner .video .flex {
  display: flex;
  gap: 40px;
  padding: 0 0 80px;
}
#event-handicraft .workshop .inner .video a.button {
	text-align: center;
	display: block;
	width: 100%;
  max-width: 394px;
	border-radius: 40px;
	padding: 12px 20px;
	line-height: 1.1;
	border: 1px #FF0000 solid;
	background-color: #FFFFFF;
	color: #FF0000;
	font-size: 18px;
	font-weight: 600;
	position: relative;
	margin: 0 auto;
  letter-spacing: normal;
}
#event-handicraft .workshop .inner .video a.youtube {
	border: 1px #FF0000 solid;
	color: #FF0000;
}
#event-handicraft .workshop .inner .video a.instagram {
	border: 1px #D300C5 solid;
	color: #D300C5;
}
#event-handicraft .workshop .inner .video a.materials {
	border: 1px #333333 solid;
	color: #333333;
}
#event-handicraft .workshop .inner .video a.button::after {
	content: '';
	display: inline-block;
	vertical-align: 1px;
	width: 7px;
	height: 7px;
	border-radius: 2px;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	right: 22px;
	bottom: 0;
	margin: auto;
}
#event-handicraft .workshop .inner .video a.youtube::after {
	border-top: 3px #FF0000 solid;
	border-right: 3px #FF0000 solid;
}
#event-handicraft .workshop .inner .video a.instagram::after {
	border-top: 3px #D300C5 solid;
	border-right: 3px #D300C5 solid;
}
#event-handicraft .workshop .inner .video a.materials::after {
	border-top: 3px #333333 solid;
	border-right: 3px #333333 solid;
}
#event-handicraft .workshop .inner .video a.button:hover {
	color: #fff;
}
#event-handicraft .workshop .inner .video a.youtube:hover {
	background-color: #FF0000;
  border: 1px #FF0000 solid;
}
#event-handicraft .workshop .inner .video a.instagram:hover {
  background-color: #D300C5;
  border: 1px #D300C5 solid;
}
#event-handicraft .workshop .inner .video a.materials:hover {
  background-color: #333333;
  border: 1px #333333 solid;
}
#event-handicraft .workshop .inner .video a.button:hover::after {
	border-top: 3px #fff solid;
	border-right: 3px #fff solid;
}
#event-handicraft .workshop .inner .used-item {
	width: 100%;
  margin: 0 auto;
  padding: 0 0 16px;
  position: relative;

}
#event-handicraft .workshop .inner .used-item img.title {
	width: 100%;
  max-width: 458px;
  margin: 56px auto 0;
  display: block;
}
#event-handicraft .workshop .inner .used-item::before,
#event-handicraft .workshop .inner .used-item::after {
	position: absolute;
  content: '';
  width: calc(50% - 260px);
  height: 2px;
  top: 36px;
  background-image: linear-gradient(to right, #000 10px, transparent 2px);
  background-size: 16px 2px;
  background-repeat: repeat-x;
  border-radius: 8px;
  background-position: center;
}
#event-handicraft .workshop .inner .used-item::before {
	left: 0;
}
#event-handicraft .workshop .inner .used-item::after {
	right: 0;
}
#event-handicraft .workshop .inner .used-item ul {
	width: 100%;
  display: flex;
  justify-content: center;
}
#event-handicraft .workshop .inner .used-item ul li {
	width: 100%;
  max-width: 186px;
  position: relative;
  margin: 0 16px;
}
#event-handicraft .workshop .inner .used-item ul li:nth-of-type(1) {
	padding-top: calc(18% + 8px);
}
#event-handicraft .workshop .inner .used-item ul li:nth-of-type(2) {
	padding-top: calc(18% + 76px);
}
#event-handicraft .workshop .inner .used-item ul li:nth-of-type(3) {
	padding-top: calc(18% + 18px);
}
#event-handicraft .workshop .inner .used-item ul li:nth-of-type(4) {
	padding-top: calc(18% + 96px);
}
#event-handicraft .workshop .inner .used-item ul li:nth-of-type(5) {
	padding-top: 18%;
}
#event-handicraft .workshop .inner .used-item ul li img {
	width: 100%;
  position: absolute;
}
#event-handicraft .workshop .inner .used-item ul li:nth-of-type(1) img {
	top: 8px;
}
#event-handicraft .workshop .inner .used-item ul li:nth-of-type(2) img {
	top: 80px;
}
#event-handicraft .workshop .inner .used-item ul li:nth-of-type(3) img {
	top: 16px;
}
#event-handicraft .workshop .inner .used-item ul li:nth-of-type(4) img {
	top: 96px;
}
#event-handicraft .workshop .inner .used-item ul li:nth-of-type(5) img {
	top: 0;
}
#event-handicraft .workshop .inner .used-item ul li p {
	text-align: center;
}
#event-handicraft .workshop .inner .video .flex-container {
  padding: 0 0 100px;
}
#event-handicraft .workshop .inner .video .flex-container .left-container {
  width: 100%;
  max-width: 336px;
}
#event-handicraft .workshop .inner .video .flex-container .left-container img {
  width: 100%;
  height: auto;
}
#event-handicraft .workshop .inner .video .flex-container .right-container {
  width: calc(100% - 336px);
}
#event-handicraft .workshop .inner .video .flex-container .right-container .video-title {
  margin: 40px 0 24px;
  text-align: left;
}
#event-handicraft .workshop .inner .video .flex-container .right-container p {
  margin: 0 0 64px;
  text-align: left;
}
#event-handicraft .workshop .inner .video .flex-container .right-container a {
  margin: 0 0 40px;
}
/* CATEGORIES */
#event-handicraft .categories {
  padding: 48px 0;
  position: relative;
}
#event-handicraft .categories::before {
  content: '';
  position: absolute;
  right: 0;
  left: 0;
  top: -40px;
  display: block;
  height: 82px;
  background-size: 120px 66px;
  background-image: radial-gradient(#ffffff 72%, transparent 0);
  background-repeat: repeat-x;
  background-position: top;
}
#event-handicraft .categories .title-area {
	margin: 24px auto;
	text-align: center;
}
#event-handicraft .categories .title-area .title {
	font-size: 33px;
	letter-spacing: 0.3em;
}
#event-handicraft .categories ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#event-handicraft .categories li a:hover { text-decoration: underline; }
#event-handicraft .categories .small-cate {
	margin-top: 43px;
	padding-top: 53px;
}
#event-handicraft .categories .small-cate li {
	width: 256px;
}
#event-handicraft .categories .small-cate li:not(:first-child) { margin-left: 37px;}
#event-handicraft .categories .small-cate li .block { 
  margin-bottom: 10px;
  padding-left: 8px;
}
#event-handicraft .categories .small-cate li .block > a:first-child {
	font-size: 16px;
	font-weight: 600;
}
#event-handicraft .categories .small-cate li .icon {
	position: relative;
  border-top: dashed 1px #215B9A;
}
#event-handicraft .categories .small-cate li .icon::before {
	content: '';
	display: block;
	margin: 0 auto;
	position: absolute;
	right: 50%;
	transform: translate(50%, 50%);
	width: 100%;
}
#event-handicraft .categories .small-cate li .icon-01::before {
	background: url("/img/contents/event/en/handicraft/category_img01.svg") no-repeat;
	background-size: contain;
	width: 57px;
  height: 46px;
  top: -80px;
}
#event-handicraft .categories .small-cate li .icon-02::before {
	background: url("/img/contents/event/en/handicraft/category_img05.svg") no-repeat;
	background-size: contain;
	width: 63px;
  height: 43px;
  top: -74px;
}
#event-handicraft .categories .small-cate li .icon-03::before {
	background: url("/img/contents/event/en/handicraft/category_img03.svg") no-repeat;
	background-size: contain;
	width: 57px;
  height: 41px;
  top: -72px;
}
#event-handicraft .categories .small-cate li .icon-04::before {
	background: url("/img/contents/event/en/handicraft/category_img04.svg") no-repeat;
	background-size: contain;
	width: 57px;
  height: 35px;
  top: -64px;
}
#event-handicraft .categories .small-cate li .icon-04 {
	margin-top: 88px;
}
#event-handicraft .categories .small-cate li a {
	font-size: 14px;
	padding-top: 10px;
}
#event-handicraft .categories .small-cate li .lv5 {
  position: relative;
  margin-left: 8px;
}
#event-handicraft .categories .small-cate li .lv5 a {
  color: #999999;
  padding-left: 10px;
}
#event-handicraft .categories .small-cate li .lv5::before {
	position: absolute;
  content: '';
  width: 1px;
  left: 0;
  top: 8px;
  background-color: #999999;
}
#event-handicraft .categories .small-cate li .lv5.genre-20::before {
	height: 52px;
}
#event-handicraft .categories .small-cate li .lv5.genre-23::before {
	height: 78px;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
	/* Pickup Genres */
  #event-handicraft .brand-list ul {
    width: 90%;
  }
	/* 各ジャンルコンテンツ */
  #event-handicraft .brand .content {
    width: calc(100% - 100px);
    margin: 160px auto 80px;
  }
  #event-handicraft .brand .content .intro img.thumbnail {
    top: -140px;
    left: calc(50% - 182px);
  }
  #event-handicraft .brand .content .content-title {
    width: 100%;
    margin: 120px auto 0;
  }
  #event-handicraft .brand .content .content-title img {
    margin: 24px auto 32px;
  }
  #event-handicraft .brand .content ul {
    margin: 0 auto;
    padding: 0;
  }
  #event-handicraft .brand .content li {
    margin: 0 12px 24px;
    width: 44%;
    max-width: 220px;
  }
  #event-handicraft .brand .content ul::after {
    display: block;
    content: '';
    width: calc(44% + 24px);
    max-width: 244px;
  }
  #event-handicraft .brand .content .button {
    padding: 0 0 32px;
  }
  #event-handicraft .brand .content .button a {
    width: 90%;
    border-radius: 32px;
    padding: 12px 20px;
  }
  /* Video */
  #event-handicraft .workshop .inner .title img.heading {
    max-width: 440px;
    margin: 0 20px 0;
  }
  #event-handicraft .workshop .inner .video-title {
    margin: 40px auto 16px;
  }
  #event-handicraft .workshop .inner .video p {
    margin: 16px auto 24px;
  }
  #event-handicraft .workshop .inner .used-item::before, 
  #event-handicraft .workshop .inner .used-item::after {
    width: calc(50% - 254px);
  }
  #event-handicraft .workshop .inner .used-item ul {
    flex-wrap: wrap;
  }
  #event-handicraft .workshop .inner .used-item ul li {
    max-width: 220px;
    margin: 0 4%;
  }
  #event-handicraft .workshop .inner .used-item ul li:nth-of-type(1) {
    padding-top: 240px;
  }
  #event-handicraft .workshop .inner .used-item ul li:nth-of-type(2) {
    padding-top: 356px;
  }
  #event-handicraft .workshop .inner .used-item ul li:nth-of-type(3) {
    padding-top: 144px;
  }
  #event-handicraft .workshop .inner .used-item ul li:nth-of-type(4) {
    padding-top: 272px;
  }
  #event-handicraft .workshop .inner .used-item ul li:nth-of-type(5) {
    padding-top: 152px;
  }
  #event-handicraft .workshop .inner .used-item ul li:nth-of-type(2) img {
    top: 130px;
  }
  #event-handicraft .workshop .inner .used-item ul li:nth-of-type(3) img {
    top: -90px;
  }
  #event-handicraft .workshop .inner .used-item ul li:nth-of-type(4) img {
    top: 40px;
  }
  #event-handicraft .workshop .inner .used-item ul li:nth-of-type(5) img {
    top: -80px;
  }
  #event-handicraft .workshop .inner .video .flex {
    display: block;
    padding: 0 0 40px;
  }
  #event-handicraft .workshop .inner .video .flex-button a {
    margin: 0 auto 24px;
  }
  #event-handicraft .workshop .inner .video .flex-container .video-title {
    margin: 0 auto 16px;
  }
  #event-handicraft .workshop .inner .video .flex-container .left-container {
    margin: 0 auto;
  }
  #event-handicraft .workshop .inner .video .flex-container .right-container {
    width: 100%;
    padding: 0 0 64px;
  }
  #event-handicraft .workshop .inner .video .flex-container .right-container p {
    margin: 16px 0 24px;
  }
  #event-handicraft .workshop .inner .video .flex-container .right-container a {
    margin: 0 auto 24px;
  }
	/* CATEGORIES */
	#event-handicraft .categories .small-cate li:not(:first-child) {
    margin-left: 24px;
  }
  #event-handicraft .categories .small-cate li {
      width: 200px;
  }
}
/* SP */
@media screen and (max-width: 670px) {
	/* ナビゲーションボタン */
	#event-handicraft nav {
		left: 0;
    bottom: -20px;
		margin: auto;
	}
	#event-handicraft nav ul {
		display: flex;
		justify-content: center;
	}
  #event-handicraft nav li a {
    margin: 0 8px;
    width: 78px;
    height: 78px;
  }
	#event-handicraft nav li:not(:first-child) a { margin-top: 0; }
  /* メインビジュアル */
  #event-handicraft .main-visual {
    background: url(/img/contents/event/en/handicraft/fv_sp.png) no-repeat top center;
    width: 100%;
    height: 485px;
  }
  /* Pickup Genres */
  #event-handicraft .brand-list {
    margin: -16px auto 0;
  }
  #event-handicraft .brand-list .inner .title img {
    width: 308px;
    top: -54px;
    left: calc(50% - 154px);
  }
  #event-handicraft .brand-list ul {
    justify-content: center;
    padding: 72px 0 48px;
  }
  #event-handicraft .brand-list li {
    width: 120px;
  }
  /* 各ジャンルコンテンツ */
  #event-handicraft .brand .content {
    width: calc(100% - 40px);
    margin: 100px auto 80px;
  }
  #event-handicraft .brand .content:last-of-type {
    margin: 100px auto 40px;
  }
  #event-handicraft .brand .content .inner {
    width: calc(100% - 32px);
    margin: 12px auto;
    padding: 0 8px;
  }
  #event-handicraft .brand .content .intro img.thumbnail {
    top: -80px;
    left: calc(50% - 108px);
    max-width: 210px;
  }
  #event-handicraft .brand .content .content-title {
    margin: 54px auto 0;
  }
  #event-handicraft .brand .content .content-title img {
    max-width: 95%;
    margin: 32px auto 24px;
  }
  #event-handicraft .brand .content ul {
    margin: 0 auto 16px;
    padding: 0;
  }
  #event-handicraft .brand .content ul::after {
    display: block;
    content: '';
    width: calc(45% + 8px);
    max-width: 316px;
  }
  #event-handicraft .brand .content li {
    margin: 0 4px 16px;
    width: 45%;
    max-width: 300px;
  }
  #event-handicraft .brand .content li .name {
    font-size: 14px;
    letter-spacing: 0.01em;
  }
  #event-handicraft .brand .content .button {
    padding: 0 0 24px;
  }
  #event-handicraft .brand .content .button a {
    width: 80%;
    padding: 8px 20px;
  }
  /* Video */
  #event-handicraft .workshop .inner {
    width: calc(100% - 20px);
  }
  #event-handicraft .workshop .inner .title {
    padding: 24px 0 0;
  }
  #event-handicraft .workshop .inner .video-title {
    font-size: 24px;
  }
  #event-handicraft .workshop .inner .title img.heading {
    max-width: 240px;
    margin: 0 auto;
  }
  #event-handicraft .workshop .inner .video a.button {
    width: calc(100% - 40px);
    padding: 8px 20px;
    font-size: 16px;
  }
  #event-handicraft .workshop .inner .used-item img.title {
    max-width: 220px;
    margin: 32px auto 0;
  }
  #event-handicraft .workshop .inner .used-item::before, 
  #event-handicraft .workshop .inner .used-item::after {
    width: calc(50% - 130px);
    top: 50px;
  }
  #event-handicraft .workshop .inner .used-item ul {
    justify-content: space-between;
    max-width: 440px;
    margin: 0 auto;
  }
  #event-handicraft .workshop .inner .used-item ul li {
    width: calc(50% - 4%);
    max-width: 186px;
    margin: 0 2%;
  }
  #event-handicraft .workshop .inner .used-item ul li:nth-of-type(1) {
    padding-top: calc(25% + 98px);
  }
  #event-handicraft .workshop .inner .used-item ul li:nth-of-type(2) {
    padding-top: calc(25% + 214px);
  }
  #event-handicraft .workshop .inner .used-item ul li:nth-of-type(3) {
    padding-top: calc(25% + 4px);
  }
  #event-handicraft .workshop .inner .used-item ul li:nth-of-type(4) {
    padding-top: calc(25% + 130px);
  }
  #event-handicraft .workshop .inner .used-item ul li:nth-of-type(5) {
    padding-top: calc(25% + 16px);
  }
  #event-handicraft .workshop .inner .used-item ul li:nth-of-type(1) img {
    top: 8px;
  }
  #event-handicraft .workshop .inner .used-item ul li:nth-of-type(2) img {
    top: 128px;
  }
  #event-handicraft .workshop .inner .used-item ul li:nth-of-type(3) img {
    top: -88px;
  }
  #event-handicraft .workshop .inner .used-item ul li:nth-of-type(4) img {
    top: 40px;
  }
  #event-handicraft .workshop .inner .used-item ul li:nth-of-type(5) img {
    top: -72px;
  }
  /* CATEGORIES */
  #event-handicraft .categories .title-area {
    margin: 0px auto 32px;
    text-align: center;
  }
  #event-handicraft .categories .small-cate {
    max-width: 500px;
    margin: 0 auto;
  }
  #event-handicraft .categories .small-cate li:not(:first-child) {
    margin: 0 8px;
  }
  #event-handicraft .categories .small-cate li {
    width: 45%;
    max-width: 180px;
    margin: 0 8px;
  }
  #event-handicraft .categories .small-cate li .icon-03,
  #event-handicraft .categories .small-cate li .icon-04 {
    margin-top: 72px;
  }
  #event-handicraft .categories .small-cate li .lv5 {
    border-left: 1px solid #999999;
  }
  #event-handicraft .categories .small-cate li .lv5::before {
    display: none;
  }
}
/* 手芸クラフト特集
----------------------------------------------------------------------------- */
#event-seasonal-outfits {
	color: #222222;
  overflow: hidden;
  background-color: #C8EB54;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
}
/* SP */
@media screen and (max-width: 670px) {
}
/* アパレル特集
----------------------------------------------------------------------------- */
#event-seasonal-outfits {
	color: #222222;
  overflow: hidden;
  background-color: #C8EB54;
  position: relative;
}
#event-seasonal-outfits ~ .push {
	display: none;
}
#event-seasonal-outfits .meiryo {
	font-family: "メイリオ", Meiryo, "Hiragino Sans", sans-serif !important;
}
/* メインビジュアル */
#event-seasonal-outfits h1 {
	width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}
#event-seasonal-outfits h1::before {
  content: '';
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 34px;
	background-color: transparent;
  background-image: linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%), linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%);
  background-position: 17px 0, 34px 17px;
  background-size: 34px 34px;
}
#event-seasonal-outfits h1 picture {
  position: relative;
  z-index: 10;
}
#event-seasonal-outfits h1 picture img {
  width: 100%;
  max-width: 1146px;
  height: auto;
}
/* ピックアップ企業 */
#event-seasonal-outfits .pickup-vendors {
	width: 100%;
  max-width: 960px;
  margin: 80px auto 140px;
  padding: 0 20px;
}
#event-seasonal-outfits .pickup-vendors .vendor {
  width: calc(100% - 40px);
}
#event-seasonal-outfits .pickup-vendors .vendor h3.number {
  font-size: 30px;
  font-weight: 600;
  color: #ffffff;
  margin: 0 auto;
  position: relative;
  text-align: center;
  z-index: 1;
}
#event-seasonal-outfits .pickup-vendors .vendor h3.number::before,
#event-seasonal-outfits .pickup-vendors .vendor h3.number::after {
  position: absolute;
  content: '';
  background-color: #E78AB2;
  z-index: -1;
}
#event-seasonal-outfits .pickup-vendors .vendor h3.number::before {
  top: 17px;
  left: calc(50% - 330px);
  width: 660px;
  height: 5px;
  margin: 0 auto;
}
#event-seasonal-outfits .pickup-vendors .vendor h3.number::after {
  top: -11px;
  left: calc(50% - 29px);
  width: 58px;
  height: 58px;
  transform: rotate(12deg);
}
#event-seasonal-outfits .pickup-vendors .vendor h4.vendor-name {
  font-size: 22px;
  font-weight: 600;
  margin: 24px auto 4px;
  text-align: center;
}
#event-seasonal-outfits .pickup-vendors .vendor ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#event-seasonal-outfits .pickup-vendors .vendor ul li {
  margin: 0 6px 12px;
  width: calc(25% - 12px);
}
#event-seasonal-outfits .pickup-vendors .vendor ul li img {
  width: 100%;
  height: auto;
}
#event-seasonal-outfits .pickup-vendors .vendor .introduction {
  display: flex;
  justify-content: space-between;
  background-image : linear-gradient(to bottom, #20378D 4px, transparent 4px);
  background-size: 1px 8px;
  background-repeat: repeat-y;
  background-position: center;
}
#event-seasonal-outfits .pickup-vendors .vendor .introduction:last-of-type {
  margin: 0 0 32px;
}
#event-seasonal-outfits .pickup-vendors .vendor .split {
  width: calc(50% - 25px);
}
#event-seasonal-outfits .pickup-vendors .vendor .split ul li {
  width: calc(50% - 6px);
  margin: 0 0 8px;
}
#event-seasonal-outfits .pickup-vendors .vendor p.text {
  font-size: 15px;
  margin: 4px auto 2px;
}
#event-seasonal-outfits .pickup-vendors .vendor .product-name {
  margin: 4px auto 32px;
}
#event-seasonal-outfits .pickup-vendors .vendor:has(.introduction) .product-name {
  margin: 4px auto 0;
}
#event-seasonal-outfits .pickup-vendors .vendor a.product-link {
  color: #20378D;
  margin: 2px 0;
  font-size: 14px;
  font-weight: 600;
  position: relative;
  padding-left: 12px;
  display: inline-block;
}
#event-seasonal-outfits .pickup-vendors .vendor a.product-link:hover {
  text-decoration: underline;
  transition-duration: 0.5s;
}
#event-seasonal-outfits .pickup-vendors .vendor a.product-link::before {
  content: '';
  position: absolute;
  top: 4px;
  left: 0;
  width: 0;
  height: 0;
  border-radius: 1px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #20378d;
  border-right: 0;
}
/* おすすめ企業 */
#event-seasonal-outfits .recommended-vendor {
  position: relative;
  margin: 0 auto 158px;
}
#event-seasonal-outfits .recommended-vendor::before,
#event-seasonal-outfits .recommended-vendor::after {
  content: '';
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 34px;
	background-color: transparent;
  background-image: linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%), linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%);
  background-position: 17px 0, 34px 17px;
  background-size: 34px 34px;
}
#event-seasonal-outfits .recommended-vendor::before {
  top: -60px;
}
#event-seasonal-outfits .recommended-vendor::after {
  bottom: -92px;
}
#event-seasonal-outfits .recommended-vendor .title {
  text-align: center;
  margin: 0 auto 32px;
}
#event-seasonal-outfits .recommended-vendor .title img {
  margin: 0 auto 16px;
  padding-top: 32px;
  display: block;
}
#event-seasonal-outfits .recommended-vendor .title span {
  font-size: 22px;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  background-color: #20378D;
  width: 450px;
  height: 33px;
  padding: 2px;
  display: inline-block;
}
#event-seasonal-outfits .recommended-vendor ul {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  width: calc(100% - 40px);
  max-width: 984px;
}
#event-seasonal-outfits .recommended-vendor ul li {
  margin: 0 15px;
  width: calc(25% - 15px);
  text-align: center;
}
#event-seasonal-outfits .recommended-vendor ul li a:hover {
  opacity: 0.85;
}
#event-seasonal-outfits .recommended-vendor ul li a:visited,
#event-seasonal-outfits .recommended-vendor ul li a:link {
  color: #222222;
}
#event-seasonal-outfits .recommended-vendor ul li a img {
  display: block;
  width: 100%;
}
#event-seasonal-outfits .recommended-vendor ul li a .vendor-name {
  font-size: 18px;
  font-weight: 600;
  color: #222222;
  display: block;
  margin-top: 16px;
}
/* カテゴリ一覧 */
#event-seasonal-outfits .categories {
  margin: 0 auto 80px;
}
#event-seasonal-outfits .categories::after {
  content: '';
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 34px;
	background-color: transparent;
  background-image: linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%), linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%);
  background-position: 17px 0, 34px 17px;
  background-size: 34px 34px;
  bottom: 0;
}
#event-seasonal-outfits .categories .inner {
  width: calc(100% - 40px);
  max-width: 950px;
  margin: 0 auto;
  background-color: #ffffff;
  position: relative;
}
#event-seasonal-outfits .categories .inner::after{
  content: "";
  position: absolute;
  background: linear-gradient(45deg, #C8EB54 50%, transparent 52%),
  linear-gradient(315deg, #C8EB54 50%, transparent 52%);
  background-size: 30px 30px;
  height: 14px;
  width: 100%;
  bottom: 0;
}
#event-seasonal-outfits .categories .inner .inner-wrap {
  padding: 34px 30px 24px;
}
#event-seasonal-outfits .categories .inner .title-area {
  margin: 0 auto 28px;
  border-top: 3px solid #222222;
}
#event-seasonal-outfits .categories .inner .title-area img {
  max-width: 100%;
  margin: 32px auto 10px;
  display: block;
}
#event-seasonal-outfits .categories .inner .title-area span {
  display: block;
  color: #20378D;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
}
#event-seasonal-outfits .categories .inner ul {
  margin: 0 auto;
  padding: 32px 8px 40px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background-image : linear-gradient(to right, #222222 8px, transparent 8px);
  background-size: 10px 1px;
  background-repeat: repeat-x; 
  background-position: center top;
}
#event-seasonal-outfits .categories .inner ul li {
  margin: 0 10px;
  width: calc(25% - 20px);
}
#event-seasonal-outfits .categories .inner ul li .block {
  margin: 0 0 30px;
}
#event-seasonal-outfits .categories .inner ul li .block a {
  margin: 12px 0 0 10px;
  font-size: 16px;
  color: #515151;
  display: block;
}
#event-seasonal-outfits .categories .inner ul li .block a:first-of-type {
  margin: 0 0 4px 0;
  font-size: 20px;
  font-weight: 600;
  color: #222222;
}
#event-seasonal-outfits .categories .inner .code {
  background-image : linear-gradient(to right, #222222 5px, transparent 5px);
  background-size: 10px 1px;
  background-repeat: repeat-x; 
  background-position: center top;
  margin: 0 auto;
  padding: 32px 8px 16px;
  display: flex;
  justify-content: center;
}
#event-seasonal-outfits .categories .inner .code {
  margin: 0 auto;
  padding: 32px 0;
  text-align: center;
  background-image : linear-gradient(to right, #222222 5px, transparent 5px);
  background-size: 10px 1px;
  background-repeat: repeat-x; 
  background-position: center top;
  display: block;
}
#event-seasonal-outfits .categories .inner .code img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
#event-seasonal-outfits .categories .inner .code span {
  display: block;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 3px;
  margin: 8px auto 0;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
  /* ピックアップ企業 */
  #event-seasonal-outfits .pickup-vendors {
    margin: 56px auto 100px;
  }
  #event-seasonal-outfits .pickup-vendors .vendor ul li {
    margin: 0 4px 4px;
    width: calc(25% - 8px);
  }
  /* おすすめ企業 */
  #event-seasonal-outfits .recommended-vendor::before {
    top: -40px;
  }
  #event-seasonal-outfits .recommended-vendor .title img {
    width: 280px;
    height: auto;
  }
  #event-seasonal-outfits .recommended-vendor .title span {
    width: 385px;
    height: 28px;
  }
  #event-seasonal-outfits .recommended-vendor {
    position: relative;
    margin: 0 auto 120px;
  }
  #event-seasonal-outfits .recommended-vendor::after {
    bottom: -72px;
  }
  /* カテゴリ一覧 */
  #event-seasonal-outfits .categories .inner ul {
    max-width: 540px;
    padding: 32px calc(50% - 270px) 40px;
    justify-content: flex-start;
  }
  #event-seasonal-outfits .categories .inner ul li {
    width: calc(50% - 20px);
  }
}
/* SP */
@media screen and (max-width: 670px) {
  /* ファーストビュー */
  #event-seasonal-outfits h1 picture {
    display: flex;
    justify-content: center;
  }
  #event-seasonal-outfits h1 picture img {
    width: 116%;
    max-width: 502px;
  }
  /* ピックアップ企業 */
  #event-seasonal-outfits .pickup-vendors {
    width: calc(100% - 24px);
    margin: 64px auto 100px;
    padding: 0;
  }
  #event-seasonal-outfits .pickup-vendors .vendor h3.number::before {
    left: 0;
    width: 100%;
  }
  #event-seasonal-outfits .pickup-vendors .vendor {
    width: 100%;
    margin-top: 40px;
  }
  #event-seasonal-outfits .pickup-vendors .vendor ul li {
    margin: 0 4px 2px;
    width: calc(50% - 8px);
  }
  #event-seasonal-outfits .pickup-vendors .vendor p.text {
    font-size: 16px;
  }
  #event-seasonal-outfits .pickup-vendors .vendor a.product-link {
    font-size: 15px;
  }
  #event-seasonal-outfits .pickup-vendors .vendor .introduction {
    display: block;
    background-image: none;
  }
  #event-seasonal-outfits .pickup-vendors .vendor .split {
    width: 100%;
    margin-bottom: 40px;
  }
  /* おすすめ企業 */
  #event-seasonal-outfits .recommended-vendor .title img {
    padding-top: 24px;
    max-width: 280px;
    width: 90%;
  }
  #event-seasonal-outfits .recommended-vendor .title span {
    width: calc(100% - 40px);
  }
  #event-seasonal-outfits .recommended-vendor ul {
    flex-wrap: wrap;
  }
  #event-seasonal-outfits .recommended-vendor ul li {
    margin: 0 10px 16px;
    width: calc(50% - 20px);
  }
  #event-seasonal-outfits .recommended-vendor ul li a .vendor-name {
    margin-top: 12px;
  }
  #event-seasonal-outfits .recommended-vendor::after {
    bottom: -56px;
  }
  #event-seasonal-outfits .recommended-vendor {
    margin: 0 auto 100px;
  }
  /* カテゴリ一覧 */
  #event-seasonal-outfits .categories .inner .inner-wrap {
    padding: 24px 16px 16px;
  }
  #event-seasonal-outfits .categories .inner .title-area img,
  #event-seasonal-outfits .categories .inner .code img {
    max-width: 94%;
  }
  #event-seasonal-outfits .categories .inner .code span {
    margin: 16px auto 0;
  }
}

/* Export10周年
------------------------------------------------------------------------ */
/* Export10周年特設ページ(2025/6) */
#anniversary-10th p,
#anniversary-10th h4,
#anniversary-10th h3,
#anniversary-10th h2,
#anniversary-10th ol,
#anniversary-10th ul {
	margin: 0;
	padding: 0;
	text-indent: 0;
	border-bottom: none;
}
#anniversary-10th h3 {
	width:90%;
	margin: 0 auto;
	text-align: center;
}
#anniversary-10th h3 img {
	display: inline-block;
	margin: 0 auto;
}
#anniversary-10th img {
	max-width: 100%;
	width: 100%;
	height: auto;
}
#anniversary-10th a:link,
#anniversary-10th a:visited,
#anniversary-10th a:hover,
#anniversary-10th a:active {
	text-decoration: none;
}
#anniversary-10th {
	position: relative;
	z-index: 0;
	overflow: hidden;
	font-size: 16px;
	color: #3B3B3B;
}
#anniversary-10th.zhtw {
	font-family: "Microsoft JhengHei", "微軟正黑體", "Helvetica Neue", Arial, sans-serif;
}
.anniversary-10thbg {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background: url("/img/contents/event/en/anniversary/bg_illust.svg") no-repeat center top / auto 100%, #F5F5F5 url("/img/contents/event/en/anniversary/bg_pattern.png") repeat 0 top ;
}
#anniversary-10th .logo {
	display: none;
}
#anniversary-10th main {
	margin: 0 auto;
	width: 100%;
	max-width: 745px;
	z-index: 3;
}
#anniversary-10th .inner {
	position: relative;
	width: calc(100% + 5px);
	border-right: #003894 5px solid;
	border-left: #003894 5px solid;
	margin: 0 0 0 -7.5px;
	background: #73CAFF;
}
#anniversary-10th .mv-area {
	padding: 20px 4% 640px;
	background: url("/img/contents/event/en/anniversary/main_img.png") no-repeat bottom center / 755px auto, url("/img/contents/event/en/anniversary/main_catch_bg.svg") no-repeat center 115px / 100% auto;
	color: #003894;
	font-size: 16px;
	text-align: center;
}
#anniversary-10th .mv-area h2 {
	margin: 10px auto 20px;
	width: 75%;
	animation: floating 1.2s ease-in-out infinite alternate-reverse;
}
@keyframes floating {
  0% {
    transform: translateY(-2%);
  }
  100% {
    transform: translateY(2%);
  }
}
#anniversary-10th .mv-area img {
	max-width: 481px;
}
#anniversary-10th #award {
	padding: 0 4% 20px;
}
#anniversary-10th #award h3 {
	max-width: 360px;
}
#anniversary-10th #award > div {
	border: #003894 solid 1px;
	border-radius: 15px;
	background: #fff;
	margin-top: 50px;
	padding: 40px 5% 25px;
	font-size: 18px;
	position: relative;
	text-align: center;
	box-shadow: #003894 0 3px 0;
}
#anniversary-10th #award > div h4 {
	display: inline-block;
	position: absolute;
	border-radius: 15px;
	background: #003894;
	padding: 5px 20px;
	text-align: center;
	color: #fff;
	font-weight: 600;
	font-size: 28px;
	width: 260px;
	left: calc(50% - 150px);
	top: -28px;
}
#anniversary-10th #award > div .period {
	display: inline-block;
	background: linear-gradient(180deg, rgba(115, 202, 255, 0) 0%, rgba(203, 212, 255, 0) 45%, #FFF6B8 46%, #FFF6B8 90%);
	padding: 10px;
	width: 90%;
	max-width: 420px;
	font-size: 22px;
	line-height: 1.4;
	font-weight: 600;
	color: #003894;
	margin-bottom: 15px;
}
#anniversary-10th #award > div .period .day {
	font-size: 85%;
	display: inline-block;
	margin-left: 3px;
}
#anniversary-10th #award > div ol li {
	text-align: left;
	border-left: #003894 solid 1px;
	position: relative;
	padding: 0 0 17px 23px;
	margin-left: 15px;
}
#anniversary-10th #award > div ol li:last-of-type {
	padding-bottom: 0;
	border: none;
}
#anniversary-10th #award > div ol li span {
	font-size: 20px;
	font-weight: 600;
	color: #003894;
	width: 32px;
	height: 31px;
	padding-top: 1px;
	text-align: center;
	border: #003894 1px solid;
	display: inline-block;
	background: #D8F2B6;
	border-radius: 50%;
	position: absolute;
	left: -18px;
	top: -3px;
}
#anniversary-10th #award > div:nth-of-type(3) {
	color: #003894;
	margin-bottom: 25px;
}
#anniversary-10th #award > div:nth-of-type(3) .co-b {
	color: #FF6316;
}
#anniversary-10th #award .note {
	color: #3B3B3B;
	font-size: 13px;
}

#anniversary-10th #sneak-peek,
#anniversary-10th #message,
#anniversary-10th #numbers {
	background: linear-gradient(180deg, rgba(115, 202, 255, 1) 0%, rgba(203, 212, 255, 1) 30%, rgba(203, 212, 255, 1) 100%);
	margin-top: -130px;
	padding: 200px 5% 0;
}
#anniversary-10th #sneak-peek h3,
#anniversary-10th #message h3 {
	color: #003894;
	font-size: 38px;
}
#anniversary-10th #sneak-peek ul {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	align-items: center;
}
#anniversary-10th #sneak-peek li {
	flex-basis: 47%;
	border: #003894 solid 1px;
	box-shadow: #003894 0 3px 0 0;
	margin-bottom: 20px;
	font-size: 0;
}
#anniversary-10th #message {
	background: linear-gradient(180deg, rgba(203, 212, 255, 1) 0%, #D8F2B6 35%, #D8F2B6 100%);
	padding-left: 0;
	padding-right: 0;
}
#anniversary-10th #message h3 img {
	max-width: 350px;
}
#anniversary-10th #message h3 > span {
	margin-top: 10px;
	display: inline-block;
	width: 100%;
	line-height: 1.2;
}
#anniversary-10th #message .slideshow {
	position: relative;
	height: 560px;
	margin-top: 35px;
	overflow: hidden;
}
#anniversary-10th #message ul {
	position: absolute;
	left: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
#anniversary-10th #message ul#messageSlideshow1,
#anniversary-10th #message ul#messageSlideshow2 {
  animation: slide1 48s linear infinite; /* アニメーションの設定 */
  animation-delay: -12s;
}
#anniversary-10th #message ul#messageSlideshow2 {
  animation-delay: 9.35s;
}
#anniversary-10th #message ul#messageSlideshow3 ,
#anniversary-10th #message ul#messageSlideshow4 {
	flex-direction: row-reverse;
	top: 270px;
	left: auto;
	right: 100%;
  animation: slide2 48s linear infinite; /* アニメーションの設定 */
  animation-delay: -12s;
}
#anniversary-10th #message ul#messageSlideshow4 {
  animation-delay: 9.35s;
}
#anniversary-10th #message li {
	background: url('/img/contents/event/en/anniversary/message_bg.svg') repeat-x bottom / auto 9px, #fff url('/img/contents/event/en/anniversary/message_bg.svg') repeat-x top / auto 9px;
	border: #003894 solid 1px;
	box-shadow: #003894 0 3px 0 0;
	margin: 0 10px 10px;
	flex-shrink: 0;
	flex-basis: 310px;
	height: 200px;
	text-align: center;
	padding: 20px;
	font-size: 18px;
}
/* アニメーション（スライド） */
@keyframes slide1 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-3345px); /* 1周分の移動 */
  }
}
@keyframes slide2 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(3345px); /* 1周分の移動 */
  }
}
#anniversary-10th #message li h4 {
	color: #003894;
	font-family: Times New Roman,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif!important;
	margin-bottom: 5px;
	font-style: italic;
	font-weight: normal;
}
#anniversary-10th #message li p {
	height: calc(100% - 30px);
	display: flex;
	justify-content: center;
	align-items: center;
}
#anniversary-10th #numbers { 
	background: url('/img/contents/event/en/anniversary/numbers_title_bg.svg') no-repeat center -80px /100% auto, linear-gradient(180deg, #D8F2B6 0%, #FFF6B8 10%, #FFF6B8 100%);
	margin-top: -25px;
	padding: 50px 5% 0;
}
#anniversary-10th #numbers h3 { 
	max-width: 470px;
	margin-bottom: 0;
}
#anniversary-10th #numbers .note {
	color: #878787;
	text-align: center;
	font-size: 12px;
	margin-bottom: 28px;
}
#anniversary-10th #numbers .history dt,
#anniversary-10th #numbers .history dd {
	position: relative;
	padding-left: 20px;
	margin-left: 0;
	line-height: 1;
}
#anniversary-10th #numbers .history dt {
	color: #003894;
	font-size: 14px;
	font-weight: 600;
}
#anniversary-10th #numbers .history dt::before{
	display: inline-block;
	vertical-align: middle;
	content: " ";
	width: 11px;
	height: 11px;
	position: absolute;
	top: 0;
	left: 0;
	background: #FFF6B8;
	border: 1px solid #003894;
	border-radius: 50%;
	margin: 2px 10px 0 0;
	z-index: 2;
}
#anniversary-10th #numbers .history dd {
	display: inline-block;
	font-size: 15px;
	position: relative;
	border-left: 1px solid #003894;
	padding: 11px 0 22px 14px;
	margin: -1px 0 -2px 6px;
	z-index: 1;
}
#anniversary-10th #numbers .history dd:last-of-type {
	border-left: none;
	margin-bottom: 20px;
}
#anniversary-10th #numbers > div {
	background: url('/img/contents/event/en/anniversary/numbers_bg01.svg') no-repeat 95% top / 46% auto;
	margin: 10px 0 0;
	padding: 30px 0 35px;
	position: relative;
}
#anniversary-10th #numbers > div:nth-of-type(2) {
	background: url('/img/contents/event/en/anniversary/numbers_bg02.svg') no-repeat 5% 30px / 48% auto;
}
#anniversary-10th #numbers > div:nth-of-type(3) {
	background: url('/img/contents/event/en/anniversary/numbers_bg03.svg') no-repeat center 20px / 588px auto;	
	display: flex;
}
#anniversary-10th #numbers > div:not(:last-of-type):after {
	display: inline-block;
	content: " ";
	width: 50%;
	position: absolute;
	height: 0;
	bottom: 0;
	right: 25%;
	border-bottom: dotted #003894 3px; 
}
#anniversary-10th #numbers > div > span {
	width: 50%;
	height: 113px;
	padding: 20px 0 ;
	display: block;
	text-align: center;
	margin: 0 50% 0 0 ;
}
#anniversary-10th #numbers > div:first-of-type > span {
	height: 103px;
}
#anniversary-10th #numbers > div > span img {
	height: 100%;
	width: auto;
}
#anniversary-10th #numbers > div:nth-of-type(2) > span {
	margin: 0 0 0 50%;
}
#anniversary-10th #numbers > div:nth-of-type(3) > span {
	margin: 330px 0 0 5px;
}
#anniversary-10th #numbers > div:nth-of-type(3) > span:first-of-type {
	margin: 330px 5px 0 0;
}
#anniversary-10th #us {
	border-top: #003894 solid 1px;
	text-align: center;
	background: #F6EBDC url('/img/contents/event/en/anniversary/us_bg.png') no-repeat center bottom / contain;
	padding: 50px 5% 48%;
}
#anniversary-10th #us p {
	margin: 0 0 10px;
}
#anniversary-10th #us img {
	max-width: 380px;
}
#anniversary-10th #company {
	background: #eeeeee;
}
#anniversary-10th #company .info {
	padding: 10px 4%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#anniversary-10th #company .address {
	font-size: 13px;
	width: calc(100% - 200px);
	color: #555555;
	line-height: 20px;
}
#anniversary-10th #company .bold {
	font-weight: 600;
}
#anniversary-10th #company .address a {
	color: #4379B1;
}
#anniversary-10th #company .sns {
	width: 188px;
}
#anniversary-10th #company .sns a :hover{
	text-decoration: none;
}
#anniversary-10th #company .sns .title {
	color: #E67007;
  font-size: 12px;
  font-weight: 600;
  position: relative;
  border-bottom: 1px solid #E99144;
  display: inline-block;
}
#anniversary-10th #company .sns .title::before {
  position: absolute;
  top: 100%;
  left: 20%;
  transform: translateX(-50%) skew(-45deg);
  height: 8px;
  width: 10px;
  border-left: 1px solid #E99144;
  background-color: #EEEEEE;
  content: "";
}
#anniversary-10th #company .sns ul {
	display: flex;
  justify-content: flex-start;
  margin: 8px 0 0;
}
#anniversary-10th #company .sns ul li {
	width: 35px;
  margin: 0 7px;
}
#anniversary-10th #company .sns ul li:hover {
	cursor: pointer;
  transition: 0.1s;
}
#anniversary-10th #company .sns img {
	width: 35px;
	height: 35px;
	mix-blend-mode: luminosity;
	border-radius: 10px;
	opacity: 1;
	margin: 0 5px;
}
#anniversary-10th #company .sns img:hover {
	mix-blend-mode: normal;
}
#anniversary-10th #company .foreign-simple-footer p.copyright {
	background: #575757;
	padding: 4px;
}
#anniversary-10th .float-area {
	position: fixed;
	bottom: 40px;
	right: calc(50% + 435px);
	width: 237px;
	z-index: 3;
}
#anniversary-10th .float-area > a {
	display: block;
	padding: 15px 53px 7px;
	border-radius: 30px 30px 0 0;
	background: rgba(255, 255, 255, 0.85);
	border: rgba(0, 56, 148, 0.85) solid 1px;
}
#anniversary-10th .float-area > div {
	border-radius:  0 0 30px 30px;
	background: rgba(0, 56, 148, 0.85);
	border: rgba(0, 56, 148, 0.85) solid 1px;
	padding: 18px 23px 20px;
}
#anniversary-10th .float-area div > a {
	display: block;
	margin-bottom: 9px;
	padding: 0 12px 7px;
	border-bottom: #7FB8F3 1px dashed;
}
#anniversary-10th .float-area div {
	position: relative;
}
#anniversary-10th .float-area li a {
	display: block;
	color: #fff;
	padding: 7px 0 7px 37px;
	font-weight: 600;
	font-size: 15px;
}
#anniversary-10th .float-area li a:hover {
	filter: brightness(0) saturate(100%) invert(86%) sepia(21%) saturate(444%) hue-rotate(4deg) brightness(107%) contrast(101%);
}
#anniversary-10th .float-area li a {
	background: url("/img/contents/event/en/anniversary/float_icon_01.svg") no-repeat 4px center;
	background-size: 24px 24px;
}
#anniversary-10th .float-area li:nth-of-type(2) a {
	background-image: url("/img/contents/event/en/anniversary/float_icon_02.svg");
}
#anniversary-10th .float-area li:nth-of-type(3) a {
	background-image: url("/img/contents/event/en/anniversary/float_icon_03.svg");
}
#anniversary-10th .float-area li:nth-of-type(4) a {
	background-image: url("/img/contents/event/en/anniversary/float_icon_04.svg");
}
@media screen and (max-width: 1300px) {
	#anniversary-10th .inner {
		padding-top: 50px;
	}
	#anniversary-10th .logo {
		display: block;
		position: fixed;
		padding: 7px 16px 6px;
		width: 100%;
		background: #fff;
		z-index: 3;
	}
	#anniversary-10th .logo img {
		width: 93px;
	}
	#anniversary-10th .float-area {
		width: auto;
		bottom: auto;
		top: 0;
		right: 0;
	}
	#anniversary-10th .float-area > a,
	#anniversary-10th .float-area div > a,
	#anniversary-10th .float-area ul a span {
		display: none;
	}
	#anniversary-10th .float-area div {
		background-color: #003894;
		border-radius: 30px 0 0 30px;
		padding: 7px 10px 7px 25px;
	}
	#anniversary-10th .float-area ul {
		display: flex;
		justify-content: center;
		align-items: center;
		border: none;
		width: auto;
		padding: 0;
		margin-top: 0;
	}
	#anniversary-10th .float-area div p {
		position: relative;
		left: auto;
		top:auto;
		margin-right: 2px;
	}
	#anniversary-10th .float-area ul {
		background: none;
		font-size: 0;
	}
	#anniversary-10th .float-area li a {
		background-size: 31px 31px;
		background-position: center;
		padding: 0 3px;
		border: none;
		display: inline-block;
		width: 35px;
		margin: 0 3px;
		height: 32px;
	}
}
/* SP */
@media screen and (max-width: 670px) {
	#anniversary-10th, 
	#anniversary-10th #award > div {
		font-size: 16px;
	}
	#anniversary-10th .inner {
		background-image: url("/img/contents/event/en/anniversary/main_catch_bg.svg");
		background-position: center 2.5%;
		background-size: 600px auto;
		background-repeat: no-repeat;
	}
	#anniversary-10th .mv-area {
		margin: 0 auto;
		padding: 20px 5% 0;
		background:  url("/img/contents/event/en/anniversary/main_img_sp.png") no-repeat center bottom / 118% auto;
	}
	#anniversary-10th .mv-area h2 + p { 
		padding-bottom: 127%;
	}
	#anniversary-10th #award { 
		padding: 0 3%;
	}
	#anniversary-10th #award > div h4 {
		font-size: 22px;
	}
	#anniversary-10th #award > div .period {
		display: inline;
		padding: 5px;
	}
	#anniversary-10th #award > div .period + p {
		margin-top: 20px;
	}
	#anniversary-10th #sneak-peek,
	#anniversary-10th #message,
	#anniversary-10th #numbers {
		margin-top: -80px;
		padding: 110px 2% 0;
	}
	#anniversary-10th #sneak-peek h3, #anniversary-10th #message h3 {
		font-size: 33px;
		line-height: 1.3;
	}
	#anniversary-10th #numbers {
		background: url(/img/contents/event/en/anniversary/numbers_title_bg.svg) no-repeat center -90px / 740px auto, linear-gradient(180deg, #D8F2B6 0%, #FFF6B8 10%, #FFF6B8 100%);
    margin-top: -25px;
    padding: 50px 2% 15px;
	}
	#anniversary-10th #numbers .history {
		padding: 0 3%;
	}
	#anniversary-10th #numbers .history dd:last-of-type {
		margin-bottom: 5px;
	}
	#anniversary-10th #numbers > div,
	#anniversary-10th #numbers > div:nth-of-type(2),
	#anniversary-10th #numbers > div:nth-of-type(3) {
		background-position: center top;
		background-size: 67% auto;
		margin: 10px auto 25px;
		padding: 0 0 25px;
		position: relative;
		max-width: 440px;
		display: block;
	}
	#anniversary-10th #numbers > div:nth-of-type(3) {
		background-size: 100% auto;
	}
	#anniversary-10th #numbers > div:not(:last-of-type):after {
		width: 80%;
		right: 10%;
	}
	#anniversary-10th #numbers > div > span,
	#anniversary-10th #numbers > div:nth-of-type(2) > span,
	#anniversary-10th #numbers > div:nth-of-type(3) > span {
		width: 100%;
		padding: 20px 0 0;
		margin: 0 auto;
		max-height: 90px;
	}
	#anniversary-10th #numbers > div > span:first-of-type {
		padding-top: 76%;
	}
	#anniversary-10th #numbers > div:nth-of-type(2) > span:first-of-type {
		max-height: 88px;
		padding-top: 70%;
	}
	#anniversary-10th #numbers > div:nth-of-type(3) > span:first-of-type{
		padding-top: 62%;
		margin: 0;
		max-height: 98px;
	}
	#anniversary-10th #numbers > div:nth-of-type(3) > span {
		max-height: 100px;
	}
	#anniversary-10th #numbers .note {
		display: block;
	}
	#anniversary-10th #us {
		padding-top: 30px;
	}
	#anniversary-10th #company .info{
		display: block;
	}
	#anniversary-10th #company .sns,
	#anniversary-10th #company .address{
		width: 100%;
		font-size: 12px;
	}
	#anniversary-10th #company .sns ul {
		justify-content: center;
	}
}
/* 取引企業一覧 AWARD */
.sdaward-info {
	max-width: 1000px;
}
.sdaward-info .sdaward-info-logo {
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	background: #FF6F01;
	width: 200px;
	padding: 0 25px 0 8px;
}
.sdaward-info .sdaward-info-logo img {
	height: auto;
	width: 200px;
}
.sdaward-form {
	background: #f7f7f7;
	text-align: center;
	padding: 4px 8px 9px;
}
.sdaward-info-button {
  border: none;
  font-size: 13px;
  color: #fff;
  cursor: pointer;
  position: relative;
  background: url(/img/contents/event/sd_award/2025/icon.svg) calc(50% - 61px) 6px no-repeat, #FF6F01;
  padding: 5px 18px 6px 31px;
  border-radius: 26px;
  width: 100%;
	max-width: 190px;
}
.sdaward-info-button::before {
  content: "";
  margin: auto;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  width: 5px;
  height: 5px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}
.sdaward-info-button:hover {
  background-color: #ed6802;
}
/* 企業商品一覧 AWARD */
.sdaward-bar .sdaward-bar-box {
	background-color: #FFF9C7;
}
.sdaward-bar .sdaward-bar-tooltip {
	background-color: #F5F5F5;
	line-height: 1.5;
}
.sdaward-bar .main-visual {
	background: url(/img/contents/event/sd_award/2025international/dealerinfo_bg.png) no-repeat center center/ 100% auto , url(/img/contents/event/sd_award/2025international/bg_pattern.png) repeat left top, #F5F5F5;
	padding: 15px;
	text-align: center;
}
.sdaward-bar .main-visual .title {
	max-width: 220px;
}
.sdaward-bar .main-visual .text .sub-catch {
	display: inline-block;
	color: #fff;
	font-weight: 600;
	position: relative;
	margin: 8px 25px 10px 0;
	font-size: 15px;
	padding: 1px 20px 0 33px;
}
.sdaward-bar.cn .main-visual .text .sub-catch {
	padding: 0 20px 1px 30px;
}
.sdaward-bar .main-visual .text .sub-catch::before, 
.sdaward-bar .main-visual .text .sub-catch::after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  border-color:  #4A4A4A transparent #4A4A4A #4A4A4A;
  border-style: solid;
	border-width: 13px 10px 13px 137px;
	left: 4px;
	top: -1px;
	z-index: 0;
}
.sdaward-bar .main-visual .text .sub-catch::after {
	border-width: 12px 10px 12px 135px;
	border-color: #FF6F01 transparent #FF6F01 #FF6F01;
	left: 5px;
	top: 0;
}
.sdaward-bar.cn .main-visual .text .sub-catch::before, 
.sdaward-bar.cn .main-visual .text .sub-catch::after {
	border-width: 13px 10px 13px 147px;
}
.sdaward-bar.cn .main-visual .text .sub-catch::after {
	border-width: 12px 10px 12px 145px;
}
.sdaward-bar .main-visual .text .sub-catch span {
	display: inline-block;
	position: relative;
	z-index: 2;
}
.sdaward-bar .main-visual .text .cont .co-b { color: #FF6F01; }
.sdaward-bar .main-visual .text .cont .font-big { font-size: 18px; }
.sdaward-bar .sdaward-button {
	background: url(/img/contents/event/sd_award/2025/icon.svg) left 13px top calc(50% - 1px) no-repeat , #FF6F01;
}
.sdaward-bar .sdaward-button:hover { background-color: #ed6802; }

/* PC/TAB */
@media screen and (min-width: 671px) {
	.sdaward-bar .sdaward-bar-tooltip {
		width: 460px;
	}
}
/* SP */
@media screen and (max-width: 670px) {
	.sdaward-bar .sdaward-bar-box {
		max-width: calc(300px - 4%);
	}
	.sdaward-bar .sdaward-bar-tooltip {
		width: 320px;
		left: calc(50% - 160px);
	}
	.sdaward-bar .main-visual {
		background-size: auto 100% ,10px 11px;
	}
}
/* fumi投票フォーム AWARD */
.sd-award-form .main-visual {
	background: url(/img/contents/event/sd_award/2025international/form_bg_pc.svg) no-repeat center center/ auto 100%, url(/img/contents/event/sd_award/2025international/bg_pattern.png) repeat left top, #F5F5F5;
	text-align: center;
}
.sd-award-form .main-visual .title {
	width: 319px;
	margin-right: 35px;
}
.sd-award-form .main-visual .text .sub-catch {
	display: inline-block;
	color: #fff;
	font-weight: 600;
	position: relative;
	margin-right: 25px;
	font-size: 17px;
	padding: 1px 20px 0 35px;
}
.sd-award-form .main-visual .text .sub-catch::before, 
.sd-award-form .main-visual .text .sub-catch::after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  border-color:  #4A4A4A transparent #4A4A4A #4A4A4A;
  border-style: solid;
	border-width: 13px 10px 13px 167.5px;
	left: -6px;
	top: -1px;
	z-index: 0;
}
.sd-award-form .main-visual .text .sub-catch::after {
	border-width: 12px 10px 12px 165px;
	border-color: #FF6F01 transparent #FF6F01 #FF6F01;
	left: -5px;
	top: 0;
}
.sd-award-form .main-visual .text .sub-catch span {
	display: inline-block;
	position: relative;
	z-index: 2;
}
.sd-award-form .main-visual .text .cont .co-b { color: #FF6F01; }
.sd-award-form .main-visual .text .cont .font-big { font-size: 20px; }
.sd-award-form .main-visual .text .date {
	font-size: 15px;
}
.sd-award-form .vote .vote-dealername { color: #FF6F01; }
/* TABLET/SP */
@media screen and (max-width: 940px) {
	.sd-award-form .main-visual {
		flex-wrap: wrap;
		background: url(/img/contents/event/sd_award/2025international/form_bg_sp.svg) no-repeat center top / auto 100%, url(/img/contents/event/sd_award/2025international/bg_pattern.png) repeat left top, #F5F5F5;
		padding: 0;
	}
	.sd-award-form .main-visual .title {
		max-width: 207px;
		margin-right: 0;
	}
	.sd-award-form .main-visual .title,
	.sd-award-form .main-visual .text {
		width: 100%;
		margin-top: 15px;
	}
	.sd-award-form .main-visual .text {
		margin-bottom: 15px;
	}
	.sd-award-form .main-visual .text .date { font-size: 12px; }
}
/* SP */
@media screen and (max-width: 670px) {
	.sd-award-form .main-visual .title {
		margin-bottom: 0;
	}
	.sd-award-form .main-visual .text .cont {
		margin: 6px auto;
	}
}