@charset "utf-8";
/* CSS Document */
  
*{
	min-width: 0;
	min-height: 0;
}
    
header .header_inner nav > ul > li#cat-1085 {
    background: none;
}
    
.breadcrumb {
    padding-left: 20px;
} 
	
main {
	padding-right: 0;
	padding-left: 0;
}	
	
main .slide-wrap img {
	max-width: 100%;
}

.slick-dots {
	bottom: -40px;
}	

.slick-dots li {
	width: 25px;
	height: 25px;
}
	
.slick-dots li button {
	width: 20px;
	height: 20px;
	background-color: #ccc;
	border-radius: 50% 50%;
	font-size: 0;
}
	
.slick-dots li.slick-active button {
	width: 20px;
	height: 20px;
	background-color: #0c5641;
	border-radius: 50% 50%;
	font-size: 0;
}
    
.slick-dots li button:hover {
    background-color: #869e2c
}

.slick-dots li button:before {
		display: none;
	}	
	
.slick-dots li.slick-active button:before {
	display: none;
}
    
main .popeye .multicol>div.slide_ct {
    padding-bottom: 50px;    
}
	
.slick-dotted.slick-slider {
	margin-bottom: 0;
}
    
main .popeye h1 {
    font-size: 27px;
    font-size: 52px;
    margin-top: 0;
    padding-top: 30px;
    padding-bottom: 10px;
    color: #000;
    text-align: center;
    font-weight: normal;
    font-family: arial,"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    line-height: 1.5;
    font-weight: bold;
}
    
main .popeye h1 span {
    width: 55px;
    height: 32px;
    display: inline-block;
}
    
main .popeye h1 span:before, main .popeye h1 span:after {
    position: absolute;
    content: ' ';
    height: 33px;
    width: 5px;
    background-color: #333;
}
    
main .popeye h1 span:before {
    transform: rotate(45deg);
}
    
main .popeye h1 span:after {
    transform: rotate(-45deg);
}    
    
main .popeye h2 {
	margin-bottom: 0;
    padding: 0;
	font-size: 22px;
    line-height: 1.5;
}
.banner_container h3 {
    font-weight: bold;
    text-align: center;
    padding: 0 5% 25px;
    font-size: 20px;
}
	
.popeye .banner_container .intro_ct {
	text-align: center;
    font-size: 20px;
    line-height: 1.8;
    margin-bottom: 30px;
    /*margin-bottom: 0;
    padding-top: 50px;*/
}
    
.popeye .banner_container .intro_ct + p {
    text-align: center;
    font-size: 16px;
    line-height: 1.8;
    padding: 0 5%;
}
    
div.outside>div>div.multicol:first-child {
    padding-top: 50px;
}

.popeye .multicol>div {
	width: 50%;
	align-self: center;
}
	
.popeye .multicol>div p {
	margin-bottom: 30px;
	font-size: 16px;
	line-height: 1.8;
}

.popeye .multicol>div p:nth-child(2),
.popeye .multicol>div p:last-child {
    font-size: 16px;
}
	
.popeye	.multicol>div .emoji {
	width: 20px;
}
	
.popeye	.multicol>div p:last-child {
	margin-bottom: 0;
}
    
.reverse.multicol>div:nth-child(odd),
.reverse.multicol>div:nth-child(even) {
    width: 50%;
}   
	
.popeye div.container {
    display: flex;
    max-width: 1260px;
    height: 400px;
	padding: 0;
}
	
.popeye .productcol {
	margin-bottom: 150px;
    padding-top: 80px;
	justify-content: space-around;
}

.popeye .productcol::after{
    content:"";
    display: block;
    width: 60%;
}

.productcol + .productcol {
    padding-top: 0;
}
    
.popeye .productcol:last-of-type {
    margin-bottom: 30px;
}
    
.thumbnail_label_jedition {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    min-width: 60px;
    height: 34px;
    color: #fff;
    background-color: #188939;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    position: absolute;
    top: 10px;
    left: 0;
    white-space: nowrap;
    text-transform: uppercase;
}
	
.popeye .productcol>div {
    position: relative;
    width: 23%;
	align-self: start;
}

.popeye .productcol.threecol>div {
    width: 31%;
}
	
#grid-sort-header {
	display: none;
}
  
.attention_stock {
    border-bottom: none;
    text-align: left;
} 
    
article.feature .main_image {
    margin-bottom: 0;
}

/**/

.body_cont h4 {
    font-size: 22px;
    margin-bottom: 20px;
}
.model_prof {
    background-color: #efefef;
    padding: 20px;
    margin-bottom: 30px;
}

.outside>div>div .model_prof h3 {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 20px;
}

.model_prof h5 {
    font-size: 15px;
    font-weight: bold;
    margin: 0;
}

.model_prof h5 span {
    font-size: 13px;
    display: block;
    padding-top: 5px;
	font-size: 14px;
}

.model_prof h5 + p {
    padding-top: 15px;
}

.popeye .multicol>div .model_prof p {
    font-size: 14px;
    line-height: 1.5;
}

.slide_detail {
    padding-top: 30px;
}
    
.infl-slider .slide_detail {
    padding-top: 0;
}
    
.slide_detail h4 {
    margin: 15px 0 5px;
    font-size: 16px;
}

.popeye .multicol>div .slide_detail p {
    font-size: 14px;
	line-height: 1.5;

	padding-bottom: 10px;
}
	
@media screen and (max-width: 895px) {
	
	.slick-dots {
		bottom: -26px;
	}
	
	.slick-dots li {
		width: 20px;
		height: 20px;
	}

	.slick-dots li button {
		width: 20px;
		height: 20px;
	}
	
	.slick-dots li.slick-active button {
		width: 20px;
		height: 20px;
	}
}
	
@media screen and (max-width: 767px) {
	
	.breadcrumb {
        padding-left: 3%;
    } 
	
	main .popeye h1 {
		font-size: 28px;
		line-height: 1.2;
		letter-spacing: 1px;
		margin: 0 auto;
	}
    
    main .popeye h1 span {
        width: 25px;
    }
    
    main .popeye h1 span:before, main .popeye h1 span:after {
        width: 2px;
        height: 16px;
        bottom: 18px;
    }

	main .popeye h2 {
		margin-bottom: 30px;
		font-size: 20px;
		line-height: 1.2;
		letter-spacing: 1px;
		font-weight: 400;
		border-bottom: none;
	}
	
	.popeye .banner_container .intro_ct {
        margin-bottom: 0;
		padding: 0 5%;
        text-align: left;
        font-size: 18px;
	}
	
	.slick-dots {
		bottom: -30px;
	}
	
	.slide-wrap div.pc_hidden {
		position: relative;
	}
	
	.slide-wrap div.pc_hidden img {
		border-radius: 10px 10px 0 0;
	}
	
	.popeye .multicol>div {
		position: relative;
		width: 100%;
	}
    
    .reverse.multicol>div:nth-child(odd),
    .reverse.multicol>div:nth-child(even) {
        width: 100%;
    }  

    .popeye .multicol>div:last-child {
        padding-bottom: 0 !important;
    }
	
	.popeye .multicol>div p {
		margin-bottom: 20px;
		font-size: 16px;
		line-height: 1.5;
	}
    
    .popeye .multicol>div p:first-child {
        padding-top: 30px;
    }
    
    .popeye .multicol>div p:nth-child(2),
    .popeye .multicol>div p:last-child {
        font-size: 14px;
    }
	
	.popeye .multicol>div p:last-child {
		margin-bottom: 0;
	}
	
	.popeye .multicol>div p.ttl {
		position: absolute;
		top: 47%;
		left: 15%;
		transform: translateY(-50%);
  		-webkit-transform: translateY(-50%);
		font-size: 18px;
		font-weight: bold;
	}
	
	main .popeye .multicol>div.slide_ct {
        margin-bottom: 30px;
		padding-bottom: 0;
	}
	
	.popeye .productcol {
		margin-bottom: 60px;
        padding-top: 35px;
	}
    
    .popeye .productcol::after{
        width: 48%;
    }
    
    .body_cont > div:nth-child(2).productcol,
    .body_cont > div:nth-child(7).productcol {
        margin-bottom: 60px;
    }
    
    .popeye .productcol>div,
    .popeye .productcol.threecol>div {
        width: 48%;
    }

    .thumbnail_label_jedition {
        font-size: 10px;
        top: 5px;
        height: 28px;
    }
    
    main article.feature .feature_inner {
        padding-top: 0;
    }
}