/* Layout
------------------------------------------*/
.main{
	padding: 0 5%;
}

/* header
------------------------------------------*/
.header{
	display: none;
}
.sp-header{
	display: block;
}

/* footer
------------------------------------------*/
.footer{
	display: none;
}
.sp-footer{
	display: block;
}
.footer-contact {
    margin: 0 auto 30px;
    width: 70vw;
}
.footer-tel a,
.footer-mail a{
	margin-bottom: 2vw;
	float: none;
}
.footer-hours{
	font-size: 3vw;
}
.footer-add{
	width: 100%;
	margin-bottom: 8vw;
}
.footer-add ul li{
	float: none;
	margin-bottom: 3vw;
	width: 100% !important;
	font-size: 3vw !important;
}
.sp-footer-copyright{
	color: #fff;
}


/* home
------------------------------------------*/

/* mainvisual */
.mainvisual{
	margin-bottom: 5vw;
}
.mainimage-text {
    position: absolute;
    bottom: 3vw;
    left: 3.5vw;
    color: #fff;
    font-size: 4vw;
    font-weight: bold;
}
.main-message{
	margin-bottom: 5vw;
}
.main-message-body,
.main-message-img{
	width: 100%;
	float: none;
}
.main-message-body{
	font-size: 3vw;
}
.main-message-body h2{
	font-size: 5vw;
}

.newitems{
	margin-bottom: 5vw;
}
.newitems-header{
    margin-bottom: 3vw;
    width: 100%;
    height: auto;	
}
.newitems h2{
	position: static;
	margin-bottom: 2vw;
	font-size: 4.5vw;
}
.newitems-header-message{
	position: static;
    width: 70%;
	margin: 0 auto 2vw;
    height: 10vw;
    font-size: 3vw;
    -webkit-border-radius: 5vw;
    -moz-border-radius: 5vw;
    border-radius: 5vw;
}
.newitems-header-notice{
	position: static;
    width: 100%;
    height: 10vw;
    font-size: 2.8vw;
}
.newitems ul{
	margin: 0;
}
.newitems .item{
	width: 50%;
	margin-bottom: 2vw;
}
.newitems .item:nth-child(even){
	float: right;
}
.newitems .image{
	width: 100%;
	height: auto;
}
.newitems .image img {
    width: 100%;
    height: 100%;
}
.newitems .text h3{
	margin: 2vw 0;
	font-size: 3vw;
}
.newitems-text{
	font-size: 2.5vw;
}

.newblog {
    margin: 0 0 5vw 0;
}
.newblog h2 {
	margin-bottom: 3vw;
	font-size: 4.5vw;
    color: #0d8432;
}
.newblog ul{
	margin: 0 0 3vw;
}
.newblog .item{
	float: none;
	margin: 0 0 2vw;
	padding-bottom: 2vw;
	width: 100%;
	border-bottom: #ccc 1px dotted;
}
.newblog .text{
	width: calc(100% - 120px);
}
.newblog-btn a {
    width: 60vw;
    height: 12vw;
    line-height: 12vw;
    -webkit-border-radius: 2vw;
    -moz-border-radius: 2vw;
    border-radius: 2vw;
    font-size: 4vw;
}

/* page
------------------------------------------*/

/* title */
.page-title{
	margin: 0 0 3vw 0;
	padding: 1.5em;
}
.page-title-inner h1,
.page-title-inner p{
	font-size: 4.5vw;
}

/* breadcrumb */
.breadcrumb{
	display: none;
}

/* title */
.ec-pageHeader{
}
.ec-pageHeader h1{
}

.page-content h2 {
    margin: 0 0 3vw 0;
    padding: 2vw 3vw;
    font-size: 4vw;
}
.page-content h3 {
    margin: 0 0 3vw 0;
    padding: 0 0 0.5em 0;
    font-size: 3.7vw;
}
.page-content h4 {
    margin: 0 0 3vw 0;
    padding: 0 0 0.5em 0;
    font-size: 3.3vw;
}
.page-content p{
	margin: 3vw 0;
	font-size: 3.2vw;
}

/* product list */
.ec-productListRole{
	display: block;
}
.ec-productListRole__main{
	width: 100%;
}
.ec-productListRole__side{
	display: none;
}
.ec-searchnavRole__counter span{
	display: none;
}
.ec-searchnavRole__counter span.ec-font-bold{
	display: block;
}
.ec-shelfGrid li.ec-shelfGrid__item{
	width: 50%;
}

/* product detail */
.ec-productRole .ec-grid2{
	display: block;
}
.ec-productRole .ec-grid2__cell{
	width: 100%;
}
.ec-productRole .ec-grid2__cell:last-of-type{
	padding: 0;
	width: 100%;
}
.ec-sliderItemRole .item_nav{
	display: none;
}
.ec-sliderItemRole .slick-dots{
	display: flex;
	justify-content: center;
	margin: 10px 0 30px 0;
}
.ec-sliderItemRole .slick-dots li button{
	display: none;
}
.ec-sliderItemRole .slick-dots li:before{
	content: '';
	display: block;
	margin: 0 3px;
	width: 8px;
	height: 8px;
	background: #f0f0f0;
	border-radius: 4px;
}
.ec-sliderItemRole .slick-dots li.slick-active:before{
	background: #555;
}

/* other common */
.ec-borderedDefs dl{
	display: block;
}
.ec-borderedDefs dl dt{
	margin: 0 0 10px 0;
	width: 100%;
}
.ec-borderedDefs dl dd{
	width: 100%;
}

/* login */
.ec-login .ec-grid2{
	display: block;
}
.ec-login .ec-grid2 .ec-grid2__cell{
	width: 100%;
}
.ec-login .ec-grid2 .ec-grid2__cell:last-of-type{
	padding: 10px 0 0 0;
}

/* cart */
.cart_page .ec-grid3{
	display: block;
}
.cart_page .ec-grid3 .ec-grid3__cell2{
	width: 100%;
}
.cart_page .ec-grid3 .ec-grid3__cell{
	width: 100%;
}
.ec-guest{
	margin: 30px 0 0 0;
	padding: 30px;
}
.ec-cartRole__totalText{
	margin: -10px 0 20px 0;
	padding: 10px;
	border: #ddd 1px solid;
	border-radius: 3px;
}
.ec-cartHeader{
	display: none;
}
.ec-cartRow__amountColumn{
	width: 26%;
}
.ec-cartRow li.ec-cartRow__subtotalColumn{
	display: none;
}
.ec-cartRow__sutbtotalSP{
	opacity: 0.7;
	display: block;
	font-size: 1.3rem;
}
.ec-cartRow__amount{
	display: none;
}
.ec-cartRow__amountSP{
	display: block;
	margin: 0 0 10px 0;
}
.ec-cartRole__actions .ec-blockBtn--action,
.ec-cartRole__actions .ec-blockBtn--cancel{
	margin: 10px 0 0 0;
	width: 100%;
}
.ec-orderRole{
	display: block;
}
.ec-orderRole__detail{
	width: 100%;
}
.ec-orderRole__summary{
	width: 100%;
}
.ec-selects .ec-select__delivery{
	margin: 0 0 10px 0;
	width: 100%;
}
.ec-AddAddress__selectAddress{
	margin: 0 0 10px 0;
}

/* mypage */
.ec-navlistRole__navlist .ec-navlistRole__item{
	margin: 0 0 1px 0;
	width: 100%;
}
.ec-navlistRole__navlist .ec-navlistRole__item a{
	display: block;
	padding: 10px;
	font-weight: bold;
	text-align: center;
	background: #f0f0f0;
	border-radius: 3px;
}
.ec-navlistRole__navlist .ec-navlistRole__item.active a{
	color: #fff;
	background: #555;
}
.ec-welcomeMsg{
	margin: 30px 0;
	padding: 0 0 30px 0;
	text-align: center;
	border-bottom: #ddd 1px solid;
}
.ec-historyRole__contents{
	display: block;
}
.ec-historyRole__header{
	margin: 0 0 20px 0;
	width: 100%;
}
.ec-favoriteRole__header{
	margin: 0 0 20px 0;
}
.ec-favoriteRole__itemList{
	display: flex;
	flex-wrap: flex;
	margin: 0 -15px;
}
.ec-favoriteRole__itemList li{
	position: relative;
	margin: 0 0 30px 0;
	padding: 0 15px;
	width: 25%;
}
.ec-favoriteRole__itemList li a.ec-closeBtn--circle{
	display: block;
	position: absolute;
	top: 5px;
	right: 20px;
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 3px;
}
.ec-favoriteRole__itemList li a.ec-closeBtn--circle:before,
.ec-favoriteRole__itemList li a.ec-closeBtn--circle:after{
	content: '';
	display: block;
	position: absolute;
	top: 19px;
	left: 10px;
	width: 20px;
	height: 2px;
	background: #555;
	transform: rotate(45deg);
	border-radius: 1px;
}
.ec-favoriteRole__itemList li a.ec-closeBtn--circle:after{
	transform: rotate(135deg);
}
.ec-favoriteRole__itemList li a.ec-closeBtn--circle img{
	display: none;
}
.ec-favoriteRole__itemTitle{
	margin: 10px 0 0 0;
}
.ec-withdrawRole .ec-icon,
.ec-withdrawConfirmRole .ec-icon{
	display: none;
}

/* blog list */
.ec-blogListRole,
.ec-blogDetailRole{
	display: block;
}
.ec-blogListRole__main,
.ec-blogDetailRole__main{
	width: 100%;
}
.ec-blogListRole__side,
.ec-blogDetailRole__side{
	width: 100%;
}
.ec-blogListRole__main .item{
	display: block;
}
.ec-blogListRole__main .image{
	width: 100%;
	height: auto;
}
.ec-blogListRole__main .text{
	margin: 20px 0 0 0;
	padding: 0;
	width: 100%;
}
.ec-blogListRole__main .text h3{
	font-size: 1.8rem;
}
.ec-blogListRole__main .text p{
	display: none;
}
.ec-blogListRole__main .text .meta{
	margin: 10px 0 0 0;
}
.ec-blogListRole__main .text .meta .categories{
	display: none;
}

/* blog detail */
.ec-blogDetailRole__main h1{
	font-size: 2.5rem;
}
.ec-blogDetailRole__main .sns ul li a .fa{
	margin: 0;
}
.ec-blogDetailRole__main .sns ul li a span{
	display: none;
}
.ec-blogDetailRole__main-content h2{
	font-size: 2.2rem;
}

/* blog side */