/* Layout
------------------------------------------*/
html{
	font-size: 2.5vw;
}
.main{
	padding: 0 3.7vw;
}

/* header
------------------------------------------*/
.header{
	display: none;
}
.sp-header{
	display: block;
}
.sp-header-logo{
	width: 50vw;
	text-align: center;
}
.sp-header-logo img{
	width: 50vw;
}

/* footer
------------------------------------------*/
.footer{
	display: none;
}
.sp-footer{
	display: block;
	margin: 80px 0 0 0;
	padding: 50px;
	background: #f4fdec;
}
.sp-footer-nav ul{
	max-width: 80vw;
}
.sp-footer-nav ul li a{
	color: inherit;
}
.sp-footer-nav ul li a:before{
	content: '\f105';
	position: absolute;
	top: 10px;
	left: 5px;
	font-family: FontAwesome;
}
.sp-footer-logo{
	margin: 60px auto 20px auto;
	width: 50vw;
}
.sp-footer-copyright{
	font-size: 1.0rem;
}

.pagetop-btn{
	bottom: 2vw;
	right: 2vw;
}
/* home
------------------------------------------*/

/* mainvisual */
.mainvisual{
}


/* main */
.main-trouble {
    position: relative;
    padding: 3vw 3.7vw 2vw;
    margin: 0 -3.7vw 18vw;
}
.main-trouble h2{
	margin: 0 auto;
	width: 80vw;
}
.main-trouble h2:after {
    right: -1vw;
    left: -1vw;
}
.main-trouble-main{
	position: relative;
	margin: -3vw 0 2vw;
	border: #84bf03 1px solid;
	padding: 7vw 4vw 5vw;
}
.main-trouble-main ul{
	gap: 2vw;
}
.main-trouble-main ul li .image{
	margin-bottom: 2vw;
}
.main-trouble-main ul li .text{
	padding: 0 2vw;
}
.main-result{
	margin-bottom: 10vw;
}

.main-sac{
	margin-bottom: 10vw;
}
.main-sac h2{
	margin: 0 -3.7vw 3vw;
	padding: 0 3.7vw;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	height: 33vw;
	background: #faf5ea;
}
.main-sac-main{
	display: block;
}
.main-sac-main .image{
	width: 100%;
}
.main-sac-main .image h3{
	padding: 0 4vw;
}

.main-point{
	margin: 0 -3.7vw;
	padding: 5vw 3.7vw;
}
.main-point h2{
	margin-bottom: 10vw;
}
.main-point-main ul{
	margin-bottom: 3vw;
	gap: 10vw;
}
.main-point-main ul li{
	display: block;
}
.main-point-main ul li .image{
	margin-bottom: 2vw;
	width: 100%;
	height: auto;
}
.main-point-main ul li .text{
	width: 100%;
}
.main-point-main ul li .text h3{
	margin-bottom: 2vw;
}


.main-pickup{
	text-align: center;
	margin: 0 -3.7vw;
	padding: 10vw 3.7vw;
	height: auto;
	background: url(/html/template/cectpl/assets/img/main-pickup-bg.png) no-repeat center 0;
	-webkit-background-size: cover;
	background-size: cover;
}
.main-pickup h2{
	margin-bottom: 5vw;
}
.main-pickup-main{
	display: block;
}
.main-pickup-main .image{
	width: 100%;
}
.main-pickup-main .text{
	width: 100%;
}
.main-pickup-main .text h3{
	margin-bottom: 2vw;
}
.main-pickup-btn{
	margin: 5vw auto 0;
	width: 70vw;
}


.main-newitems{
	padding: 5vw 0;
}
.main-newitems h2{
	margin-bottom: 3vw;
}
.main-newitems-main{
}
.main-newitems-main ul{
	margin: 0 -2vw 3vw;
}
.main-newitems-main ul li{
	margin: 0 2vw;
	width: 45vw !important;
}
.main-newitems-main ul li .image{
	margin-bottom: 2vw;
}

.main-newitems-main .slick-arrow{
	position: absolute;
	top: 23vw;
	left: -3vw;
	width: 9vw;
	height: 9vw;
	line-height: 9vw;
}
.main-newitems-main .slick-arrow.fa-angle-right{
	left: auto;
	right: -3vw;
}

.main-voice{
	margin: 0 -3.7vw;
	padding: 5vw 3.7vw;
}
.main-voice h2{
	margin-bottom: 3vw;
}
.main-voice-main ul{
	display: block;
}
.main-voice-main ul li{
	margin-bottom: 3vw;
}
.main-voice-main ul li:nth-child(odd){
	margin: 0;
}
.main-voice-main ul li .text{
	margin-bottom: 5vw;
	width: 100%;
	height: auto;
	padding: 7vw 3vw;
	text-align: left;
}
.main-voice-main ul li .text h3{
	margin-bottom: 2vw;
}

.main-column{
	padding: 5vw 0;
	text-align: center;
}
.main-column h2{
	margin-bottom: 3vw;
}
.main-column ul{
	margin-bottom: 3.7vw;
	grid-template-columns: repeat(2, 1fr);
	gap: 2vw;
}
.main-column ul li{
	padding: 2vw 0;
	display: block;
}
.main-column ul li .image{
	width: 100%;
}
.main-column ul li .text{
	width: 100%;
}


.main-news{
	padding-bottom: 5vw;
}
.main-news h2{
	margin-bottom: 3vw;
}
.main-news h2 img{
	margin-top: -2vw;
}
.main-news ul{
	margin: 0 auto 3vw;
	padding: 0 2vw;
}
.main-news ul li h3{
	padding: .5em 2vw;
	height: auto;
	line-height: 1.6;
}

.main-news ul li h3 span{
	display: inline-block;
}
.main-news ul li h3 .date{
	color: #8f8f8f;
	margin-right: 36px;
	font-weight: normal;
}
.main-news ul li h3 .cat a{
	display: block;
	margin-right: 0;
	padding: 0 1.0em;
	min-width: 66px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #117011;
	font-size: 1rem;
	border: #117011 1px solid;
}
.main-news ul li h3 a{
	display: block;
	margin-top: 1.0em;
	color: inherit;
	font-weight: normal;
}

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

/* title */
.page-title{
	margin: 0 0 30px 0;
}

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

/* title */
.ec-pageHeader{
}
.ec-pageHeader h1{
	font-size: 2.5rem;
}

/* 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{
	grid-template-columns: repeat(2, 1fr);
}

/* 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 ul{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}
.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 */