@charset "Shift_JIS";

/* 
20150424_S.Kawashima 20141229 
	-- ファイル分割 style.css --
*/

/******************************
▼▼▼以下、編集可能▼▼▼
******************************/

#wrapper {
	margin: 0;
	padding: 0;
	max-width: 100%;
}


/* 全体 */


html, body {
	font-size: 12px;
	color: var(--main-font-color);
	background-color: #fff;
}

sup{
	font-size: .4em;
	vertical-align: super;
}
font {
    display: inline;
    vertical-align: initial!important;
}
a:hover > img { opacity:0.5; }


/* header */
	header {
		margin : 0 auto;
		overflow : hidden;
		margin-bottom:5px;
	}
	#HeaderLabel {
		position:fixed;
		left:0;
		right:0;
		width:100%;
		background-color:var(--mainthema-background-color);
		z-index:500;
		padding : 0 10px;
		white-space: nowrap;
		color: var(--mainthema-font-color);
	}
	#HeaderLabel a {
		color : var(--mainthema-link-color);
	}
	#HeaderLabel a:hover {
		color : var(--mainthema-link-hovercolor);
	}
	#HeaderLabel svg {
		fill: var(--mainthema-link-color);
	}
	#HeaderLabel a:hover svg {
		fill: var(--mainthema-link-hovercolor);
	}
	#HeaderLabel .label_txt_1 {
		text-align:left;
	}
	#HeaderLabel .label_txt_1 > span {
		display:inline-block;
		width:100%;
	}
	#HeaderLabel .label_txt_2 {
		text-align:right;
	}
	#HeaderLabel .label_txt_3 {
		text-align: right;
		padding-right:5px;
	}
	#HeaderLabel .label_txt_3 span {
		display : inline-block;
	}
	#HeaderLabel .label_txt_3 span:nth-child(2) {
		margin : 0 5px;
	}
	#HeaderLabel .label_icon_1 {
		border-radius:50%;
	}
	#HeaderLabel .label_txt_3 > span {
		margin: 0 5px;
		white-space: nowrap;
		overflow: hidden;
		display: inline-block;
		max-width:150px;
		text-overflow: ellipsis;
		-webkit-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		margin:2px;
		vertical-align:middle;
	}
	#HeaderLabel .label_txt_3 a {
		float: right;
		padding: 0 25px 0 5px;
		position: relative;
	}
	#HeaderLabel .label_txt_3 a > svg {
		width:36px;
		height:36px;
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	#HeaderLabel ul{
		width: 100%;
		display: table;
		table-layout: auto;
		margin: 0 auto;
	}

	#HeaderLabel ul li{
		display:none;
		width:auto;
		vertical-align:middle;
		padding : 5px 0;
	}
	#HeaderLabel ul li > a {
		position:relative;
		color: var(--mainthema-link-color);
	}
	#HeaderLabel ul li > a >span.num_icon{
		position: absolute;
		background-color: #f00;
		width: 20px;
		line-height: 20px;
		text-align: center;
		border-radius: 50%;
		right: -3px;
		top: -3px;
	}
	#spMainMenuBoxBtn {
		height:40px;
		position:relative;
	}
	#spMainMenuBoxBtn:before,
	#spMainMenuBoxBtn:after,
	#spMainMenuBoxBtn > span{
		content:"";
		display:block;
		background-color: #fff;
		width: 80%;
		height: 3px;
		display: block;
		border-radius: 4px;
		position: absolute;
		top: 0px;
		left: 0;
		right: 0;
		bottom: auto;
		margin: auto;
		opacity:1;
		transition: all, 0.4s, linear;
		-webkit-transition: all 0.4s linear;
		-moz-transition: all 0.4s linear;
		-o-transition: all 0.4s linear;
		-ms-transition: all 0.4s linear;
	}
	#spMainMenuBoxBtn:before {
		transform: translateY(4px) rotate(0deg);
	}
	#spMainMenuBoxBtn span {
		color: #fff;
		transform: translateY(12px) rotate(0deg);
	}
	#spMainMenuBoxBtn:after {
		transform: translateY(20px) rotate(0deg);
	}
	#spMainMenuBoxBtn p {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		text-align: center;
		font-weight: bold;
		color: #fff;
		line-height: 12px;
		font-size: 12px;
	}
	#spMainMenuBoxBtn.spmenu_on > span {
		opacity:0;
	}
	#spMainMenuBoxBtn.spmenu_on:before {
		transform: translateY(12px) rotate(45deg);
	}
	#spMainMenuBoxBtn.spmenu_on:after {
		transform: translateY(12px) rotate(-45deg);
	}
	#spMainMenuBox {
		display:none;
		width:100%;
		top:-100%;
		left:0;
		right:0;
		z-index:400;
		background-color:#fff;
		position:absolute;
		box-shadow: 0px 5px 5px #000;
		box-shadow: 0px 5px 5px rgba(0,0,0,0.8);
	}
	#spMainMenuBox .container{
		display:none;
		padding:0;
	}
	#spMainMenuBox ul{
		font-size: 18px;
		width: 100%;
		background-color:#fff;
		overflow:hidden;
   	}
	#spMainMenuBox ul li{
		vertical-align: middle;
		border-bottom: 1px solid #eee;
	}
	#spMainMenuBox ul a {
		position :relative;
		display: block;
		padding: 15px 20px;
		text-decoration:none;
		transition: all 0.2s linear;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		font-weight:bold;
	}
	#spMainMenuBox ul a::after {
		content: "";
		display: block;
		width: 10px;
		height: 10px;
		border-right: 2px solid var(--mainthema-background-color);
		border-top: 2px solid var(--mainthema-background-color);
		transform: rotate(45deg);
		position: absolute;
		right: 10px;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	#spMainMenuBox ul li.active > a {
		background-color: #4682b4;
		padding-left:30px;
		color: #fff;
		font-weight:bold;
	}
	#spMainMenuBox ul li.active > a:after {
		transform: rotate(-135deg);
		right: auto;
		left: 10px;
		border-color:#fff;
	}
	#spMainMenuBox ul li.inactive {
		display : none!important;
	}

	#spMainMenuBox ul li.active > .container{
		display: block;
	}
	#spMainMenuBox ul .num_icon{
		position: absolute;
		top: 0;
		bottom: 0;
		right: 30px;
		left: auto;
		margin: auto;
		color: #fff;
		background-color: #f00;
		height: 25px;
		line-height: 25px;
    		width: 25px;
		text-align: center;
		border-radius: 50%;
	}

	#spMainMenuBox .spmenu_status {
		font-size: 12px;
		padding: 20px 10px;
		border-bottom:1px solid #eee;
	}
	#spMainMenuBox .spmenu_status > a {
		text-decoration: underline;
	}
	#HeaderNavi {
		margin-top:26px;
		overflow : hidden /* 子要素のmargin-topが親要素と重ならないようにするため。 */
	}
@media screen and (max-width: 768px){
	#HeaderLabel {
		padding : 0;
	}
	#HeaderLabel .tablet_menu {
		display: table-cell;
	}
	#HeaderLabel .label_icon_1 a {
		/* border-radius: 50%; */
		overflow: hidden;
		border: none;
	}
	#HeaderLabel .label_txt_3 a {
		padding: 0;
		width: 40px;
		height: 40px
	}
	#HeaderLabel ul li {
		padding : 5px;
	}
	#HeaderLabel ul li > a{
		display: block;
/*		border: 2px solid #fff; */
		border-radius: 5px;
		text-align: center;
	}
	#HeaderNavi {
		margin-top:50px;
	}
/*
	#wrapper {
		margin-top: 50px;
	}
*/
}
@media screen and (min-width: 769px){
	#HeaderLabel .pc_menu {
		display: table-cell;
	}
	#spMainMenuBox {
		display : none!important;
	}
}


/* CateFreeMenu */

#CateFreeMenu {
	margin: 10px auto;
	padding: 0 10px;
}


/* MainWrap */

#MainWrap {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	clear: both;
}

ul.category_list_menu {
	border: 1px solid #ccc;
	border-top: none;
}

/* footer */

footer a:link {
	color: #fff;
}

footer a:visited {
	color: #fff;
}

footer a:active {
	color: #fff;
}

footer a:hover {
	color: #FF8C00;
}

footer {
	clear: both;
	background-color: var(--mainthema-background-color);
	color: #fff;
}

#foot_inner {
	margin-left: auto;
	margin-right: auto;
	clear: both;
}


select {
	background-color: #eee;
	background: -ms-linear-gradient(top, #f9f9f9, #ccc);
	background: -moz-linear-gradient(top, #f9f9f9 0%, #ccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#ccc));
	background: linear-gradient(to bottom, #f9f9f9, #ccc);
	border-radius: 4px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	border: 1px solid #aaa;
	padding: 0 .5em;
}
input,
select {
	height: 40px;
	line-height: 1em;
}
input:hover,
select:hover{
	border-color: var(--mainthema-background-color)!important;
}
input{ padding:8px; }


/* 基板となるsection記事 */
/*
section > header,
#MainContents > header,
main > header,
nav > header {
*/
#MainWrap header {
	margin: 0;
	background-color: var(--mainthema-background-color);
	border: 1px solid var(--mainthema-background-color);
	color:var(--mainthema-font-color);
	line-height: 25px;
	text-align: center;
	font-weight: bold;
}
#MainWrap header {
    color: var(--mainthema-font-color);
}
#MainWrap header a{
	color: var(--mainthema-link-color)
}
#MainWrap header a:hover{
	color: var(--mainthema-link-hovercolor)
}
nav > header ~ ul {
	border:1px solid #ccc;
	border-top:none;
}

section > article,
main > article {
	border: 1px solid #ccc;
	padding: 10px;
	overflow: hidden;
}

section > header ~ article,
main > header ~ article {
	border-top: none;
}

/*
main header,main header * {
	color:var(--thema-font-color);
}
*/

/* セクションタイトル */

.sec_tit {
	background-color: #e9e9e9;
	border-bottom: 1px solid #ccc;
	line-height: 2;
	text-align: center;
	width: 100%;
}


/* リスト横並びClass */

ul.Side-by-side li {
	float: left;
	padding-right: 5px;
}

dl.Side-by-side dt,
dl.Side-by-side dd {
	float: left;
	padding-right: 5px;
}

dl.Side-by-side dt {
	clear: left;
}


/* ul・dlタイプ別(クラスで指定可能) */


/*
  クラス：disc_type   ディスク「・」付与
  クラス：square_type スクエア「■」付与
*/

dl.dd-disc_type,
dl.dd-square_type,
dl.dt-disc_type,
dl.dt-square_type,
ul.disc_type,
ul.square_type {
	margin-left: 0.5em;
}

dl.dd-disc_type > dd,
dl.dd-square_type > dd,
dl.dt-disc_type > dt,
dl.dt-square_type > dt,
ul.disc_type > li,
ul.square_type > li {
	padding-left: 1em;
}

dl.dd-disc_type > dd:before,
dl.dt-disc_type > dt:before,
ul.disc_type > li:before {
	content: "・";
	margin-left: -1em;
}

dl.dd-square_type > dd:before,
dl.dt-square_type > dt:before,
ul.square_type > li:before {
	content: "■";
	margin-left: -1em;
}

dl.dt-disc_type > dd,
dl.dt-square_type > dd {
	padding-left: 2em;
}


/* tableタイプ別(クラスで指定可能) */


/* クラス：cell_type_1 カラム1 */

table.cell_type_1 td,
table.cell_type_1 th {
	vertical-align: middle;
}

table.cell_type_2 td,
table.cell_type_2 th {
	vertical-align: bottom;
}

table.t_type_1 td {
	border: 1px dotted #999;
	display: block;
	padding: 10px;
	width: 100%;
}

table.t_type_1 th {
	display: block;
	width: 100%;
}


/**====================
///// Wrap ItemViewType /////
====================**/

.viewcolumn_2 #SideMenuWrap_2 {
	float: inherit;
	margin:0;
	width: 25%;
	padding: 0 4px 0 0;
	clear: left;
}

.viewcolumn_2 #SideMenuWrap_1 {
	width: 25%;
}

.viewcolumn_2 #MainContents {
	width: 75%;
	margin-left: 25%;
}


/******************/

.viewcolumn_1 #SideMenuWrap_2 {
	width: 100%;
	float: none;
}

.viewcolumn_1 #SideMenuWrap_1 {
	display: none;
}

.viewcolumn_1 #SideMenuWrap_2 {
	display: none;
}

.viewcolumn_1 #MainContents {
	width: 100%;
	margin-left:0;
	margin-right:0;
	float:none;
}


/**====================
///// iframe用 /////
====================**/

.iframe-wrap {
	width: 100%;
	padding: 75% 0 0 0;
	position: relative;
}

.iframe-wrap > iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 0;
}


/**====================
///// ヘッダー /////
====================**/


/*
	.top .card_mark {
			display          : block !important;
	}
	.card_mark img {
			display          : block;
	}
	.card_mark span {
			display          : none;
	}
*/

ul.breadcrumb {
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
}
.breadcrumb > li {
	float: left;
}

.breadcrumb > li:not(:nth-child(1)):before {
	content: "≫";
	display: inline;
	margin: 0 10px;
}

div.head_breadcrumb {
	padding: 0 10px;
	line-height: 25px;
	margin-bottom: 7px;
}


/**====================
///// 品番検索窓 /////
====================**/


/**** =背景＆アイコン= ****/


/*
		#SearchTop input.SearchForm			{ background-image:url("./img/search_bk.png");
										  background-position-x:98%; }
*/


/**** =余白= ****/


/*
		#SearchTop 						{ margin-top    : 4px;
										  padding       : 5px 10px; }
		#SearchTop .SearchForm,
		#SearchTop .SearchTitle 		{ margin-right  : 5px; }
		#SearchTop .search_button 		{ padding       : 0; }
		#SearchTop select 				{ margin        : 0;
										  padding       : 0; }
*/


/**** =幅・高さ= ****/


/*
		#SearchTop 						{ width         : 100%; }
		#SearchTop .search_button 		{ width         : 60px; }
		#SearchTop input 				{ max-width     : 120px;
										  width         : 40%; }
		#SearchTop .SearchForm			{ line-height   : 1em; 
										  height        : 25px; }
		#SearchTop .SearchTitle			{ line-height   : 25px; }
		#SearchTop .search_button 		{ line-height   : 21px;
										  height        : auto; }
*/


/**** =文字関連= ****/


/*
		#SearchTop .SearchTitle			{ font-weight   :bold; }
		#SearchTop						{ font-size     :13px; }
*/


/**** =フロート関連= ****/


/*
		#SearchTop .SearchForm 			{ float         : left; }
		#SearchTop .SearchTitle 		{ float         : left; }
*/


/**** =その他= ****/


/*
		#SearchTop .SearchForm 			{ display       : block; }
		#SearchTop .SearchTitle 		{ display       : block; }
*/


/**====================
///// サイドメニュー /////
====================**/


/* 左サイドメニュー */

#SideMenuWrap_1 {
	margin-bottom: 10px;
	padding-right: 4px;
}

#SideMenuWrap_1 > section,
#SideMenuWrap_1 > nav {
	margin-bottom: 5px;
}


/* 右サイドメニュー */

#SideMenuWrap_2 {
	margin-bottom: 10px;
	padding-left: 4px;
}

#SideMenuWrap_2 section {
	margin-bottom: 5px;
}


/* クラス：CateMenu */

.CateMenu a {
	/*
		background-image    : url(../img/mark01.gif);
		background-position : left center;
		background-repeat   : no-repeat;
*/
	padding-left: 12px;
	position: relative;
}

.CateMenu li > ul > li > * > a:before {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	background-repeat: no-repeat;
	background-position: -40px -220px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.CateMenu li > ul > li:last-child > * > a:before {
	background-position: -60px -220px;
}
.CateMenu li.items_total {
	text-align: right;
	margin-top: 5px;
	line-height: 30px;
	border: none;
}
ul.category_list_menu ul {
	padding-left: 1em;
}


/* クラス：CateMenu > ul */

ul.category_list_menu {
	padding: 5px;
}

.MenuTitle * {
	font-weight: bold;
}

.MenuTitle {
/*	border: 1px solid #ccc;	*/
	padding: 0 10px;
/*	text-align: left;	*/
	width: 100%;
	margin-bottom: 0;
}

.MenuTitle a {
	padding-left: 0;
	color:#fff;
}


/* クラス：SideMenu */

.SideMenu a {
	display: block;
	line-height: 25px;
}


.SideMenu a h1,
.SideMenu a h2,
.SideMenu a h3,
.SideMenu a h4,
.SideMenu a h5 {
	-o-text-overflow: ellipsis;
	/*		display             : block; */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}


/**====================
///// メイン /////
====================**/

#CateFreeComent {
	margin:20px 0;
}

#ItemYahoo{
	clear: both;
	margin: 10px;
}
#ItemExplanation {
	clear: both;
/*
	margin-bottom: 10px;
	padding-top: 10px;
*/
	margin:10px;
}

#ItemPlan {
	color: #f00;
	line-height: 2em;
	text-align: left;
}

#ItemSubmit {
	clear: right;
	float: right;
	margin: 20px 0;
	text-align: center;
	width: 100%;
}

#ItemSubmit > a {
	font-size: 20px;
}

#SubmitMsg {
	word-break: break-word;
	text-align: left;
/*	border: 3px solid #2d8fdd;
	border-radius: 5px;
	padding: 15px 10px;	*/
	font-size: 1.1em;
	position: relative;
	margin-bottom: 20px;
}
#SubmitMsgTitle{
	line-height: 18px;
	font-weight: bold;
	color: #2d8fdd;
	position: absolute;
	display: block;
	left: 10px;
	top: -11px;
	background-color: #fff;
	padding: 0 5px;
	font-size: 1.4em;
}

#ItemMsg,
.ItemLinkName {
	margin: 5px 0;
}

#ItemSubmit .stock {
	display: inline;
	padding: 0 10px;
}

#ItemTani {
	line-height: 2em;
	text-align: left;
}

#ItemView {
	border: none;
	margin: 0;
	position: relative;
}

#ItemView .fixedjq_WhiteSpace_div {
	-moz-transition-property: all;
	-ms-transition-property: all;
	-o-transition-property: all;
	-webkit-transition-property: all;
	transition-property: all;
}

#ItemViewImgWrap {
	float: left;
	text-align: center;
	width: 45%;
	margin-bottom: 10px;
}

#MainContents {
	border: none;
	margin-bottom: 10px;
}

#MainContents > section {
	margin-bottom: 5px;
}

#MainWrap .next_btn_wp {
	font-size: 25px;
	margin: 100px auto 100px auto;
	clear: both;
}
#MainWrap .cancel_btn_wp {
	font-size: 18px;
	margin: 40px auto 40px auto;
	clear: both;
}
/*
#MainWrap .next_btn_wp a,
#MainWrap .next_btn_wp button {
	width:100%;
	padding: 10px 30px;
	min-width: 260px;
}
*/
#MainWrap .next_btn_wp.double_btn {
	min-width: 600px;
}

#MainWrap .next_btn_wp.double_btn a {
	min-width: 49%;
}

#MainWrap .next_btn_wp.double_btn a:first-child {
	float: left;
}

#MainWrap .next_btn_wp.double_btn a:nth-child(2) {
	float: right;
}

/*商品マーク*/
.item_zaikostyle_mark_01{
	display: inline-block;
	background-color: #fff;
	border: 2px solid #fff;
	border-radius: 5px;
	padding: 3px;
	font-weight: bold;
}
.item_zaikostyle_mark_01.mark_01{
	border-color: cornflowerblue;
	color: #fff;
	background: cornflowerblue;
}
.item_zaikostyle_mark_01.mark_02 {
	border-color: purple;
	background: purple;
	color: #fff;
}
.item_zaikostyle_mark_01.mark_03{
	color: #fff;
	border-color: hotpink;
	background-color: hotpink;
}
.item_zaikostyle_mark_01.mark_05{
	border-color: sienna;
	color: #fff;
	background: sienna;
}
.item_zaikostyle_mark_01.mark_06 {
	color: #fff;
	border-color: blueviolet;
	background: blueviolet;
}
.item_zaikostyle_mark_01.mark_07 {
	border-color: coral;
	color: #fff;
	background: coral;
}
.item_zaikostyle_mark_01.mark_00{
	border: none;
	color: #f00;
}
.ItemData_dl {
	display: inline-block;
	font-size: 80%;
}
.ItemData_dl dd{
	margin-left:5px;
}
.ItemData_dl dd,
.ItemList .ItemThumbnail,
.Item_dl dd,
.kakaku_dl dd {
	float: left;
}

.ItemData_dl dt,
.Item_dl dt,
.kakaku_dl dt {
	clear: both;
	float: left;
	overflow: hidden;
	/* white-space: nowrap; */
}

.ItemList .zaiko_msg {
	margin-top:5px;
}
.ItemList .zaiko_msg .item_zaikostyle_mark_01 {
	margin-right:5px;
}

.ItemList .zaiko_msg > em {
	color:#f00;
}
.ItemHead {
	font-size: 12px;
	margin-bottom: 10px;
}

.ItemInformation > dd:last-child a,
.page_now,
dd.price2_msg {
	font-weight: bold;
}

.ItemList .ItemThumbnail + div {
	overflow: hidden;
}

.ItemList .ItemThumbnail a {
	display: block;
	float: left;
}

.ItemList .ItemThumbnail a img {
	display: block;
	margin: 0 auto;
/*	
	max-height: 100px;
	max-width: 100px;
*/
	height: 100px;
	width: 100px;
}

.ItemList .ItemThumbnail a:hover img {
	opacity: 0.8;
}

.ItemList > ul > li.active,
.ItemList > ul > li:hover {
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}

.Item_dl:not(.ItemOption) {
	float: right;
	width: 55%;
}

.Item_dl:not(.ItemOption) > dt {
	font-weight: bold;
	width: 20%;
	padding: 5px 0;
}

.Item_dl:not(.ItemOption) > dt + dd {
	padding: 5px 0 5px 10px;
	width: 80%;
}
/*
.Item_dl div {
	display: inline;
}
*/
.Item_dl .optthumb{
	margin-bottom:5px;
	display:inline-block;
	cursor:pointer;
}
.Item_dl .optthumb img{
	display:inline-block;;
	width:auto;
	max-width:100%;
	max-height:75px;
	border: 2px solid #2d8fdd;
	transition-property: max-height;
	box-sizing: border-box;
	vertical-align:top;
}
.Item_dl .optthumb .optthumb_txt{
	display:inline-block;
	margin-left:10px;
	vertical-align:top;
}
.Item_dl .optthumb.optthumb_view img{
	max-height:2000px;
}
.Item_dl .optthumb.optthumb_view .optthumb_txt{
	margin: 10px 0 5px 0;
}

.Item_dl input,
.Item_dl select {
	height: 2em;
	width: 100%;
}

.Item_dl.ItemInformation {
	margin-bottom: 5px;
	margin-top: 10px;
}

.Item_dl:after,
.kakaku_dl:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

.Item_dl.ItemInformation.item_mark:before {
	content: attr(data-item_mark);
	display: inline-block;
	border: 2px solid #f00;
	color: #f00;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 6px;
	vertical-align: middle;
	float: left;
}

.SortSelect {
    margin: 20px 0;
}
/* ページ送り番号 */
.PageLink {
	display: flex;
	margin: 20px auto;
	border-spacing: 5px 0;
	justify-content: space-between;
	max-width: 450px;
}
.PageLink label {
	float:left;
}
.PageLink a {
	text-decoration-color: var(--mainthema-link-color);
	color : var(--mainthema-link-color);
}
.PageLink a:hover {
	text-decoration-color: var(--mainthema-link-hovercolor);
	color : var(--mainthema-link-hovercolor);
}
.PageLink .page_number span {
	display: block;
	padding: 0 12px;
	line-height: 40px;
	border: 1px solid #000;
	margin: 0 5px;
	text-align:center;
}
.PageLink a.page_number span {
	background-color: var(--mainthema-background-color);
}
.PageLink .page_next,
.PageLink .page_prev {
	width: 80px;
}
.PageLink .page_prev span{
	margin-left:0;
	margin-right:5px;
	padding:0;
}
.PageLink .page_next span{
	margin-right:0;
	margin-left:5px;
	padding:0;
}

.PageLink .page_next > span:after {
	content: ">>";
}

.PageLink .page_prev > span:before {
	content: "<<";
}
@media screen and (max-width: 768px) {
	.PageLink {
		font-size:15px;
	}
	.PageLink .page_now span{
		margin: 0 20px;
		padding: 0 20px;
	}
	.PageLink a.page_number {
		display:none;
	}
	.PageLink a.page_prev,
	.PageLink a.page_next {
		display:table-cell;
	}
}
.SortMenu {
	background-color: #fafafa;
	border-bottom: 1px solid #ccc;
	padding: 2px 5px;
}

.SortMenu dd,
.SortMenu dt {
	float: left;
	margin-left: 5px;
}

.SortMenu dl {
	float: right;
}

.SortMenu dl dd:last-child span:after {
	content: "]";
}

.SortMenu dl dd:nth-child(2) span:before {
	content: "[";
}

.color-variation_link {
	font-weight: bold;
	line-height: 2em;
}

.item_tani {
	display: inline-block;
	font-size: .8em;
	line-height: 2em;
	text-indent: .5em;
}

.kakaku_dl {
	display: inline-block;
	margin: 0 auto;
	white-space: nowrap;
}

.kakaku_dl dt:after {
	content: ":";
}

.net_msg,
.price2_msg {
	color: #f00;
}

.receive_payment {
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: .1em;
	line-height: 2.5em;
}

.receive_payment:after {
	content: "≫";
}

.receive_payment:before {
	content: "≪";
}

.zaiko_info {
	text-align: left;
}

.zaiko_info > a {
	background-image: url(./img/information.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

.zaiko_info a {
	color: #f00;
	padding: 0;
}

.Item_dl dt .optthumb:hover {
	position: relative;
}


/* 旧 */


/*	.Item_dl div:hover img {
		width                       : auto!important;
		position                    : absolute;
		bottom                      : 0;
		left                        : 0;
		right                       : 0;
		margin                      : 0 auto;
		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7), 0 0 20px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7), 0 0 20px rgba(0, 0, 0, 0.3);
		-o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7), 0 0 20px rgba(0, 0, 0, 0.3);
		-ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7), 0 0 20px rgba(0, 0, 0, 0.3);
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7), 0 0 20px rgba(0, 0, 0, 0.3);
	}	*/


/* 新 */

.Item_dl dt .optthumb {
	display: inline-block;
	width: 50px;
	margin-right: 10px;
	vertical-align: middle;
/*	position: relative; */
	float:left;
	transition: .3s width;
	cursor:pointer;
}
.Item_dl dt .optthumb.optthumb_view {
	display:block;
	float:inherit;
	width:100%;
}


.Item_dl dt .optthumb img {
/*	max-width: 300px;
	max-height: 300px;	*/
	vertical-align: middle;
	margin-left: 10px;
}
/*
.Item_dl dt .optthumb:hover img {
	width: auto!important;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7), 0 0 20px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7), 0 0 20px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7), 0 0 20px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7), 0 0 20px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7), 0 0 20px rgba(0, 0, 0, 0.3);
	z-index: 1000;
}
*/
#ItemView .dragandrophandler {
	position: relative;
	display: block;
	border: 2px dotted #0B85A1;
	width: 100%;
	color: #92AAB0;
	margin-bottom: 10px;
	font-size: 200%;
	cursor: pointer;
}

#ItemView .dragandrophandler span {
	display: block;
	width: 100%;
	text-align: center;
	padding: 30px 0;
	font-size: 15px;
}

#dragandrophandler_INPUT {
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	left: 0;
	top: 0;
	z-index: 5;
	cursor: pointer;
	font-size: 300px\9;
	/* IE10以下 */
}

#ItemView .dragandrophandler div {
	display: block;
}

#ItemView .progressBar {
	display: block;
	border: 1px solid #ddd;
	border-radius: 5px;
	overflow: hidden;
	margin: 0px 10px 0px 5px;
	vertical-align: middle;
}

#ItemView .progressBar div {
	/*    height: 100%;*/
	color: #fff;
	text-align: right;
	/*    line-height: 22px;*/
	/* same as #progressBar height if we want text middle aligned */
	padding: 4px 15px;
	width: 0;
	background-color: #0ba1b5;
	border-radius: 3px;
}

#ItemView .statusbar {
	display: table;
	border-top: 1px solid #A9CCD1;
	min-height: 25px;
	width: 100%;
	padding: 10px 10px 10px 10px;
}

#ItemView .statusbar > div:first-child {
	display: table-cell;
	width: 60%;
	vertical-align: middle;
}

#ItemView .statusbar > div:first-child:after {
	content: "";
	clear: both;
	display: block;
}

#ItemView .statusbar > div:nth-child(2) {
	display: table-cell;
}

#ItemView .statusbar:nth-child(odd) {
	background: #EBEFF0;
}

#ItemView .filename {
	display: block;
	float: left;
	width: 75%;
	vertical-align: middle;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#ItemView .filesize {
	display: block;
	float: right;
	width: 90px;
	color: #30693D;
	margin-left: 10px;
	margin-right: 5px;
	vertical-align: middle;
}

#ItemView .abort {
	display: block;
	float: right;
	background-color: #A8352F;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	padding: 4px 15px;
	cursor: pointer;
	vertical-align: middle;
	border: 1px solid #ddd;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	#dragandrophandler_INPUT:not(:target) {
		font-size: 300px;
		;
		/* IE10 IE11に適用） */
	}
}

@media screen and (max-width: 768px) {
	#ItemView .statusbar > div {
		display: block!important;
		width: auto!important;
	}
	#ItemView .statusbar {
		display: block;
	}
	#ItemView .filename {
		display: block;
		width: auto;
		float: left;
		max-width: 100%;
	}
	#ItemView .filesize {
		display: block;
		width: auto;
		float: right;
	}
	#ItemView .progressBar {
		margin: 0;
	}
	#ItemView .progressBar div {
		width: 100%;
	}
	/*	#ItemView .abort { display:block;width:auto;float:right;margin-top:10px; } */
	#ItemView .statusbar:after {
		content: "";
		display: block;
		clear: both;
	}
}

/**====================
///// 商品陳列タイプ別css /////
====================**/
.ItemList {
	clear:both;
/*	padding-top:10px; */
	margin-top:0;
}
.ItemList .ColumnType > li {
	border-radius: 4px;
	float: left;
	line-height: 1.2em;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 5px;
	text-align: center;
	width: 32%;
}

.ItemList .ColumnType > li:nth-child(3n + 1) {
	clear: both;
}

.ItemList .ColumnType > li:nth-child(3n + 2) {
	margin-left: 2%;
}

.ItemList .ColumnType > li:nth-child(3n + 3) {
	float: right;
}

.ItemList .SingleType .ItemThumbnail a {
	padding: 10px 20px 10px 10px;
}

.ItemList .SingleType > li {
	border: 1px solid #ccc;
	border-radius: 10px;
	margin-bottom: 10px;
/*	margin-top: 10px;	*/
	padding: 5px;
}

.ItemList .itemlist_delete_form {
	color: #fff;
	font-size: 15px;
	max-width: 700px;
	top: 50px;
	width: 100%;
}

.ItemList .itemlist_delete_form .btn,
.ItemList .itemlist_delete_form form > p {
	text-align: center;
}

.ItemList .itemlist_delete_form .btn > a {
	border: 1px solid #fff;
	display: inline-block;
	line-height: 30px;
	margin: 10px;
	width: 100px;
}

.ItemList .itemlist_delete_form article {
	border: none;
	border-radius: 5px;
	box-shadow: 0 0 10px #fff;
	margin-bottom: 20px;
	padding: 10px;
}

.ItemList > ul > li {
	position: relative;
}

.ItemList a.delete_btn {
	background-color: rgba(256, 256, 256, 0.5);
	display: block;
	font-weight: bold;
	left: 5px;
	position: absolute;
	top: 5px;
}

/*
.ItemList p.new_mark:before {
	background-image: url("upfile/fix/mark30x30.png");
	background-position: 0px -30px;
	content: "新商品";
	display: inline-block;
	height: 18px;
	position: absolute;
	right: 10px;
	text-indent: -9999px;
	top: 10px;
	width: 25px;
}
*/
.ItemLinkName.item_mark:before {
	content: attr(data-item_mark);
	position: absolute;
	right: 10px;
	top: 10px;
	border: 2px solid #f00;
	color: #f00;
	font-weight: bold;
	padding: 2px;
}

.ItemList p.new_pic_mark:after,
.ItemList p.pic_mark:after {
	background-image: url("upfile/fix/mark30x30.png");
	background-position: 0px 0px;
	content: "おすすめ商品";
	display: inline-block;
	height: 18px;
	position: absolute;
	right: 10px;
	text-indent: -9999px;
	top: 10px;
	width: 30px;
}

.ItemList p.new_pic_mark:before {
	background-image: url("upfile/fix/mark30x30.png");
	background-position: 0px -30px;
	content: "新商品";
	display: inline-block;
	height: 18px;
	position: absolute;
	right: 10px;
	right: 50px;
	text-indent: -9999px;
	top: 10px;
	width: 25px;
}

.ItemList .ItemType {
	border: 2px solid var(--mainthema-background-color);
	border-width: 2px 10px;
	position: relative;
	margin: 5px 0;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 0;
	text-align: center;
	color: var(--mainthema-background-color);
	background: #fff;
	text-shadow: 1px 1px 0 #fff, 2px 2px 0 #999;
	background-image: -webkit-gradient(linear, left top, right bottom, from( rgba(255, 255, 255, 0.0)), color-stop(0.4, rgba(255, 255, 255, 0.0)), color-stop(0.4, rgba(0, 0, 0, 0.1)), color-stop(0.6, rgba(0, 0, 0, 0.1)), color-stop(0.6, rgba(255, 255, 255, 0.0)), to( rgba(255, 255, 255, 0.0)) );
	background-image: -webkit-linear-gradient(top -45deg, transparent 40%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.1) 60%, transparent 60% );
	background-image: -moz-linear-gradient(top -45deg, transparent 40%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.1) 60%, transparent 60% );
	background-image: -o-linear-gradient(top -45deg, transparent 40%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.1) 60%, transparent 60% );
	background-image: linear-gradient(to bottom -45deg, transparent 40%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.1) 60%, transparent 60% );
	background-size: 4px 4px;
	text-decoration:none;
}
.ItemList .ItemType > span {
	display : inline-block;
}

@media screen and (max-width: 768px) {
	.ItemList .ItemType {
		font-size : 14px;
	}
}

/**====================
///// NewsLog /////
====================**/

#NewsLog dl dt {
	float: left;
	width: 90px;
	clear: left;
}

#NewsLog dl dd {
	padding: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#NewsLog dl dd * {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/**====================
///// 商品画像itemview /////
====================**/

.ItemImg > a {
	display: block;
	margin-right: 20px;
}

#ItemView .thumb_pic {
	max-width: 35px;
	max-height: 35px;
}
.Item_dl.ItemOption {
	padding-top:20px;
}
.ItemOption dt{
	font-size: 1.2em;
	font-weight: bold;
}
.ItemOption dt.dticon:before{
	content: "\f14b";
	display:inline-block;
	font-family: "Font Awesome 5 Free";
	margin-right:5px;
	font-size:20px;
	text-align:center;
	vertical-align:middle;
}
.ItemOption dt small {
	min-width: 110px;
	color: #f00;
	font-size: 10px;
	float: right;
	text-align: right;
	flex-grow: 1;
}
.ItemOption dd {
	padding : 0;
}
.ItemOption dd:not(:last-child):after {
	content: "";
	display: block;
	margin: 20px auto;
	width: 90%;
	border-width: 0 0 2px 0;
	border-style: solid;
}
.ItemOption dd .required_alert{
	display: block;
	color: #f00;
	font-weight: bold;
}
.ItemOption dd .opt_checkboxText{
	padding-top: 15px;
	padding-bottom: 15px;
	margin-left: 20px;
}
.ItemOption dd .opt_checkbox{
	display:block;
	border:4px double var(--mainthema-background-color);
	padding:10px;
	margin-top:5px;
}

.ItemOption dt {
	color: var(--mainthema-background-color);
	background-color: rgba(var(--mainthema-background-rgb), 0.2);
	border-left: var(--mainthema-background-color);
	margin-bottom:5px;
	display: -moz-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	/* align-items: center; */
	/* height: 40px; */
    padding : 5px;
}
.ItemOption dt:first-child {
    margin-top: 50px;
}

/**====================
///// SizeList(プロパー) /////
====================**/
/*
#SizeList .ItemOption dt {
	margin-top: 10px;
	background: linear-gradient(transparent 60%, #d6e1ff 40%);
}
*/
#SizeList .ItemOption dt:nth-child(1) {
	margin: 0;
}
#SizeList .ItemOption dd {
	padding: 5px 10px 5px 10px;
}
#SizeList .ItemOption dd a {
	margin: 0;
}
#SizeList .ItemOption .square_cell{
	display:inline-block;
	margin-right: 2em;
}
#SizeList .ItemOption .square_cell label {
	display:inline-block;
}
#SizeList .ItemOption .square_cell input[type="text"]{
	width:50px;
	text-align:right;
}
#SizeList .ItemOption .square_cell input[type="text"] + span {
	margin-left:.5em;
}
#SizeList .Itemsubmit-btn {
	background:to(#2E8B57);
	border:2px solid seagreen!important;
	border-radius:5px;
	box-shadow:4px 4px 4px rgba(0, 0, 0, 0.3);
	color:#fff;
	display:block;
	font-size:16px;
	font-weight:700;
	margin:20px 0;
	padding:10px;
	text-align:center;
	text-shadow:1px 1px #000;
	width:100%;
}

#SizeList .Itemsubmit-btn>span,#SizeList .submit-scroll>span {
	display:block;
	position:relative;
	width:100%;
}

#SizeList .Itemsubmit-btn>span:before {
	bottom:0;
	left:-246px;
	right:0;
	top:0;
}

#SizeList .Itemsubmit-btn>span:before,#SizeList .submit-scroll>span:before {
	background:url("/img/menu_icon.svg") no-repeat 0 -160px !important;
	content:"";
	display:block;
	height:40px;
	margin:auto;
	position:absolute;
	width:40px;
}

#SizeList .submit-scroll {
	-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.7), 0 0 20px rgba(0, 0, 0, 0.3);
	-ms-box-shadow:0 1px 1px rgba(0, 0, 0, 0.7), 0 0 20px rgba(0, 0, 0, 0.3);
	-o-box-shadow:0 1px 1px rgba(0, 0, 0, 0.7), 0 0 20px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.7), 0 0 20px rgba(0, 0, 0, 0.3);
	background-color:#2E8B57;
	border:2px solid seagreen !important;
	border-radius:5px;
	bottom:135px;
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.7), 0 0 20px rgba(0, 0, 0, 0.3);
	color:#fff;
	display:block;
	font-size:15px;
	font-weight:700;
	padding:5px;
	position:fixed;
	right:20px;
	text-align:center;
	text-shadow:1px 1px #000;
	width:80px;
	z-index:200;
}

#SizeList .submit-scroll>span {
	height:80px;
}

#SizeList .submit-scroll>span:before {
	bottom:0;
	left:0;
	right:0;
}

#SizeList>ul {
	display:table;
	table-layout:fixed;
	width:100%;
}

#SizeList>ul.table-title>li {
	border-top:1px solid #ccc;
	font-weight:700;
	text-align:center;
	font-size: 1.2em;
}

#SizeList>ul>li {
	display:table-cell;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:10px;
	vertical-align:middle;
}

#SizeList>ul>li:nth-child(1) {
	border-left:1px solid #ccc;
}

#SizeList>ul>li:nth-child(1)>.zaiko {
	display:none;
}

#SizeList>ul>li:nth-child(2) {
	text-align:center;
	vertical-align:middle;
	width:120px;
}
#SizeList>ul>li:nth-child(2) p {
	margin:5px 0;
}

#SizeList>ul>li:last-child {
	width:100px;
	text-align: center;
}

#SizeList>ul>li:last-child a.kazu_down {
	background:var(--mainthema-background-color);
	border-radius:5px;
	display:block;
	height:25px;
	margin-top:10px;
	position:relative;
	width:100%;
}

#SizeList>ul>li:last-child a.kazu_down:after {
	background:url("/img/menu_icon.svg") no-repeat -140px -240px;
	bottom:0;
	content:"";
	display:block;
	height:16px;
	left:0;
	margin:auto;
	position:absolute;
	right:0;
	top:0;
	width:16px;
}

#SizeList>ul>li:last-child a.kazu_up {
	background:var(--mainthema-background-color);
	border-radius:5px;
	display:block;
	height:25px;
	margin-bottom:10px;
	position:relative;
	width:100%;
}

#SizeList>ul>li:last-child a.kazu_up:after {
	background:url("/img/menu_icon.svg") no-repeat -140px -280px;
	bottom:0;
	content:"";
	display:block;
	height:16px;
	left:0;
	margin:auto;
	position:absolute;
	right:0;
	top:0;
	width:16px;
}

#SizeList .item_stock_notification_btn{
	display:block;
	border:1px solid darkblue;
	margin:10px 0;
	padding:3px;
}
#SizeList .item_stock_notification_btn:hover{
	background-color:darkblue;
	color:#fff;
}


#SizeList>ul>li>input {
	text-align:center;
}
#SizeList select {
	width:100%;
}

#SizeList .sizeList_itemname.item_mark:before {
	content: attr(data-item_mark);
	display:inline-block;;
	border: 2px solid #f00;
	color: #f00;
	font-weight: bold;
	padding: 3px;
	margin-bottom: 6px;
}
#SizeList .sizelist_zaiko_table{
	table-layout:fixed;
	width:100%;
}
#SizeList .sizelist_zaiko_table th{
	border:1px solid #999;
	background-color:#ccc;
	font-weight:bold;
	text-align:center;
	line-height:2em;;
}
#SizeList .sizelist_zaiko_table td{
	border:1px solid #ccc;
	background-color:#fff;
	width:60px;
	vertical-align:middle;
}

@media screen and (max-width: 768px) {
	#SizeList .submit-scroll,#SizeList>ul>li:nth-child(2) {
		display:none;
	}
	#SizeList>ul>li:nth-child(1)>.zaiko {
		display:block;
		margin-top: 15px;
	}
	#SizeList>ul>li:nth-child(1)>.zaiko>.zaiko_shop,
	#SizeList>ul>li:nth-child(1)>.zaiko>.zaiko_tonya,
	#SizeList>ul>li:nth-child(1)>.zaiko>.zaiko_maker {
		display:inline-block;
		margin-right:1em;
	}

}

dl.matrix_dl dt{
	border-left:5px solid #ccc;
	padding-left:5px;
	font-weight:bold;
}
dl.matrix_dl dd{
	margin-left:20px;
}
dl.matrix_dl dt.strong,
dl.matrix_dl dt.strong + dd {
	color:#f00;
}

/**====================
///// view_modeType1 /////
====================**/


/* 仮としてサンプル画像を消してます。 */

.view_modeType1 #ItemPlan {
	background: -moz-linear-gradient(top, #fff 0%, #ddd);
	background: -ms-linear-gradient(top, #fff, #ddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
	background: linear-gradient(to bottom, #fff, #ddd);
	background-color: #ddd;
	border: 1px solid #999;
	border-radius: 4px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	float: none;
	line-height: 40px;
	text-indent: 10px;
	width: 100%;
}

.view_modeType1 #ItemSubmit,
.view_modeType1 .Item_dl{
	float: none;
	width: 100%;
}

.view_modeType1 #ItemViewImgWrap {
	float: none;
	margin: 0 auto;
	width: 100%;
}

.view_modeType1 #SubmitButton1 {
	width: 100%;
}

.view_modeType1 {
	margin: 10px 0!important;
}

.view_modeType1 .ItemImg .main_pic,
.view_modeType1 .ItemOption input[type="text"] {
	max-width: 100%;
}

.view_modeType1 .Item_dl.ItemOption dd,
.view_modeType1 .Item_dl.ItemOption dt{
	float: none;
	width: 100%;
	overflow: visible;
	/* オプションサムネポップアップ用 */
}

.view_modeType1 .Item_dl > dd {
	width: 80%;
}

.view_modeType1 .Item_dl > dt {
	width: 20%;
}

.view_modeType1 .Item_dl input,
.view_modeType1 .Item_dl select{
	height: 40px;
}

.view_modeType1 #ItemMsg {
	margin:40px 0 0 0;
}


/**====================
///// view_modeType2 /////
====================**/


/* 仮としてサンプル画像を消してます。 */

.view_modeType2 {
	margin: 20px 0!important;
}

.view_modeType2 #ItemViewImgWrap {
	float: none;
	margin: 0 auto;
	width: 100%
}

.view_modeType2 #ItemSubmit,
.view_modeType2 #ItemPlan {
	float: none;
	width: 100%;
}

.view_modeType2 #ItemPlan {
	background-color: #ddd;
	background: -ms-linear-gradient(top, #fff, #ddd);
	background: -moz-linear-gradient(top, #fff 0%, #ddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
	background: linear-gradient(to bottom, #fff, #ddd);
	border-radius: 4px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	line-height: 40px;
	text-indent: 10px;
	border: 1px solid #999;
}

.view_modeType2 .Item_dl > dt {
	width: 20%;
}

.view_modeType2 .Item_dl > dd {
	width: 80%;
}

.view_modeType2 .ItemOption dt,
.view_modeType2 .ItemOption dd {
	float: none;
	width: 100%;
	padding-left: 0;
}

.view_modeType2 .ItemOption input[type="text"] {
	max-width: 100%;
}

.view_modeType2 .Item_dl {
	float: none;
	width: 100%;
}

.view_modeType2 .Item_dl input,
.view_modeType2 .Item_dl select {
	height: 40px;
}

.view_modeType2 #SubmitButton1 {
	width: 100%;
}

.view_modeType2 .ItemImg .main_pic {
	max-width: 100%;
}

/**====================
///// view_modeType4 /////
====================**/
.view_modeType4 .Item_dl {
	float: none;
	width: 100%;
}
.view_modeType4 dl.Item_dl.ItemOption{
	margin:0 0 20px 0;
}
.view_modeType4 .Item_dl.ItemOption dd,
.view_modeType4 .Item_dl.ItemOption dt {
	float: none;
	width: 100%;
	overflow: visible;
}
/*
.view_modeType4 .Item_dl.ItemOption dd {
	padding:5px 0;
}
*/
.view_modeType4 .Item_dl input,
.view_modeType4 .Item_dl select {
	display:block;
	height: 40px;
}
.view_modeType4 #ItemViewImgWrap{
	width:50%;
}
.view_modeType4 #ItemViewDataWrap {
	width:50%;
	float:right;
/*	height:600px;
	overflow-y:scroll; */
}
@media screen and (max-width: 768px) {
	.view_modeType4 .Item_dl.ItemOption dd {
		border-bottom:2px solid #ccc;
		padding-bottom: 22px;
	}
	.view_modeType4 .Item_dl dt .optthumb {
		display: block;
		float: inherit;
		width: 100%;
	}
	.view_modeType4 #ItemImg {
		width:100%!important;
		position:inherit!important;
	}
}


/**====================
///// input_dl /////
====================**/
.confirm_dl {
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: 0 0 4px #ccc;
	width: 100%;
}
.confirm_dl dt{
	margin:10px 10px 0 10px;
	padding-left:5px;
	border-width:0;
	border-left: 5px solid #ccc;
	font-weight:bold;
}
.confirm_dl dd {
	border-bottom: 1px solid #ccc;
	margin: 0 10px 10px 10px;
	padding: 5px 5px 5px 30px;
}

.confirm_dl dd:last-child {
	border: none;
}

.input_dl {
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: 0 0 4px #ccc;
	padding: 10px 15px;
	width: 100%;
}

.input_dl dd {
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
	padding: 5px;
	width: 100%;
}

.input_dl dd:last-child {
	border: none;
}

.input_dl dt label {
	display: table-cell;
	float: left;
	font-weight: bold;
	margin-right: 20px;
}

.input_dl dt p {
	display: table-cell;
	font-size: 11px;
}

.input_dl dt.required label:after {
	color: #f00;
	content: "※必須";
	margin-left: 10px;
}

.input_dl input {
	font-size: 18px;
	margin-bottom: 10px;
	padding: 8px 8px 8px 4px;
}

.input_dl input ~ p {
	-moz-transition-duration: 0.5s;
	-moz-transition-property: all;
	-ms-transition-duration: 0.5s;
	-ms-transition-property: all;
	-o-transition-duration: 0.5s;
	-o-transition-property: all;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-property: all;
	border: 1px solid #f00;
	clear: both;
	display: block;
	height: 0;
	margin-top: 0;
	overflow: hidden;
	padding: 0 5px 0 3.5em;
	text-align: left;
	text-indent: -3em;
	transition-duration: 0.5s;
	transition-property: all;
	visibility: hidden;
}

.input_dl input ~ p:before {
	content: "注意：";
	display: inline;
	margin-top: 10px;
}

.input_dl input ~ span,
.input_dl > dd > span:first-child {
	display: block;
	float: left;
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

.input_dl input:focus ~ p {
	color: #f00;
	height: 5.5em;
	margin-bottom: 10px;
	padding: 5px 5px 5px 3.5em;
	visibility: visible;
}

.input_dl input[type="checkbox"] + label {
	margin-bottom: 10px;
}

.input_dl label {
	display: inline;
}

.input_dl select {
	border: 1px solid #999;
	display: block;
	float: left;
	font-size: 18px;
	height: 40px;
	margin-bottom: 10px;
}

.input_dl span.alphabet {
	font-weight: normal;
	margin: 0 10px;
}

.input_dl textarea {
	box-sizing: border-box;
	clear: both;
	display: block;
	margin-bottom: 10px;
	padding: 5px;
	resize: vertical;
}

.input_dl.input_check #pMemName > span {
	font-size: 15px;
	padding-left: 5px;
}

.input_dl.input_check #pMemPw {
	color: #f00;
	font-size: 12px;
}

.input_dl.input_check > dd > p {
	font-size: 15px;
	padding: 5px 10px;
	word-break: break-all;
}

.input_dl.input_check > dt {
	border-bottom: 1px dotted #ccc;
	border-top: 1px solid #ccc;
	padding: 5px 0;
}

.input_dl.input_check > dt > a {
	display: block;
	float: right;
	padding: 0 10px;
}

.input_dl.input_check > dt > label {
	color: #999;
	display: block;
	float: left;
}

.input_dl.input_check > dt:first-child {
	border-top-width: 0px;
}

a.mail_bak {
	float: right;
	margin-top: 20px;
	width: 120px;
}

dl.sign_dl_1 {
	float: left;
	width: 49%;
}

dl.sign_dl_1 dd,
dl.sign_dl_2 dd {
	border: none;
	margin: 0;
	padding: 5px;
}


/*
	dl.sign_dl_2 {
		float                       : right;
		width                       : 49%;
	}
*/

dl.sign_dl_2 {
	width: 100%;
}


/**====================
///// input_ul (cart) /////
====================**/

.input_section{
	margin: 0 auto;
	margin-bottom: 10px;
}
.input_section > header {
	color: #0b2265;
	font-size: 15px;
	background: none;
	border-width: 1px 0;
	padding: 20px 0;
}
.input_section > article {
    border: none;
    padding: 0;
}

.input_ul {
/*
	border: none;
	box-shadow: none;
	padding: 0;
	width: 100%;
*/
	border: none;
	box-shadow: none;
	padding: 0;
}

.input_ul input {
	font-size: 18px;
	padding: 8px 8px 8px 4px;
	box-sizing: border-box;
}

.input_ul input + p {
	-moz-transition-duration: 0.5s;
	-moz-transition-property: all;
	-ms-transition-duration: 0.5s;
	-ms-transition-property: all;
	-o-transition-duration: 0.5s;
	-o-transition-property: all;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-property: all;
	border: 1px solid #f00;
	clear: both;
	display: block;
	height: 0;
	margin-top: 0;
	overflow: hidden;
	padding: 0 5px 0 3.5em;
	text-align: left;
	text-indent: -3em;
	transition-duration: 0.5s;
	transition-property: all;
	visibility: hidden;
}

.input_ul input ~ p:before {
	content: "注意：";
	display: inline;
	margin-top: 10px;
}

.input_ul input:focus ~ p {
	color: #f00;
	height: 5.5em;
	margin-bottom: 10px;
	padding: 5px 5px 5px 3.5em;
	visibility: visible;
}

.input_ul input[type="checkbox"] + label {
	margin: 10px;
}

.input_ul label {
	display: inline;
}

.input_ul > li {
	padding: 5px;
}

.input_ul select {
	border: 1px solid #999;
	display: block;
/*	float: left;	*/
	font-size: 18px;
	height: 40px;
/*	margin-bottom: 10px; */
	padding:0 10px;
}

.input_ul > li {
/*	border-bottom: 1px solid #ccc;	*/
	border-bottom: 1px solid var(--mainthema-background-color);
	padding: 0 5px;
	overflow:hidden;
}

.input_ul li:last-child {
	border: none;
}

.input_ul li.required label > span:first-child:after {
	content: "※必須";
	color: #f00;
	margin-left: 10px;
}

.input_ul > li > label > input ~ span {
	float: left;
	line-height: 38px;
	margin: 0 10px;
}

.input_ul > li > label > input[name="zip1"],
.input_ul > li > label > input[name="zip2"] {
	float: left;
	width: 100px;
}

.input_ul.ForeignCountries > li > label > input[name="zip2"],
.input_ul.ForeignCountries > li > label > input[name="zip1"] ~ span,
.input_ul.ForeignCountries > li > label > a.addsearch_btn {
	display: none
}

.input_ul.ForeignCountries > li > label > input[name="zip1"] {
	width: 200px;
}


/* new input ul style */

.input_ul li .input_title ~ label .input_title:before {
	content: ""!important;
}

.input_ul li .input_title {
	width: 250px;
	line-height: 1.5em;
	margin : 10px 0;
	display: block;
	float:left;
	font-weight: bold;
	vertical-align:top;
}
.input_ul li .input_title span {
	font-weight:normal;
	display:block;
}
.input_ul li .input_title span:first-child {
	font-weight:bold;
}
.input_ul li .input_title span:nth-child(2) {
	font-size: 0.8em;
}
/*
.input_ul li .input_title span:first-child:after {
	content: "【任意】";
	color: #00f;
}
*/

.input_ul li.required .input_title span:first-child:after {
	content: "【必須】";
	color: #f00;
}
/*
.input_ul.foreign li .input_title span:first-child:after {
	content: "【Any】";
	color: #00f;
}
*/
.input_ul.foreign li.required .input_title: span:first-child:after {
	content: "【Required】";
	color: #f00;
}

.input_ul .input_content {
	display: block;
	margin: 10px 0 10px 250px;
	vertical-align:top;
	overflow:hidden;
}
.input_ul .input_content ~ .input_content {
	margin-top:10px;
}

.input_ul .input_content span {
	line-height: 36px;
	padding: 0 5px;
}

.input_ul .input_content > span ~ input[type="text"],
.input_ul .input_content > span ~ input[type="number"] {
	display: block;
	float: left;
	width: 4em;
}

.input_ul .input_content > span ~ select {
	display: block;
	float: left;
	width: 3em;
}

.input_ul .input_content dt{
	margin: 15px 0 0 0;
	border-left: 6px solid var(--mainthema-background-color);
	padding: 0 5px;
	border-bottom: 1px solid var(--mainthema-background-color);
	display:inline-block;
	min-width:300px;
}
.input_ul .input_content dt:first-child{
	margin-top:0;
}
.input_ul .input_content dt ~ dd {
	margin-top: 10px;
}
.input_ul .input_content em {
	color:#f00;
	font-weight:bold;
}
.input_ul .input_content li:last-child {
	margin-bottom:0;
}
.input_ul .input_content .questionnaire_list > li {
/*	float:left;	*/
}
#ShipTypeUL, #ReportUL {
	overflow:hidden;
	margin-bottom:10px;
}
#ShipTypeUL li, #ReportUL li {
	float:left;
}


#ReportUL + p {
	font-weight:bold;
	color:#f00;
	margin-left:6px;
}

.input_ul .input_zip input {
	float: left;
	width: 3em;
}
.input_ul .input_zip .zip_format {
  float: left;
  width: 8em;
}

.input_ul .input_zip span + input {
	width: 4em;
}

.input_ul .input_name input[type="text"],
.input_ul .input_tel input[type="tel"] {
    width: 250px;
}
.input_ul .input_tel span {
	padding-left: 0;
	color: #999;
	display: inline-block;
	float: none;
	box-sizing: border-box;
}

.input_ul .input_tel > span.CountryTelLandLine,
.input_ul .input_tel > span.CountryTelMobile {
	width: 100px;
}

.input_ul .input_tel > span + p {
	display: table-cell;
}

.ForeignCountries .input_ul .input_zip input {
	width: 100%;
}


.input_ul a.password_eye {
	display: block;
	float: right;
	margin:10px 0;
}
.input_ul .input_content.date {
  font-size: 15px;
}

.input_ul .input_content.date input,
.input_ul .input_content.date .submit_button,
.input_ul .input_content.date select {
  display: inline-block;
  margin: 0 5px;
}

.input_ul .input_content.date .submit_button{
  font-size:initial;
}
.input_ul .input_content.date select{
	text-align:right;
}
.input_ul .input_content.date select:first-child {
  margin-left:0;
}

.input_ul .input_content .mailcheck_btn {
/*	width:150px;	*/
	width:180px;
	margin:10px 0 0;
}
/*
.input_ul .input_content .change_button {
	display:inline-block;
	margin : 10px 10px 0 10px;
	border: 4px double var(--main-link-color);
	color: var(--main-link-color);
	background: none;
	padding: 10px;
	cursor: pointer;
	font-weight: bold;
}
.input_ul .input_content .change_button:hover {
	color:var(--main-link-hovercolor);
	border-color:var(--main-link-hovercolor);
}
*/
.input_ul .input_content .change_button {
	max-width:200px;
	font-weight:bold;
	margin-top:10px;
}


/**====================
///// infoボタン /////
====================**/

.info_btn {
	display: -webkit-flex;
	display: flex;
	width: 100%;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.info_btn a {
	background-color: var(--mainthema-background-color);
	border-radius: 5px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
	color: #fff;
	display: block;;
	font-weight: bold;
	position: relative;
	text-indent: 0px;
	text-shadow: 1px 1px 1px #000;
	width: 100%;
	text-align: left;
	font-size: 16px;
	text-align: center;
	text-decoration:none;
	white-space: nowrap;
	overflow: hidden;
	line-height: 40px;
}

.info_btn .favo_btn a:before,
.info_btn .zaiko_btn a:before {
	background-image: url("/img/menu_icon.svg");
	background-position: -48px 0;
	/*		bottom              : 0;	*/
	content: "";
	/*		display             : block;	*/
	display: inline-block;
	height: 24px;
	/*		left                : 40px;	*/
	/*		margin              : auto;	*/
	/*		position            : absolute;	*/
	/*		top                 : 0;	*/
	width: 24px;
	margin: 0 5px;
	vertical-align: middle;
}

.info_btn > * {
	display: block;
	width: 49%;
	margin: 0 0 20px 0;
}

.info_btn .favo_btn a:before {
	background-position: -48px -320px;
}

.info_btn .favo_btn a.favo_hit {
	color: yellow;
}

.info_btn .favo_btn a.favo_hit:before {
	background-position: -72px -320px;
}

.info_btn .zaiko_btn a:before {
	background-position: -96px -320px;
}


/**====================
///// 会員情報編集 /////
====================**/

#MemberCheck {
	margin-bottom: 5px;
}

.member_edit {
	width: 100%;
	max-width: 600px;
}

.member_edit > .auto-openBox-contents {
	position: relative;
	padding: 35px 10px 10px 10px;
}

.member_edit .input_dl {
	color: #fff;
}

.member_edit .input_dl a {
	color: #FF8C00;
}

.member_edit .input_dl a:hover {
	color: #fff;
}

.member_edit #MemName_text {
	width: 100%;
}

.member_edit #MemFurigan_text {
	width: 100%;
}

.member_edit .check_alert {
	line-height: 20px;
	color: #ff0;
	text-align: center;
	margin-top: 20px;
}

.member_edit #MemAddrChe {
	color: #fff;
	text-decoration: underline;
	float: right;
	display: block;
}

.member_edit .input_del {
	float: right;
}

.modification {
	/*margin                 : 20px 0 10px;*/
	color: #f00;
	text-align: center;
}

.message {
	/*margin                 : 20px 0 10px;*/
	color: #f00;
	text-align: center;
}

.message > p {
	margin-bottom: 10px;
}

#MemberCheck .del_btn {
	float: right;
	clear: both;
	padding: 10px;
}

#DelMember form > p {
	border: 1px solid #ccc;
	padding: 10px;
	width: 100%;
	box-shadow: 0 0 4px #ccc;
	border-radius: 5px;
	box-sizing: border-box;
}

#DelMember form > div {
	text-align: right;
	margin: 10px 0;
}

#DelMember form > div > label {
	display: inline;
}

#DelMember form > a {
	margin: 10px 0;
}


/**====================
///// 会員情報編集2 /////
====================**/
.mypage_subtitle {
	text-align: center;
	font-weight: bold;
	font-size: 15px;
}

#MyPage .editmsg {
	color: #0B2265;
	font-size: 15px;
	font-weight: bold;
	margin: 10px;
	overflow: hidden;
	text-align: center;
}

#MyPage .editmsg > p {
	margin-bottom: 10px;
}

#MyPage .editmsg > p.err {
	color: #f00;
}

#MyPage .editmsg > a.editnext {
	padding: 5px 25px;
	float: right;
	display: block;
}

#MyPage .editmsg > a.editprev {
	padding: 5px 25px;
	float: left;
	display: block;
}

#MyPage .errmsg2,
#MyPage .mypage_contents .submit_btn a ~ input[type="submit"] {
/*	display: none;	*/
}

#MyPage .mypage_contents {
	float: right;
	width: 69%;
}
/*
#MyPage .mypage_contents .input_ul .input_content {
	display: block;
	float: right;
	padding: 0;
	width: 55%;
}
#MyPage .mypage_contents .input_ul .input_content.mem_sex label {
    display: inline-block;
}

#MyPage .mypage_contents .input_ul .input_content input,
.input_ul .input_content select {
	margin: 0;
}

*/
/*
	#MyPage .mypage_contents .input_ul .input_content.birthday {
		width            : 100%;
	}
*/


/*
	#MyPage .mypage_contents .input_ul .input_title {
		display          : block;
		float            : left;
		line-height      : 40px;
		margin           : 0;
		padding          : 0;
		width            : 44%;
		font-size        : 12px;
		font-weight      : bold;
	}
*/
/*
#MyPage .mypage_contents .input_ul > li {
	margin: 0 10px;
	padding: 10px;
	overflow: hidden;
}

#MyPage .mypage_contents .input_ul > li > label {
	margin-bottom: 10px;
}

#MyPage .mypage_contents .input_ul > li > label:last-child {
	margin-bottom: 0;
}

#MyPage .mypage_contents .input_ul .input_title ~ label .input_title {
	text-align: right;
	font-weight: normal;
}
*/
#MyPage .mypage_contents .submit_btn > a {
	padding: 10px;
	/*		width            : 300px;	*/
}

#MyPage .mypage_contents .submit_btn a > span {
	font-size: 20px;
}

#MyPage .mypage_menu {
	background-color: rgba(var(--mainthema-background-rgb),0.2);
	float: left;
	width: 29%;
}

#MyPage .mypage_menu .menu_title {
	border-bottom: 1px solid var(--mainthema-background-color);
	border-top: 1px solid #fff;
}

#MyPage .mypage_menu .menu_title p {
	position: relative;
	/*		text-indent      : 1em; */
}

#MyPage .mypage_menu .menu_title p > a {
	display: block;
	font-size: 15px;
	/*		line-height      : 50px; */
	padding: 8px 0;
	text-align: center;
}

#MyPage .mypage_menu .menu_title p > a > span {
	display: block;
	font-size: 12px;
	color: var(--mainthema-background-color);
}

#MyPage .mypage_menu .menu_title p > a > .alert_icon {
	border-radius: 50%;
	bottom: 0;
	color: #f00;
	display: block;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	margin: auto;
	padding: 0;
	position: absolute;
	right: 10px;
	text-align: center;
	text-indent: 0;
	top: 0;
	vertical-align: middle;
}

#MyPage .mypage_menu .menu_title p > a > .alert_icon:before {
	content: "";
	position: absolute;
	background-image: url("/img/menu_icon.svg");
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	display: block;
	top: 0;
	bottom: 0;
	left: -20px;
	margin: auto 0;
	-webkit-animation: blink 1.5s ease-in-out infinite alternate;
	-moz-animation: blink 1.5s ease-in-out infinite alternate;
	animation: blink 1.5s ease-in-out infinite alternate;
}

#MyPage .mypage_menu .menu_title p > a > .err_cnt:before {
	background-position: -20px -280px;
}

#MyPage .mypage_menu .menu_title p > a > .new_msg:before {
	background-position: 0px -300px;
}

#MyPage .mypage_menu .menu_title p > a:hover {
	background-color: rgba(var(--mainthema-background-rgb),0.2);
	text-decoration: none;
	color:var(--main-link-color)
}


/*
	#MyPage .input_ul .input_content > span {
		float            : left;
		line-height      : 40px;
		padding          : 0 10px;
	}
	#MyPage .input_ul .input_content > span ~ input[type="text"],
	#MyPage .input_ul .input_content > span ~ input[type="number"] {
		display          : block;
		float            : left;
		width            : 4em;
	}
	.input_ul .input_content.zip input {
		float            : left;
		width            : 3em;
	}
	.input_ul .input_content.zip span + input: {
		width            : 4em;
	}
*/

/*
#MyPage .input_ul .input_content.zip input:last-child {
	width: 4em;
}
*/

/* 以前の必須文字を消す用 */
/*
#MyPage .input_ul li label > span:after {
	content: ""!important;
	display: none!important;
}
*/
/*
#MyPage .input_ul.foreign .input_content.zip input {
	float: none;
	width: 100%;
}
*/

/* マイページトップ */

#MyPageNotice > p,
.mypageItemList > p:first-child {
	/*	#MyPageNotice > p,
	#MyPageFavoItems > p:first-child,
	#MyPageBuyHistory > p:first-child { */
	font-size: 15px;
	font-weight: bold;
	border-left: 10px solid var(--mainthema-background-color);
	text-indent: 10px;
	background-color: rgba(var(--mainthema-background-rgb),0.1);
	line-height: 2em;
	margin-bottom: 10px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}

#MyPageNotice .u_notice .u_notice-head {
	display: inline-block;
	padding: 3px 0;
}

#MyPageNotice .u_notice .u_notice-head.important_notice {
	color: #f00;
}

.MODEmypage #MyPageNotice,
.MODEmypage .mypageItemList {
	padding: 10px;
	border: 1px solid #ccc;
	margin-bottom: 20px;
}

.mypage_top #MyPageNotice .u_notice .u_notice-head > p:first-child {
	width: 150px;
	float: left;
	position: relative;
}

.mypage_top #MyPageNotice .u_notice .u_notice-head > p:nth-child(2) {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	display: block;
	text-decoration: underline;
}

#MyPage .noitem_msg{
	color: #f00;
	font-size: 15px;
	font-weight: bold;
	margin: 20px;
	text-align: center;
}

@media screen and (max-width: 768px) {
	#MyPage .mypage_menu {
		float: none;
		width: 100%;
	}
	#MyPage .mypage_contents {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	#MyPage .mypage_contents .submit_btn > a {
		width: 100%;
	}
/*
	#MyPage .mypage_contents .input_ul .input_title {
		width: 100%;
	}
	#MyPage .input_ul {
		padding: 0;
	}
	#MyPage .input_ul .input_content > span {
		padding: 0 2px;
	}
	#MyPage .mypage_contents .input_ul .input_content {
		width: 100%;
	}
	#MyPage .mypage_menu .menu_title.menu- p > a {
		background-color: inherit;
	}
*/
	.input_ul li .input_title {
		float:inherit;
		width : 100%;
		border-bottom: 1px dashed var(--mainthema-background-color);
		padding: 10px 0 20px 0;
	}
	.input_ul li .input_content {
		margin: 20px 0 20px 0;
		border-left: 6px solid var(--mainthema-background-color);
		padding-left: 20px;
	}
	#ShipTypeUL li, #ReportUL li {
		float:inherit;
	}
}


/**====================
///// フッター /////
====================**/

footer dl dt {
	display: none;
}


/**** =背景＆アイコン= ****/


/**** =余白= ****/

footer {
	padding: 20px 0 120px;
}

footer dl {
	margin: 0 auto 10px;
/*	display: inline-block;	*/
	display : table;
}

footer dl dd a,
footer dl dt {
	padding: 0 5px;
	padding: 0 5px;
}


/**** =ボーダー= ****/


/**** =幅・高さ= ****/

footer dl dd a,
footer dl dt {
	line-height: 2em;
}


/**** =文字関連= ****/

footer {
	text-align: center;
}

footer dl dt,
footer dl dt a {
	font-weight: bold;
}

.copyright {
	text-align: center;
}


/**** =フロート関連= ****/

footer dl dd,
footer dl dt {
	float: left;
}


/**** =追加文字= ****/

footer dl dd span:after {
	content: "|";
}

footer dl dd:last-child span:after {
	display: none;
}


/**** =その他= ****/

#FooterHiddenTEXT {
	display: none;
	overflow: hidden;
	width: 0px;
	height: 0px;
}


/**====================
///// footer fixed menu /////
====================**/

#FooterFixedMenu {
	background-color: rgba(0, 0, 0, 0.8);
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 600;
	height: 60px;
	overflow: hidden;
	table-layout: fixed;
}

#FooterFixedMenu td > a {
	width: 100%;
	height: 100%;
	display: block;
}


/*
	#FooterFixedMenu .pc_phone{
		font-size:11px;
		height: 60px;
		padding: 0 10px;
	}
*/


/*
	#FooterFixedMenu .pc_phone a > p:first-child {
		font-size: 2em;
		line-height: 1.8em;
	}
*/

#FooterFixedMenu .smart_footerBtn {
	height: 100%;
	padding: 10px 0;
}

#FooterFixedMenu .footerBtn_image_icon > a {
	border-right: 2px solid #fff;
}

#FooterFixedMenu .smart_footerBtn > a.disabled {
	opacity: 0.3;
}

#FooterFixedMenu .smart_footerBtn.page_up > a {
	border: none;
}

#FooterFixedMenu .footerBtn_image_icon > a > span {
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	display: block;
	width: 42px;
	height: 42px;
	margin: auto;
	background-image: url("/img/menu_icon.svg");
	background-repeat: no-repeat;
}

#FooterFixedMenu .footerBtn_image_icon.smart_favorite > a > span {
	background-position: -42px -344px !important;
}

#FooterFixedMenu .footerBtn_image_icon.smart_qa > a > span {
	background-position: -84px -344px !important;
}

#FooterFixedMenu .footerBtn_image_icon.smart_home > a > span {
	background-position: 0px -386px !important;
}

#FooterFixedMenu .footerBtn_image_icon.smart_search > a > span {
	background-position: -42px -386px !important;
}

#FooterFixedMenu .footerBtn_image_icon.smart_login > a > span {
	background-position: -84px -386px !important;
}

#FooterFixedMenu .footerBtn_image_icon.smart_logout > a > span {
	background-position: -126px -386px !important;
}

#FooterFixedMenu .footerBtn_image_icon.smart_phone > a > span {
	background-position: -84px -428px !important;
}

#FooterFixedMenu .footerBtn_image_icon.page_up > a > span {
	background-position: 0 -428px !important;
}

#FooterFixedMenu .footerBtn_image_icon.page_down > a > span {
	background-position: -42px -428px !important;
}

@media screen and (min-width: 769px) {
	#FooterFixedMenu .scroll_info {
		width: 60px;
	}
	#FooterFixedMenu td:not(.pc_footerBtn) {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	#FooterFixedMenu td:not(.tablet_footerBtn) {
		display: none;
	}
	#FooterFixedMenu td {
		width: auto!important;
	}
}

@media screen and (max-width: 480px) {
	#FooterFixedMenu td:not(.smart_footerBtn) {
		display: none;
	}
}


/**====================
///// alphabet_popup /////
====================**/

.alphabet_popup {
	display: block;
	position: absolute;
	border: 1px solid #ccc;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.6);
	padding: 10px;
	background-color: lightgoldenrodyellow;
}


/**====================
///// ZipChe /////
====================**/

a.addsearch_btn {
	float: left;
	width: 130px;
	margin-left: 10px;
/*	display: block;
	margin:0 20px;
	text-align: center;
	line-height: 36px;
	border: 2px solid var(--mainthema-background-color);
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);	*/
}

a.addsearch_btn > .zip_err {
	position: absolute;
	font-weight: normal;
	color: #f00;
	z-index: 100;
	border: 1px solid #ccc;
	border-radius: 5px;
	background-color: cornsilk;
	padding: 10px;
	margin-top: 10px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}


/**====================
///// KiyakuBox /////
====================**/

#KiyakuBox {
	max-width: 800px;
	width: 100%;
}

#KiyakuBox .box-title {
	text-align: center;
	font-weight: bold;
	font-size: 25px;
	margin-bottom: 10px;
}

#KiyakuBox > .auto-openBox-contents > header {
	margin: 0;
	font-size: 15px;
	margin-bottom: 10px;
	padding: 0;
}

#KiyakuBox > .auto-openBox-contents > article > p {
	text-align: center;
}

#KiyakuBox > .auto-openBox-contents > article > p:last-child {
	text-align: right;
}

#KiyakuBox #kiyaku_html {
	height: 400px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 10px;
	border: 1px solid #fff;
	padding: 10px;
	background-color: #fff;
	color: #333;
}

#KiyakuBox #kiyaku_html::-webkit-scrollbar {
	/* スクロールバー全体 */
	width: 15px;
}

#KiyakuBox #kiyaku_html::-webkit-scrollbar-thumb {
	/* スクロールバーのある部分 */
	background: #999;
	border-radius: 5px;
	height: 50px;
}

#KiyakuBox #kiyaku_html::-webkit-scrollbar-track-piece:start {
	/* スクロールバーが表示されてない部分（前） */
	background: #ccc;
}

#KiyakuBox #kiyaku_html::-webkit-scrollbar-track-piece:end {
	/* スクロールバーが表示されてない部分（後ろ） */
	background: #ccc;
}

#KiyakuBox #kiyaku_html .signature {
	margin-top: 10px;
	box-shadow: 0 0 4px #ccc;
	border: 1px solid #ccc;
	padding: 20px;
}

#KiyakuBox #kiyaku_html .signature > p:first-child {
	font-weight: bold;
}

#KiyakuBox #kiyaku_html .signature label {
	display: block;
	margin-bottom: 10px;
}

#KiyakuBox #kiyaku_html .signature label > span {
	color: #f00;
	font-weight: bold;
	display: block;
}

#KiyakuBox #kiyaku_html .signature label > input {
	width: 100%;
}

#KiyakuBox #kiyaku_html .btn_type_4.cancel {
	background-color: var(--mainthema-background-color);
	background: linear-gradient(to bottom, #888, #666);
	background: -ms-linear-gradient(top, #888, #666);
	background: -moz-linear-gradient(top, #888 0%, #666);
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#666));
}


/*====================================================*/


/******************** レスポンシブ ********************/


/*====================================================*/

@media screen and (max-width: 950px) {
	/* =950px以下の場合= */
	/* 2カラム */
	/**====================
	///// 各種大枠 /////
	====================**/

	/**====================
	///// sideMenu /////
	====================**/
	/* サイド２ */
	#SideMenuWrap_2 {
		padding-left: 0;
		padding-right: 4px;
		width: 25%;
		clear: left;
	}
	#SideMenuWrap_1 {
		width: 25%;
	}
	#MainContents {
		float: right;
		width: 75%;
	}
	ul.category_list_menu ul {
		padding-left: 1.5em;
	}
}

@media screen and (max-width: 768px) {
	/* =768px以下の場合= */
	/* 1カラム */
	/* ページ全体 */
	#SideMenuWrap_1,
	#SideMenuWrap_2,
	#MainContents {
		margin: 0 0 10px;
		padding: 0;
	}
	section > header,
	main > header {
		padding: 5px;
	}
	/**====================
///// ヘッダー /////
====================**/
	/* スマホ自動拡大機能回避用 */
	input,
	textarea,
	select {
		font-size: 16px;
	}
	/* 品番検索 */
	/*		#SearchTop .SearchForm, */
	.marquee {
		margin: 0 5px 0 0;
	}
	/*
		#SearchTop .SearchTitle {
				display            : none;
		}
		#SearchTop .Search {
				margin-top         : 5px;
		}
		#SearchTop .Search {
				margin-top         : 5px;
		}
*/
	/* カテゴリーメニュー */
	ul.category_list_menu > li {
		background-color: #fff;
		border: 1px solid #ccc;
		margin-top: -1px;
	}
	ul.category_list_menu > li a {
		background-image: none;
		display: block;
		font-weight: bold;
		padding: 8px 15px;
	}
	#SearchTop > form > input,
	#SearchTop > form > select,
	#SearchTop > form > a,
	#SearchTop > form > p {
		display: none !important;
	}
	/**====================
///// メイン /////
====================**/
	#ItemMsg,
	#ItemSubmit,
	#ItemViewImgWrap {
		float: none;
		width: 100%;
	}
	#ItemPlan,
	#ItemTani {
		background: -moz-linear-gradient(top, #fff 0%, #ddd);
		background: -ms-linear-gradient(top, #fff, #ddd);
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
		background: linear-gradient(to bottom, #fff, #ddd);
		background-color: #ddd;
		border: 1px solid #999;
		border-radius: 4px;
		box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
		line-height: 40px;
		text-indent: 10px;
	}
	#MainContents,
	#SideMenuWrap_1,
	#SideMenuWrap_2 {
		padding-left: 0!important;
		padding-right: 0!important;
		min-width: inherit;
		width: 100%!important;
		float:none!important;
	}
	#SubmitButton1,
	.view_modeType1 .Item_dl > dd,
	.view_modeType1 .Item_dl > dt,
	.view_modeType2 .Item_dl > dd,
	.view_modeType2 .Item_dl > dt {
		width: 100%;
	}
	#SubmitButton1 span {
		font-size: 16px;
	}
	.ItemImg > a {
		margin: inherit;
	}
	.Item_dl {
		float: none;
		margin-top: 0;
		text-align: left;
		width: 100%!important;
	}
	.Item_dl > dd:last-child {
		border-bottom: none;
	}
	.Item_dl > dt {
		float: none;
		width: 100%;
	}
	.Item_dl > dt + dd {
		float: none;
		margin: 0;
		width: 100%;
	}
	.Item_dl input,
	.Item_dl select {
		height: 3em;
		width: 100%;
	}
	.Item_dl ~ .Item_dl {
		border-top: none;
	}
	div.head_breadcrumb {
		border: none;
		line-height: 25px;
		margin-bottom: 10px;
		padding: 0;
	}
	#MainWrap .next_btn_wp.double_btn {
		min-width: 100%;
	}
	#MainWrap .next_btn_wp.double_btn a {
		float: none!important;
		margin-bottom: 20px;
	}
	
	.view_modeType4 #ItemViewImgWrap,
	.view_modeType4 #ItemViewDataWrap {
		width: 100%;
		float:none;
		overflow: inherit;
		height:auto;
    }

/**====================
///// input_dl /////
====================**/
	dl.input_dl {
		padding: 0;
		border: none;
		box-shadow: none;
		width: 100%;
		float: none;
	}
	.input_dl.input_check > dt:first-child {
		border-top-width: 1px;
	}
	
/**====================
///// infoボタン /////
====================**/
	.info_btn a {
		font-size: 18px;
	}
}

@media screen and (max-width: 480px) {
	.UserMenu br {
		display: inherit;
	}
	/**====================
	///// infoボタン /////
	====================**/
	.info_btn {
		padding-top: 20px;
	}
	.info_btn > * {
		display: block;
		width: 100%;
	}
	.info_btn a {
		width: 100%;
	}
}

section.bill_check {
	float: left;
	width: 49%;
}

section.ship_check {
	float: right;
	width: 49%;
}

section.c_Check_info {
	margin-bottom: 10px;
	overflow:hidden;
}

section.c_Check_info dl {
	padding: 10px 10px 0 10px;
}

section.c_Check_info dt {
	float: left;
	width: 100%;
	font-weight: bold;
	clear: both;
}

section.c_Check_info dd {
	float: left;
	margin-bottom: 10px;
	padding-left: 20px;
	min-width: 300px;
}

section.bill_check dt:nth-last-child(2),
section.bill_check dd:nth-last-child(1) {
	font-size: 18px;
	font-weight: bold;
	color: #f00;
}


/* =990px以下の場合= */


/*		cgiのheadへ
@media screen and (max-width: 990px){
  section.c_Check_info 					{ float            : inherit;
										  width            : 100%; }
}
*/




/*****************************************************************************************
******************************************************************************************
		▼FreeHTML用.css▼
******************************************************************************************
*****************************************************************************************/


/* フリーページ専用 */

.FreeHTML h5 {
	font-weight: bold;
	text-align: center;
}

.FreeHTML section {
	margin: 0;
	padding: 20px;
	box-shadow: 0 0 4px #ccc;
	border: 1px solid #ccc;
}

.FreeHTML table {
	width: 100%;
}

.FreeHTML tr {
	padding: 5px 0;
	display: block;
}

.FreeHTML th {
	width: 120px;
	font-weight: bold;
	text-shadow: none;
}

.FreeHTML a {
	text-decoration: underline;
}

.FreeHTML p {
	margin-bottom: 10px;
}

.FreeHTML p:last-child {
	margin-bottom: 0;
}


/* 会社概要 */

#COMPANY.FreeHTML .se_3 ul {
	margin-bottom: 10px;
	margin-left: 10px;
}


/*****************************************************************************************
******************************************************************************************
		▼freepage用.css▼
******************************************************************************************
*****************************************************************************************/

.return_wrap {
	display: table;
	margin: 0 auto;
}

.return_wrap .return_back,
.return_wrap .return_index {
	float: left;
	width: 120px;
	margin: 0 10px;
}


/*	article.free_page							{ margin           : 10px 10px 20px 10px; } */


/* notapplicable.html */

.notapplicable .search_hint {
	margin-bottom: 10px;
}

.free_search a.re_search {
	display: inline-block;
	/* IE用 */
	*display: inline;
	*zoom: 1;
}

.search_hint ul {
	margin: 10px 10px 10px 20px;
	list-style: disc outside;
}

.search_hint ul li {
	margin-bottom: 10px;
}

.search_hint ul dt {
	font-weight: bold;
}

.search_hint ul dd {
	margin-left: 1em;
}


/* error_page */

.free_page.error_page {
	padding: 50px 0;
	border: none;
}

.free_page.error_page p {
	text-align: center;
	margin: 40px 0;
}


/* noitem.html */

.free_page.noitem p {
	text-align: center;
	margin: 40px 0;
}


/* amount0.html */

.free_page.amount0 p {
	text-align: center;
	margin: 40px 0;
}


/* mem_msg */

.free_page.mem_msg p {
	text-align: center;
	margin: 40px 0;
}

@media screen and (max-width: 768px) {
	.free_search .return_back,
	.free_search .return_index {
		float: none;
		width: 100%;
	}
	.free_search return_wrap {
		display: inline-block;
	}
	#head_label p > span {
		display: none;
	}
	#SideMenuWrap_1 #SlideImg {
		display: none
	}
}

#ErrMem > div {
	width: 100%;
	max-width: 48%;
	padding: 20px 0;
}

#ErrMem > div:first-child {
	float: right;
}

#ErrMem > div:last-child {
	float: left;
}

#ErrMem > div > p {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

#ErrMem .btn_type_NewMem {
	padding: 10px;
	line-height: 2em;
	font-size: 11px;
}

#ErrMem .btn_type_NewMem > span {
	font-size: 18px;
}

@media screen and (max-width: 768px) {
	#ErrMem > div {
		float: none;
		max-width: 100%;
	}
	#ErrMem > div:first-child {
		border-bottom: 1px solid #ccc;
	}
}


/***  chamo css  ***/


/*
	@media screen and (max-width: 768px){
		#chamo-waiting {
			bottom:70px!important;
		}
	}
*/

#HeaderNavi .user_nav_01_2 a.alert_bell{
	font-weight:bold;
	position:relative;
}
#HeaderNavi .user_nav_01_2 a.alert_bell > span{
	background-color:#ff0;
	margin-left: 5px;
}
#HeaderNavi .user_nav_01_2 a.alert_bell > span:before {
	content: "new";
	position: absolute;
	top: 0;
	left: 0;
}
#HeaderNavi .user_nav_01_2 a.alert_bell:before {
	content: "";
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin: 5px;
	display: inline-block;
	animation: hurueru 1s linear infinite;
/*	animation: hurueru2 0.5s linear infinite alternate;	*/
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%20%5B%20%3C!ENTITY%20ns_flows%20%22http%3A%2F%2Fns.adobe.com%2FFlows%2F1.0%2F%22%3E%20%3C!ENTITY%20ns_svg%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3C!ENTITY%20ns_xlink%20%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%5D%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22%26ns_svg%3B%22%20xmlns%3Axlink%3D%22%26ns_xlink%3B%22%20width%3D%2250%22%20height%3D%2258%22%20viewBox%3D%220%20-0.614%2050%2058%22%20enable-background%3D%22new%200%20-0.614%2050%2058%22%20xml%3Aspace%3D%22preserve%22%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23ffa500%22%20d%3D%22M16.873%2C48.645L16.873%2C48.645c0%2C4.488%2C3.639%2C8.127%2C8.127%2C8.127s8.127-3.639%2C8.127-8.127l0%2C0H16.873z%22%2F%3E%3Cpath%20fill%3D%22%23ffa500%22%20d%3D%22M43.624%2C29.238H5.049c-0.362%2C1.358-0.789%2C2.85-1.239%2C4.362h41.379%20C44.621%2C32.088%2C44.082%2C30.597%2C43.624%2C29.238z%20M42.261%2C23.888c0-10.146-4.765-15.19-11.492-18.675C28.972%2C1.24%2C26.685%2C0%2C24.194%2C0%20c-2.49%2C0-4.777%2C1.24-6.574%2C5.213C10.894%2C8.697%2C6.128%2C13.742%2C6.128%2C23.888c0%2C0.244-0.03%2C0.56-0.084%2C0.931h36.323%20C42.298%2C24.447%2C42.261%2C24.132%2C42.261%2C23.888z%20M46.899%2C38.02H2.455C1.151%2C42.168%2C0%2C45.573%2C0%2C45.573h50%20C50%2C45.573%2C48.546%2C42.168%2C46.899%2C38.02z%22%2F%3E%3C%2Fsvg%3E');
}
@keyframes hurueru {
    0% {transform: rotate(0deg);}
    68% {transform: rotate(0deg);}
    72% {transform: rotate(20deg);}
    76% {transform: rotate(0deg);}
    80% {transform: rotate(-20deg);}
    94% {transform: rotate(0deg);}
    88% {transform: rotate(20deg);}
    92% {transform: rotate(0deg);}
    96% {transform: rotate(-20deg);}
    100% {transform: rotate(0deg);}
}
@keyframes hurueru2 {
    0% {transform: rotate(25deg);}
    20% {transform: rotate(20deg);}
    30% {transform: rotate(15deg);}
    70% {transform: rotate(-15deg);}
    80% {transform: rotate(-20deg);}
    100% {transform: rotate(-25deg);}
}