@charset "UTF-8";
/* CSS Document */

/* ---------------------------------------
　　cart-btn
--------------------------------------- */
#contentWrap .cart-btn {
	background:#ffe421;
	padding:0 auto;
	margin:15px auto;
	text-align:center;
	display:block;
	width:100%;
	height:auto;
}
#contentWrap .cart-btn .ec-btn img {
	margin:15px auto;
}

/* ---------------------------------------
　　ecWrap
--------------------------------------- */

.ecWrap {
	padding:45px 0;
}
.ecWrap ul {
    width:100%;
    display:block;
    /*height:200px;*/
		overflow: hidden;
}
.ecWrap ul li {
    float: left;
    text-align:left;
}
.ecWrap ul li {
    width:320px;
}
.ecWrap ul li:first-child {
    width:220px;
}
.ecWrap ul li:first-child img {
    width:180px;
    padding:10px;
    border: 1px solid #ddd;
}


/* btn */

.ecbtnWrap a {cursor: pointer;}
.ecbtnWrap {
	width: auto;
	padding:0 auto;
	margin:20px auto 0;
	text-align:center;
	}
ul.list-EClink {
    display: table-cell;
    width: 240px;
    vertical-align:top;
}
ul.list-EClink li {
    width: 240px !important;
    height: 45px;
    font-size: 0;
}
ul.list-EClink li.btn-amazon a {
    background-image: url(../common_images/ec/logo_amazon.png);
	background-size: auto 100%;}
ul.list-EClink li.btn-rakuten a {
    background-image: url(../common_images/ec/logo_rakuten.png);
    background-size: auto 100%}
ul.list-EClink li.btn-lohaco a {
    background-image: url(../common_images/ec/logo_lohaco.png);
    background-size: auto 100%}

ul.list-EClink li a {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #dddddd;
    box-shadow: 0 0 1px 0 #dddddd;
    border-radius: 3px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-transition: all .2s;
    transition: all .2s; }
ul.list-EClink li+li {
    margin-top: 8px;}


/* etc */
#ec-2color {
	margin:0 0 0 20px;
}