@charset "utf-8";

body {
    background-color: #fff;
    font-size: 14px;
    line-height: 1.5;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
}
*, *:before, *:after{
    box-sizing: border-box;
}
a {
	color: #4d95b2;
	text-decoration: underline;
}
ol, ul {
    list-style: none;
}
img {
    max-width: 100%;
    vertical-align: top;
    outline: none;
}

.leadTxt p{
    margin-bottom: 20px;
}

/* font-size */
#mainArea h2{
	font-size:143%;
}
#mainNavi h2{
	font-size:128%;
}

ul.keywordList{
	font-size:0;
	color:#888 !important;
}
ul.keywordList li{
	display:inline-block;
	margin:0 0 10px 15px;
	text-decoration:underline;
}
ul.keywordList li a{
	font-size:14px;
	font-weight:normal;
	text-decoration:underline;
	color:inherit;
}

/* 共通 */
#pageMain{
	clear:both;
	display:block;
}
#mainArea h2.archiveTitle{
	position:relative;
	margin-bottom:15px;
}
#mainArea h2.archiveTitle:after{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	z-index: -1;
	width:100%;
	height:10px;
	background-color:#e1f1f8;
}

.pager{
	font-size:0;
	line-height:1;
}
.pager li{
	display:inline-block;
	vertical-align:top;
	margin:0 0 10px 10px;
}
.pager li:first-child{
	margin-left:0;
}
.pager a{
	text-decoration:none;
	display:block;
	font-size:14px;
	padding:4px 8px 3px 8px;
	border:#bbb 1px solid;
	border-radius:3px;
	color:inherit;
	background-color:#FFF;
}
.pager a.current{
	background-color:#bbb;
	color:#FFF;
}

.navLinks{
	clear: both;
	width: 300px;
	margin: 0 auto;
}

.navLinks:after{
	content:"";
	display:block;
	clear:both;
}

.navLinks .navPrev{
    float: right;
}
.navLinks .navPrev a{
	display: block;
	border:#BBB 1px solid;
	border-radius:3px;
	padding:10px 15px 10px 10px;
	text-align:center;
	overflow:hidden;
	text-decoration:none;
}


.navLinks .navNext{
    float: left;
}
.navLinks .navNext a{
	display: block;
	border:#BBB 1px solid;
	border-radius:3px;
	padding:10px 10px 10px 15px;
	text-align:center;
	overflow:hidden;
	text-decoration:none;
}



/* new */
.panel .new,
#mainNavi .new{
	display:block;
	position:absolute;
	top:0;
	left:0;
	text-indent:-9999px;
	overflow:hidden;
	height:60px;
	width:60px;
	background:url(../img/icon_new.png) no-repeat 0 0;
	background-size:60px;
	z-index:2;
}

/* cateLabel */
.cateLabel{
	display:inline-block;
	vertical-align:middle;
	padding:3px 8px 2px 8px;
	background-color:#999;
	color:#FFF;
	border-radius:3px;
	font-weight:bold;
}
.cateLabel.health{
	background-color:#95b077;
}
.cateLabel.beauty{
	background-color:#e29498;
}
.cateLabel.oral{
	background-color:#4d95b2;
}
.cateLabel.buff{ /*予備*/
	background-color:#bf8e6a;
}
.date{
	color:#999;
}

/* panel */
.panel .thumbImg{
	float:left;
}
.panel h2{
	text-decoration:underline;
}
.panel .keywordList{
	clear:both;
	text-align:right;
	border-top:#eaecf0 1px solid;
	margin-top:15px;
	padding-top:15px;
}
.panel .keywordList li{
	display:inline-block;
	margin:0 0 10px 15px;
	text-decoration:underline;
}

.panel:after,
#pageMain:after,
#breadcrumb ul:after{
	content:"";
	display:block;
	clear:both;
}

/* mainNavi */
#mainNavi h2{
	padding:12px 10px 12px 55px;
}
#mainNavi .new{
	left:-10px;
}

/* detail page */
.detailTitleArea .date{
	display:inline-block;
	vertical-align:middle;
	margin-left:5px;
}
#detailContent{
	margin-bottom:40px;
}
#detailContent{
	word-break:break-all;
}
#detailContent h4{
	margin-bottom:5px;
}
#detailContent h5{
	font-weight:normal;
}
#detailContent img{
	max-width:100%;
}

#detailContent .bgStyleBlue{
	margin-bottom:20px;
	padding:15px 15px 1px 15px;
	background:#ebf8fd;
}
#detailContent .bgStyleBlue h2,
#detailContent .bgStyleBlue h3{
	font-size:16px;
	color:#37bef0;
	margin:0 0 10px 0 !important;
}
#detailContent .bgStyleBlue p,
#detailContent .bgStyleBlue ul,
#detailContent .bgStyleBlue li,
#detailContent .bgStyleBlue dl,
#detailContent .bgStyleBlue ol{
	margin-bottom:20px;
}

#detailContent ul{
	margin:0 0 20px 0;
}
#detailContent ul li{
	margin:0 0 5px 0;
	padding-left:1em;
	text-indent:-1em;
}
#detailContent ul li:before{
	content:"・";
}
#detailContent ol{
	list-style:decimal;
	list-style-position:outside;
	margin:0 0 20px 1.7em;
}
#detailContent ol li{
	margin:0 0 5px 0;
}


/* float block */
#detailContent .floatBlock:after{
	content:"";
	clear:both;
	display:block;
}
#detailContent .floatBlock .imgBlock img{
	width:100%;
}
#detailContent .floatBlock .imgBlock:after{
	display:none;
}
#detailContent .floatBlock p:after{
	content:"";
	clear:none;
}

#detailContent .summarize .floatBlock{
	margin-bottom: 0 !important;
}

/* align control */
.acenter{
	text-align:center !important;
}
.aright{
	text-align:right !important;
}

/* margin control */
.mb0{
	margin-bottom:0 !important;
}
.mb10{
	margin-bottom:10px !important;
}
.mb20{
	margin-bottom:20px !important;
}
.mb30{
	margin-bottom:30px !important;
}
.mb40{
	margin-bottom:40px !important;
}

/* notice */
#detailContent ul.notice,
#detailContent ul.noticeNum{
	list-style:none;
}
#detailContent p.notice,
#detailContent ul.notice li{
	padding-left:1em;
	text-indent:-1em;
}
#detailContent p.noticeNum,
#detailContent ul.noticeNum li{
	padding-left:1.94em;
	text-indent:-1.94em;
}
#detailContent .notice li:before,
#detailContent .noticeNum li:before{
	display:none;
}

#detailContent .checkList li{
	padding:0 0 0 28px;
	text-indent:0;
	background:url(../img/icon_check.gif) no-repeat 0 0.2em;
}
#detailContent .checkList li:before{
	display:none;
}
#detailContent .stepList{
	margin-bottom:0;
}
#detailContent .stepList li{
	padding:0;
	text-indent:0;
	background-color:#ebf8fd;
}
#detailContent .omake{
	margin-bottom:20px;
	background-color:#ebf8fd;
	
}

#detailContent .relatedItem li span.blankLink:after{
    content: "";
    display: inline-block;
    width: 18px;
    height: 13px;
    background: url(../img/icon_blank.gif) no-repeat;
    background-size: contain;
    vertical-align: middle;
}

/* PC */
@media screen and (min-width: 769px) {
	a:hover {
		opacity:0.75;
		text-decoration:none;
	}
	
	#pageMain,
	#breadcrumb ul{
		width:1020px;
		margin:0 auto;
	}
	
	/* breadcrumb */
	#breadcrumbBottom{
		display:none !important;
	}
	#breadcrumb{
		margin-bottom:40px;
		font-size:0;
        background: #f1f2f5;
	}
	#breadcrumb ul{
		padding:12px 0;
	}
	#breadcrumb li{
		display:inline-block;
		padding-right:4px;
		vertical-align:top;
		font-size:12px;
	}
	#breadcrumb li:before{
		content:">";
	}
	#breadcrumb li:first-child:before{
		display:none;
	}
	/* */
	
	/* mainArea */
	#mainArea{
		float:right;
		width:740px;
	}
	#mainArea h1.siteTitle{
		margin-bottom:15px;
	}
	.pager{
		margin:30px 0 10px 0;
		text-align:right;
	}
	
	/* mainNavi */
	#mainNavi{
		float:left;
		width:240px;
	}
	
	/* pickupNavi / newaArrivalNavi */
	#pickupNavi,
	#newArrivalNavi{
		position:relative;
		background-color:#f3f8fa;
		box-shadow:0 0 3px rgba(0,0,0,0.2);
		border-radius:6px;
		margin-bottom:25px;
		padding-bottom:1px;
	}
	#pickupNavi:before{
		content:"";
		display:block;
		position:absolute;
		left:10px;
		top:0;
		z-index:5;
		width:35px;
		height:45px;
		background:url(../img/icon_pickup.png) no-repeat 0 0;
		background-size:35px 45px;
	}
	#newArrivalNavi:before{
		content:"";
		display:block;
		position:absolute;
		left:10px;
		top:0;
		z-index:5;
		width:35px;
		height:45px;
		background:url(../img/icon_new_arrival.png) no-repeat 0 0;
		background-size:35px 45px;
	}
	#pickupNavi ul,
	#newArrivalNavi ul{
		margin:0 5px 5px 5px;
		background-color:#FFF;
		border-radius:3px;
	}
	#pickupNavi li,
	#newArrivalNavi li{
		position:relative;
		margin:0 10px;
		padding-top:2px;
		background:url(../img/bg_line_light_gray.gif) repeat-x left top;
	}
	#pickupNavi li:first-child,
	#newArrivalNavi li:first-child{
		background-image:none;
		padding-top:0;
	}
	#pickupNavi li a,
	#newArrivalNavi li a{
		display:table;
		padding:20px 0;
		color:inherit;
		text-decoration:none;
		width:100%;
		min-height:8em;
	}
	#pickupNavi .thumbImg,
	#pickupNavi .columnTitle,
	#newArrivalNavi .thumbImg,
	#newArrivalNavi .columnTitle{
		display:table-cell;
		margin:0;
		padding:0;
		vertical-align:middle;
	}
	#pickupNavi .trimCircle,
	#newArrivalNavi .trimCircle{
		position:relative;
		display:block;
		overflow:hidden;
		height:50px;
		width:50px;
		border-radius:50%;
		margin-right:10px;
	}
	#pickupNavi .trimCircle img,
	#newArrivalNavi .trimCircle img{
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
		height:50px;
		width:auto;
		max-width:none;
	}
	
	
	/* keywordNavi */
	#keywordNavi{
		position:relative;
		box-shadow:0 0 3px rgba(0,0,0,0.2);
		border-radius:6px;
		margin-bottom:25px;
		padding-bottom:1px;
	}
	#keywordNavi:before{
		content:"";
		display:block;
		position:absolute;
		left:10px;
		top:0;
		z-index:5;
		width:35px;
		height:45px;
		background:url(../img/icon_keyword.png) no-repeat 0 0;
		background-size:35px 45px;
	}
	#keywordNavi ul{
		padding:0 15px 5px 0;
	}
	
	/* recommendNavi */
	#recommendNavi{
		position:relative;
		box-shadow:0 0 3px rgba(0,0,0,0.2);
		border-radius:6px;
		margin-bottom:25px;
		padding-bottom:1px;
	}
	#recommendNavi ul{
		padding:0 10px 5px 10px;
	}
	#recommendNavi li{
		margin-bottom:10px;
	}
	#recommendNavi:before{
		content:"";
		display:block;
		position:absolute;
		left:10px;
		top:0;
		z-index:5;
		width:35px;
		height:45px;
		background:url(../img/icon_recommend.png) no-repeat 0 0;
		background-size:35px 45px;
	}
	
	
	/* panel */
	.panel{
		position:relative;
		background-color:#FFF;
		border-radius:6px;
		margin-bottom:30px;
		padding:20px 20px 5px 20px;
		box-shadow:0 0 3px rgba(0,0,0,0.2);
	}
	.panel a{
		display:block;
		color:inherit;
		text-decoration:none;
	}
	.panel .date{
		display:inline-block;
		vertical-align:middle;
		margin-left:5px;
	}
	.panel .thumbImg{
		width:154px;
		margin:0 20px 15px 0;
	}
	.panel h2.columnTitle{
		overflow:hidden;
		margin:20px 0 15px 0 !important;
		padding:0 !important;
		background-image:none !important;
	}
	.panel .shortTxt{
		clear:both;
		margin-bottom:15px;
	}
	.panel .shortTxt:after{
		display:inline-block;
		content:"続きを読む";
		margin-left:10px;
		padding-left:12px;
		background:url(../img/icon_arw.png) no-repeat left center;
		color:#4d95b2;
	}
	
	/* detail page */	
	.detailTitleArea h1{
		margin:15px 0;
		font-size:186%;
		line-height:1.5;
	}
	.detailTitleArea .keywordWrap{
		text-align:right;
		padding-bottom:5px;
	}
	.detailTitleArea .keywordTitle{
		display:inline-block;
		vertical-align:top;
		margin-bottom:10px;
		margin-right:-0.5em;
	}
	.detailTitleArea .keywordList{
		display:inline-block;
		vertical-align:top;
	}
	.snsShareLinks ul{
		margin-bottom:20px;
		text-align:right;
		font-size:0;
	}
	.snsShareLinks li{
		display:inline-block;
		margin:0 0 0 10px;
		font-size:14px;
		width:79px;
	}
	.snsShareLinks li a{
		display:block;
	}
	
	.keyVisual{
		margin-bottom:30px;
	}
	.leadTxt{
		margin-bottom:40px;
	}
	.anchorLinks{
		margin-bottom:80px;
		padding:17px 17px 7px 17px;
		border:#f1f2f5 3px solid;
	}
	.anchorLinks h2{
		margin-bottom:15px;
	}
	.anchorLinks h2:after{
		display:none;
	}
	.anchorLinks li{
		margin-bottom:10px;
	}
	.anchorLinks a{
		display:inline-block;
		color:inherit;
		text-decoration:none;
		padding-left:15px;
		background:url(../img/icon_arw_bottom.png) no-repeat 0 0.5em;
	}
	
	#detailContent{
		line-height:1.8;
	}
	#detailContent:after{
		content:"";
		clear:both;
		display:block;
	}
	#detailContent h2{
		clear:both;
		position:relative;
		margin:70px 0 30px 0;
		line-height:1.5;
	}
	#detailContent h2:after{
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: -1;
		width: 100%;
		height: 10px;
		background-color: #e1f1f8;
	}
	#detailContent h3{
		clear:both;
		font-size:114%;
		line-height:1.5;
		margin:40px 0 25px 0;
	}
	#detailContent p{
		margin-bottom:20px;
	}
	#detailContent p:after{
		content:"";
		clear:both;
		display:block;
	}
	#detailContent .imgBlock{
		clear:both;
		margin-bottom:10px;
	}
	#detailContent .imgC{
		text-align:center;
	}
	#detailContent .imgL{
		float:left;
		margin-right:40px;
	}
	#detailContent .imgR{
		float:right;
		margin-left:40px;
	}
	#detailContent .imgR + h3,
	#detailContent .imgL + h3{
		clear:none;
		margin:0 0 15px 0;
	}
	#detailContent .imgBlock.imgL,
	#detailContent .imgBlock.imgR{
        max-width: 50%;
	}
	
	#detailContent .summarize{
		clear:both;
		background-color:#f3f8fa;
		margin:70px 0 40px 0;
		padding:20px 30px 30px 30px;
	}
	#detailContent .summarize h2{
		margin:0 0 15px 0;
	}
	#detailContent .summarize p{
		margin:0;
	}
	
	#detailContent .floatBlock .txtBlock p:last-child,
	#detailContent .floatBlock .imgBlock p:last-child{
		margin-bottom:0;
	}
	#detailContent .floatBlock .imgBlock{
		clear:none;
		width:50%;
	}
	#detailContent .floatBlock .imgBlock p{
		margin-bottom:15px;
	}
	#detailContent .floatBlock .imgBlock p:last-child{
		margin-bottom:0;
	}
	#detailContent .floatBlock .txtBlock{
		width:calc(50% - 15px);
	}
	#detailContent .floatBlock.imgR .imgBlock{
		float:right;
	}
	#detailContent .floatBlock.imgR .txtBlock{
		float:left;
	}
	#detailContent .floatBlock.imgL .imgBlock{
		float:left;
	}
	#detailContent .floatBlock.imgL .txtBlock{
		float:right;
	}

	#detailContent .floatBlock.imgR,
	#detailContent .floatBlock.imgL{
		float:none;
		clear:both;
		margin:40px 0 20px 0;
		padding:0;
	}
	#detailContent .floatBlock h2,
	#detailContent .floatBlock h3{
		margin-top:0;
		margin-bottom:20px;
	}
	#detailContent .floatBlock .imgBlock{
		margin-bottom:20px;
        max-width: 50%;
	}
	
	#detailContent .rowBlock{
		display:table;
		/*margin-left:-20px;*/
	}
	#detailContent .rowBlockChild{
		display:table-cell;
		vertical-align:top;
		padding-left:20px;
		table-layout:fixed;
		width:360px;
		box-sizing:content-box;
	}
	#detailContent .rowBlockChild .imgBlock{
		margin-bottom:20px;
		text-align:center;
	}
	#detailContent .rowBlockChild .txtBlock h2,
	#detailContent .rowBlockChild .txtBlock h3,
	#detailContent .rowBlockChild .txtBlock h4{
		margin-top:0;
		margin-bottom:15px;
	}
	#detailContent .rowBlockChild .txtBlock{
		margin-bottom:20px;
	}
	#detailContent .rowBlockChild .txtBlock p{
		margin-bottom:10px;
	}
	#detailContent .rowBlock.col3{
	}
	#detailContent .rowBlock.col3 .rowBlockChild{
		width:233px;
	}
	#detailContent .rowBlock.col4 .rowBlockChild{
		width:170px;
	}
	#detailContent .rowBlockChild:first-child{
		padding-left:0 !important;
	}
	
	#detailContent .stepList li{
		position:relative;
		margin:0 0 20px 0;
		padding:15px 15px 15px 45px;
	}
	#detailContent .stepList li:nth-child(3n+1){
		margin-left:0;
	}
	#detailContent ul.stepList li:before{
		content:"";
		display:block;
		position:absolute;
		top:0;
		left:0;
		width:45px;
		height:47px;
		background:url(../img/icon_step1.png) no-repeat 0 0;
		z-index:2;
	}
	#detailContent ul.stepList li:nth-child(2):before{
		background:url(../img/icon_step2.png) no-repeat 0 0;
	}
	#detailContent ul.stepList li:nth-child(3):before{
		background:url(../img/icon_step3.png) no-repeat 0 0;
	}
	
	#detailContent .omake{
		position:relative;
		padding:15px 15px 15px 80px;
	}
	#detailContent .omake:before{
		content:"";
		display:block;
		position:absolute;
		top:0;
		left:0;
		width:76px;
		height:47px;
		background:url(../img/icon_omake.png) no-repeat 0 0;
		z-index:2;
	}
	
	#productList{
		margin:60px 0;
	}
	#productList h2{
		margin-bottom:20px;
		padding-bottom:15px;
		background:url(../img/bg_line_gray.gif) repeat-x left bottom;
	}
	#productList .productWrap:after{
		content:"";
		clear:both;
		display:block;
	}
	#productList .product{
		float:left;
		width:155px;
		margin-left:-1px;
		padding:0 19px;
		border:#a6cad8 1px solid;
		border-width:0 1px;
		box-sizing:content-box;
	}
	#productList .product:first-child{
		margin-left:0;
		padding-left:0;
		border-left:none;
	}
	#productList .product:last-child{
		padding-right:0;
		border-right:none;
	}
	#productList .product a{
		display:block;
		color:inherit;
		text-decoration:none;
	}
	#productList .product img{
		display:block;
		margin:0 auto 10px auto;
	}
	#productList .product .productName{
		margin-bottom:20px;
		color:#4d95b2;
		text-decoration:underline;
		font-weight:bold;
		box-sizing:content-box;
	}
    #productList .product .productDesc{
		margin-bottom:20px;
	}
    #productList .product .productPrice{
		margin-bottom:10px;
        text-align: right;
	}
	#productList .product .productBtn{
		border:#BBB 1px solid;
		padding:10px 25px 10px 10px;
		background:url(../img/icon_arw_orange.png) no-repeat right 10px center;
		text-align:center;
	}
    
    /*関連商品カテゴリ*/
    #pr_category_list{
        margin-bottom: 80px;
    }
    
    #pr_category_list h2{
        margin-bottom: 20px;
        padding-bottom: 15px;
        background: url(../img/bg_line_gray.gif) repeat-x left bottom;
    }
    
    #pr_category_list .pr_category_link{
        text-align: center;
    }
    
    #pr_category_list .pr_category_link a{
        display: inline-block;
        padding: 0 10px;
        font-size: 16px;
    }
    
    #pr_category_list .pr_category_link a + a{
        border-left: 1px solid #BBB;
    }
    
    
    
	
	#relatedList{
		margin:60px 0;
	}
	#relatedList h2{
		margin-bottom:20px;
		padding-bottom:15px;
		background:url(../img/bg_line_gray.gif) repeat-x left bottom;
	}
    #detailContent .recipeBox{
        margin-bottom: 40px;
    }
    #detailContent .recipeBox h3{
        clear: none;
    }
    #detailContent .recipeBox p:after{
        display: none;
    }
    #detailContent .recipeBox ul{
        overflow: hidden;
    }

    /* staffComment */

    #detailContent .staffComment{
        border: 1px solid #73d1f4;
        margin: 0 0 40px 10px;
        text-align: justify;
    }


    #detailContent .staffComment .staffCommentInner{
      position: relative;
      left: -9px;
      bottom: -9px;
      border: 1px solid #73d1f4;
      padding: 20px 28px 28px 28px;
    }

    #detailContent .staffComment .title{
      overflow: hidden;
    }

    #detailContent .staffComment span{
      display: block;
      padding: 10px 0 0 16px;
      margin-left: 60px;
      font-size: 14px;
      color: #808080;
      border-bottom: 1px solid #73d1f4;
    }

    #detailContent .staffComment .title:before{
      content: "";
      display: block;
      float: left;
      width: 63px;
      height: 64px;
      background: url("../img/staff_00.png") no-repeat;
      background-size: 63px 64px;
    }

    /* staffComment noBorder */

    #detailContent .staffComment.noBorder{
      border: none;
      margin: 0;
    }

    #detailContent .staffComment.noBorder .staffCommentInner{
      position: static;
      border: none;
      padding: 0;
    }

    #detailContent .staffComment.noBorder span{
      border: none;
      padding-top: 20px;
    }

    #detailContent .staffComment.noBorder .title{
      margin-bottom: 20px;
    }
    
    /* relatedItem */    
    #detailContent .relatedItem{    
        display: table;
    }

    #detailContent .relatedItem .imgBlock{
        display: table-cell;
        padding-right: 3%;
        vertical-align: middle;
    }

    #detailContent .relatedItem .txtBlock{
        display: table-cell;
        vertical-align: middle;
    }

    #detailContent .relatedItem .txtBlock .name{
        text-align: center;
        margin-bottom: 20px;
    }

    #detailContent .relatedItem ul li{
        padding-left: 0;
        text-indent: 0;
    }

    #detailContent .relatedItem ul li:before{
        display: none;
    }

    #detailContent .relatedItem ul li .item {
        font-size: 18px;
        letter-spacing: 0;
    }
    #detailContent .relatedItem  ul li a {
        letter-spacing: 2.2px;
        color: #019f42;
    }

    
	.onlySP{
		display:none !important;
	}
}



/* SP */
@media screen and (max-width: 768px) {
	body{
		font-size:14px;
		-webkit-font-smoothing: antialiased;
		-webkit-text-size-adjust: 100%;
		font-family:"ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	
	/* breadcrumb */
	#breadcrumb,
	.footer-menu-wrapper{
		display:none;
	}
	#breadcrumbBottom{
		margin:20px 0;
		padding:10px 15px;
		border-top:#d7dae2 1px solid;
		border-bottom:#d7dae2 1px solid;
	}
	#breadcrumbBottom li{
		display:inline-block;
		padding-right:4px;
		vertical-align:top;
	}
	#breadcrumbBottom li:before{
		content:">";
	}
	#breadcrumbBottom li:first-child:before{
		display:none;
	}
	/* */
	
	#mainArea{
		padding:25px 0 40px 0;
	}
	#mainArea h1.siteTitle{
		margin-bottom:25px;
	}
	#mainArea h2.archiveTitle{
		margin:0 15px 20px 15px;
	}
	.pager{
		margin:15px 10px 5px 10px;
		text-align:center;
	}
	.navLinks{
        width:auto;
        margin:0 15px;
    }
    .pager .pager-prev{
        margin-left: 0;
    }
    .pager .pager-first{
        margin: 0 10px 0 0;
    }
    .pager .pager-prev a,
    .pager .pager-next a,
    .pager .pager-last a{
        padding: 4px 5px 3px 5px;
    }
	/* mainNavi */
	#mainNavi{
		padding-bottom:30px;
	}
	#mainNavi h2{
		padding:5px 15px 25px 60px;
	}
	#mainNavi .new{
		left:0;
	}
	
	/* pickupNavi / newaArrivalNavi / keywordNavi */
	#pickupNavi,
	#newArrivalNavi,
	#keywordNavi{
		position:relative;
		background-color:#f3f8fa;
		margin-top:35px;
		padding:0 0 15px 0;
	}
	#newArrivalNavi + #pickupNavi,
	#pickupNavi + #newArrivalNavi,
	#pickupNavi + #keywordNavi,
	#keywordNavi + #newArrivalNavi,
	#keywordNavi + #pickupNavi{
		margin-top:0 !important;
	}
	#pickupNavi:before{
		content:"";
		display:block;
		position:absolute;
		left:15px;
		top:0;
		z-index:5;
		width:35px;
		height:45px;
		background:url(../img/icon_pickup.png) no-repeat 0 0;
		background-size:35px 45px;
	}
	#newArrivalNavi:before{
		content:"";
		display:block;
		position:absolute;
		left:15px;
		top:0;
		z-index:5;
		width:35px;
		height:45px;
		background:url(../img/icon_new_arrival.png) no-repeat 0 0;
		background-size:35px 45px;
	}
	#keywordNavi:before{
		content:"";
		display:block;
		position:absolute;
		left:15px;
		top:0;
		z-index:5;
		width:35px;
		height:45px;
		background:url(../img/icon_keyword.png) no-repeat 0 0;
		background-size:35px 45px;
	}
	#mainNavi #newArrivalNavi:first-child,
	#mainNavi #pickupNavi:first-child,
	#mainNavi #keywordNavi:first-child{
		margin-top:0;
		padding-top:30px;
	}
	#mainNavi #newArrivalNavi:first-child:before,
	#mainNavi #pickupNavi:first-child:before,
	#mainNavi #keywordNavi:first-child:before{
		top:30px;
	}
	#pickupNavi ul,
	#newArrivalNavi ul{
		padding:0 15px;
		font-size:0;
	}
	#pickupNavi li,
	#newArrivalNavi li{
		font-size:16px;
		display:inline-block;
		vertical-align:top;
		width:calc(50% - 10px);
		margin:0 0 15px 15px;
		position:relative;
		border-radius:4px;
		background-color:#FFF;
		box-shadow:0 1px 3px rgba(0,0,0,0.2);
	}
	#pickupNavi li:nth-child(2n+1),
	#newArrivalNavi li:nth-child(2n+1){
		margin-left:0;
	}
	#pickupNavi li:nth-child(n+3),
	#newArrivalNavi li:nth-child(n+3){
		display:none;
	}
	#pickupNavi .allView li:nth-child(n+3),
	#newArrivalNavi .allView li:nth-child(n+3){
		display:inline-block;
	}
	#pickupNavi .opened li:nth-child(n+3),
	#newArrivalNavi .opened li:nth-child(n+3){
		display:inline-block;
	}
	#pickupNavi li a,
	#newArrivalNavi li a{
		display:block;
		padding:15px;
		min-height:calc(7.5em + 90px);
		color:inherit;
		text-decoration:none;
	}
	#pickupNavi .moreBtn,
	#newArrivalNavi .moreBtn{
		display:block;
		margin:10px 30px 15px 30px;
		padding:15px 25px;
		text-align:center;
		font-size:16px;
		line-height:1.2;
		border-radius:4px;
		background:#FFF url(../img/icon_arw_bottom_l_sp.png) no-repeat right 10px center;
		background-size:15px 10px;
		box-shadow:0 1px 3px rgba(0,0,0,0.2);
	}
	#pickupNavi .moreBtn.opened,
	#newArrivalNavi .moreBtn.opened{
		background-image:url(../img/icon_arw_top_sp.png);
	}
	#pickupNavi .trimCircle,
	#newArrivalNavi .trimCircle{
		position:relative;
		display:block;
		overflow:hidden;
		height:50px;
		width:50px;
		border-radius:50%;
		margin:0 auto 10px auto;
	}
	#pickupNavi .trimCircle img,
	#newArrivalNavi .trimCircle img{
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
		height:50px;
		width:auto;
		max-width:none;
	}
	#keywordNavi ul{
		margin:0 15px 15px 15px;
		padding:15px 15px 1px 1px;
		background-color:#FFF;
		box-shadow:0 1px 3px rgba(0,0,0,0.2);
		border-radius:4px;
	}
	
	#recommendNavi{
		position:relative;
		margin:35px 15px 0 15px;
		padding-bottom:1px;
		background:#f3f8fa url(../img/bg_dot.gif) repeat 0 0;
		border-radius:4px;
	}
	#recommendNavi:before{
		content:"";
		display:block;
		position:absolute;
		left:10px;
		top:0;
		z-index:5;
		width:35px;
		height:45px;
		background:url(../img/icon_recommend.png) no-repeat 0 0;
		background-size:35px 45px;
	}
	#recommendNavi h2{
		padding-top:8px;
		padding-bottom:15px;
	}
	#recommendNavi .slick-wrapper{
		margin:5px;
		background-color:#FFF;
	}
	.slick-wrapper{
		position:relative;
		padding:20px 10px 15px 10px;
	}
	.slick-wrapper .slick-prev {
		position: absolute;
		top: 50%;
		left: -10px;
		height: 25px;
		width: 25px;
		margin: -25px 0 0 0;
		z-index: 1;
		text-indent: -9999px;
		background: url(../img/slider_left.png) no-repeat center top;
		background-size:cover;
		border: none;
		outline: none;
	}
	.slick-wrapper .slick-next {
		position: absolute;
		top: 50%;
		right: -10px;
		height: 25px;
		width: 25px;
		margin: -25px 0 0 0;
		z-index: 1;
		text-indent: -9999px;
		background: url(../img/slider_right.png) no-repeat center top;
		background-size:cover;
		border: none;
		outline: none;
	}
	.slick-wrapper .slick-dots{
		text-align:center;
		margin:0 auto;
		line-height:1;
		padding:15px 0 0 0;
	}
	.slick-wrapper .slick-dots li {
		display: inline-block;
		margin: 0 3px;
		padding: 0;
		vertical-align: top;
	}
	.slick-wrapper .slick-dots li button{
		display: block;
		height: 10px;
		width: 10px;
		text-indent: -9999px;
		overflow: hidden;
		background: url(../img/slider_dot.png) no-repeat center center;
		background-size: 10px;
		border: none;
		outline: none;
		cursor: pointer;
	}
	.slick-wrapper .slick-dots li.slick-active button{
		background: url(../img/slider_dot_active.png) no-repeat center center;
		background-size: 10px;
	}


	/* panel */
	.panel{
		position:relative;
		background-color:#FFF;
		border-radius:6px;
		margin:0 15px 20px 15px;
		padding:15px 15px 5px 15px;
		box-shadow:0 0 5px rgba(0,0,0,0.2);
	}
	.panel a{
		display:block;
		color:inherit;
		text-decoration:none;
	}
	.panel > a:after{
		display:inline-block;
		float:right;
		content:"記事を読む";
		margin-bottom:10px;
		padding:8px 23px 8px 15px;
		border-radius:4px;
		font-weight:normal;
		background:#f1f2f5 url(../img/icon_arw_sp.png) no-repeat right 10px center;
		background-size:7px 11px;
	}
	.panel .cateLabel{
		display:inline-block;
		margin-bottom:10px;
	}
	.panel .date{
		display:block;
		margin-bottom:15px;
	}
	.panel .thumbImg{
		width:110px;
		margin:0 20px 15px 0;
	}
	.panel h2.columnTitle{
		clear:both;
		margin: 0 0 5px 0 !important;
		text-decoration:none;
	}
	.panel .shortTxt{
		display:none;
	}
	.panel .keywordList{
        margin-top: 10px;
        padding-top: 10px;
    }
	.panel .keywordList li{
        margin-bottom: 5px;
    }
    
    
	/* detail page */
	.detailTitleArea{
		margin:0 15px;
	}
	.detailTitleArea h1{
		margin:15px 0 20px;
		font-size:172%;
		line-height:1.5;
	}
	.keywordWrap{
		display:table;
	}
	.keywordWrap .keywordTitle,
	.keywordWrap .keywordList{
		display:table-cell;
		vertical-align:top;
	}
	.keywordWrap .keywordTitle{
		white-space:nowrap;
	}
	.keyVisual{
		margin:0 15px 15px 15px;
	}
	.leadTxt{
		margin:0 15px 30px 15px;
		font-size:114%;
	}
	.anchorLinks{
		margin:30px 15px;
		padding:20px 15px 5px 15px;
		border:#f1f2f5 3px solid;
	}
	.anchorLinks h2{
		margin:0 0 10px 0;
	}
	.anchorLinks h2:after{
		display:none;
	}
	.anchorLinks li{
		border-top:#f1f2f5 1px solid;
	}
	.anchorLinks li:first-child{
		border-top:none;
	}
	.anchorLinks a{
		display:block;
		padding:10px 15px 10px 0;
		color:inherit;
		text-decoration:none;
		background:url(../img/icon_arw_bottom_sp.png) no-repeat right center;
		background-size:10px 6px;
	}
	
	#detailContent{
		margin:0 15px;
		line-height:1.8;
	}
	#detailContent .keyVisual,
	#detailContent .leadTxt{
		margin-left:0;
		margin-right:0;
	}
	#detailContent:after{
		content:"";
		clear:both;
		display:block;
	}
	#detailContent h2{
		position:relative;
		margin:40px 0 20px;
		line-height:1.5;
	}
	#detailContent h2:after{
	    content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: -1;
		width: 100%;
		height: 10px;
		background-color: #e1f1f8;
	}
	#detailContent h3{
		margin:30px 0 15px;
		font-size:114%;
		line-height:1.5;
	}
	#detailContent p{
		margin-bottom:20px;
	}
	#detailContent .imgBlock{
		text-align:center;
		margin-bottom:20px;
	}
	
	#detailContent .summarize{
		clear: both;
		background-color: #f3f8fa;
		margin: 40px 0 30px 0;
		padding: 15px;
	}
	#detailContent .summarize h2{
		margin:0 0 15px 0;
	}
	#detailContent .summarize h2:after{
		display:none;
	}
	#detailContent .summarize p{
		margin-bottom:0;
	}
	#detailContent .floatBlock{
		margin:30px 0;
	}
	#detailContent .floatBlock.imgR,
	#detailContent .floatBlock.imgL{
	}
	#detailContent .floatBlock h2,
	#detailContent .floatBlock h3{
		margin-top:0;
	}
	#detailContent .rowBlock{
	}
	#detailContent .rowBlockChild:after{
		content:"";
		clear:both;
		display:block;
	}
	#detailContent .rowBlockChild .imgBlock{
		float:left;
		width:40%;
		margin:0 0 20px 0;
		text-align:center;
	}
	#detailContent .rowBlockChild .txtBlock h2,
	#detailContent .rowBlockChild .txtBlock h3,
	#detailContent .rowBlockChild .txtBlock h4{
		margin-top:0;
		margin-bottom:15px;
	}
	#detailContent .rowBlockChild .imgBlock + .txtBlock{
		float:right;
		width:calc(60% - 15px);
	}
	#detailContent .rowBlockChild .txtBlock{
		margin-bottom:10px;
	}
	#detailContent .rowBlockChild .txtBlock p{
		margin-bottom:10px;
	}
	
	
	#detailContent .stepList li{
		position:relative;
		margin:0 0 20px 0;
		padding:15px 15px 15px 40px;
	}
	#detailContent .stepList li:nth-child(3n+1){
		margin-left:0;
	}
	#detailContent ul.stepList li:before{
		content:"";
		display:block;
		position:absolute;
		top:0;
		left:0;
		width:33px;
		height:33px;
		background:url(../img/icon_step1_sp.png) no-repeat 0 0;
		background-size:contain;
		z-index:2;
	}
	#detailContent ul.stepList li:nth-child(2):before{
		background-image:url(../img/icon_step2_sp.png);
	}
	#detailContent ul.stepList li:nth-child(3):before{
		background-image:url(../img/icon_step3_sp.png);
	}
	
	#detailContent .omake{
		position:relative;
		padding:15px 15px 15px 45px;
	}
	#detailContent .omake:before{
		content:"";
		display:block;
		position:absolute;
		top:0;
		left:0;
		width:42px;
		height:33px;
		background:url(../img/icon_omake_sp.png) no-repeat 0 0;
		background-size:contain;
		z-index:2;
	}
	
	
	.snsShareLinks{
		margin:30px 15px;
	}
	.snsShareLinks ul{
		font-size:0;
	}
	.snsShareLinks li{
		display:inline-block;
		width:22%;
		margin-left:4%;
		font-size:0;
		vertical-align:top;
	}
	.snsShareLinks li:first-child{
		margin-left:0;
	}
	
	#productList{
		margin:40px 0;
	}
	#productList h2{
		margin:0 15px;
	}
	#productList .productWrap{
		margin:0 15px;
	}
	#productList .product{
		border-bottom:#a6cad8 1px solid;
	}
	#productList .product:first-child{
		border-top:none;
	}
	#productList .product a{
		display:block;
		color:inherit;
		text-decoration:none;
		padding:20px 15px;
	}
	/*#productList .product a:after{
		display:block;
		content:"";
		clear:both;
	}*/
    .product_wrap1 {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 10px;
    }
	#productList .product img{
		float:left;
		width:70px;
		margin-right:15px;
		border:#e0e2e9 1px solid;
	}
	#productList .product .productName{
		height:auto !important;
		margin-bottom:15px;
		color:#4d95b2;
		text-decoration:underline;
		font-weight:bold;
		font-size:114%;
		overflow:hidden;
	}
    #productList .product .productDesc{
		margin-bottom:10px;
        font-size: 95%;
	}
    #productList .product .productPrice{
		margin-bottom:10px;
        text-align: right;
        height: auto!important;
	}
	#productList .product .productBtn{
		border:#BBB 1px solid;
		border-radius:3px;
		padding:10px 25px 10px 10px;
		background:url(../img/icon_arw_orange.png) no-repeat right 10px center;
		text-align:center;
		overflow:hidden;
	}
    	
	#relatedList{
		margin:40px 0 0 0;
	}
	#relatedList h2{
		margin:0 15px 15px 15px;
	}
    
    #detailContent .recipeBox{
        margin-bottom: 20px;
    }
    
    
    /*関連商品カテゴリ*/
    #pr_category_list{
        margin-bottom: 40px;
    }
    
    #pr_category_list h2{
        margin: 0 15px 15px 15px;
    }
    
    #pr_category_list .pr_category_link{
        text-align: center;
    }
    
    #pr_category_list .pr_category_link a{
        display: inline-block;
        padding: 0 10px;
        font-size: 16px;
    }
    
    #pr_category_list .pr_category_link a + a{
        border-left: 1px solid #BBB;
    }

    /* staffComment */

    #detailContent .staffComment{
      clear: both;
      border: 1px solid #73d1f4;
      margin: 0 0 40px 10px;
      text-align: justify;
    }

    #detailContent .staffComment .staffCommentInner{
      position: relative;
      left: -9px;
      bottom: -9px;
      border: 1px solid #73d1f4;
      padding: 20px 23px 10px 23px;
    }

    #detailContent .staffComment .title{
      overflow: hidden;
    }

    #detailContent .staffComment span{
      display: block;
      padding: 5px 0 0 35px;
      margin-left: 10px;
      font-size: 11px;
      color: #808080;
      border-bottom: 1px solid #73d1f4;
      line-height: 1.3;
    }

    #detailContent .staffComment .title:before{
      content: "";
      display: block;
      float: left;
      width: 40px;
      height: 40px;
      background: url(../img/staff_00.png) no-repeat;
      background-size: 40px;
    }


    /* staffComment noBorder */

    #detailContent .staffComment.noBorder{
      border: none;
      margin: 0;
    }

    #detailContent .staffComment.noBorder .staffCommentInner{
      position: static;
      border: none;
      padding: 0;
    }

    #detailContent .staffComment.noBorder span{
      border: none;
      padding-top: 13px;
    }
	    
    /* relatedItem */    
    #detailContent .relatedItem .txtBlock .name{
        width: 70%;
        margin: 0 auto 10px;
    }

    #detailContent .relatedItem ul li{
        padding-left: 0;
        text-indent: 0;
    }

    #detailContent .relatedItem ul li:before{
        display: none;
    }

    #detailContent .relatedItem  ul li a {
        color: #019f42;
    }
	.onlyPC{
		display:none !important;
	}
}