@charset "utf-8";
/* ===================================================================
CSS information

 style info :module

 独自スタイル index
 独自スタイル list
 独自スタイル cart
 独自スタイル item
 独自スタイル coordinate
 独自スタイル mypage
 ------------------
 フォントカラー
 テキスト揃え
 マージン
 罫線
 カルーセル設定
 見出し     20180325追加有り
 コンテンツ用 ボーダー
 キーワード検索
 ボタン
 リスト
 ページャー
 ラベル     20180323追加

 *Last Modified: 2018-03-27
=================================================================== */


/* ----------------------------------------------------
	独自スタイル index
---------------------------------------------------- */

/* brandナビ */
#brand h1 {
	display: block;
	text-align: center;
	overflow: hidden;
	height: 0;
	padding: 29px 0 0 0;
	background-repeat: no-repeat;
	background-position: 10px 3px;
}
.brand h1 {
	display: block;
	text-align: center;
	overflow: hidden;
	height: 0;
	padding: 29px 0 0 0;
	background-repeat: no-repeat;
	background-position: 10px 3px;
}

.brand2 h1 {
	display: block;
	text-align: center;
	overflow: hidden;
	height: 0;
	padding: 29px 0 0 0;
	background-repeat: no-repeat;
	background-position: 10px 3px;
}

#brand h1.noimg {
	background-image: url(/css/smart/img/h_cart.png);
	background-color: #000000;
}
#brand h1.ingni {
	background-image: url(/css/smart/img/h_ingni.png);
	background-color: #000000;
}
.brand h1.ingni {
	background-image: url(/css/smart/img/h_ingni.png);
	/*background-color: #f73a7c;*/
	background-color: #000000;
}
#brand h1.allamanda {
	background-image: url(/css/smart/img/h_allamanda.png);
	background-color: #f5f7ec;
}
.brand h1.allamanda {
	background-image: url(/css/smart/img/h_allamanda.png);
	background-color: #f5f7ec;
}
#brand h1.outlet {
	background-image: url(/css/smart/img/h_outlet.png);
	background-color: #63d621;
}
.brand2 h1.outlet {
	background-image: url(/css/smart/img/h_outlet.png);
	background-color: #63d621;
}
#brand h1.first {
	background-image: url(/css/smart/img/h_first.png);
	background-color: #f7c6dc;
}
.brand h1.first {
	background-image: url(/css/smart/img/h_first.png);
	background-color: #f7c6dc;
}
#brand h1.mlia {
	background-image: url(/css/smart/img/h_mlia.png);
	background-color: #f5f5f5;
}
.brand h1.mlia {
	background-image: url(/css/smart/img/h_mlia.png);
	background-color: #f5f5f5;
}
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	#brand h1.noimg {
	background-image: url(/css/smart/img/h_cart_x2.png);
	-webkit-background-size: 110px 23px;
}

	#brand h1.ingni {
		background-image: url(/css/smart/img/h_ingni_x2.png);
		-webkit-background-size: 48px 23px;
	}
	.brand h1.ingni {
		background-image: url(/css/smart/img/h_ingni_x2.png);
		-webkit-background-size: 48px 23px;
	}
	#brand h1.allamanda {
		background-image: url(/css/smart/img/h_allamanda_x2.png);
		-webkit-background-size: 52px 23px;
	}
	.brand h1.allamanda {
		background-image: url(/css/smart/img/h_allamanda_x2.png);
		-webkit-background-size: 52px 23px;
	}
    .brand2 h1.outlet {
	background-image: url(/css/smart/img/h_outlet_x2.png);
	-webkit-background-size: 52px 23px;
	}
	#brand h1.goldenboy {
	background-image: url(/css/smart/img/h_goldenboy_x2.png);
	-webkit-background-size: 110px 23px;
	}
	.brand h1.goldenboy {
	background-image: url(/css/smart/img/h_goldenboy_x2.png);
	-webkit-background-size: 110px 23px;
	}
	#brand h1.first {
		background-image: url(/css/smart/img/h_first_x2.png);
		-webkit-background-size: 103px 23px;
	}
	.brand h1.first {
		background-image: url(/css/smart/img/h_first_x2.png);
		-webkit-background-size: 103px 23px;
	}
}

/* トップ　スライダーバナー */
/* 20250519 Swiper */
.mainSlider {
	width: 100vw;
	min-height: 84.6153vw;
	background: #f7f7f7;
}

.mainSlider .swiper {
	width: 100vw;
	min-height: 84.6153vw;
	margin: 0 auto;
	display: block;
	padding: 0;
	opacity: 0;
	transition: opacity 0.4s;
}

.mainSlider .swiper.swiper-initialized {
	opacity: 1;
}

.mainSlider .swiper .swiper-slide {
	width: 84.6153vw;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background: #999;
}

.mainSlider .swiper-slide img {
	width: 100%;
	height: auto;
	display: block;
	transition: all 0.4s ease;
	opacity: 0.5;
}
.mainSlider .swiper-slide.swiper-slide-active img {
	opacity: 1;
}

/* 20250519 subBnr */
.subBnr {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 40px 10px 10px 10px;
}
.subBnrList {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	overflow: hidden;
}
.subBnrListMore {
	height: 0;
	overflow: hidden;
	transition: height 0.6s ease;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.subBnrList .subBnrListItem {
	width:calc((100% - 10px) / 2);
	height: calc((100vw - 30px) / 2);
	margin-bottom: 10px;
}
.subBnrList .subBnrListItem img {
	width: 100%;
	height: auto;
	display: block;
}
.subBnrList .subBnrListItem a {
	transition: all 0.4s ease;
}
.subBnrList .subBnrListItem a:hover {
	opacity: 0.6;
}
.viewMore {
	width: 100%;
	text-align: center;
	position: relative;
	padding: 0 0 0 0;
	margin: 10px auto 10px auto;
}
.viewMore span {
	display: inline-block;
	padding-right: 1.2em;
	font-size: 14px;
	position: relative;
	padding: 0.5em 1.4em 0.5em 0;
}
.viewMore span::after {
	content: '';
	display: block;
	width: 0.5em;
	height: 0.5em;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	transform: rotate(45deg);
	position: absolute;
	top: calc(10px + 0.15em);
	right: 0.2em;
}
.viewMore span:hover {
	opacity: 0.6;
	cursor: pointer;
}
.viewMore span.open::after {
	transform: rotate(225deg);
	transition: transform 0.4s ease;
	top: 0.9em;
}
.viewMore span.open {
	display: none;
}
.viewMore span::after {
	transition: transform 0.4s ease;
}
.subBnrList li:nth-child(n+7) {
	display: none;
}




/* brandバナー */
#brand .bnr {
	width: 100%;
	clear: left;
}

#brand .bnr .container {
   overflow: hidden;
   width: 2600px;
   height: 160px;
}

#brand .item {
	width: 260px;
	overflow: hidden;
	position: absolute;
	background: #FFF;
}
#brand .item a {
	display: block;
	-webkit-transition: all .5s ease-out;
	background: #FFF;
}
#brand .item img {
	-webkit-transition: opacity .5s ease-out;
}

/* brandバナー ページャー */
#brand ul.nav {
	display: table;
	width: 100%;
	border-top: 1px solid #D2D2D2;
	border-bottom: 1px solid #D2D2D2;
}
#brand ul.nav li {
	display: table-cell;
	text-align: center;
	font-size: 12px;
	border-right: 1px solid #D2D2D2;
	line-height: 1;
}
#brand ul.nav li:last-child {
	border-right: none;
}
#brand ul.nav li.selected {
	background: #E1E1E1;
}
#brand ul.nav li a {
	display: block;
	color: #989898;
	height: 15px;
	line-height: 16px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* リコメンド */
#recommend,
#coordinate{
	position: relative;
}
#recommend .btn,
#coordinate .btn{
/*	top: 50px;*/
	width: 30px;
	box-sizing: border-box;
}
#recommend .btn.prev,
#coordinate .btn.prev{ left: -10px; padding-left: 14px; z-index: 1000; }
#recommend .btn.next,
#coordinate .btn.next{ right: -10px; padding-left: 10px; z-index: 1000; }

/* ----------------------------------------------------
	独自スタイル list
---------------------------------------------------- */

#list select,
#item select{
	-webkit-appearance: none;
	padding: 0 0 0 0;
	line-height: 1;
	font-size: 12px;
	font-weight: bold;
	background: url(/css/smart/img/bg_select.png) no-repeat right top;
	height: 25px;
	line-height: 24px;
	padding: 0 30px 0 5px;
	border: 1px solid #4C4C4C;
	-webkit-border-radius: 4px;
	width: 100%;
}

@media only screen and  (-webkit-device-pixel-ratio: 2) {
	#list select,
    #item select{
		background: url(/css/smart/img/bg_select_x2.png) no-repeat right top;
		-webkit-background-size: 370px 25px;
	}
}

/* ページャー */
#list .pageInfo {
	zoom: 1;
}
#list .pageInfo:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#list .pageInfo ul {
	width: 76%;
	zoom: 1;
	float: left;
	text-align: center;
}
#list .pageInfo ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#list .pageInfo ul li {
	font-size: 12px;
	display: inline-block;
	color: #717171;
}
#list .pageInfo ul li a {
	display: inline-block;
	width: 1.5em;
	padding: 0 4px 0 0;
	color: #717171;
}
#list .pageInfo ul li em {
	display: inline-block;
	width: 1.5em;
	font-weight: bold;
	padding: 0 4px 0 0;
	color: #000;
}
#list .pageInfo ul li span {
	display: inline-block;
}
#list .pageInfo p.prev {
	float: left;
	width: 12%;
	margin: 2px 0 0 0;
}
#list .pageInfo p.next {
	float: right;
	width: 12%;
	margin: 2px 0 0 0;
}
#list .pageInfo p.prev2 {
	float: left;
	width: 12%;
	margin: 2px 0 0 0;
}
#list .pageInfo p.next2 {
	float: right;
	width: 12%;
	margin: 2px 0 0 0;
}

#list .pageInfo p.prev a {
	background: url(/css/smart/img/btn_prev.png) no-repeat left top;
	height: 18px;
	text-indent: -9999px;
	display: block;
}
#list .pageInfo p.prev2 a {
	background: url(/css/smart/img/btn_prev_gray.png) no-repeat left top;
	height: 18px;
	text-indent: -9999px;
	display: block;
}
#list .pageInfo p.next a {
	background: url(/css/smart/img/btn_next.png) no-repeat right top;
	height: 18px;
	text-indent: -9999px;
	display: block;
}
#list .pageInfo p.next2 a {
	background: url(/css/smart/img/btn_next_gray.png) no-repeat right top;
	height: 18px;
	text-indent: -9999px;
	display: block;
}
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	#list .pageInfo p.prev a {
		background: url(/css/smart/img/btn_prev_x2.png) no-repeat left top;
		-webkit-background-size: 24px 18px;
	}
	#list .pageInfo p.next a {
		background: url(/css/smart/img/btn_next_x2.png) no-repeat right top;
		-webkit-background-size: 24px 18px;
	}
	#list .pageInfo p.prev2 a {
		background: url(/css/smart/img/btn_prev_x2_gray.png) no-repeat left top;
		-webkit-background-size: 24px 18px;
	}
	#list .pageInfo p.next2 a {
		background: url(/css/smart/img/btn_next_x2_gray.png) no-repeat right top;
		-webkit-background-size: 24px 18px;
	}

}


/* ----------------------------------------------------
	独自スタイル cart
---------------------------------------------------- */
#cart h2 {
	color: #333;
	font-weight: normal;
	font-size: 12px;
	padding: 0 10px;
}

/* 削除ボタン */
#cart .btn01 {
	margin: 5px 0 0 0;
}

/* 注文内容 */
#price p {
	font-size: 12px;
	color: #666;
}
#price dl {
	width: 100%;
	display: table;
	font-size: 12px;
	padding: 0 10px;
}
#price dl dt {
	width: 80%;
	display: table-cell;
}
#price dl dd {
	width: 20%;
	display: table-cell;
	padding-right: 12px;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
}
#price .freeline {
	border: 1px solid #F00;
	padding:5px;
	margin:5px;
}
#cart .novefinish {
	margin:0 10px 10px 10px;
}
#cart .novefinish dd{
	color:#F00;
	font-size: 12px;
}


/* ----------------------------------------------------
	独自スタイル item
---------------------------------------------------- */
#item h1,
#item h2 {
	font-size: 16px;
	color: #666;
}
#item h2 {
	display: inline-block;
}
#item h1 span {
	font-size: 12px;
}

#item h2 span {
	font-size: 10px;
}
#item p.price {
	font-size: 10px;
}
#item p.price strong {
	font-size: 12px;
}
#item p.photo {
	margin: 0 auto;
	display: block;
	text-align: center;
}
#item p.photo img {
	width: 100%;
    height: auto;
}
#item p.photo span {
	border: 1px solid #999;
	display: inline-block;
}

/* コーディネイト写真　大 --20130214追加-- */

#item p.coordiImgL {
	margin-left:10px;
	margin-right:10px;
	border: 1px solid #999;
}

/* ページャー */
/*#top #pager {
	background: #f2f2f2;
	zoom: 1;
	margin: 0 auto;
	width: 100%;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	box-sizing: border-box
}
.landscape #top #pager {
	width: 362px;
}
#top #pager:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#top #pager li {
	width: 31%;
	float: left;
	padding: 3px 0;
}
#top #pager li.addFavorite,
#top #pager li.scroll {
	width: 38%;
	float: left;
	padding: 3px 0;
}
#top #pager li a {
	display: block;
	text-align: center;
}
#top #pager li:nth-child(1) a {
	border-right: 1px solid #BBB;
}
#top #pager li:nth-child(2) a {
	border-left: 1px solid #DEDEDE;
	border-right: 1px solid #BBB;
	font-size: 10px;
}
#top #pager li:nth-child(3) a {
	border-left: 1px solid #DEDEDE;
}
#top #pager li:nth-child(1) a span {
	background: url(/css/smart/img/icn_item_left.png) no-repeat left 6px;
	background-size: 14px 14px;
	-webkit-background-size: 14px 14px;
	padding: 3px 0 3px 20px;
	display: inline-block;
}
#top #pager li:nth-child(2) a span {
	font-size:14px;
	padding: 3px 0 3px 0;
	display: inline-block;
}
#top #pager li:nth-child(3) a span {
	background: url(/css/smart/img/icn_item_right.png) no-repeat right 6px;
	background-size: 14px 14px;
	-webkit-background-size: 14px 14px;
	padding: 3px 20px 3px 0;
	display: inline-block;
}

#top #pager li.addFavorite div#okini_item a span {
	background: url(/css/smart/img/icn_add_favorite.png) no-repeat left 6px;
	background-size: 14px 14px;
	-webkit-background-size: 14px 14px;
	padding: 3px 0 3px 16px;
	display: inline-block;
}

#top #pager li div#detail_item a span {
	background-size: 14px 14px;
	-webkit-background-size: 14px 14px;
	padding: 3px 0 3px 0;
	display: inline-block;
}*/
.itemData .itemTxt{
	display:none;
}
.itemData .itemTxt.active{
	display:block;
}

div.itemTxt{
	padding-bottom:1px;
}
ul.imgNav{
	width:100%;
	overflow: hidden;
	text-align:center;
	font-size: 16px;
	padding:12px 0;
	border-bottom:1px solid #ddd;
	margin-bottom:15px;
}
ul.imgNav li.photoNum{
	float: left;
	text-align:left;
	width: 5em;
}
ul.imgNav li.addFavorite{
	display: inline-block;
    overflow: hidden;
    width: auto;
}
ul.imgNav li.btnZoom{
	float: right;
	text-align:right;
	width: auto;
}
div.discInfo{/* 20180325追加 */
	width: 100%;
	box-sizing: border-box;
	padding: 10px 0.3em;
	margin:0 0 10px 0;
	border:1px solid #ea0202;
	color: #ea0202;
	font-size:12px;
	line-height: 120%;
	text-align: center;
	font-weight: bold;
}

div.discInfo a{/* 20180325追加 */
	display:inline-block;
	padding: 0 0 0 1em;
	color: #ea0202;
	font-size:12px;
	text-decoration: underline;
}
.photoNum{
	text-indent:5px;
}
.addFavorite .okini_btn{
	display: inline-block;
	box-sizing: border-box;
	padding:0 1.4em 0  2.7em;
	background: url(/css/smart/img/ico_fav.png) no-repeat 1.4em 0.24em;
	background-size: 1.1em 1.0266em;
	border-left: 2px dotted #ddd;
	border-right: 2px dotted #ddd;
}
.btnZoom a img{
	margin-top: 1px;
	margin-right: 10px;
	width:25px;
	height:auto;
	-webkit-border-radius:4px;
}

.stock{
	padding:0 0 5px 0;
	margin:0 0 0 0;
	font-size: 12px	;
}
.stock .stocked{
	display: inline-block;
	padding: 0.1em 0.5em;
	border: 1px solid #dddddd;
	background: #dddddd;
	border-radius: 3px;
	color:#333;
	margin: 5px 5px 0 0;
}
.stock .noStock{
	display: inline-block;
	padding: 0.1em 0.5em;
	border: 1px solid #dddddd;
	border-radius: 3px;
	color:#999;
	margin: 5px 5px 0 0;
}
.modelInfo{
	padding:0 0 0 0;
	margin: 5px 5px 0 0;
	font-size: 12px	;
}
div.itemTxt .btnCoodinate{
	margin: 10px 0 5px 0;
	border: none;
	background: #ff99db;
}
#color .inner{
	width:100%;
	box-sizing: border-box;
	padding: 0 5px;
}

#color .inner ul.list09{
	width:100%;
	padding: 2px 0 0 0;
    font-size: 0;
}
#color .inner ul.list09 li {
    float: none;
	box-sizing: border-box;
	display:inline-block;
	vertical-align: top;
    font-size: 10px;
	width:16.6666%;
    height: auto;
    line-height: 1.3;
    margin: 6px 0 0 0;
	padding: 0 1%;
	background: 
}
#color .inner ul.list09 li span.photo {
    border: 1px solid #ddd;
    display: block;
	width:100%;
	height:auto;
    margin-bottom: 3px;
    overflow: hidden;
	box-sizing: border-box;
}
#color .inner ul.list09 li span.photo.active {
    border: 3px solid #f8577b;
}
#color .inner ul.list09 li img{
	width:100%;
	height:auto;
}



/* カラーバリエーション */
#color { position: relative; }
#color .btn.prev { left: 10px; }
#color .btn.next { right: 10px; }
#color .btn { top: 44px; }

/* ITEM TOP */
#top .status {
	display: inline-block;
	float: right;
	margin: 2px 0 0 2px;
}
#top .statusb {
	display: inline-block;
	float: right;
	margin: 2px 0 0 2px;
}

/* ITEM INFO */
#info .status {
	display: inline-block;
	float: none;
	margin: 0 2px 0 0;
	vertical-align: middle;
}
#info .statusb {
	display: inline-block;
	float: none;
	margin: 0 2px 0 0;
	vertical-align: middle;
}
#info .num {
	font-size: 10px;
	color: #999;
	line-height: 1.3;
}
#info .price {
	display: block;
	font-size: 10px;
	color: #333;
	line-height: 1.5;
}
#info .txt {
	font-size: 12px;
}
#info label {
	display: block;
	font-size: 12px;
	font-weight: bold;
}
#info select {
	-webkit-appearance: none;
	padding: 0 0 0 0;
	line-height: 1;
	font-size: 12px;
	font-weight: bold;
	background: url(/css/smart/img/bg_select.png) no-repeat right top;
	height: 25px;
	line-height: 24px;
	padding: 0 30px 0 5px;
	border: 1px solid #4C4C4C;
	-webkit-border-radius: 4px;
}
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	#info select {
		background: url(/css/smart/img/bg_select_x2.png) no-repeat right top;
		-webkit-background-size: 370px 25px;
	}
}
#info select#colorSize {
	width: 100%;
}
#info select#qua {
	width: 30%;
}

/* アイテム詳細 */
#detail h2 {
	color: #333 !important;
}
#detail .txt {
	font-size: 12px;
}
#detail table {
	font-size: 12px;
	width: 100%;
	border: 1px solid #CFCFCF;
}
#detail table th,
#detail table td {
	font-weight: normal;
	font-size: 12px;
	width: 25%;
	text-align: center;
	border-right: 1px solid #CFCFCF;
	vertical-align: middle;
	padding: 5px 0;
	line-height: 1;
}
#detail table th:last-child,
#detail table td:last-child {
	border-right: none;
}
#detail table th {
	background: #EEE;
	border-bottom: 1px solid #CFCFCF;
}
#detail ul#tab-menu{
	width:100%;
	overflow: hidden;
}
#detail ul#tab-menu li{
	width:50%;
	box-sizing: border-box;
	float:left;
	margin:0;
	padding: 10px 0;
	text-align: center;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	background: #f5f5f5;
}
#detail ul#tab-menu li:nth-child(1){
	border-left: none;
}
#detail ul#tab-menu li:nth-last-child(1){
	border-right: none;
}
#detail ul#tab-menu li.active{
	border-right: none;
	border-left: none;
	border-bottom: none;
	background: none;
}
#detail #tab-box .tab-innner {
  display: none;
}
#detail #tab-box div.active {
  display: block;
}
#item #info ul.list19 {
    font-weight: bold;
    padding: 10px 10px 0 10px;
    text-align: center;
}

#reserve{
	background: #f2f2f2;
	border-radius: 4px;
	box-sizing: border-box;
	padding:20px 10px;
	margin-top:20px;
	margin-bottom:10px;
}
#reserve h3{
	display:inline-block;
	padding: 0.2em 4em;
	border-radius: 2px;
	color:#fff;
	background: #1db9a1;
	font-size: 14px;
	font-weight: normal;
	margin-bottom:12px;
}
#reserve p.item{
	font-size:13px;
	line-height: 125%;
	padding:0;
	font-weight: bold;
	margin:0 0 5px 0;
}
#reserve p{
	padding-top:2px;
	font-size:12px;
}
#reserve p a{
	color:#f8577b;
	text-decoration: underline;
}



/* ----------------------------------------------------
	独自スタイル coordinate --20181130変更--
---------------------------------------------------- */

.coordinate .modelDetail {
	text-align:center;
	font-size:12px;
	line-height:1.8;
	margin-top:-0px;
	padding:6px 0 5px 0;
}

.coordinate .coordiSub {
	width:100%;
	display:block;
	clear:both;
	overflow:hidden;
	margin:10px 10px 0 10px;
	text-align:left;
	padding:0;
}
.coordinate .coordiSub .coordiSubImg {
	width:90px;
	float:left;
	margin-right:20px;
	padding:0;
	margin-bottom:0;
}
.coordinate_page .coordinate .coordiSub{
	width:calc(100vw - 40px);
	display:block;
	clear:both;
	overflow:hidden;
	margin:15px auto 0 auto;
	text-align:left;
	padding:0 0 15px 0;
    border-bottom:1px solid #e5e5e5;
}
.coordinate_page .coordinate .item_list:nth-of-type(1) .coordiSub{
    border-top:1px solid #e5e5e5;
    padding-top:15px;
    margin-top:0;
}
.coordinate .coordiSub .coordiSubImg.coordiThumb {
	width:90px;
	float:left;
	margin-right:10px;
	padding:0;
	margin-bottom:0;
}
.coordinate .coordiSub .coordiSubImg img {
	border:1px solid #e5e5e5;
	width:88px;
    height:auto;
}
.coordinate .coordiSub .coordiInfo{
    width:calc(100vw - 140px);
    float:left;
    padding:0;
}
.coordinate .coordiSub h3 {
	font-size:12px;
	font-weight:bold;
/*	margin-bottom:20px;*/
	margin-top:0;
}
.coordinate .coordiSub h3 a{
	color:#000;
	text-decoration:none;
}
.coordinate .coordiSub p {
	margin-top:0;
}
.coordiPrice, .coordiColor {
	font-size:12px;
	font-weight:normal;
	margin-bottom:10px;
	line-height:1.4;
}
.coordinate .coordiSub .coordiInfo select#colorSize{
    min-width:80%;
    max-width:100%;
    margin:10px 0 0 0 !important;
    font-size:12px;
    box-sizing:border-box;
    /*padding: 0.5em 0;*/
    outline: 0;
}
.coordinate .coordiSub .coordiInfo p.alert{
    font-size:11px;
    /*color:#EA0202;*/
    font-weight:bold;
    margin-top: 5px;
}
.lineThrough {
	text-decoration:line-through;
}
.coordinate_page p#attention{
    text-align: center;
    padding: 20px 0;
    font-size: 11px;
}
.coordinate_page p#attention2{
    text-align: center;
    font-weight: bold;
    padding: 20px 0;
    font-size: 12px;
}
.coordinate_page p#addToCart{
    padding: 0 10px;
    box-sizing: border-box;
}
.coordinate_page button.addCartBtn{
    background: #3399FF;
    color:#fff;
    padding: 25px 0;
    width:100%;
    font-size:15px;
    outline: 0;
    border: none;
    border-radius: 5px;
}
.coordinate_page button.addCartBtn span:before{
    content:"";
    width:30px;
    height:16px;
    display:inline-block;
    vertical-align: middle;
    margin-right:3px;
    background: url(/css/smart/img/icon_view_cart.png) no-repeat  top left;
    background-size:contain;
}
.coordinate_page .coordinate{
    padding-bottom: 30px;
    text-align: left;
}

.coordinate_page #list p.coordiImgL {
	margin-left:0;
	margin-right:0;
	border: none;
}
.coordinate_page #list p.coordiImgL img{
    width:100%;
    height:auto;
}
.coordinate_page .coordiSub span.status{
    margin: 0 2px 2px 0;
}
.coordinate_page .coordiSub span.name {
    color: #717171;
    font-size: 9px;
    line-height: 1.2;
    display: block;
    padding: 5px 0 10px 0;
    clear: both;
}
.coordinate_page .coordiSub span.name strong {
    color: #333;
    font-size: 12px;
    display: block;
    margin: 2px 0 0 0;
}
/* -- 掲載終了商品 -- */
.coordinate_page .disable .coordiThumb {
	background:#eee;
}
.coordinate_page .disable .coordiThumb img,
.coordinate_page .disable .coordiInfo .status{
	opacity: 0.2;
}
.coordinate_page .disable .coordiInfo h3,
.coordinate_page .disable .coordiInfo .info span.name,
.coordinate_page .disable .coordiInfo .info span.name strong,
.coordinate_page .disable .coordiInfo .coordiColor,
.coordinate_page .disable .coordiInfo .coordiColor a,
.coordinate_page .disable .coordiInfo .price,
.coordinate_page .disable .coordiInfo .strike,
.coordinate_page .disable .coordiInfo .off{
	color:#ccc !important;
}

/* ----------------------------------------------------
	フォントカラー
---------------------------------------------------- */

/* ポイント */
.fcPoint { color: #D30000 !important; }

/* 割引価格 */
.off {
	color: #EA0202 !important;
    display: block;
}
.off01 {
	color: #EA0202 !important;
    font-size:9px;
	line-height:12px;
	vertical-align:bottom;
}
.offLabel {
	color: #fff;
	font-size:13px;
	font-weight: bold;
	line-height:100%;
	vertical-align:top;
    display: inline-block;
	border-radius: 3px;
	border: 1px solid #EA0202;
	padding: 3px 0.5em 1.5px 0.5em;
	background:#EA0202;
	margin-left:0.5em;
}
.sellingPrice{
	font-size:24px;
	font-weight: bold;
	line-height: 100%;
}
.taxIn{
    font-size:12px;
}
.soldOut{
	display:block;
	padding: 0 0 20px 0;
	border-bottom:1px solid #ddd;
	margin-bottom: 20px;
}
.off01 span { vertical-align:bottom;
		 line-height:12px;
		 }
.discTxt{/* 20180325追加 */
	display:inline-block;
	box-sizing: border-box;
	padding: 5px 0.8em 4px 0.8em;
	margin:0 0 0 0;
	background:#4bbdf8;
	color: #fff;
	font-size:11px;
	/*font-weight: bold;*/
	line-height: 100%;
	text-align: center;
	border-radius: 3px;
}
/* 注意事項 */
.att { color: #e93535 !important; }

/* ----------------------------------------------------
	フォントサイズ
---------------------------------------------------- */

/* レコメンド用 */
.tx10 {
	font-size:10px;
    text-align: center;
}

#recommendItemList .off01 { 
	color: #EA0202 !important;
    font-size:10px;
	line-height:12px;
	vertical-align:bottom;
}


/* ----------------------------------------------------
	テキスト揃え
---------------------------------------------------- */

/* 右揃え */
.alR { text-align: right !important; }

/* 中央揃え */
.alC { text-align: center !important; }


/* ----------------------------------------------------
	マージン
---------------------------------------------------- */

/* トップ */
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }

/* ボトム */
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }


/* ----------------------------------------------------
	罫線
---------------------------------------------------- */
hr.hr01 {
	height: 1px;
	border: none;
	background: url(/css/smart/img/bg_border02.png) repeat-x 0 0;
	margin: 0;
}
hr.hr02 {
	height: 1px;
	border: none;
	background: #aaa;
	margin: 0;
}
hr.hr03 {
	height: 1px;
	border: none;
	background: #DDD;
	margin: 0;
}
hr.hr04 {
	height: 1px;
	border: none;
	background: #aaa;
	margin: 0;
}

hr.hr05 {
	height: 1px;
	border: none;
	border-top:dashed 1px #DDD;
	margin: 0;
	color:#FFFFFF;
}


/* ----------------------------------------------------
	カルーセル設定
---------------------------------------------------- */
.moving {
	-webkit-transition: -webkit-transform .3s ease-out;
}
.btn {
	position: absolute;
	width: 20px;
	height: 82px;
}
.btn.btn span {
	padding: 11px 0 0 0;
	overflow: hidden;
	width: 6px;
	height: 0;
	overflow: hidden;
	zoom: 1;
	display: block;
	margin: 35px 0 0 0;
}
.btn.prev span {
	background: url(/css/smart/img/icn_arrow06.png) no-repeat left top;
}
.btn.next span {
	background: url(/css/smart/img/icn_arrow05.png) no-repeat left top;
/*	float: right;*/
}
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	.btn.prev span {
		background: url(/css/smart/img/icn_arrow06_x2.png) no-repeat left top;
		-webkit-background-size: 6px 22px;
	}
	.btn.next span {
		background: url(/css/smart/img/icn_arrow05_x2.png) no-repeat left top;
		-webkit-background-size: 6px 22px;
	}
}
#recommend .off span,
#coordinate .off span {
	background: none!important;
}


/* ----------------------------------------------------
	バナー
---------------------------------------------------- */
#bnr{
    padding-top:5px;
}
.bnrArea {
	/*background: #F4F4F4;*/
	text-align: center;
	padding: 5px 0;
}
.bnrArea img{
    width:100%;
    height:auto;
}
.bnrArea01 {
	text-align: center;
	padding: 0 3px 8px 3px;
}
#special .bnrArea01 img {
width: 90%;
height: auto;
}

/* ----------------------------------------------------
	ステータス
---------------------------------------------------- */
.status {
	display: block;
	font-size: 10px;
	font-weight: bold;
	width: 39px;
	text-align: center;
	padding: 0 0 4px 0;
	height: 8px;
	-webkit-border-radius: 2px;
	float: left;
	overflow: hidden;
}

.statusb {
	color: #FFF;
	display: block;
	font-size: 10px;
	font-weight: bold;
	width: 50px;
	text-align: center;
	padding: 0 0 3px 0;
	height: 12px;
	-webkit-border-radius: 2px;
	float: left;
	overflow: hidden;
}

.status01 {
	border: 1px solid #333;
	color: #333;
	display: block;
	font-size: 10px;
	font-weight: bold;
	width: 20px;
	text-align: center;
	padding: 0 0 3px 0;
	height: 12px;
	-webkit-border-radius: 2px;
	float: left;
	overflow: hidden;
}

.status02 {
	color: #FFF;
	display: block;
	font-size: 10px;
	font-weight: bold;
	width: 20px;
	text-align: center;
	padding: 0 0 3px 0;
	height: 12px;
	-webkit-border-radius: 2px;
	float: left;
	overflow: hidden;
}

body.android .status {
	padding: 1px 0 4px 0;
}
body.android .statusb {
	padding: 2px 0 3px 0;
}
.st01 { color: #47b19c;}/* 予約 */
.st02 { color: #5199d8;}/* 再入荷 */
.st03 { color: #AB239F;}/* カタログ */
.st04 { color: #d72920;}/* NEW */
.st05 { color: #000000;}/* 雑誌掲載 */
.st06 { color: #FF9A12;}/* 限定価格 */
.st07 { color: #db6594;}/* SALE */
.st08 { color: #FFFFFF;}
.st09 { color: #149437;}/* HIT */
.st10 { color: #DD4712;}
.st11 { color: #2350a5;}
.st12 { color: #f7c6dc;}

/* ----------------------------------------------------
	見出し
---------------------------------------------------- */

/* 非表示 */
h1.hide {
	display: none;
}

/* 背景黒センター揃え */
h1.center {
	font-size: 14px;
	line-height: 1;
	padding: 5px 10px;
}
h1.center span {
	font-size: 12px;
	font-weight: normal;
	float: right;
	padding: 2px 0 0 0;
}

/* 上下ライン */
h1.line {
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	line-height: 1;
	padding: 10px;
	font-size: 12px !important;
	color: #333 !important;
}

h1.noLine {/* 20180325追加 */
	line-height: 1;
	padding: 0 10px;
	font-size: 12px !important;
	color: #333 !important;
}

h1.line01 {
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	line-height: 2;
	padding: 5px 5px 5px 10px;
	font-size: 12px !important;
	color: #333 !important;
}


/* 下ライン --20130214追加--　*/
h1.line02 {
	line-height: 1;
	padding: 10px;
	font-weight:bold;
	font-size: 12px !important;
	color: #333 !important;
}


/* 角丸 */
h1.border {
	border: 1px solid #AAA;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	font-size: 14px;
	line-height: 1;
	padding: 0 5px;
}
h1.borderNoRound {
	border: 1px solid #AAA;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	font-size: 14px;
	line-height: 1;
	padding: 0 5px;
}

/* リンク */
h1.link {
	border: 1px solid #AAA;
	-webkit-border-radius: 4px;
	font-size: 14px;
	line-height: 1;
	padding: 0 5px;
}
h1.link a {
	display: block;
	background: url(/css/smart/img/icn_arrow01.png) no-repeat right center;
}
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	h1.link a {
		background: url(/css/smart/img/icn_arrow01_x2.png) no-repeat right center;
		-webkit-background-size: 6px 11px;
	}
}

/* 開閉 */
h1 span.toggleOpen {
	display: block;
	background: url(/css/smart/img/icn_arrow02_open.png) no-repeat right center;
	margin: 0 3px 0 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

h1 span.toggleClose {
	display: block;
	background: url(/css/smart/img/icn_arrow02_close.png) no-repeat right center;
	margin: 0 3px 0 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	h1 span.toggleOpen {
		background: url(/css/smart/img/icn_arrow02_open_x2.png) no-repeat right center;
		-webkit-background-size: 19px 19px;
	}

	h1 span.toggleClose {
		background: url(/css/smart/img/icn_arrow02_close_x2.png) no-repeat right center;
		-webkit-background-size: 19px 19px;
	}
}

/* アイコン */
h1 span.icn {
	padding: 0 0 0 30px;
	display: block;
	padding: 12px 0 10px 25px;
}

h1 span.icn01 {
	display: block;
	padding: 10px 25px 10px 25px;
}

h1 span.cat { background: url(/css/smart/img/icn_catsearch.png) no-repeat left center; }
h1 span.pickUp { background: url(/css/smart/img/icn_pickup.png) no-repeat left center; }
h1 span.lineUp { background: url(/css/smart/img/icn_lineup.png) no-repeat left center; }
h1 span.present { background: url(/css/smart/img/icn_present.png) no-repeat left center; }
h1 span.sou { background: url(/css/smart/img/icn_sou.png) no-repeat left center; }
h1 span.recommend { background: url(/css/smart/img/icn_recommend.png) no-repeat left center; }
h1 span.special { background: url(/css/smart/img/icn_special.png) no-repeat left center; }
h1 span.ranking { background: url(/css/smart/img/icn_ranking.png) no-repeat left center;
}
h1 span.rank1 { background: url(/css/smart/img/icn_rank1.png) no-repeat left center;
}
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	h1 span.cat {
		background: url(/css/smart/img/icn_catsearch_x2.png) no-repeat left center;
		-webkit-background-size: 20px 17px;
	}
	h1 span.pickUp {
		background: url(/css/smart/img/icn_pickup_x2.png) no-repeat left center;
		-webkit-background-size: 20px 20px;
	}
	h1 span.lineUp {
		background: url(/css/smart/img/icn_lineup_x2.png) no-repeat left center;
		-webkit-background-size: 20px 20px;
	}
	h1 span.present {
		background: url(/css/smart/img/icn_present_x2.png) no-repeat left center;
		-webkit-background-size: 20px 20px;
	}
	h1 span.sou {
		background: url(/css/smart/img/icn_sou_x2.png) no-repeat left center;
		-webkit-background-size: 20px 14px;
	}
	h1 span.recommend {
		background: url(/css/smart/img/icn_recommend_x2.png) no-repeat left center;
		-webkit-background-size: 20px 15px;
	}
	h1 span.special {
		background: url(/css/smart/img/icn_special_x2.png) no-repeat left center;
		-webkit-background-size: 20px 17px;
	}
	h1 span.ranking {
		background: url(/css/smart/img/icn_ranking_x2.png) no-repeat left center;
		-webkit-background-size: 20px 12px;
	}
	h1 span.rank1 {
		background: url(/css/smart/img/icn_rank1_x2.png) no-repeat left center;
		-webkit-background-size: 20px 12px;
	}
}

/* アイコンなし */
h1 span.noicn {
	display: block;
	padding: 12px 0 10px 5px;
}


/* ----------------------------------------------------
	コンテンツ用 ボーダー
---------------------------------------------------- */
.box {
	border: 1px solid #AAA;
	border-top: none;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	box-sizing: border-box;
}


/* ----------------------------------------------------
	キーワード検索
---------------------------------------------------- */
form.keySearch {
	background: url(/css/smart/img/icn_search.png) no-repeat left center;
}
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	form.keySearch {
		background: url(/css/smart/img/icn_search_x2.png) no-repeat left center;
		-webkit-background-size: 17px 17px;
	}
}
form.keySearch:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
form.keySearch .search {
	margin: 0 0 0 80px;
}

form.keySearch .search p {
	width: 100%;
	margin: 0 0 0 -56px;
	overflow: hidden;
	display: inline-block;
}

form.keySearch input[type=text] {
	-webkit-appearance: none;
	font-size: 15px;
	height: 30px;
	margin: 0;
	border: none;
	padding: 0;
	width: 100%;
	border: 1px solid #AAA;
	border-right: none;
	-webkit-border-radius: 0;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	text-indent: 0.5em;
}

form.keySearch input[type=submit] {
	-webkit-appearance: none;
	height: 33px;
	line-height: 25px;
	padding: 0;
	background: #333;
	border: none;
	color: #FFF;
	width: 55px;
	display: inline-block;
	-webkit-border-radius: 0;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
}


/* ----------------------------------------------------
	ボタン
---------------------------------------------------- */

/* ボタン１（小） */
.btn01 {
	-webkit-border-radius: 4px;
	display: inline-block;
	font-size: 10px;
	line-height: 1;
	float: right;
}
.btn01 a {
	color: #FFF;
	display: block;
	padding: 5px 10px 5px 10px;
}
.btn01.main {
	background: #000;
}
.btn01.sub {
	background: #999;
}

/* ボタン２（大）カートに入れる */
.btn02 {
	-webkit-border-radius: 4px;
	display: block;
	line-height: 1;
}
.btn02 a {
	color: #FFF;
	display: block;
	text-align: center;
	padding: 25px 0;
	font-size: 18px;
}
.btn02 a span.cart {
	background: url(/css/smart/img/icn_cart.png) no-repeat left center;
	padding: 0 0 0 40px;
}
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	.btn02 a span.cart {
		background: url(/css/smart/img/icn_cart_x2.png) no-repeat left center;
		-webkit-background-size: 20px 13px;
	}
}
.btn02.main {
	background: #3399FF;
}


/* ボタン２（大）サイズガイドを読む */

.btn03 {
	-webkit-border-radius: 4px;
	display: block;
	line-height: 1;
}
.btn03 a {
	color: #000;
	display: block;
	text-align: center;
	padding: 10px 0;
	font-size: 14px;
}
.btn03 a span.del_favorite {
	background: url(/css/smart/img/icn_del.png) no-repeat left center;
	padding: 0 0 0 17px;
}
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	.btn03 a span.del_favorite {
		background: url(/css/smart/img/icn_del_x2.png) no-repeat left center;
		-webkit-background-size: 14px 13px;
	}
}
.btn03.main {
	background: #CCC;
}

/* ボタン４（大）再入荷お知らせ登録 */


.btn04 {
	-webkit-border-radius: 4px;
	display: block;
	line-height: 1;
}
.btn04 a {
	color: #FFF;
	display: block;
	text-align: center;
	padding: 25px 0;
	font-size: 18px;
}
.btn04 a span.mail {
	/*background: url(/css/smart/img/icn_mail.png) no-repeat left center;
	padding: 0 0 0 38px;*/
	color: #FFF;
}
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	.btn04 a span.mail {
		/*padding: 0 0 0 28px;
		background: url(/css/smart/img/icn_mail_x2.png) no-repeat left center;
		-webkit-background-size: 20px 13px;*/
	}
}
.btn04.mail {
	background: #999eff;
}

/* ボタン５（大）一覧を見る */



/*


/* ボタン5 マイページメニュー1 */
.btn05 {
	-webkit-border-radius: 4px;
	display: block;
	line-height: 1;
	border:1px solid #b9b9b9 ;

}

.btn05 a {
	color: #202020 ;
	display: block;
	text-align: center;
	padding: 10px 0;
	font-size: 14px;
	text-decoration:none;
}
.btn05.main {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e9e9e9));
}

/* ボタン5 マイページメニュー2 */
.btn15 {
	-webkit-border-radius: 4px;
	display: block;
	line-height: 1;
	border:1px solid #b9b9b9 ;

}

.btn15 a {
	color: #202020 ;
	display: block;
	text-align: center;
	padding: 20px 0;
	font-size: 14px;
	text-decoration:none;
}
.btn15.main {
	background: #dcdcdc;
}

/*-----------------------*/



/* ボタン６（大）マイページ */

.btn06 {
	-webkit-border-radius: 4px;
	display: block;
	line-height: 1;
}
.btn06 a {
	color: #FFF;
	display: block;
	text-align: center;
	padding: 10px 0;
	font-size: 14px;
}
.btn06.main {
	background: #999;
}

/* ボタン7 Submitボタン */

.btn07 {
	background: #CCC;
	display: block;
	text-align: center;
	padding: 5px 0;
	font-size: 14px;
	width: 300px;
	border: 1px #fff solid;

}

.btn07:hover {
  background: #bababa;

}

.btn_submit {
	-webkit-appearance: none;
	font:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color: #FFF;
}

/* リンク一覧用 ボタン */

.btn08{
	width:300px;
	margin:10px auto;
	text-align:center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	/*-webkit-box-shadow: 0px 0px 4px #999999;*/
	/*-moz-box-shadow: 0px 0px 4px #999999;*/
	border: solid #636363 0px;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ebeae6), to(#e1ded8));
	background: -moz-linear-gradient(top, #ebeae6, #e1ded8);
	display:table;
	}

.btn08 a{
	color: #686868;
	font-size: 10px;
	line-height:1.2em;
	/*text-shadow: 1px 0px 1px #808080;*/
	display:table-cell;
    padding:10px;
	height:24px;
	vertical-align:middle;
	}

p.btn08{
	width:300;
	}

p.btn_08 a{
	font-size:10px;
	}

li.btn08{
    float: left;
    margin:2px;
    width: 146px;
	}

/* ボタン５（大）一覧を見る */

.btn09 {
	-webkit-border-radius: 10px;
	display: block;
	line-height: 1;
}
.btn09 a {
	color: #686868;
	display: block;
	text-align: center;
	padding: 10px 0;
	font-size: 14px;
	height:18px;

}
.btn09.main {
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ebeae6), to(#e1ded8));
	background: -moz-linear-gradient(top, #ebeae6, #e1ded8);
}

.btn10{
	width:300px;
	margin:10px auto;
	text-align:center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	/*-webkit-box-shadow: 0px 0px 4px #999999;*/
	/*-moz-box-shadow: 0px 0px 4px #999999;*/
	border: solid #636363 0px;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ebeae6), to(#e1ded8));
	background: -moz-linear-gradient(top, #ebeae6, #e1ded8);
	display:table;
	}

.btn10 a{
	color: #686868;
	font-size: 14px;
	line-height:1.2em;
	/*text-shadow: 1px 0px 1px #808080;*/
	display:table-cell;
    padding:10px;
	height:18px;
	vertical-align:middle;
	}

li.btn10{
    float: left;
    margin:2px;
    width: 146px;
	}


.btn11{
	width:300px;
	margin:10px auto;
	text-align:center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	/*-webkit-box-shadow: 0px 0px 4px #999999;
	-moz-box-shadow: 0px 0px 4px #999999;	*/
	border: solid #FFFFFF 0px;
	display:table;
	}


/* ボタン12（大）20130214　コーディネートアイテムを見る */
.btn12 {
	-webkit-border-radius: 4px;
	display: block;
	line-height: 1;
	/*border:1px solid #d6d6d6;*/
}

.btn12 a {
	color: #FFF;
	display: block;
	text-align: center;
	padding: 15px 0;
	font-size: 15px;
	 /*text-shadow:0 1px #353535;*/
	text-decoration:none;
}
.btn12.main {
	background: #3399ff;
}

/* ボタン13（大）20130214　すべてのアイテムを見る */
.btn13 {
	-webkit-border-radius: 4px;
	display: block;
	line-height: 1;
	border:1px solid #d6d6d6;

}

.btn13 a {
	color: #ffffff;
	display: block;
	text-align: center;
	padding: 10px 0;
	font-size: 14px;
	text-shadow:0 1px #353535;
	text-decoration:none;
}
.btn13.main {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ee7579), to(#d3161d));
}
/* ボタン14 20160909　お気に入りダイヤログ */
.btn14 {
	-webkit-border-radius: 4px;
	display: block;
	line-height: 1;
}
.btn14 a {
	color: #FFF;
	display: block;
	text-align: center;
	padding: 10px 0;
	font-size: 14px;
}
.btn14.main {
	background: #000000;
}

/* ボタン16　TOP　セールアイテムを見る */
.btn16 {
	display: block;
	line-height: 1;a
}

.btn16 a {
	color: #FFF ;
	display: block;
	text-align: center;
	padding: 15px 0;
	font-size: 15px;
	text-decoration:none;
}
.btn16.main {
	background: #999 ;
}
/* ボタン17　TOP　全てのアイテムを見る */
.btn17 {
	display: block;
	line-height: 1;a
}

.btn17 a {
	color: #696969 ;
	display: block;
	text-align: center;
	border: solid #696969 1px;
	padding: 15px 0;
	font-size: 15px;
	text-decoration:none;
}
.btn17.main {
	background: #FFF;
}
/* ボタン18　TOP　ビジュモ一覧を見る */
.btn18 a {
    background: #fff;
    border: 1px solid #333;
    border-radius: 4px;
    color: #333;
    display: block;
    font-size: 14px;
    line-height: 1;
    margin: 30px auto 20px;
    padding: 12px 0;
    text-align: center;
    text-decoration: none;
}


/* ----------------------------------------------------
	リスト
---------------------------------------------------- */

/* 非表示 */
ul.hide {
	display: none;
}

/* list01 */
ul.list01 {
	border: 1px solid #AAA;
	border-top: none;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	overflow: hidden;
}
ul.list01:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
ul.list01 li {
	width: 50%;
	float: left;
	margin-top: -1px;
	border-top: 1px solid #AAA;
}
ul.list01 li a {
	display: block;
	font-size: 13px;
	color: #666;
	background: url(/css/smart/img/icn_arrow03.png) no-repeat 10px center;
	padding: 12px 0 13px 27px;
	font-weight: bold;
	line-height: 1;
}
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	ul.list01 li a {
		background: url(/css/smart/img/icn_arrow03_x2.png) no-repeat 8px center;
		-webkit-background-size: 13px 13px;
	}
}
ul.list01 li:nth-child(odd) a {
	border-right: 1px solid #AAA;
}

/* list02 */
ul.list02 {
	padding: 5px 0;
}

ul.list02:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
ul.list02 li {
	width: 82px;
	float: left;
	margin: 0 4px;
}
#recommend ul.list02 li,
#coordinate ul.list02 li{
	width: auto;
}
ul.list02 li a {
	display: block;
}

/* list02-写真 */
ul.list02 li span.photo {
	border: 1px solid #DDD;
	display: block;
	width: 80px;
	height: 100px;
	overflow: hidden;
	margin-bottom: 3px;
}
#recommend ul.list02 li span.photo,
#coordinate ul.list02 li span.photo{
	width: 100%;
	height: auto;
	box-sizing: border-box;
}
.coordinateBtn{
    margin: 0 10px 10px 10px;
    border-top: 1px solid #ccc;
}
@media only screen and (min-width:376px) { /* iPhone6plus 414x736 */
	#recommend .btn,
    #coordinate .btn{
		top: 109px;
	}
	#recommend ul.list02 li{
		width: 168px;
		height: auto;
	}
    #coordinate ul.list02 li{
		width: 168px;
		height: auto;
	}
	#recommend ul.list02 li span.photo img,
    #coordinate ul.list02 li span.photo img{
		width: 100%;
		height: auto;
	}
}
@media only screen and (min-width:321px) and (max-width:375px) { /* iPhone6 375x667 */
	#recommend .btn,
    #coordinate .btn{
		top: 97px;
	}
	#recommend ul.list02 li{
		width: 160px;
		height: 286px;
	}
    #coordinate ul.list02 li{
		width: 160px;
		height: auto;
	}
	#recommend ul.list02 li span.photo img,
    #coordinate ul.list02 li span.photo img{
		width: 100%;
		height: auto;
	}
}
@media only screen and (max-width:320px) { /* iPhone5 320x568 */
	#recommend .btn,
    #coordinate .btn{
		top: 78px;
	}
	#recommend ul.list02 li{
		width: 130px;
		height: 248px;
	}
    #coordinate ul.list02 li{
		width: 130px;
		height: auto;
	}
	#recommend ul.list02 li span.photo img,
    #coordinate ul.list02 li span.photo img{
		width: 100%;
		height: auto;
	}
}
/* list02-ステータス */
ul.list02 li span.statuses {
	min-height: 2em;
	display: block;
}
ul.list02 li span.status {
	margin: 2px 0 0 2px;
}
ul.list02 li span.noM {
	margin: 2px 0 0 2px;
}

/* list02-商品名 */
ul.list02 li span.name {
	color: #717171;
	font-size: 9px;
	line-height: 1.2;
	display: block;
	padding: 7px 0 0 0;
	clear: both;
	height: 48px;
	overflow:hidden;
}
ul.list02 li span.name strong {
	color: #333;
	font-size: 10px;
	display: block;
	margin: 2px 0 0 0;
}

/* list02-価格 */
ul.list02 li span.price {
	display: block;
	font-size: 10px;
	color: #4f4f4f;
	line-height: 1.2;
}
ul.list02 li .strike {
	text-decoration: line-through;
	text-decoration-color: #CCCCCC;
}

/* list03 */
ul.list03 {
	text-align: center;
	padding: 10px 0 5px 0;
}
ul.list03 li {
	display: inline-block;
	margin: 0 3px 5px 3px;
}

/* list04 */
ul.list04 {
	padding: 10px 10px 10px 10px;
}
ul.list04 li a {
	display: block;
}
ul.list04 li {
	border-bottom: 1px solid #DDD;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

ul.list04 li:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
ul.list04 li:last-child {
	border-bottom: none;
	margin: 0;
}
ul.list04 li a.arrow {
	background: url(/css/smart/img/icn_arrow01.png) no-repeat right center;
	display: block;
	padding: 0 10px 0 0;
}
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	ul.list04 li a.arrow {
		background: url(/css/smart/img/icn_arrow01_x2.png) no-repeat right center;
		-webkit-background-size: 6px 11px;
	}
}
ul.list04 li a.arrow:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/* list04-写真 20170202修正*/ 
ul.list04 li span.photo {
	float: left;
	border: 1px solid #DDD;
	display: block;
	/*width: 120px;
	height: 150px;*/
	width: 50%;
	overflow: hidden;
}

ul.list04 li span.photo img {
	width: 100%;
	height: auto;
}

ul.list04 li div.itemImg {
    float: left;
    width: 50%;
    height: auto;
}
ul.list04 li div.itemImg span.photo {
	border: 1px solid #DDD;
	display: block;
	float:none;
	/*width: 120px;
	height: 150px;*/
	width: 100%;
	overflow: hidden;
}
ul.list04 li div.itemImg div.colorChip {
	padding:8px 0 0 0;
}
ul.list04 li div.itemImg div.colorChip span {
    margin-right: 6px !important;
}

/* list04-商品情報 */
ul.list04 li span.info {
	overflow: hidden;
	zoom: 1;
	display: block;
	padding: 0 0 0 10px;
}
.listView ul.list04 li.notice span.info {
	margin-bottom:35px;
}
.tileView ul.list04 li.notice span.info {
	margin-bottom:0;
}

/* list04-ステータス */
ul.list04 li span.status {
	margin: 0 2px 2px 0;
}
ul.list04 li span.cL {
	clear: left;
}

/* list04-商品名 */
ul.list04 li span.name {
	color: #717171;
	font-size: 9px;
	line-height: 1.2;
	display: block;
	padding: 5px 0 10px 0;
	clear: both;
}
ul.list04 li span.name strong {
	color: #333;
	font-size: 12px;
	display: block;
	margin: 2px 0 0 0;
}

/* list04-商品名（カート） */
ul.list04 li span.name02 {
	padding: 0 0 5px 0;
	display: block;
	line-height: 1;
}
ul.list04 li span.name02 strong {
	font-size: 12px;
}

/* list04-商品番号 */
ul.list04 li span.num {
	display: block;
	font-size: 10px;
	color: #999;
	line-height: 1.3;
}

/* list04-スペック */
ul.list04 li span.spec {
	display: block;
	font-size: 12px;
	line-height: 1.4;
}
ul.list04 li span.hr {
	background: url(/css/smart/img/bg_border02.png) repeat-x left bottom;
	padding: 0 0 8px 0;
	margin: 0 0 8px 0;
}

/* list04-価格 */
ul.list04 li span.price
,div.coordiSub span.price {
	display: block;
	font-size: 11px;
	color: #4f4f4f;
	line-height: 1.2;
	white-space: nowrap;
}
ul.list04 li .strike
,div.coordiSub .strike {
	text-decoration: line-through;
}

/* list04-価格（カート） */
ul.list04 li span.price02 {
	display: block;
	font-size: 10px;
	color: #333;
	line-height: 1.5;
}
ul.list04 li span.price02 strong {
	font-size: 12px;
}

/* list04-数量 */
ul.list04 li span.qua {
	display: block;
	font-size: 13px;
	line-height: 1.2;
}

/*---------------------------------------------
list04 カート内リスト表示 20180325追加
---------------------------------------------*/
#cart ul.list04 {
	padding: 10px;
	margin: 10px 10px 25px 10px;
	box-sizing: border-box;
	border:1px solid #ddd;
}
#cart ul.list04 li.discHeader {
	box-sizing: border-box;
	padding: 0.6em;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	background: #f04d4d;
	border-bottom: none;
}
#cart ul.list04 li.discHeader a {
	display:inline-block;
	color:#fff;
	text-decoration: underline;
	margin-left:1em;
}
#cart ul.list04 li:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin: 0;
}
#cart ul.list04 li span.photo {
    width: 45%;
}
#cart ul.list04 li span.discTxt {
	display: inline;
    padding: 0;
    margin: 0;
    background: none;
    color: #ea0202;
    font-size: 11px;
    font-weight: normal;
    line-height: 120%;
    text-align: left;
	vertical-align: middle;
}
#cart ul.list04 li span.hr {
    background: none;
	border-bottom: 1px dashed #ddd;
}

/*---------------------------------------------
list04 タイル表示 20170202追加
---------------------------------------------*/

#list.tileView ul.list04 {
    padding: 10px 5px;
	overflow: hidden;
}
#list.tileView ul.list04 li {
	width:50%;
	box-sizing: border-box;
    border-bottom: none;
    margin: 0 0 10px;
    padding: 0 5px 5px 5px;
	float:left;
}
#list.tileView ul.list04 li:nth-child(odd){
	float:left;
	clear:both;
}
#list.tileView ul.list04 li:nth-child(even){
	float:right;
	clear:right;
}
#list.tileView ul.list04 li a.arrow {
    background: none;
    padding: 15px 0 0 0;
    border-top: 1px solid #ddd;
}
#list.tileView ul.list04 li:nth-child(1) a.arrow,
#list.tileView ul.list04 li:nth-child(2) a.arrow{
    background: none;
    padding: 0 0 0 0;
    border-top: none;
}


#list.tileView ul.list04 li div.itemImg {
    float: none;
    width: 100%;
    height: auto;
    overflow: hidden;
}
#list.tileView ul.list04 li div.itemImg span.photo {
	border: 1px solid #DDD;
	display: block;
	box-sizing: border-box;
    width: 100%;
    height: auto;
	overflow: hidden;
}
#list.tileView ul.list04 li div.itemImg div.colorChip {
	padding:3px 0 3px 0;
}
#list.tileView ul.list04 li span.photo img {
    width: 100%;
    height: auto;
}
#list.tileView ul.list04 li span.info {
    padding: 0 0 0 0;
    min-height: 83.16px;
}
#list.tileView ul.list04 li span.info .status,
#list.tileView ul.list04 li span.info .price strong.strike{
    display:none;
}
#list.tileView ul.list04 li span.name {
    padding: 7px 0;
}
#list.tileView ul.list04 div.colorChip{
	width:100% !important;
}
#list.tileView ul.list04 div.colorChip span{
	margin-right:6px !important;
}
#list.tileView ul.list04 li a div.colorChip img {
    vertical-align: inherit;
}

/*---------------------------------------------
coordinateListArea コーディネート一覧 20181115追加
---------------------------------------------*/
#coordinateListArea {
    padding: 10px 5px;
	overflow: hidden;
}
#coordinateListArea .coordinate {
	width:50%;
	box-sizing: border-box;
    border-bottom: none;
    margin: 0 0 10px;
    padding: 0 5px 5px 5px;
	float:left;
}
#coordinateListArea .coordinate:nth-child(odd){
	float:left;
	clear: both;
}
#coordinateListArea .coordinate:nth-child(even){
	float:right;
	clear: right;
}
#coordinateListArea .coordinate img{
    width:100%;
    height:auto;
    border: 1px solid #ddd;
}


/* list05 */
ul.list05 {
	border: 1px solid #AAA;
	border-top: none;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
}
ul.list05:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
ul.list05 li {
	width: 50%;
	float: left;
	border-top: 1px solid #AAA;
	margin-top: -1px;
}
ul.list05 li.w100 {
	width: 100%;
	float: left;
	border-top: 1px solid #AAA;
	margin-top: -1px;
}
ul.list05 li a {
	display: block;
	font-size: 12px;
	color: #666;
	line-height: 1;
	height: 34px;
	font-weight: bold;
	text-align: center;
}
ul.list05 li a:before {
	vertical-align: middle;
	display: inline-block;
	height: 100%;
	content: '';
}
ul.list05 li:nth-child(odd) a {
	border-right: 1px solid #AAA;
}
ul.list05 li a span {
	display: inline-block;
	vertical-align: middle;
}
ul.list05 li.w100 a {
	border-right: none;
	padding-left: 10px;
}

/* list06 */
ul.list06 {
	padding: 5px 0 10px 0;
	width: 282px;
	margin: 0 auto;
}
ul.list06:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
ul.list06 li {
	width: 70px;
	float: left;
	margin: 6px 12px 0 12px;
	font-size: 12px;
	text-align: center;
	line-height: 1;
}
ul.list06 li a {
	display: block;
}

/* list06-写真 */
ul.list06 li span.photo {
	border: 1px solid #DDD;
	display: block;
	width: 65px;
	height: 81px;
	overflow: hidden;
	margin-bottom: 3px;
}



/* 商品詳細打消し線 */

.list07 span.price {
	display: block;
	font-size: 14px;
	color: #4f4f4f;
	line-height: 1.2;
}
.list07 span.price01 {
	display: block;
	font-size: 11px;
	color: #4f4f4f;
	line-height: 1.2;
}
.list07 span.num {
	display: block;
	font-size: 14px;
	color: #999;
	line-height: 1.3;
}

.list07 span.num01 {
	display: block;
	font-size: 12px;
	color: #999;
	line-height: 1.3;
}

.list07 .strike {
	text-decoration: line-through;
	text-decoration-color: #4f4f4f;
}
.list07 .favCount {
	font-size: 12px;
	color: #4f4f4f;
}

/* ご利用ガイド */
.list08 a {
	display: block;
	border: 1px solid #AAA;
	font-size: 11px;
	color: #666;
	background: url(/css/smart/img/icn_arrow03.png) no-repeat 10px center;
	padding: 12px 0 13px 27px;
	font-weight: bold;
	line-height: 1;
	margin-top: -1px;
}

@media only screen and  (-webkit-device-pixel-ratio: 2) {
	.list08 a {
		background: url(/css/smart/img/icn_arrow03_x2.png) no-repeat 8px center;
		-webkit-background-size: 13px 13px;
	}
}

/* list09 */
ul.list09 {
	padding: 5px 0 10px 0;
	width: 282px;
	margin: 0 auto;
}
ul.list09:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
ul.list09 li {
	width: 70px;
	height: 113px;
	float: left;
	margin: 6px 12px 0 12px;
	font-size: 10px;
	line-height: 1.3;
}
ul.list09 li a {
	display: block;
}

/* list09-写真 */
ul.list09 li span.photo {
	border: 1px solid #DDD;
	display: block;
	width: 65px;
	height: 81px;
	overflow: hidden;
	margin-bottom: 3px;
}

/* list10 リンク一覧 */
.list10 a {
	display: block;
	border: 1px solid #AAA;
	font-size: 11px;
	color: #666;
	background: url(/css/smart/img/icn_arrow03.png) no-repeat 10px center;
	padding: 12px 0 13px 27px;
	margin: 3px 0;
	font-weight: bold;
	line-height: 1;
}

@media only screen and  (-webkit-device-pixel-ratio: 2) {
	.list10 a {
		background: url(/css/smart/img/icn_arrow03_x2.png) no-repeat 8px center;
		-webkit-background-size: 13px 13px;
	}
}

/* list11 */
ul.list11 {
	border: 1px solid #AAA;
	border-top: none;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	overflow: hidden;
}
ul.list11:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
ul.list11 li {
	width: 50%;
	float: left;
	margin-top: -1px;
	border-top: 1px solid #AAA;
}
ul.list11 li a {
	display: block;
	font-size: 12px;
	color: #666;
	background: url(/css/smart/img/icn_arrow03.png) no-repeat 10px center;
	padding: 12px 0 13px 27px;
	font-weight: bold;
	line-height: 1;
}
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	ul.list11 li a {
		background: url(/css/smart/img/icn_arrow03_x2.png) no-repeat 8px center;
		-webkit-background-size: 13px 13px;
	}
}
ul.list11 li:nth-child(odd) a {
	border-right: 1px solid #AAA;
}

/* list12 */
ul.list12 {
	text-align: center;
	padding: 5px 0px 2px 0px;
}
ul.list12 li {
	display: inline-block;
	padding: 0 3px 3px 3px;
}

/* list13 */
ul.list13 {
	padding: 20px 10px 0px 10px;
}
ul.list13 li a {
	display: block;
}
ul.list13 li {
	border-bottom: 1px solid #DDD;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

ul.list13 li span.info {
	overflow: hidden;
	zoom: 1;
	display: block;
	padding: 0 0 0 10px;
}

ul.list13 li:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
ul.list13 li:last-child {
	border-bottom: none;
	margin: 0;
}
ul.list13 li a.arrow {
	background: url(/css/smart/img/icn_arrow01.png) no-repeat right center;
	display: block;
	padding: 0 10px 0 0;
}
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	ul.list13 li a.arrow {
		background: url(/css/smart/img/icn_arrow01_x2.png) no-repeat right center;
		-webkit-background-size: 6px 11px;
	}
}
ul.list13 li a.arrow:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/* list13-写真 */
ul.list13 li span.photo {
	float: left;
	border: 1px solid #DDD;
	display: block;
	width: 88px;
	height: 110px;
	overflow: hidden;
}

ul.list13 li span.banner {
	float: left;
	display: block;
	width: 110px;
	height: 68px;
	overflow: hidden;
}

ul.list13 li span.text {
	color: #717171;
	font-size: 12px;
	line-height: 1.2;
	display: block;
	padding: 5px 0 5px 0;
	clear: both;
}








/* list15 会員登録 */
ul.list15 {
	border: 1px solid #AAA;
	border-top: none;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	text-align: center;
	font-size: 12px;
	padding:10px 0 10px 0;
}
ul.list15:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
ul.list15 li {
	width: 50%;
	float: left;
	border-top: 1px solid #AAA;
	margin-top: -1px;
}
ul.list15 li.w100 {
	width: 100%;
	float: left;
	border-top: 1px solid #AAA;
	margin-top: -1px;
}
ul.list15 li a {
	display: block;
	font-size: 13px;
	color: #666;
	line-height: 1;
	height: 100px;
	text-align: center;
}
ul.list15 li a:before {
	vertical-align: middle;
	display: inline-block;
	height: 100%;
	content: '';
}
ul.list15 li:nth-child(odd) a {
	border-right: 1px solid #AAA;
}
ul.list15 li a span {
	display: inline-block;
	vertical-align: middle;
}
ul.list15 li.w100 a {
	border-right: none;
	padding-left: 10px;
}


/* list16 トピックス */
ul.list16 {
	border: 1px solid #AAA;
	border-top: none;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	text-align: left;
	font-size: 12px;
	padding:10px 10px 10px 10px;
}
ul.list16:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
ul.list16 li {
/*	visibility: hidden; */
	display: none;
	border-bottom: 1px solid #DDD;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}
ul.list16 li:first-child {
/*	visibility: visible; */
	display: block;
}




/* 会員登録 エラー表示 --20160928追加-- */

ul.list16 form .fieldError{
	background-color: pink;
}
ul.list16 form div{
	padding: 0;
	margin: 0;
}
ul.list16 form div.errors ul{
	padding: 0;
	margin: 0;
	display: inline;
}
ul.list16 form div.errors ul li{
	padding: 0;
	margin: 0;
	color:#f00;
	border-bottom:none;
}

ul.list16 form input[type="text"],
ul.list16 form input[type="password"],
ul.list16 form input[type="button"],
ul.list16 form input[type="number"],
ul.list16 form input[type="email"] ,
ul.list16 form input[type="tel"] ,
ul.list16 form select,
ul.list16 form button {
	padding: 5px 10px 5px 5px;
	width:80%;
	font-size:100%;
}
ul.list16 form select {
	font-size:120%;
}
ul.list16 form input.zipBtn{
	width:100%;
}
ul.list16 form label.checklabel {
    padding-left: 5px;
	box-sizing:border-box;
}
/* 会員登録 エラー表示 //--20160928追加-- */

/* list17  */
ul.list17 {
	border: 1px solid #AAA;
	border-top: none;
	text-align: left;
	font-size: 12px;
	padding:10px 10px 10px 10px;
}
ul.list17:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/* list18  */
ul.list18 {
	border-top: none;
	text-align: left;
	font-size: 12px;
	padding:10px 10px 10px 10px;
}
ul.list18:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/* 詳細即日配送PR　詳細ページ用 201411*/
ul.list19 {
	text-align: center;
	padding:30px 10px 30px 10px;
	font-weight: bold;
	text-align: center;
}

/* list20 */
ul.list20 {
	border: 1px solid #AAA;
	border-top: none;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	text-align: left;
	font-size: 12px;
	padding:10px 10px 10px 10px;
}
ul.list20:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
ul.list20 li {
/*	visibility: hidden; */
	border-bottom: 1px solid #DDD;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}
ul.list20 li:first-child {
/*	visibility: visible; */
	display: block;
}
/* 詳細即日配送PR　TOPページ用 201501*/
ul.list21 {
	text-align: center;
	padding:10px 10px 20px 10px;
	font-weight: bold;
	text-align: center;
}

/* 再入荷ボタン */

.button {
    display: block;
	line-height: 1;
}
.button button {
    display: block;
    border-top: 1px solid #ccc;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-left: 1px solid #ccc;
	padding: 5px 40px;
    font-weight: bold;
}
.button a {
	display: block;
    color: #666;
	text-align: center;
}

.button.main {
	background: #FFF;
	margin: 10px 40px;
}


/* スタイルテンプレート用 */

.style02 {
	display: block;
	text-align: center;
	margin-bottom:20px;
}

.style01 {
	display: block;
	font-size:14px;
	text-align: left;
	padding: 10px 10px 10px 10px;
}


/* アコーディオンリスト用 */

h1.border01 {
	border: 1px solid #AAA;
	font-size: 12px;
	line-height: 1;
	padding: 0 5px;
	font-weight:normal;
}

h1.border02 {
	border: 1px solid #AAA;
	font-size: 12px;
	line-height: 1;
	padding: 0 5px;
	font-weight:normal;
	margin-top: -1px;
}

#bnr_tag {
	margin-bottom: 15px;
	text-align: center;
}



.mr_2012 {
 width:300px;
 margin-left:auto;
 margin-right:auto;
 margin-top:5px;
}

.mr_2012 ul {
 list-style: none;
}
/*
.mr_2012 ul.l {
 margin: 0px 20px 6px 0px;
 padding:0;
}
*/
.mr_2012 li.l {
	float: left;
	margin: 0 0 10px 0;
}

.mr_2012 li.r {
 float: right;
 margin: 0px 0px 10px 0px;
 padding:0;
}

.yukata {
margin: 0 auto;
}

.yukata img { vertical-align: bottom;
}

/* 会員特典＆配送・送料について*/
ul.merit {
	border: 1px solid #AAA;
	border-top: none;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	text-align: center;
	font-size: 12px;
	padding:10px 0 10px 0;
}
ul.merit:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
ul.merit li {
	font-size: 10px;
	width: 33.333%;
	float: left;
}
ul.merit li dl dd {
	padding-top: 5px;
}
ul.merit li span {
	color: #f33c68;
}


/* ----------------------------------------------------
	表示切替・再入荷（20130823）
---------------------------------------------------- */
.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
/* -.sort {
	background-color: #eeeeee;*/
}
.sort ul {
	text-align: center;
	padding: 5px 0;
	margin: 0 0 10px 0;
}
.sort ul li {
	/*border-right: 1px dotted #000;*/
	padding: 0 5px 5px;
	font-weight: bold;
    /*width: 26%;*/
	float: left;
	font-size: 12px;
}
.sort ul li label {
	line-height: 180%;
}
.sort ul li.last {
	border-right: none !important;
}
ul.list04 li.type {
	border-bottom: 2px solid #000;
}
.btn_arrival {
	float: left;
	width: 53%;
	text-align: center;
	margin: 10px 0 0;
	font-size: 11px;
}
.btn_arrival a {
 	background-color: #ffccff;
 	padding: 5px;
}
.btn_arrival a span {
	background: url(/css/smart/img/ico_mail.gif) no-repeat left center;
	padding: 0 0 0 20px;
}
.listView .btn_arrival a{
	margin-bottom:5px;
}

.listView .btn_arrival {
	float: none;
	position:relative;
	width: 50%;
	width: calc(100% - 140px);
	left:130px;
	top:-40px;
	text-align: center;
	margin: 10px 0 -40px 0;
	font-size: 11px;
}
.tileView .btn_arrival {
	display:none;
}




/* ----------------------------------------------------
	マイページ　会員特典（20140122）
---------------------------------------------------- */
#memberPrivileges ul li {
	border-bottom: none;
	margin: 5px 0 10px 0;
}
#memberPrivileges ul li:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#memberPrivileges ul li:last-child {
	border-bottom: none;
	margin: 5px 0 10px 0;
}
#memberPrivileges ul li span.image {
	float: left;
	display: block;
	width: 86px;
	height: 54px;
	overflow: hidden;
}
#memberPrivileges ul li span.info {
overflow: hidden;
zoom: 1;
display: block;
padding: 0 0 0 10px;
}

/* ----------------------------------------------------
	お気に入り追加ダイアログ（20140122）
---------------------------------------------------- */

div.modalAddFavorite{
	width:253px;
	background:url(/css/smart/img/bg_add_favorite.png) no-repeat top center;
	display:none;
	margin:0;
	padding:0;
}
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	div.modalAddFavorite {
		width:253px;
		background:url(/css/smart/img/bg_add_favorite_x2.png) no-repeat top center;
		-webkit-background-size: 81px 115px;
		display:none;
	}
}
div.modalAddFavorite div.fancybox-skin{
	padding:0 !important;
}

div.modalAddFavorite p.message{
	width:253px;
	min-height:75px;
	display:block;
	padding-top:60px;
	text-align:center;
	font-size:14px;
}
div.modalAddFavorite div.btns{
	height:35px;
	text-align:center;
	margin-bottom:20px;
}
div.modalAddFavorite div.btns p.btn02{
	margin: 0 20px 0 20px;
}


/* ----------------------------------------------------
	お気に入り追加サイズ選択ダイアログ （20140122）
---------------------------------------------------- */

div.modalAddFavorite_size{
	width:253px;
	background:url(/css/smart/img/bg_add_favorite.png) no-repeat top center;
	display:none;
}
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	div.modalAddFavorite_size {
		width:253px;
		background:url(/css/smart/img/bg_add_favorite_x2.png) no-repeat top center;
		-webkit-background-size: 81px 115px;
		display:none;
	}
}
div.modalAddFavorite_size p.message{
	width:253px;
	min-height:86px;
	display:block;
	margin: 0 auto;
	padding-top:43px;
	text-align:center;
	font-size:14px;
}
div.modalAddFavorite_size ul{
	width:258px;
	margin: 0 auto 40px auto;
	padding: 0 0 0 0;
	border-bottom: 1px dotted #ccc;
}
div.modalAddFavorite_size ul li{
	width:258px;
	padding: 20px 0;
	text-align:center;
	border-top: 1px dotted #ccc;
	font-size: 16px;
}
div.modalAddFavorite_size ul li label{
	padding: 20px 60px;
}

div.modalAddFavorite_size div.btns{
	height:35px;
	text-align:center;
	margin-bottom:20px;
}
div.modalAddFavorite_size div.btns p.btn02{
	margin: 0 20px 0 20px;
}

/* ----------------------------------------------------
	お気に入り削除ダイアログ（20140127）
---------------------------------------------------- */

div.modalDelFavorite{
	width:298px;
	background:url(/css/smart/img/bg_del_favorite.png) no-repeat top center;
	display:none;
}
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	div.modalDelFavorite {
		width:298px;
		background:url(/css/smart/img/bg_del_favorite_x2.png) no-repeat top center;
		-webkit-background-size: 81px 115px;
		display:none;
	}
}
div.modalDelFavorite p.message{
	width:298px;
	min-height:75px;
	display:block;
	padding-top:60px;
	text-align:center;
	font-size:14px;
}
div.modalDelFavorite div.btns{
	width:253px;
	height:35px;
	margin: 0 auto;
	text-align:center;
	margin-bottom:20px;
	overflow:hidden;
}
div.modalDelFavorite div.btns p.delCancel{
	width:119px;
	margin-right:15px;
	float:left;
}
div.modalDelFavorite div.btns p.delOk{
	width:119px;
	float:left;
}


/* ----------------------------------------------------
	お気に入りリスト （20140127）
---------------------------------------------------- */

ul.list04 li span.itemNumber,
ul.list04 li span.color,
ul.list04 li span.size {
	display: block;
	font-size: 10px;
	color: #4f4f4f;
	line-height: 1.2;
}
ul.list04 li span.size {
	margin-bottom:4px;
}
ul.list04 li span.delivery {
	display: block;
	font-size: 11px;
	color: #1f86e2;
	line-height: 1.2;
	margin-top:4px;
}


/* ----------------------------------------------------
	カート追加ダイアログ（20181130）
---------------------------------------------------- */
body.coordinate_page .fancybox-wrap{
    width:98%;
}
body.coordinate_page .fancybox-inner{
    overflow: inherit !important;
    width:100%;
    background: #fff;
}
div.modalAddCart{
	width:100%;
	background:url(/css/smart/img/bg_add_cart.png) no-repeat center 30%;
    background-size: 120px 90px;
	display:none;
	margin:0;
	padding:0;
}

div.modalAddCart div.fancybox-skin{
	padding:0 !important;
}

div.modalAddCart p.message{
	width:98%;
	min-height:75px;
	display:block;
	padding-top:60px;
	text-align:center;
	font-size:14px;
}
div.modalAddCart div.btns{
	height:35px;
	text-align:center;
	margin-bottom:20px;
}
div.modalAddCart div.btns p.btn02{
	margin: 0 20px 0 20px;
}

div.modalAddCart div.btns{
	width:100%;
	height:90px;
	text-align:center;
    padding: 0 25px;
    box-sizing: border-box;
}
div.modalAddCart div.btns input{
	cursor: pointer;
    display: block;
    width:300px;
    height:50px;
    margin: 0 auto;
    background: #3399FF;
}
div.modalAddCart div.modalCloseBtn{
    position: absolute;
    top: -40px;
    right: -5px;
	cursor: pointer;
}
div.modalAddCart div.modalCloseBtn input{
	cursor: pointer;
    display: block;
    width:38px;
    height:38px;
}
div.modalAddCart div.message{
	/*height:85px;*/
	display:block;
	padding:25px 25px 25px 25px;
	font-size:10px;
    text-align: left;
}
div.modalAddCart div.message dl{
    width:100%;
    display: flex;
    align-items: center;
    padding-bottom: 10px;
}
div.modalAddCart div.message dl dt{
    width:50px;
}
div.modalAddCart div.message dl dt img{
    width:40px;
    height:auto;
    box-sizing: border-box;
    border: 1px solid #ccc;
}
div.modalAddCart div.message dl dd{
    flex:1;
	font-size:10px !important;
}
div.modalAddCart div#itemaddmsg p.okMessage{
    width:100%;
    text-align:center;
	font-size:10px !important;
    padding-bottom:10px;
}
div.modalAddCart div#itemaddmsg p.ngMessage{
    width:100%;
    text-align:center;
    color:#f00;
	font-size:10px !important;
    padding-bottom: 10px;
}
div.modalAddCart  button.modalViewCartBtn{
    background: #3399FF;
    color:#fff;
    padding: 20px 0;
    width:100%;
    font-size:15px;
    outline: 0;
    border: none;
    border-radius: 5px;
}
div.modalAddCart  button.modalViewCartBtn span:before{
    content:"";
    width:30px;
    height:16px;
    display:inline-block;
    vertical-align: middle;
    margin-right:3px;
    background: url(/css/smart/img/icon_view_cart.png) no-repeat  top left;
    background-size:contain;
}

/* ----------------------------------------------------
	TOPお知らせ （20140310）
---------------------------------------------------- */
#topinfo {
font-weight:bold;
font-size: 13px;
padding:10px 10px 15px 10px;
text-align: center;
}

#homebtn p {
text-align: center;
font-weight: bold;
}
#homebtn p a {
color: #666;
}
#snsbtn p {
text-align: center;
margin: 0px 10px;
}
#snsbtn a {
margin: 0px 1px;
}
#campaignlistmore {
text-align: right;
margin: 15px 25px 15px 0px;
font-size: 13px;
}

/* ----------------------------------------------------
	最近チェックしたアイテム （20150423）
---------------------------------------------------- */
#recentItemList .inner {
	padding: 0 10px;
}
#recentItemList ul {
	padding: 0;
	margin: 0 auto;
	width: 280px;
}
#recentItemList ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#recentItemList ul li {
	width: 68px;
	float: left;
	margin: 15px 1px 0 1px;
}
#recentItemList ul li span.photo {
	border: 1px solid #DDD;
	display: block;
	width: 66px;
	height: 80px;
	overflow: hidden;
}

/* ----------------------------------------------------
	このアイテムを使ったスタッフコーデ （20170218）
---------------------------------------------------- */
#staffCoordinateList .inner {
	padding: 0 10px;
}
#staffCoordinateList ul.list02 {
	padding: 0;
	margin: 0 auto;
	width: 280px;
}
#staffCoordinateList ul.list02 li {
	margin-top: 10px;
	display: inline-block;
	vertical-align: top;
	float:none;
}
#staffCoordinateList ul.list02 li span.price01 {
	display: block;
	font-size: 10px;
	color: #4f4f4f;
	line-height: 1.2;
}
#staffCoordinateList ul.list02 li .strike {
	text-decoration: line-through;
	text-decoration-color: #CCCCCC;
}
/* ----------------------------------------------------
	よく一緒に見られているアイテム （20170218追記）
---------------------------------------------------- */
#recommendItemList .inner {
	padding: 0 10px;
}
#recommendItemList ul.list02 {
	padding: 0;
	margin: 0 auto;
	width: 280px;
}
#recommendItemList ul.list02 li {
	margin-top: 10px;
	display: inline-block;
	vertical-align: top;
	float:none;
}
#recommendItemList ul.list02 li span.price01 {
	display: block;
	font-size: 10px;
	color: #4f4f4f;
	line-height: 1.2;
}
#recommendItemList ul.list02 li .strike {
	text-decoration: line-through;
	text-decoration-color: #CCCCCC;
}



/* ----------------------------------------------------
	購入STEP1 （20151210）
---------------------------------------------------- */
section.step1 input.n8{
	width:80px;
}
p.readTx{
	/*font-size:12px;*/
	margin-bottom: 12px;
}

div.shipAddressMember{
	width:100%;
	box-sizing:border-box;
	padding:10px 0 0 25px;
}

ul.shipAddressBlock{
	width:100%;
	box-sizing:border-box;
	padding:10px;
	margin:10px 0;
	background:#f0f0f0;
	border-radius:4px;
}
ul.shipAddressBlock li{
	width:100%;
	box-sizing:border-box;
	margin:0 0 15px 0;
	padding:15px 0 0 0;
	border-top: 1px dotted #ccc;
	border-bottom: none;
	display: block;
}
ul.shipAddressBlock li label{
	font-size:14px;
	font-weight:bold;
}
ul.shipAddressBlock li:first-child{
	padding:10px 0 0 0;
	margin:0 0 10px 0;
	border-top: none;
}
ul.shipAddressBlock li:last-child{
	margin:0 0 10px 0;
}
ul.shipAddressBlock li div.shipAddress{
	box-sizing:border-box;
	padding: 5px 0 0 25px;
}

/* ----------------------------------------------------
	購入STEP2 （20151210）
---------------------------------------------------- */
.logo_creditcard {
	background-image: url(/smart/img/step2/logo_creditcard.gif);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 120px auto;
}
.creditCardBlock{
	width:100%;
	box-sizing:border-box;
	padding:20px 15px 10px 15px;
	margin:15px 0;
	background:#f0f0f0;
	border-radius:4px;
}
.creditCardBlock label{
	font-weight:bold;
}
div.creditCardBlock li{
	width:100%;
	box-sizing:border-box;
	margin:0 0 10px 0;
	padding:10px 0 0 0;
	border-top: 1px solid #ccc;
	border-bottom: none;
	display: block;
	position:relative;
}
div.creditCardBlock li:first-child{
	margin-top:10px;
	border-top: none;
}
div.creditCardBlock li:last-child{
	margin: 10px 0 15px;
	padding:10px 0 10px 0;
	border-bottom: 1px solid #ccc;
}
div.creditCardBlock li .cardInfo{
	width:100%;
	box-sizing:border-box;
	margin:4px 0 0 5px;
}
div.creditCardBlock li .btn_delete{
	width:60px;
	height:22px;
	position:absolute;
	top:15px;
	right:0;
}
div.creditCardBlock ul.creditCardList{
	padding-top:5px;
	margin-top: -25px;
}
div.creditCardBlock ul.addCardInfo input.n16{
	width:150px;
}
div.creditCardBlock ul.addCardInfo li{
	margin:0 0 10px 0;
	padding:10px 0 0 5px;
	box-sizing:border-box;
	border-bottom: none;
	border-top: none;
}
div.creditCardBlock ul.addCardInfo li:first-child{
	box-sizing:border-box;
	margin:0 0 10px 0;
	padding:20px 0 0 5px;
	border-top: none;
}
div.creditCardBlock ul.addCardInfo li:last-child{
	padding:10px 0 0 5px;
	margin:0 0 5px 0;
}
div.creditCardBlock ul.addCardInfo li:last-child a{
	text-decoration:none;
	text-align:right;
	margin:10px 0 0 0;
	text-decoration:underline;
	display:inline-block;
}
ul.addCardInfo{
	box-sizing:border-box;
	padding: 0 0 15px 10px;
}
ul.addCardInfo li select.limit{
	width:6em;
}
ul.addCardInfo li select.count{
	width:8em;
}
#secNo{
	width:80px;
}
div.creditCardBlock div.payCount{
	width:100%;
	box-sizing:border-box;
	margin:0 0 10px 0;
	padding:15px 0 5px 0;
	border-top: 1px solid #ccc;
	border-bottom: none;
}
div.creditCardBlock div.payCount select{
	width:10em;
}
div.creditCardBlock div.payCount div{
	width:100%;
	box-sizing:border-box;
	padding:15px 0 0 25px;
}

.careerBlock{
	width:100%;
	box-sizing:border-box;
	padding:0 15px 15px 15px;
	margin: 5px 0 15px;
	background:#f0f0f0;
	border-radius:4px;
}
.careerBlock ul.career li{
	width:100%;
	box-sizing:border-box;
	margin:0 0 15px 0;
	padding:15px 0 0 0;
	border-top: 1px solid #ccc;
	border-bottom: none;
	display: block;
}
.careerBlock ul.career li:first-child{
	border-top: none;
}
.careerBlock ul.career li:last-child{
	padding:20px 0 0 0;
	margin:0 0 5px 0;
}
#pickUp li.noBorder{
	border-top:none;
	border-bottom:none;
	margin-bottom: 0;
    padding-bottom: 0;
}

/* ----------------------------------------------------
	購入STEP3 （20151210）
---------------------------------------------------- */
.step3 div.item{
	width:100%;
	overflow:hidden;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom: 1px dashed #ddd;
}
.step3 div.item .thumbImg{
	width:65px;
	min-height:81px;
	float: left;
}
.step3 div.item .itemTxt{
	width:100%;
	min-height:81px;
	float: right;
	margin-right:-75px;
}
.step3 div.item .itemTxt .itemTxtInner{
	margin-right:75px;
}

.confirmList dl {
    display: table;
    font-size: 12px;
    padding: 0;
    width: 100%;
}
.confirmList dl dt {
    display: table-cell;
    width: 80%;
    padding: 0 0 0 5px;
}
.confirmList dl dd {
    display: table-cell;
    padding-right: 12px;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
    width: 20%;
}
div#AmazonPayButton #OffAmazonPaymentsWidgets0 {
	max-width: 300px;
}

/* ----------------------------------------------------
	割引ラベル
---------------------------------------------------- */
.photo,
#staffCoordinateList ul li a{
	position: relative;
	overflow: hidden;
}
.photo img,
#staffCoordinateList ul li a img{
	position: relative;
	display:block;
}
div.labelWrapper{
	position: absolute;
	bottom:0;
	left:0;
	/*width:inherit;*/
	/*width:100%;*/
	max-width:100%;
	display:block;
	box-sizing: border-box;
	z-index:2;
	overflow: hidden;
	text-align: left;
}
div.labelItem{
	display:block;
	box-sizing: border-box;
	padding-top:1px;
	max-width:100%;
	line-height: 100%;
}

/* 割引ラベル（水色）*/
div.labelItem span.discLabel{
	display:inline-block;
	box-sizing: border-box;
	/*min-width:8em;*/
	min-width:100%; /*←幅を揃える場合*/
	width:8em;
	margin-top:1px;
	padding:0.25em 0.3em;
	font-size:10px;
	line-height:100%;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	color:#fff;
	background: rgba(75,190,248,0.875);
}
#recentItemList .photo span.discLabel{
	padding:0.3em 0.5em;
	font-size:8px;
}

/* 割引率ラベル（赤）*/
div.labelItem span.discRateLabel{
	display:inline-block;
	box-sizing: border-box;
	/*min-width:8em;*/
	min-width:100%; /*←幅を揃える場合*/
	width:7em;
	margin-top:1px;
	padding:0.25em 0.3em;
	font-size:11px;
	line-height:100%;
	text-align: center;
	white-space: nowrap;
	color:#fff;
	background: rgba(234,2,2,0.875);
}
#recentItemList .photo span.discRateLabel{
	padding:0.3em 0.5em;
	font-size:8px;
}

/* ----------------------------------------------------
	コーディネート一覧
---------------------------------------------------- */
#wrapper .list07{
    position:relative;
}
.list07 .drawerBtn{
    width:35vw;
    max-width:calc(100vw - 205px);
    height:auto;
    box-sizing: border-box;
    position:absolute;
    top:5px;
    right:0;
}
.list07 .drawerBtn img{
    width:100%;
    height:auto;
}
/* メインコンテンツ */
#wrapper.coord_list {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  z-index: 2;
}
/* ドロワー */
.drawer {
  position: fixed;
  top: 0;
  left: 110vw;
  width: 100vw;
  height: 100vh;
  padding-top: 0;
  text-align: left;
  font-size: 13px;
  background: #fff;
  z-index: 1;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
/* ドロワー内レイアウト */
.drawerHeader{
    width:100%;
    height:50px;
    position: absolute;
    top: 0;
    left: 0;
    background: #f5f5f5;
    border-bottom:1px solid #ccc;
    box-sizing: border-box;
}
.drawerHeader h3{
    width:100vw;
    height:50px;
    display:table-cell;
    vertical-align: middle;
    text-align: center;
}
.drawerHeader .drawerBtnWrapper{
    width:100vw;
    height:50px;
    position: absolute;
    top: 0;
    left: 0;
}
.drawerHeader .drawerBtnWrapper .drawerBtn{
    width:100vw;
    height:50px;
    display:table-cell;
    vertical-align: middle;
    padding-left:calc(3vw + 20px);
    background: #f00;
    box-sizing: border-box;
    background: url("/css/smart/img/btn_prev_img.png") 1vw center transparent no-repeat;
    background-size: 30px 30px;
}
.drawerContents{
    height:calc(100vh - 50px);
    position: absolute;
    top: 50px;
    left: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    padding: 3vw 2vw 4vw 2vw;
}

.drawerContents span.itemNumber{
    display:block;
    font-size:11px;
    color:#666;
}
.drawerContents span.itemName{
    font-size:12px;
    font-weight:bold;
}
.drawerContents .coordinateList{
    width:100%;
    box-sizing: border-box;
    padding: 2vw 0 8vw 0;
    font-size:0;
}
.drawerContents .coordinateList .coordinate{
    width:24vw;
    display:inline-block;
    box-sizing: border-box;
    padding: 1vw;
    font-size:inherit;
}
.drawerContents .coordinateList .coordinate img{
    width:100%;
    height:auto;
}

.drawerOverlay {
  content: '';
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  z-index: 3;
}
.drawerOverlay::after {
  content: "";
  visibility: hidden;
  position: fixed;
  top: 40%;
  left: 0;
  display: block;
  width: 100%;
  height: 50px;
  color: rgba(255,255,255,0);
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.drawer-open .drawerOverlay {
  visibility: visible;
  cursor: pointer;
  background: rgba(0,0,0,.3);
}
.drawer-open .drawerOverlay::after {
  visibility: visible;
  color: rgba(255,255,255,.3);
}
/* ドロワーオープン */
.drawer-open .drawer{
  -webkit-transform: translate3d(-110vw, 0, 0);
  transform: translate3d(-110vw, 0, 0);
  z-index: 2000;
}

/* ドロワー */
.imgs {
  position: fixed;
  top: 0;
  left: 110vw;
  width: 100vw;
  height: 100vh;
  padding-top: 0;
  text-align: left;
  font-size: 13px;
  background: #fff;
  z-index: 1;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
/* ドロワー内レイアウト */
.imgsHeader{
    width:100%;
    height:50px;
    position: absolute;
    top: 0;
    left: 0;
    background: #f5f5f5;
    border-bottom:1px solid #ccc;
    box-sizing: border-box;
}
.imgsHeader h3{
    width:100vw;
    height:50px;
    display:table-cell;
    vertical-align: middle;
    text-align: center;
}
.imgsHeader .imgsBtnWrapper{
    width:100vw;
    height:50px;
    position: absolute;
    top: 0;
    left: 0;
}
.imgsHeader .imgsBtnWrapper .imgsBtn{
    width:100vw;
    height:50px;
    display:table-cell;
    vertical-align: middle;
    padding-left:calc(3vw + 20px);
    background: #f00;
    box-sizing: border-box;
    background: url("/css/smart/img/btn_prev_img.png") 1vw center transparent no-repeat;
    background-size: 30px 30px;
}
.imgsContents{
    height:calc(100vh - 50px);
    position: absolute;
    top: 50px;
    left: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    padding: 3vw 2vw 4vw 2vw;
}

.imgsContents span.itemNumber{
    display:block;
    font-size:11px;
    color:#666;
}
.imgsContents span.itemName{
    font-size:12px;
    font-weight:bold;
}
.imgsContents .coordinateList{
    width:100%;
    box-sizing: border-box;
    padding: 2vw 0 8vw 0;
    font-size:0;
}
.imgsContents .coordinateList .coordinate{
    width:24vw;
    display:inline-block;
    box-sizing: border-box;
    padding: 1vw;
    font-size:inherit;
}
.imgsContents .coordinateList .coordinate img{
    width:100%;
    height:auto;
}
.imgsOverlay {
  content: '';
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  z-index: 3;
}
.imgsOverlay::after {
  content: "";
  visibility: hidden;
  position: fixed;
  top: 40%;
  left: 0;
  display: block;
  width: 100%;
  height: 50px;
  color: rgba(255,255,255,0);
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.imgs-open .imgsOverlay {
	visibility: visible;
	cursor: pointer;
	background: rgba(0,0,0,.3);
}
.imgs-open .imgsOverlay::after {
	visibility: visible;
	color: rgba(255,255,255,.3);
}
/* ドロワーオープン */
.imgs-open .imgs{
	-webkit-transform: translate3d(-110vw, 0, 0);
	transform: translate3d(-110vw, 0, 0);
	z-index: 1200;
}


/* ----------------------------------------------------
	amazonPayボタン
---------------------------------------------------- */
#AmazonPayButton {
	margin: 0 auto;
}
#AmazonPayButtonLogin {
	margin: 0 auto;
}