@charset "utf-8";
body{
	font-family: Montserrat,"メイリオ", "meiryo";
}
/* add0324.Css */
.spOnly{display:none;}
.pcOnly{display:block;}

.headWrap .btnSpMenu{display:none;}

@media screen and (min-width:1025px){
/* PCのみ */
#spMenu{display:none !important;}

}

@media screen and (max-width:1024px){
/* タブレット */

body{-webkit-text-size-adjust:100%;}
#wrapper{
	background:none;;
}
#slideWrap{
	padding-top:60px;
}

#header{
	width:auto;
	height:auto !important;
}
#header #headerutility{
	width:auto;
}

#header .btnCart,
.headWrap .btnSpMenu{
	background-size:46px !important;
	width:46px;
	height:46px;
}
#header .btnCart{
	background:url(../img/sp_btn_cart.png) left top no-repeat;
	right:46px;
}
.headWrap .btnSpMenu{
	display:block;
	background:url(../img/sp_btn_menu.png) left top no-repeat;
	position:absolute;
	top:0;
	right:0;
}

#spMenu{
	display:block;
	background-color:#333;
	width:0%;
	position:fixed;
	right:0;
	top:49px;
	bottom:0;
	z-index:9999;
	overflow:scroll;
}
.spMenuIn{
	width:100%;
	min-width:320px;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
}
.spMenuIn > ul{border-bottom:1px solid #fff;}
#spMenu li{
	border-top:1px solid #fff;
}
	.spMenuIn > ul > li:first-child{border-top:none !important;}
#spMenu li ul{display:none;}
#spMenu a{
	display:block;
	padding:15px 10px;
	font-size:18px;
	color:#fff;
	text-decoration:none;
	position:relative;
}
	#spMenu a:after{
		content:"";
		display:block;
		background:url(../img/arw_r1.png) left top no-repeat;
		background-size:contain !important;
		width:10px;
		height:10px;
		margin:auto;
		position:absolute;
		top:0;
		bottom:0;
		right:10px;
	}
	#spMenu .hasLow > a:after{
		background:url(../img/arw_d1.png) left top no-repeat;
		right:13px;
	}
		#spMenu .hasLow > a.opn:after{background-image:url(../img/arw_u1.png);}
#spMenu li li a{padding-left:20px;}



.pagetop{display:none;}


}


@media screen and (max-width:1024px){
	.btnCart  img{
		display:none;
	}
	.headerlink {
		right:110px;
    letter-spacing: -.40em;
	}
	.headerlink li{
    font-size: 85%;
    margin-right: 2px;
    padding: 0px 5px 0px 5px;
		letter-spacing: normal;
	}
	.headerlink li:nth-child(4){
		width:55px;
    margin-right: -4px;
	}
	#header{
	min-width:100%;
	margin:0 auto;
}
}

@media screen and (max-width:1024px){
/* タブレット */
.profileBlock .companyTbl{
	width:75%;
	margin:0 auto;
}

a.btnLogout{
	display:none !important;
}
}

@media screen and (max-width:950px){
	
#header .headerlink,
#header .btnJoin,
#header #gnavi{display:none;}
}
@media screen and (max-width:767px){
	
.headWrap{
	background-color:#222;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
}
.messageArea{
	display:none;
}
#header .headerlink,
#header .btnJoin,
#header #gnavi{display:none;}
/* SP */
.spOnly{display:block;}
.pcOnly{display:none;}

#wrapper{min-width:0;}

#header{height:55px !important;}
#header #logo{
	width:150px;
	padding: 10px 0 0 0;
}
#header .headerSearch{
	left: 120px;
    top: 8px;
}
#header #logo img{
	width: 100%;
    height: auto;
}
#header .btnCart,
.headWrap .btnSpMenu{
	background-size:55px 55px !important;
	width:55px;
	height:55px;
}
#header .btnCart{right:56px;}
#spMenu{top:55px;}

/*
#footerWrap{
	background: #FFFFFF;
	width:auto !important;
	min-width:0 !important;
	padding:0 0 10px !important;
}
.footerInner{display:none;}
.footerCopyright{border-top:none;}
.footerCopyrightInner{width:auto !important;}
.privacymark{
	width:30px !important;
}
.footerCopyrightInner > img{
	width:180px !important;
}*/

#footerBlock .footerBlockInner{
	width:auto;
}
#footerBlock .footerBlockInner li{
	border:none;
  padding: 2px 5px;
}
#copyrightBlock{
		font-size:9px;
}
#copyrightBlock > * {
    display: block;
		text-align:center;
		font-size:9px;
		padding:10px 0;
}

}


@media screen and (max-width:480px){
.headerSearch{
	display:none;
}
.footerCopyrightInner img.privacymark{
	width: 13%;
	display: inline;
	margin:0 auto 10px auto;
}
.footerCopyrightInner img {
	width:80%;
}
}

.recomList ul {
	letter-spacing: -.40em;
	text-align: center;
}
.recomList li p{
	padding: 0 10px;
}
.recomList li{
	width: 200px;
	display: inline-block;
	letter-spacing: normal;
	text-align: center;
	vertical-align: top;
}
.recomList .slick-next{
	background:#000 url(../img/slide_next.png) no-repeat left center;
	background-size: 40px;
	width: 40px;
	height: 40px;
	opacity: 0.7;
}
.recomList .slick-prev{
	background:#000  url(../img/slide_prev.png) no-repeat left center;
	background-size: 40px;
	width: 40px;
	height: 40px;
	opacity: 0.7;
}

.recomList .slick-next:hover,
.recomList .slick-prev:hover{
	opacity: 0.4;
}
.recomList .slick-next:before{
	content:"";
}
.recomList .slick-prev:before{
	content:"";
}
.recomList li img{
	width: 100%;
	display: block;
	margin: 0 auto;
	height: auto;
}
.recomList li .img{
	width: 90%;
	margin: 0 auto 10px auto;
}
.recomList li a{
	color: #000;
	text-decoration: none;
	display: block;
}
.recomList li a:hover{
	opacity: 0.8;
}
.recomList li em{
	display:block;
	text-align: center;
	color: #cc0000;
    font-style: normal;
}
.recomList h2{
	margin-bottom: 21px;
}
.recomList{
	padding: 40px 0px 53px;
	background: #eee;
}
.recomList.bgGrey{
	    background: #fff;
}
.recomList h2 .ttl {
    padding-top: 14px;
    font-size: 25px;
    font-weight: bold;
    line-height: 1;
    color: #006465;
}
.recomListSelect{
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
.recomBox{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

#recomSeries.recomList{
	padding: 40px 0px 10px;
}


.ppz_recommend024_addedStyle,
.ppz_recommend026_addedStyle {
    background-color: #fff;
}

.ppz_recommend024_addedStyle .slick-arrow:before,
.ppz_recommend026_addedStyle .slick-arrow:before{
	display:none;
}


.ppz_recommend024_addedStyle .slick-dots li button:before,
.ppz_recommend026_addedStyle .slick-dots li button:before,
.ppz_recommend024_addedStyle .slick-dots li.slick-active button:before,
.ppz_recommend026_addedStyle .slick-dots li.slick-active button:before{
	opacity:0;
}



#recom_title_for_select{
	background-color: #fff;
    color: #333;
    text-align: center;
    font-size: large;
    padding-top: 40px;
    font-weight: bold;
}


@media screen and (max-width: 767px){
	 .ppz_recommend024_addedStyle .inner:not(.spPd0),
	 .ppz_recommend026_addedStyle .inner:not(.spPd0){
	 	padding-left:initial;
	 	padding-right:initial;

	 }
}

.blockInner01.forPc + .subsBox{
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
}


.select_detail_serieslink{
	display: none;

}

@media screen and (max-width: 767px){

	.select_detail_serieslink{
		display:block;
		width: 80%;
    	margin: -10px auto 40px;
    	text-align: center;
        padding: 16px;
    	background-color: #25AE68;
    	text-decoration: none;
    	border-radius: 5px;
	}

	.select_detail_serieslink a:hover,
	.select_detail_serieslink a:link,
	.select_detail_serieslink a:visited{
		color:#fff;
		font-weight: bold;
		text-decoration: none;
		letter-spacing: 0.06em;
	}

}