/* カスタマイズ用CSS */
body{background:#fff;}
span{display:inline-block;}
.red{color:red;}
.ec-layoutRole__header{
	position:relative;
	height:52px;
	z-index:50;
}
.ec-layoutRole__header h1{
	display:inline-block;
	text-align:left;
	padding:10px;
	transition:0.3s;
}
@media (max-width:768px){
	.ec-layoutRole__header h1{
		margin-left:60px;
	    padding-top:15px;
	}
}
/* トップカテゴリー一覧 */
.ec-layoutRole .ec-itemNav__nav{
    position:absolute;
    top:0;
    left:150px;
    	z-index:51;
}
.ec-itemNav__nav li a{
    background-color: transparent;
    color:#fff;
    line-height:32px;
}
.ec-itemNav__nav li a:hover{
    background-color: #003e8b;
    color:#fff;
}

/* トップカート */
.ec-headerNaviRole{
    position:absolute;
    top:0;
    right:0px;
}
.ec-cartNavi{
    background-color: rgba(0,0,0,.1);
    text-align:right;
}
.ec-cartNavi__icon,
.ec-cartNavi__price{
    color:#fff;
}
/*--フッター--*/
.ec-footerRole{
    background:none;
    font-size:14px;
}
.ec-footerNavi{
    margin:0 auto;
}

.ec-footerNavi li{
    line-height:2;
    margin:0;
    padding:0;
}
@media (max-width:768px){
    .ec-footerRole__inner{
        padding:1em 0;
    }
    .ec-footerNavi{
        display: flex;
        flex-wrap: wrap;
    }
    
    .ec-footerNavi li{
        box-sizing: border-box;
        width:50%;
        line-height:1;
        padding:0 5px;
        margin:0;
        border-bottom:1px dotted #888888;
    }
    .ec-cartNavi{
        background-color: transparent;
    }
}
.ec-footerNavi .ec-footerNavi__link a{
    color:#000;
    font-size:12px;
    text-decoration:none;
    border-bottom: 0px solid #7d7d7d;
}
.ec-footerTitle__copyright{
    color:#000;
    text-align:center;
    font-size:12px;
    margin:3em auto 1em;
}
.ec-footerTitle{
    margin:0 auto;
    padding:10px 0 40px;
}
.ec-footerTitle__logo{
    width:162px;
    margin:auto;
}

/*--メイン--*/
#slider-all,
#slider-main {
    position: relative;
    top:-65px;
    display:block;
    margin:0;
    padding:0;
    z-index:1;
    overflow: hidden;
}

#slider-main .slick01 img{
    width: 100%;
    max-height:810px;
    object-fit: cover;
    overflow: hidden;
}
#slider-all .slick01 img{
    width: 100%;
    max-height:400px;
    object-fit: cover;
    overflow: hidden;
}
#slider-all h2{
	position:absolute;
	left:0;
	top: 50%;
	transform: translate(0,-50%);
	right:0;
	margin:auto;
	padding:0;
	z-index:10;
	font-size:30px;
	line-height:2em;
	color:#003e8b;
	letter-spacing:0.1;
	text-align:center;
	font-weight:700;
}
@media (max-width:768px){
    #slider-all h2{
    	font-size:20px;
    }
    #slider-all .slick01 img{
        max-height:300px;
    }
}

@media (max-width:500px){
    #slider-all h2{
    	margin-top:20px;
    	line-height:1.5;
    }
    #slider-all .slick01 img{
        max-height:200px;
    }
}
#slider-main h2{
	position:absolute;
	left:0;
	top: 50%;
	transform: translate(0,-50%);
	right:0;
	margin:auto;
	padding:0;
	z-index:10;
	font-size:18px;
	color:#003e8b;
	letter-spacing:0.1;
	text-align:center;
	font-weight:700;
}
#slider-main h2 img{
	display:block;
	margin:0 auto 10px;
}
/*--slick--*/
.slick01{
	margin:0 auto;
	padding:0;
}
.slick01 .slick-dots{
    bottom: 45px;
    left:45px;
    right:auto;
    text-align:left;
}

/*dots*/
.slick01 .slick-dots li {
	width:100px;
	list-style:none;
	margin:0 5px;
}

.slick01 .slick-dots li button:before {
	background:#fff;
	width:100%;
	height:8px;
	font-size:0;
	color:#003e8b;
	opacity:1;
	padding:0;
}

.slick01 .slick-dots li.slick-active button:before {
	opacity: 1;
	color:#fff;
	background:#003e8b;
}

@media (max-width:768px){
	#slider-main h2 img{
        width:80vw;
	}
	.slick01 .slick-dots{
        bottom: 4.5%;
        left: 4.5%;
        right:auto;
        text-align:left;
    }
}
/*左カテゴリーエリア*/
.ec-itemNav h2{
    display:block;
    font-size:150%;
    font-weight:600;
    text-align:left;
	padding-bottom:20px;
	border-bottom:2px solid #003e8b;
}

.tmargin{
    margin-top:30px;
}
.nav2 > li{
    display:block;
    text-align:left;
}
.nav2 > li a{
    display:block;
    font-size:150%;
    font-weight:600;
    text-align:left;
	padding-bottom:20px;
	border-bottom:2px solid #003e8b;
}

.side-list{
margin-bottom:3em;
}
.side-list li{
    display:block;
	text-align:left;
	padding:1.5em 0;
	border-bottom:1px solid #888888;
}
.side-list li a{
	display:block;
	font-size:100%;
    font-weight:400;
	color:#000;
	border-bottom:0px;
	padding-bottom:0px;
}
/*topics*/
.mb-5{
    background:#f6f6f6;
    padding-bottom:15px;
}
.in{
	position:relative;
    padding:0 15px 60px;
    line-height:1.6;
    margin-top:-35px;
    min-height:164px;
}
.cｰname{
    display:block;
    min-height:3em;
    margin-left:95px;
}

/*ボタン*/
.btn-view{
	position:absolute;
	bottom:40px;
	left:0;
	right:0;
	display:block;
	width:130px;
	text-align:center;
	margin:auto;
}

.btn-view a{
	display:block;
	border-radius:1.3em;
	background:#003e8b;
	font-size:14px;
	color:#fff;
	line-height:2.6em;
}

.btn-view a:hover{
	background:#f0f0f0;
	color:#000;
}

/*news*/
.nav{
    border-top:1px solid #888888;
}
.nav li{
   padding:1.5em 0 !important;
    border-bottom:1px solid #888888;
}

.ec-blockTopBtn{
    font-size:14px;
    border-radius:10px;
}
/*お買い物ガイド*/
.shopguide{
 line-height:1.8em;
}
.moji1 { 
text-indent:-1em;
padding-left:1em;
text-align:left;
}
.shopguide .guide1{
        margin-top:1em;
}
.shopguide .guide1 a{
    text-decoration: underline;
}
/*商品一覧*/
.ec-shelfGrid__item{
    background:#f6f6f6;
    padding:0;
    margin:0;
}
.ec-shelfGrid .ec-shelfGrid__item:nth-child(odd) {
    padding: 0 0 20px; 
    margin:8px;
}
.ec-shelfGrid .ec-shelfGrid__item:nth-child(even) {
    padding: 0 0 20px; 
    margin:8px;
}

/*サポート*/

.support h2{
    border-bottom:3px dotted #003e8b;
    color:#003e8b;
    font-size:24px;
    padding:0 10px 10px;
}
.support h3{
    display:block;
    background:#fcca47;
    color:#fff;
    font-size:24px;
    text-align:center;
    padding:.5em;
}
.support ul{
    margin-left:2em;
}
.support li{
    list-style-type: disc;
}
.support .back{
    display:block;
    background-image: url(/html/user_data/assets/img/woman01.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
    transition:0.3s;
    text-shadow: 
        white 2px 0px,  white -2px 0px,
        white 0px -2px, white 0px 2px,
        white 2px 2px , white -2px 2px,
        white 2px -2px, white -2px -2px,
        white 1px 2px,  white -1px 2px,
        white 1px -2px, white -1px -2px,
        white 2px 1px,  white -2px 1px,
        white 2px -1px, white -2px -1px;
}

@media (max-width:1000px){
    .support h2{
        font-size:18px;
        padding:0 10px 10px;
    }
    .support h3{
        font-size:18px;
    }
    .support .back{
        background-image: url(/html/user_data/assets/img/woman01_sp.png);
        background-size: 40%;
    }
}
/*インフルエンサー申込*/
.influencer h2{
    border-bottom:3px dotted #003e8b;
    color:#003e8b;
    font-size:24px;
    padding:0 10px 10px;
}
.influencer h3{
    display:block;
    background:#95cf9d;
    color:#fff;
    font-size:24px;
    text-align:center;
    padding:.5em;
}

.influencer h3 a{
    display:block;
    color:#fff;
}
.influencer ul{
    margin-left:2em;
}
.influencer li{
    list-style-type: disc;
}

.circle{
    background:rgba(149,207,157,.2);
    border-radius: 25px 0 0 25px;
display: flex;
align-items: center;
  color:#95cf9d;
  font-size:20px;
  font-weight:bold;
}

.circle span{
display: flex;
align-items: center;
justify-content: center;
line-height:1;
  width: 50px;
  height: 50px;
  font-size:30px;
  color:#fff;
  background: #95cf9d;
  border-radius: 50%;
  text-align: center;
  box-sizing: border-box;
  margin-right:10px;
  padding-top:5px;
}

.circle p{
 flex: 1;
}

.influencer dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
background:rgba(149,207,157,.2);
padding: 2em;
border: 1px solid #95cf9d;
text-align:center;
}

.influencer dt {
    display: block;
margin-bottom: 5px;
font-weight:bold;;
color:#95cf9d;
font-weight:bold;
width:100%;
}

.influencer dd {
    display: inline-block;
    width:auto;
padding: 0.5em;
border: 1px solid #232323;
background:#fff;
margin:0.5em;
}