/*
 * PC/SP不問、サイト全体に適用させるためのCSS
 */
@charset "utf-8";
@import url(notosansjapanese.css);

body {
	font-size: 14px;
	font-family:
		'メイリオ',	/* Windows Default */
		'Noto Sans Japanese',
		YuGothic,
		'游ゴシック',
		Meiryo,
		Helvetica,	/* Android版Chrome  対策 */
		sans-serif;
	min-width: 768px;
	color: #1a1a1a;
}
a { color: inherit; cursor: pointer; }
/* input, select, option, textarea { font-family: inherit; } */
/* jqSelectable */
html a.sctble_display { border: none; }
html a.sctble_display span {
	background: none;
	width: auto;
	color:#fff;
  line-height: 15px;
  font-size: 15px;
  cursor: inherit;
}

.wrapper {
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 20px;
}
.min_wrapper { padding: 0 20px; }
.top_wrapper { margin-left: 20px; }
.wrapper_narrow { margin: 0 auto; width: 900px;}

#header,
#shopinfo,
#shop-all,
/*#payment,*/
#copyright { min-width: 1060px; }

.b_button {
	display: block;
	box-sizing: border-box;
	background: #003792;
	padding: 12px;
	text-align: center;
	text-decoration: none;
	color: #fff;
}
.bg_lightgray {
	display: block;
	box-sizing: border-box;
	background: #f9f9f9;
	padding: 5px 0 5px 20px;
	margin: 10px 0;
	font-size: 12px;
	font-weight: bold !important;
	border-bottom: 1px dotted #999;
}
.description {
	display: block;
	color: #023491;
	font-size: .8em;
	padding-top: 10px;
}

/*************************************************************
 *    header
 *************************************************************/
#header { }
	#header #top .hamburger { display: none; }
	#header #top .type,
	#header #top .member { float: right; }

	#header #shpcode,
	#header #outclscode,
	#header #searchtxt,
	#header #searchbutton,
	#header #searchbuttonbuy,
	#header #search-detail,
	#header .searchmore {
		padding: 5px 0;
		box-sizing: border-box;
	}
  #header .searchtitle {
    display: none;
  }
	#header #top ul li.member,
	#header #top ul li.type {
		text-align: center;
	}
	#header #top ul li.member > *,
	#header #top ul li.type > *,
	#header #nav02 ul li > * {
		display: block;
	}

	#header #top ul > li:nth-child(n+2) { margin: 0 0 10px 25px; }
	#header #nav02 ul > li:nth-child(n+2) { margin: 0 0 0 25px; }
  #header #nav02 ul li#searchtxt {margin:0;}
	#header #nav02 ul li#searchbutton {margin:0;}
	#header #nav02 ul li#searchbuttonbuy {margin:0 35px 0 0;}
	#header #nav02 ul li {margin:0;}

		/* #top: ロゴ、販売・買取タイプ、メンバーズ */
		#header #top {
			border-bottom: 1px dotted #3a3a3a;
		}

		#top li.logo { float: left; }
		#top li.logo img { width:178px; }
		/*#header*/ #top li.type a {
			background: #f5f5f5;
			border-bottom: 2px solid #dcdcdc;
			box-sizing: border-box;
			color: #000;
		}
		#header #top li.type a.here {
			background: #424242;
			border-bottom: 2px solid #3b3b3b;
			color: #fff;
		}

		#header #top ul li.type a,
		#header #top ul li.member a,
    #header #top ul li.member .logout {
			display: inline-block;
			min-width: 100px;
			color: inherit;
			font-weight: bold;
			text-align: center;
			text-decoration: none;
		}
		#header #top ul li.type a {
			width: 110px;
			height: 50px;
			line-height: 50px;
display:none;/*ヘッダの販売買取非表示にまた出す時はこの設定消す*/
		}
		#header #top ul li.member a {
			margin: 15px 0;
			height: 20px;
			line-height: 20px;
		}
		#header #top ul li.member a:nth-child(n+2) { border-left: 1px solid #424242; }

		/* #nav01: 店舗一覧、ガイド、注文関連、SNS */
		#header #nav01 {
			font-size: .9em;
		}
		#header #nav01 li.headermenu a {
			display: inline-block;
			box-sizing: border-box;
			margin: 15px 0;
			padding: 5px 15px;
			height: 22px;
			color: inherit;
			text-decoration: none;
			line-height: 0px;
		}
		#header #nav01 li.sns a {
			display: inline-block;
			box-sizing: border-box;
			margin: 10px 0 0;
			padding: 5px;
			color: inherit;
			text-decoration: none;
			line-height: 0px;
		}

		/* #nav01: 店舗一覧、ガイド、注文関連、SNS */
		#header #nav02 {
			background: #dfdfdf;
			font-size: .9em;
			color: #fff;
		}
		#header #nav02 li { float: left; color: #2c2c2c;}
		#header #nav02 li:last-child { float: right; }

		#header #nav02 li a,
		#header #nav02 li input,
		#header #nav02 li select {
			box-sizing: border-box;
			padding: 10px;
			height: 34px;
			color: inherit;
			margin: 0;
		}
		#header #nav02 li#usemobile {color: #000;}

		#header #nav02 #header_shpcode,
		#header #nav02 #header_shpcode_dammy,
		#header #nav02 #header_outclscode,
		#header #nav02 #header_outclscode_dammy,
		#header #nav02 select {
			display: block;
			background: url(../images/PxQnSUrV6BKo.png) center right no-repeat #003792;
			background-position: 98% center;
			background-position: right 5px center;
      width: 160px;
      font-size: 15px;
			color: #fff;
			text-decoration: none !important;
      cursor:pointer;
		}

		#header #nav02 input,
		#header #nav02 select {
			background: transparent;
			border: none;
			appearance: none;
			-webkit-appearance: none;
			text-align: left;
		}
		#header #nav02 .search_icon.pc_n {display: none}
		#header #nav02 .search_icon {
			background-color:#003792;
		    width: 34px;
		    height: 34px;
		    margin-top: 0;
		    margin-left: 0;
		    /*position: absolute;*/
/*
border-top: 1px solid #DDD;
border-left: 1px solid #DDD;
border-right: 1px solid #BBB;
border-bottom: 1px solid #BBB;
*/
        border-left: 1px solid #AEAEAE;
		}
		#header #nav02 input {
			background-color: #FFF;
			background-position: 98% center;
			background-position: right 5px center;
			width: 460px;
		}
		#header #nav02 li input::-webkit-input-placeholder{ color: #8E8E8E; padding-left: 10px;}
		#header #nav02 li input::-ms-input-placeholder{ color: #8E8E8E; padding-left: 10px;}
		#header #nav02 li input::-moz-placeholder{ color: #8E8E8E; padding-left: 10px;}


/*************************************************************
 *    Inner Select
 *************************************************************/
div.sctble_mat {
    border: solid #dfdfdf 1px;
    background: #eee;
}
div.sctble_mat dl {
    margin: 0;
    border: none;
    padding: 1em;
}
div.sctble_mat dl dt.select_lrgcls, div.sctble_mat dl dt.select_shop,
div.sctble_mat dl dt.select_lrgcls_last {
    padding: 0 0 0 11px !important;
    background: transparent url(../images/wjFsOzHvJVHc.png) no-repeat left;
}
div.sctble_mat dl dt {
    float: none;
    margin: 0 0 0 0 !important;
    width: auto;
    font
    color: #333;
    font-weight: normal;
    font-size: 11px;
    clear: both;
}
div.sctble_mat dl dd a {
	font-size: 11px;
	color: #003792;
    padding: 0 0 0 25px !important;
    display: block;
    float: left;
    width: 170px;
    height: 18px;
    text-decoration: none;
}

/*************************************************************
 *    main
 *************************************************************/
#main {
	/* 子ページ向けの幅調整 */
	margin-top: 20px;
	min-width: 1020px;
}
.sale_main { /* 販売ページ用ブロック */ }
.buy_main { /* 買取ページ用ブロック */ }

#sale_content h2{
	padding: 25px 0 5px 0;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
}
#sale_content span {
	font-size: .75em;
    text-decoration: none;
    cursor: auto;
    margin-left: 15px;
}
/*************************************************************
 *    sidebar
 *************************************************************/
#sidebar {
	float: left;
	/* position: absolute; */
	box-sizing: border-box;
	border: 1px solid #dadada;
	width: 250px;
}
	#sidebar .typeBox {
		background: #2c2c2c;
		box-sizing: border-box;
		padding: 10px;
		width: 100%;
		color: #fff;
		text-align: center;
		vertical-align: middle;
	}
	.fs_smaller {text-decoration: underline; cursor:pointer;}
	.typeBox hr {background: #fff; margin-top: 7px; width: 78%;}
	.typeBox a { color: #fff !important; }
	.typeString { font-size: 1.6em; }

	/* #sidebar */ .side-heading {
		font-size: 15px;
		font-weight: bold;
		position: relative;
	    border-bottom: 1px solid #dadada !important;
		padding: 0 0 20px;
		margin: 0 0 10px;
		height: 25px;
	}
	/* #sidebar */ .side-heading::before {
		display: inline-block;
		content: "";
		border-left: 5px solid #003792;
		padding: 5px 0 5px 10px;
		height: 100%;
		vertical-align: middle;
	}
	#sidebar .menu_arrow:after {
		content:url(../images/GlzTTvFoUXps.png);
		display: inline-block;
		position: absolute;
		right: 13px;
		margin-top: 10px;
	}
	#sidebar .items { padding: 13px 14px; }
	#sidebar .items a { display: block; text-decoration:none; }
	div#sidebar.sale-side .items.hoverParent {
		border: 1px solid #dadada;
	}

	/****************************************************************
	 *   販売　左メニュー
	 ****************************************************************/
	#sidebar .left-tab-active-sale {
		float:left;
		width:60%;
		display:inline-block;
		background-color:#003792;
		color: #fff;
		text-align: center;
		padding: 8px 0;
/*		border-radius: 12px;*/
		position: relative;
	}

	#sidebar .left-tab-active-sale:before {
		content: "";
		position: absolute;
		bottom: -23px;
		right: 45%;
		border: 12px solid transparent;
		border-top: 12px solid #003792;
		border-right: 7px solid transparent;
		border-left: 7px solid transparent;
	}

	#sidebar .left-tab-sale {
		width:39%;
		display:inline-block;
		background-color:#6D6D6D;
		margin-left:2px;
		color: #fff;
		text-align: center;
		padding: 8px 0;
/*		border-radius: 12px;*/
		position: relative;
	}

  #sidebar a:has(.btn-kaitori) {
    text-decoration: none;
  }
  #sidebar .btn-kaitori {
    background-color:#003792;
    color: #fff;
    text-align: center;
    padding: 8px 0;
    position: relative;
    margin: 10px;
    border-radius: 5px;
  }

	/****************************************************************
	 *   買取　左メニュー
	 ****************************************************************/
	#sidebar .left-tab-active-buy {
		width:60%;
		display:inline-block;
		background-color:#003792;
		margin-left:2px;
		color: #fff;
		text-align: center;
		padding: 8px 0;
/*		border-radius: 12px;*/
		position: relative;
	}

	#sidebar .left-tab-active-buy:before {
		content: "";
		position: absolute;
		bottom: -23px;
		right: 45%;
		border: 12px solid transparent;
		border-top: 12px solid #003792;
		border-right: 7px solid transparent;
		border-left: 7px solid transparent;
	}

	#sidebar .left-tab-buy {
		float:left;
		width:39%;
		display:inline-block;
		background-color:#6D6D6D;

		color: #fff;
		text-align: center;
		padding: 8px 0;
/*		border-radius: 12px;*/
		position: relative;
	}



/*************************************************************
 *    sidebar contents
 *************************************************************/
ul.subMenu > li:after,
#sidebar p:after {
	display: inline-block;
	content: "";
	height: 100%;
	vertical-align: middle;
}

#sidebar iframe { width: 100%; }
div.bg_lightgray p{
	font-weight: bold;
	font-size: 12px;
	display:inline-block;
	margin-right: 75px;
}
div.bg_lightgray span {
	font-size: 1rem;
}
div.bg_lightgray span.num {
	font-size: 1.5rem;
}
ul.subMenu {
	box-sizing: border-box;
	background: #f7f7f7;
	border: 1px solid #dadada;
	border-top: none;
	width: 250px;
	height: 477px;
	z-index: 2;
}
	ul.subMenu > li {
		display: block;
		box-sizing: border-box;
		background: #fff;
		border-bottom: 1px solid #dadada;
		padding-left: 20px;
		height: 60px;
	}
	ul.subMenu > li:first-child {
		border-top: 1px solid #dadada;
	}
	ul.subMenu > li:first-child:hover {
		border-top: none;
	}
div.subContent {
	position: absolute;
	box-sizing: border-box;
	width: 260px;
	height: 477px;
	top: 0;
	left: 100%;
}
	.subHeading {
		background: #e0e0e0;
		box-sizing: border-box;
		padding: 0 20px;
		width: 580px;
		height: 60px;
		font-size: 1.5em;
		font-weight: bold;
	}

	#sidebar .subParentList {
		position: relative;
		border-bottom: 1px solid #dadada;
		box-sizing: border-box;
		/*background: #fff;*/
		width: 248px;
		height: 418px;
	}
	#sidebar .subParentList .hoverSubHeading {
		background: #dadada;
	}
	#sidebar .subParentList > li {
		display: block;
		box-sizing: border-box;
		padding: 0 15px;
		min-height: 2em;
		width: 260px;
		color: #000;
		line-height: 2em;
		word-break: break-all;
	}
	#sidebar .subParentList > input[type="radio"] { display: none; }
	#sidebar .subParentList > input[type="radio"]:checked + label { background-color: #333; color: #fff;}
	#sidebar .subParentList > input[type="radio"]:hover + label:hover { background-color: #333; color: #fff;}

	#sidebar ul.subChildList {
		box-sizing: border-box;
		background-color: #fff;
		background: url(../images/k8x53XbNLHnV.jpg);
		background-position: bottom right;background-repeat: no-repeat;);
		width: 319px;
		height: 100%;
		top: 0;
		left: 260px;
	}
	#sidebar ul.subChildListBuy{
		background-color: #fff;
		background: url(../images/0Vu32h3HBPKG.jpg);
		background-position: bottom right;background-repeat: no-repeat;);
		width: 319px;
		height: auto;
		top: 0;
		left: 261px;
	}
		#sidebar ul.subChildList > li {
			display: block;
			float: left;
			box-sizing: border-box;
			padding: 0 15px;
			width: 50%;
			min-height: 2em;
			line-height: 2em;
			word-break: break-all;
		}
		/*
		#sidebar ul.subChildList > li::before {
			display: inline-block;
			content: ">";
			padding: 0 .5em;
			width: 1em;
			color: inherit;
			vertical-align: middle;
		}
		*/
		/* 店舗一覧 */
		#sidebar div.subbg_shop a {
			float: left;
			display: block;
			/* 等幅で表示させる場合 */
			padding: 0 5%;
			width: 40%;
			/* 文字幅に併せて表示させる場合 */
			/*
			padding: 0 5%;
			width: auto;
			*/
			line-height: 2em;
			text-align: left;
		}
#sidebar .subParentList label{
	display: block;
	box-sizing:border-box;
	padding: 0 15px;
	min-height: 2em;
	width: 260px;
	color: #000;
	line-height: 2em;
	word-break: break-all;
}
[id*="subNavContent"]{
	display: none;
	width: 320px;
	height: 478px;
	position:absolute;
	top: 0;
	left: 260px;
}
[id*="subNavContent"] > p{
	height: 59px;
	background: #e0e0e0;
	box-sizing: border-box;
}
#list0:checked ~ div#subNavContent0,
#list1:checked ~ div#subNavContent1,
#list2:checked ~ div#subNavContent2,
#list3:checked ~ div#subNavContent3,
#list4:checked ~ div#subNavContent4,
#list5:checked ~ div#subNavContent5,
#list6:checked ~ div#subNavContent6,
#list7:checked ~ div#subNavContent7
 {
	display: block !important;
	overflow-x: hidden;
	height: 317px;
}
	#sidebar ul.categoryList li {
		min-height: 2em;
		line-height: 2em;
	}
	#sidebar ul.categoryList > li {
		color: #333;
	}
	ul.dropdownList li { color: #333 !important }
  ul.dropdownList li.subclass { padding-left: 1em; }
	ul.dropdownList a { padding-left: 1.25em; }
.list_arrow {
	font-size: 13px;
}
.list_arrow:before {
	display:inline-block;
	content: ">";
	padding: .5rem;
	vertical-align: middle;
}
#subInnerContent {
	border: 1px solid #dadada;
	width: 248px;
	height: 418px;
	display:block
}
[class*="estimate"]{
	position: absolute;
	margin-top: 360px;
	cursor:pointer;
}
.estimateButton { left: 295px; }
.estimateForm { left: 35px; }
.detailButton {
	left: 310px;
	position:absolute;
	margin-top: 365px;
	cursor: pointer;
 }
.detailForm {
	left: 50px;
	position:absolute;
	margin-top: 365px;
	cursor: pointer;
}

.subContent [class*="sub_"] {
	background-position:261px 59px;
	background-repeat: no-repeat;
	background-color: #fff;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
}
.sub_split { background-image: url(../images/zmfiS3bI3FF9.jpg);}
.sub_co {	background-image: url(../images/vcawdpnhPjN5.jpg);}
.sub_oyakudashi { background-image: url(../images/S3h49YDCRS3O.jpg);}
.sub_info { background-image: url(../images/0Vu32h3HBPKG.jpg); }
/*.sub_sale { background-image: url(../images/eGJ12cbsToXE.jpg);}*/
.sub_support { background-image: url(../images/4X6zMNAtVHjO.jpg);}
.sub_menu_faq { background-image: url(../images/AfAy4mruqJXz.jpg);}
/*************************************************************
 *    subcontent backgrounds
 *************************************************************/
[class*="subbg_"] {
	display: none;
	background-position: bottom right;
	background-color: #fff;
	background-repeat: no-repeat;
	border-right: 1px solid #dadada;
}
div.subbg_shop { background-image: url(../images/k8x53XbNLHnV.jpg);}
div.subbg_useful { background-image: url(../images/S3h49YDCRS3O.jpg); }
div.subbg_purchase { background-image: url(../images/mh5nalmfeDdY.jpg); }
div.subbg_sale { background-image: url(../images/eGJ12cbsToXE.jpg); }
div.subbg_support { background-image: url(../images/4X6zMNAtVHjO.jpg); }
div.subbg_corp { background-image: url(../images/vcawdpnhPjN5.jpg);}
div.subbg_co_ask{ background-image: url(../images/IsjtAHPATbMt.jpg);}
div.subbg_parts { background-image: url(../images/zmfiS3bI3FF9.jpg);}
div.subbg_parts_01 {background-image: url(../images/LsKRqsHbfXPA.jpg);}
div.subbg_iphone6 { background-image: url(../images/0Vu32h3HBPKG.jpg);}
div.subbg_iphone{ background-image: url(../images/gD0645Pr63se.jpg);}
div.subbg_ipad{ background-image: url(../images/xZOP4TQRobKX.jpg);}
div.subbg_xperia{ background-image: url(../images/1pp2IaQAUSbL.jpg);}
div.subbg_surface{ background-image: url(../images/1Jmy7jvmDFEB.jpg);}
div.subbg_store{ background-image: url(../images/kHplBR7IDOIW.jpg);}
div.subbg_web{ background-image: url(../images/7rJqhVJzWch5.jpg);}
div.subbg_omakase{ background-image: url(../images/tcmBFdnljzi1.jpg);}
div.subbg_mac{ background-image: url(../images/TpJA1jstIQ2y.jpg);}
div.subbg_flow{ background-image: url(/common/images/common/menu_shop.jpg);}
div.subbg_webapply{ background-image: url(../images/boMKtyc9W4cw.jpg);}
div.subbg_storeapply{ background-image: url(../images/mh5nalmfeDdY.jpg);}

/*************************************************************
 *    general classes
 *************************************************************/
/*
 * mouseover用クラス
 * .hoverParentの中に、.hoverContentが入るようコーディングすること
 * 使用例Pt.1) 入れ子にする場合
 * <div class="hoverParent">
 *     <h2>大項目</h2>
 *     <ul class="hoverContent">
 *         <li>小項目1</li>
 *         <li>小項目2</li>
 *         <li>小項目3</li>
 *         <li>小項目4</li>
 *     </ul>
 * </div>
 *
 * 使用例Pt.2) 同階層に記述する場合
 * <h2 class="hoverParent">大項目</h2>
 * <ul class="hoverNearContent">
 *     <li>小項目1</li>
 *     <li>小項目2</li>
 *     <li>小項目3</li>
 *     <li>小項目4</li>
 * </ul>
 */
.hoverParent {
	position: relative;
}
.hoverContent,
.hoverNearContent {
	display: none;
	position: absolute;
	opacity: 0;
	transition: opacity linear .2s 0;
}
.hoverContent { top: 0; left: 248px; }
.hoverParent:hover > .hoverContent,
.hoverParent:hover + .hoverNearContent,
.hoverContent:hover,
.hoverNearContent:hover {
	display: block !important;
	opacity: 1;
}

.side_close {
	position: absolute;
	top: 0;
	left: 521px;
	display: inline-block;
	background: #000;
	width: 60px;
	height: 58px;
	text-align: center;
	cursor: pointer;
	font-size: 1em;
	color: #fff;
	z-index: 10;
}
.side_close::after { display: inline-block; content: ""; height: 100%; vertical-align: middle; }
.side_close:active,
.side_close:active ~ *{display: none !important; }

input.dropdownTrigger,
input.dropdownTrigger + label + .dropdownList { display: none; opacity: 0; }
input.dropdownTrigger:checked + label + .dropdownList { display: block; opacity: 1;}
input.dropdownTrigger + label {
	position: relative;
	width: 100%;
	display: block;
}
input.dropdownTrigger + label::after {
	display: inline-block;
	position: absolute;
	content: "+";
	right: 0;
	width: 1em;
	color: inherit;
	font-weight: bold;
	text-align: center;
}
input.dropdownTrigger:checked + label::after {
	content: "-";
}

p.howtotxt { font-size: 13px; }
p.howtotxt:before {
	display:inline-block;
	content: ">";
	margin: 0 10px 20px;
}
.categoryList { position: relative; }

/*************************************************************
 *    content
 *************************************************************/
#content {
	clear: right;
	overflow: hidden;
	margin: 0 0 0 270px;
}
	#content .heading {
	    padding: 25px 0 5px 0;
	    font-size: 1.2em;
	    font-weight: bold;
	    text-align: center;
	}
	#content .heading span {
		font-size: .75em;
		text-decoration: none;
		margin-left: 15px;
		cursor: auto;
	}
#sale_content {
	background: #fafafa;
    margin: 0 0 0 250px;
}
.only_sp_visible {
  display: none;
}
/*************************************************************
 *    footer
 *************************************************************/
#sp_footer { display: none; }
#shopinfo {
	background: #f0f0f0;
	padding: 25px 0;
}
#shopinfo p, .itemall p {
	font-weight: bold;
	font-size: 14px;
	width: 50%;
	margin: 0 auto 10px 25px;
}
#shopinfo ul li, .itemall a { font-size: 12px; display: block; }
#shopinfo ul li a, .itemall a { text-decoration: none; color: #333;}
	#shopinfo .itemall {
		width: 125px;
		height: 65px;
		border-left: 1px solid #ccc;
		float: left;
	}
	#shopinfo .item {
		width: 150px;
		max-height: 300px;
		height: 245px;
		border-left: 1px solid #ccc;
		float: left;
	}
	#shopinfo .item:last-child{ border-right: 1px solid #ccc;}
	#shopinfo .itemnorthern {
		border-left: 1px solid #ccc;
		margin-top: 65px;
		width: 125px;
		height: 180px;
		position: absolute;
		float: left;
	}
	#shopinfo .itemshop {
		width: 250px;
		/* height: 245px; */
		border-left: 1px solid #ccc;
		float: left;
		display: flex;
	}
	#shopinfo .items { margin: 10px 0;}
	#shopinfo .item p, #shopinfo .itemnorthern p { }
	#shopinfo .itemshop p { position: absolute; }
	.itemall a,
	.itemnorthern ul.shop_list li,
	.item ul.shop_list li {
		margin-left: 25px;
		line-height: 20px;
	}

	/* 例外対応: 「関東」のみ2行 */
	.itemshop > ul.shop_list:nth-child(2){ margin: 35px 13px 0 25px; float: left; width: 40%; }
	.itemshop > ul.shop_list:nth-child(3){ margin-top: 35px; float: left; width: 40%; }
	/* .itemshop ul.shop_list li { line-height: 20px; } */
#shop-all {
	padding: 25px 0;
	font-size: 12px;
	background: #e2e2e2;
}
#shop-all div.item {
	width: 155px;
	max-width: 300px;
	float: left;
}
#shop-all p { margin-bottom: 15px; width: 100%;}
#shop-all p a { font-weight: bold; }
#shop-all a {
	text-decoration: none;
	color: #333;
    width: 100%;
    margin: 0;
    line-height: 22px;
}
#shop-all div.itemAll {
	width: 260px;
	float: left;
}
#shop-all div.itemSitemap {
	width: 165px;
	float: left;
}
#shop-all div.itemCorporate {
	width: 160px;
	float: left;
}
#shop-all div.side-nav { float: left; }
#shop-all ul li{
	text-align: left;
	line-height: 20px;
}
#shop-all .shoplist {
	min-width: 10em;
	display: inline-block;
	box-sizing: border-box;
}
#shop-all div.item ul li { line-height: 22px; }
#shop-all .shoplist li{
	float: left;
	width: 44%;
	line-height: 22px;
}
#shop-all .side-nav ul li a img{ margin-bottom: 5px; }
#shop-all .side-nav ul li:last-child {
/*	width: 65px;
	margin: 0 auto;*/
}
#copyright {
    width: 100%;
    background: #333;
    text-align: center;
    padding: 20px 0 10px 0;
}
#copyright div p {
	text-align: center;
}
#copyright div p img { margin-bottom: 10px; }
#copyright p.copy-txt {
	color: #fff;
	font-size: 12px;
}
#footer {
	/* height: 1000px; */
}

/*************************************************************
 *    icons
 *************************************************************/
[class*="pre_ico_"]::before {
	display: inline-block;
	width: 30px;
	text-align: left;
	vertical-align: middle;
}
.pre_ico_cart::before { content: url(../images/q5JQdjSp97Aj.png); }
.pre_ico_guide::before { content: url(../images/9k4WOEf5CccU.png); }
.pre_ico_login::before { content: url(../images/ik8BRsLJiPjm.png); }
.pre_ico_order::before { content: url(../images/Nr4npjqTdgHS.png); }
.pre_ico_search::before { content: url(../images/qN27BjDw6a46.png); }
.pre_ico_store::before { content: url(../images/QYxPMjzSSD5H.png); }
.pre_ico_user::before { content: url(../images/CorD0A5FbxF5.png); }
.pre_ico_mail::before { content: url(../images/U6mjhA6btFjB.png); }
.pre_ico_arrow_right01::before { content: url(../images/tG6Wqc0ACRTK.png); }
.pre_ico_arrow_right02::before { content: url(../images/GlzTTvFoUXps.png); }
.pre_ico_arrowtext_right::before { content: ">"; }
.pre_ico_plustext::before { content: "+"; }
.pre_ico_shopinfo::before { content: url(/common/images/common/ico_shopinfo.png); }

.pre_ico_navi_arrow::before { content: url(../images/KGx215dHjbrI.png); }
.pre_ico_navi_arrow:hover::before { content: url(../images/yurtoyince7q.png); }
.pre_ico_navi_c_purchase::before { content: url(../images/pErV9iprbWVM.png); }
.pre_ico_navi_c_purchase:hover::before { content: url(../images/NVI5JaZy3MWt.png); }
.pre_ico_navi_purchase::before { content: url(../images/6tqwhBLooMkc.png); }
.pre_ico_navi_purchase:hover::before { content: url(../images/8vEnUldSJkqO.png); }
.pre_ico_navi_sale::before { content: url(../images/myjeettA2Slr.png); }
.pre_ico_navi_sale:hover::before { content: url(../images/vucEnwhKHing.png); }
.pre_ico_navi_shop::before { content: url(../images/QHxv9ZNQkfsW.png); }
.pre_ico_navi_shop:hover::before { content: url(../images/aSlCOaeipNBm.png); }
.pre_ico_navi_split::before { content: url(../images/t7GQevQYZLoJ.png); }
.pre_ico_navi_split:hover::before { content: url(../images/V8NdhArkiG6n.png); }
.pre_ico_navi_support::before { content: url(../images/x2Dz6DvbDRHy.png); }
.pre_ico_navi_support:hover::before { content: url(../images/31YbHIMNVhV9.png); }
.pre_ico_navi_useful::before { content: url(../images/tFthBpL4EUSl.png); }
.pre_ico_navi_useful:hover::before { content: url(../images/qUqqijYm23Z9.png); }

[class*="suf_ico_"]::after { position: absolute; right: 0; display: inline-block; height: 100%; }
.suf_ico_cart::after { content: url(../images/q5JQdjSp97Aj.png); }
.suf_ico_guide::after { content: url(../images/9k4WOEf5CccU.png); }
.suf_ico_login::after { content: url(../images/ik8BRsLJiPjm.png); }
.suf_ico_order::after { content: url(../images/Nr4npjqTdgHS.png); }
.suf_ico_search::after { content: url(../images/qN27BjDw6a46.png); }
.suf_ico_store::after { content: url(../images/QYxPMjzSSD5H.png); }
.suf_ico_user::after { content: url(../images/CorD0A5FbxF5.png); }
.suf_ico_arrow_right01::after { content: url(../images/tG6Wqc0ACRTK.png); }
.suf_ico_arrow_right02::after { content: url(../images/GlzTTvFoUXps.png); }
.suf_ico_arrowtext_right::after { content: ">"; }
.suf_ico_plustext::after { content: "+"; }

/*************************************************************
 *    generals
 *************************************************************/
.pipe > * { border-right: 1px solid #3a3a3a;  }
.pipe > :first-child { border-left: 1px solid #3a3a3a; }

ul.tab {}
ul.tab li {
	display: block;
	float: left;
}
ul.tab::after {
	display: block;
	content: "";
	clear: both;
}
ul.tab ~ input[type=radio] { display: none; }
ul.tab ~ input[type=radio]:checked + .tab_content { display: block; }
ul.tab ~ .tab_content { display: none; }

input.sp_dropdownTrigger { display: none; }

#sidebar .hoverNearContent .close {
	position: absolute;
	top: 0;
	left: 521px;
	display: inline-block;
	background: #000;
	width: 60px;
	height: 58px;
	text-align: center;
	cursor: pointer;
	font-size: 1em;
	color: #fff;
	z-index: 10;
}
/*
#sidebar .hoverNearContent .close::before { font-size: 2vw; display: inline; content: ""; color: #fff; vertical-align: middle; }
*/
#sidebar .hoverNearContent .close::after { display: inline-block; content: ""; height: 100%; vertical-align: middle; }
#sidebar .hoverNearContent .close:active,
#sidebar .hoverNearContent .close:active ~ *{display: none !important; }
//.close:active ~ div#subInnerContent {display: none; }

/****************************************************************
*  newsfeed
****************************************************************/
.inlinemenu {
	margin: 0 auto 10px;
	font-size: 11px;
	text-align: center;
}
	.inlinemenu li {
		display: inline-block;
		padding: 1px 3px;
	}
.newsFeed {
  font-size: 11px;
}
@media screen and (max-width: 768px) {
  .newsFeed {
    max-height: 200px;
    overflow: scroll;
  }
}
	.newsFeed li { margin: 20px auto; }

	.newsFeed [class*="newsico_"] {
		display: block;
		width: 4em;
		padding: 0 .25em;
		margin-bottom: .2em;
		color: #fff;
		text-align: center;
	}
	.newsFeed .newsico_media { background: #f42448; }
	.newsFeed .newsico_release { background: #0770f0; }
	.newsFeed .newsico_caution { background: #03b930; }
        .newsFeed .newsico_info { background: #0770f0; }


ul#clsiconsaleIndex.clsiconIndex a {
  text-decoration:none;
}

ul#clsiconbuyIndex.clsiconIndex a {
  text-decoration:none;
}

ul#clsiconsaleIndex.clsiconIndex .open a {
  color:#fff;
}

ul#clsiconbuyIndex.clsiconIndex .open a {
  color:#fff;
}
.form-product {
	font-size: 13px;
    font-weight: bold;
    color: #0000cc;
    font-style: italic !important;
    text-decoration: underline !important;
}
.form-product:hover {
	color: red;
}