@charset "utf-8";


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

.oneContents .contentsWrap,
.oneContents .contentsWrap #main{
	width:100%;
	padding:0;
}
.oneContents .contentsWrap #main .mainInner {
	width:100%;
	margin:0 auto;
	padding:0 15px 40px 15px;
}

/* mainVisual */
.mainVisualWrap .mainVisual{
	text-align: center;
}
.oneContents .contentsWrap #main .mainInner.fullType .mainVisualWrap .mainVisual.spOnly{
	margin: 0 -15px;
}
.mainVisualWrap .mainVisual.pcOnly{
	display:none;
}

/* productsBannerList */
#productsBannerList{
	position:relative;
	margin-bottom:30px;
}
#productsBannerList li{
	margin-top:5px;
}
#productsBannerList li:first-child{
	margin-top:0;
}
#productsBannerList li.slick-slide{
	display:block !important;
}
 
/* syohinTitle */
.syohinTitle01{
  color: #023795;
	margin-bottom: 15px;
	padding:0 0 7px 0;
	border-bottom:#cacaca solid 1px;
	line-height:1.3;
}
.syohinTitle01.coldIcon:before{
	content: "";
	display:inline-block;
	background:url(/syohin/figure/index_ic01.png) no-repeat 0 0;
	background-size:contain;
	width:21px;
	height:31px;
	margin:-5px 9px 0 0;
	vertical-align:middle;
}
.syohinTitle01.coffeeIcon:before{
	content: "";
	display:inline-block;
	background:url(/syohin/figure/index_ic05.png) no-repeat 0 0;
	background-size:contain;
	width:21px;
	height:31px;
	margin:-5px 9px 0 0;
	vertical-align:middle;
}
.syohinTitle01.hotsnackIcon:before{
	content: "";
	display:inline-block;
	background:url(/syohin/figure/index_ic02.png) no-repeat 0 0;
	background-size:contain;
	width:21px;
	height:31px;
	margin:-5px 9px 0 0;
	vertical-align:middle;
}
  .syohinTitle01.onigiriIcon:before{
	content: "";
	display:inline-block;
	background:url(/syohin/figure/index_ic06.png) no-repeat 0 0;
	background-size:contain;
	width:21px;
	height:31px;
	margin:-5px 9px 0 0;
	vertical-align:middle;
}
  .syohinTitle01.drinkIcon:before{
	content: "";
	display:inline-block;
	background:url(/syohin/figure/index_ic07.png) no-repeat 0 0;
	background-size:contain;
	width:21px;
	height:31px;
	margin:-5px 9px 0 0;
	vertical-align:middle;
}
.syohinTitle01 span{
	font-size:1.6rem;
	font-weight:bold;
}
.syohinTitle01 span a{
	color:#023795;
	text-decoration:none;
}
.syohinTitle01 span a:hover{
	text-decoration:underline;
}
.syohinTitle01 span a:after{
	content: "";
	background:url(/site_common/img/com_ic12.png) no-repeat right 50%;
	background-size: contain;
	display:inline-block;
	width:7px;
	height:11px;
	margin-left:11px;
}
.syohinTitle02{
	padding-left:31px;
	padding-bottom:10px;
	text-indent:-31px;
	font-size:1.7rem;
}
.syohinTitle02 span > span{
	color:#023894;
	font-size:2.2rem;
	font-weight:bold;
}
.syohinTitle02.halohaloIcon:before{
	content: "";
	display:inline-block;
	background:url(/syohin/figure/index_ic03.png) no-repeat 0 0;
	background-size:contain;
	width:21px;
	height:34px;
	margin:-5px 7px 0 0;
	vertical-align:middle;
}
.syohinTitle02.coldIcon:before{
	content: "";
	display:inline-block;
	background:url(/syohin/figure/index_ic01.png) no-repeat 0 0;
	background-size:contain;
	width:24px;
	height:35px;
	margin:-5px 7px 0 0;
	vertical-align:middle;
}
.syohinTitle02.parfaitIcon:before{
	content: "";
	display:inline-block;
	background:url(/syohin/figure/index_ic04.png) no-repeat 0 0;
	background-size:contain;
	width:24px;
	height:35px;
	margin:-5px 7px 0 0;
	vertical-align:middle;
}

/* noTitle */
.noTitle {
	margin-top: 0;
	padding-top: 1em;
	border-top:#cacaca 1px solid;
}

/* syohinColumnBox */
.syohinColumnBox .column{
	position: relative;
	float:left;
	margin-top:5px;
	margin-bottom:20px;
}
.syohinColumnBox.recommendColumn .column{
	/*width:168px;*/
	margin-right:10px;
	margin-left:10px;
}
.syohinColumnBox.categoryColumn .column{
	width:29.4%;
	margin-right:5.9%;
}
.syohinColumnBox.campaignColumn .column{
	width:47.3%;
	margin-right:5.4%;
}
.syohinColumnBox.categoryColumn .column:nth-child(3n),
.syohinColumnBox.campaignColumn .column:nth-child(2n){
	margin-right:0;
}
.syohinColumnBox.spLengthColumn .column{
	float:none;
}
.syohinColumnBox.spSlideColumn .column{
	padding:0 10px;
	border-left:1px dotted #bcbcbc;
}
.syohinColumnBox .column .new{
	position:absolute;
	top:7px;
	left:7px;
	width:44px;
	height:44px;
	background:#023894;
	border-radius:22px;
	color:#ffffff;
	font-size:1.2rem;
	font-weight:bold;
	text-align:center;
	line-height:44px;
}

.syohinColumnBox .column .photo{
	text-align:center;
}
.syohinColumnBox .column .photo img{
	max-width:100%;
	height:auto;
	margin:0 auto;
}
.syohinColumnBox .column .name{
	display:inline-block;
	margin-bottom:10px;
	font-weight:bold;
	font-size:1.5rem;
}
.syohinColumnBox .column a .name{
	color:#398fdf;
}
.note {
		color: #dd3900;
	}
.syohinColumnBox .column .imgCap{
	margin-top:10px;
	color:#666666;
	font-size:1.3rem;
	line-height:1.3;
}
.syohinColumnBox.spLengthColumn .column .imgCap{
	font-size:1.4rem;
}
.syohinColumnBox .column a{
	color:#666666;
	text-decoration:none;
}
.syohinColumnBox .column > div{
}
.syohinColumnBox.spLengthColumn .column > a,
.syohinColumnBox.spLengthColumn .column > div{
	display:table;
	width:100%;
}
.syohinColumnBox .column a:hover{
	text-decoration:underline;
}
.syohinColumnBox .column .imgCap.categoryType{
	font-size:1.3rem;
	text-align:center;
}
.syohinColumnBox .column .imgCap .endNotes {
	display:inline-block;
	padding-left:1em;
	text-indent:-1em;
	color:#999999;
	font-size:1.3rem;
	text-align:left;
}
.syohinColumnBox.spLengthColumn .column > a .photo,
.syohinColumnBox.spLengthColumn .column > div > .photo{
	display:table-cell;
	width:33%;
}
.syohinColumnBox.spLengthColumn .column > a .photo img,
.syohinColumnBox.spLengthColumn .column > div .photo img{
	max-width:100%;
}
.syohinColumnBox.spLengthColumn .column > a .imgCap,
.syohinColumnBox.spLengthColumn .column > div .imgCap{
	display:table-cell;
	width:67%;
	padding-left:15px;
}
.syohinColumnBox.spSlideColumn .column > a .imgCap,
.syohinColumnBox.spSlideColumn .column > div .imgCap{
	width:100% !important;
}

.syohinColumnBox .moreBtn{
	clear:both;
	background:url(/site_common/img/com_bg01.png) repeat 0 0;
	border:#dbdbdb 1px solid;
}
.syohinColumnBox .moreBtn a{
	position:relative;
	display:block;
	padding:12px 30px;
	color:#023795;
	font-size:1.6rem;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
.syohinColumnBox .moreBtn a:before{
	content:"";
	position:absolute;
	top:50%;
	right:12px;
	width:15px;
	height:2px;
	margin-top:-1px;
	background:#023795;
	border-radius:1px;
}
.syohinColumnBox .moreBtn a:after{
	content:"";
	position:absolute;
	top:50%;
	right:18px;
	width:2px;
	height:15px;
	margin-top:-8px;
	background:#023795;
	border-radius:1px;
}
.syohinColumnBox .moreBtn.on a:after{
	display:none;
}

/* syohinColumnBox */
.syohinColumnBox02 .column{
	position: relative;
	width:100%;
	margin-top:5px;
	margin-bottom:25px;
}
.syohinColumnBox02 .column .photo{
	text-align:center;
}
.syohinColumnBox02 .column .photo img{
	width:100%;
}
.syohinColumnBox02 .column .saleColumn{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-top:15px;
}
.syohinColumnBox02 .column .saleColumn .sale01{
	width:110px;
	padding:5px 5px;
	background:#023894;
	color:#ffffff;
	font-size:1.3rem;
	line-height:1.2;
	text-align:center;
}
.syohinColumnBox02 .column .saleColumn .sale02{
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding:5px 9px;
	background:#ecf3ff;
	color:#023894;
	font-size:1.4rem;
	line-height:1.2;
}
.syohinColumnBox02 .column .saleColumn .sale03 {
    width: 90px;
    padding: 5px 5px;
    background: #D40003;
	color: #ffffff;
    font-size: 1.3rem;
    line-height: 1.2;
    text-align: center;
}
.syohinColumnBox02 .column .saleColumn .sale04{
  width: 110px;
  padding: 5px 5px;
  background: #fcc900;
  color: #023894;
  font-size: 1.3rem;
  line-height: 1.2;
  text-align: center;
}
.syohinColumnBox02 .column .saleColumn .sale04.saleParfait{
  width: auto;
}
.syohinColumnBox02 .column .name{
	margin-top:7px;
	font-weight: bold;
}
.syohinColumnBox02 .column .name a{
	color:#398fdf;
	font-size:1.5rem;
	font-weight:bold;
}
.syohinColumnBox02 .column .info{
	margin-top:4px;
	font-size:1.5rem;
}
.syohinColumnBox02 + .btnStyle01 a,
.seasonEnd + .btnStyle01 a{
	display:block;
	width:100%;
	margin:0 auto;
}
.syohinColumnBox02 + .btnStyle01 a span,
.seasonEnd + .btnStyle01 a span{
	display:block;
	width:100%;
	text-align:center;
}

/* seasonEnd */
.seasonEnd{
	margin-bottom:30px;
	padding-top:20px;
	color:#bababa;
	font-size:1.7rem;
	font-weight:bold;
	text-align:center;
}
.seasonEnd.pcOnly{
	display:none;
}
.seasonEnd.spOnly{
	display:block;
}

/* syohinLinkBox */
.syohinLinkBox{
	margin-top:1em;
	background:url(/site_common/img/com_bg01.png) repeat 0 0;
	border:#e9ebee 1px solid;
}
.syohinLinkBox .inner{
	padding:20px 14px 19px 14px;
}
.syohinLinkBox .inner .infoText{
	padding-left:100px;
}
.syohinLinkBox.coldType02 .inner .infoText{
	padding:20px 0 0 100px;
}
.syohinLinkBox.nutritionType .inner .infoText{
	min-height:88px;
	background:url(/syohin/figure/index_bg02_sp.png) no-repeat 0 0;
	background-size:88px 88px;
}
.syohinLinkBox.coldType .inner .infoText{
	min-height:88px;
	background:url(/syohin/sweets/figure/index_bg01_sp.png) no-repeat 0 0;
	background-size:88px 88px;
}
.syohinLinkBox.coldType02 .inner .infoText{
	min-height:88px;
	background:url(/syohin/sweets/parfait/figure/index_bg02_sp.webp) no-repeat 0 0;
	background-size:88px 88px;
}
.syohinLinkBox .inner .btnStyle02{
	margin-top:10px;
}
.syohinLinkBox .inner .btnStyle02 a{
	display:block;
}
.syohinLinkBox .inner .btnStyle02 a span{
	display:block;
	width:100%;
	text-align:center;
}

/* categoryListArea */
.categoryListArea {
	width:100%;
	padding:30px 0;
	background:#f2f2f2;
}
.categoryListArea .inner{
	width:100%;
	margin:0 auto;
	padding:0 15px;
}
.categoryListArea .section03{
	margin-bottom:0;
}
.categoryListArea .title03{
	padding-bottom:0;
	border-bottom:none;
}
.categoryListArea .categoryList{
	width:100%;
	border-top:#e9ebee 1px solid;
	border-left:#e9ebee 1px solid;
}
.categoryListArea .categoryList li{
	float:left;
	width:50%;
	border-right:#e9ebee 1px solid;
	border-bottom:#e9ebee 1px solid;
}
.categoryListArea .categoryList li a{
	display:table;
	width:100%;
	height:100%;
	padding:3px 3px;
	background:#ffffff;
	color:#333333;
	font-size:1.4rem;
	line-height:1.2;
	text-decoration:none;
}
  .categoryListArea .categoryList li .sozai{
	display:table;
	width:100%;
	height:100%;
	padding:3px 3px;
	background:#ffffff;
	color:#333333;
	font-size:1.4rem;
	line-height:1.2;
	text-decoration:none;
}
.categoryListArea .categoryList li a:hover{
	background:#e3e9f7;
	text-decoration:underline;
}
.categoryListArea .categoryList li.active a{
	background:#023795;
	color:#ffffff;
}
.categoryListArea .categoryList li  .photo{
	display:table-cell;
	width:53px;
	vertical-align:middle;
}
.categoryListArea .categoryList li  .photo img{
	border-radius:4px;
}
.categoryListArea .categoryList li  .name{
	display:table-cell;
	width:auto;
	padding-left:8px;
	vertical-align:middle;
}

/* topvaluHead */
.topvaluHead{
	margin-bottom:30px;
	background:#fffdfb;
	background:-moz-linear-gradient(left, #fffdfb 0%, #fdf9f8 25%, #f8eeef 50%, #f4e4e7 79%, #f2dfe3 100%);
	background:-webkit-linear-gradient(left, #fffdfb 0%,#fdf9f8 25%,#f8eeef 50%,#f4e4e7 79%,#f2dfe3 100%);
	background:linear-gradient(to right, #fffdfb 0%,#fdf9f8 25%,#f8eeef 50%,#f4e4e7 79%,#f2dfe3 100%);
}
.topvaluHead .inner{
	width:100%;
	margin:0 auto;
	padding:30px 15px 20px 15px;
}
 .topvaluHead .inner .logo{
	width:318px;
	margin:0 auto 17px auto;
	text-align:center;
}
.topvaluHead .inner .lead{
	color:#696969;
	font-size:1.5rem;
	line-height:1.5;
	text-align:center;
}
.topvaluHead .inner .ancLink {
	margin-top:20px;
}
.topvaluHead .inner .ancLink dt {
	padding:8px 0;
	background:#b50081;
	color:#ffffff;
	font-size:1.6rem;
	font-weight:bold;
	line-height: 1.2;
	text-align:center;
}
.topvaluHead .inner .ancLink dd {
	padding-top:15px;
}
.topvaluHead .inner .ancLink dd ul li {
	float:left;
	width:48%;
	margin-right:2%;
	margin-bottom:10px;
	background:#ffffff;
	border:#b50081 3px solid;
	border-radius:5px;
}
.topvaluHead .inner .ancLink dd ul li:nth-child(2n) {
	margin-right:0;
}
.topvaluHead .inner .ancLink dd ul li a {
	display:block;
	padding:10px 30px 8px;
	background:url(/syohin/topvalu/figure/index_ic01.png) no-repeat 9px 50%;
	background-size:20px 20px;
	color:#b50081;
	font-size:1.6rem;
	font-weight:bold;
	line-height: 1.2;
	text-decoration:none;
	text-align:center;
}
.topvaluHead .inner .ancLink dd ul li a:hover {
	text-decoration:underline;
}

/* topvaluTitle */
.topvaluTitle01{
	margin-bottom:20px;
	padding:2px 0 10px 28px;
	background:url(/syohin/topvalu/figure/index_ic02.png) no-repeat 0 0.1em;
	background-size:20px 20px;
	border-bottom:#b50081 2px solid;
	color:#b50081;
	font-size:1.8rem;
	font-weight:bold;
	line-height:1.2;
}

/* topvaluColumn */
.topvaluColumn .column{
	float:left;
	width:47%;
	margin-right:3%;
	margin-bottom:15px;
}
.topvaluColumn .column:nth-child(2n){
	margin-right:0;
}
.topvaluColumn .column .photo{
	display:table;
	width:100%;
	height:100px;
	margin-bottom: 15px;
}
.topvaluColumn .column .photo .inner{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
.topvaluColumn .column .photo .inner img{
	max-height:100px;
}
.topvaluColumn .column .name{
	padding-left:18px;
	background:url(/syohin/topvalu/figure/index_ic02.png) no-repeat 0 0.3em;
	background-size:11px 11px;
	font-size:1.5rem;
	font-weight:bold;
}
.topvaluColumn .column .price{
	padding-left:18px;
	font-size:1.4rem;
}
	.topvaluColumn .column .price span {
		font-size: 1.1rem;
	}
/* takeoutInfo */
.takeoutInfo{
	padding:30px 10px 30px 120px;
	background:#fcfaec url(/syohin/sweets/parfait/figure/index_ic02.png) no-repeat 15px 50%;
	font-size:1.4rem;
	font-weight:bold;
}

/* syohinSnsList */
.syohinSnsList{
	padding: 25px 15px;
	background:#ffffff;
}
.syohinSnsList ul{
	text-align: center;
	letter-spacing: -.40em;
}
.syohinSnsList ul li{
	display: inline-block;
	width:55px;
	margin: 0 12px;
	letter-spacing: normal;
}
.syohinSnsList .sw{
	display: none;
}

/* syohinMainArea */
.syohinMainArea{
	margin:20px 0 40px;
	text-align:center;
}

/* syohinInfoColumn */
.syohinInfoColumn .photoCol{
	margin-bottom:25px;
	padding:0 75px;
}
.syohinInfoColumn .textCol > *:first-child{
	margin-top:0;
}
.syohinInfoColumn .textCol .detailBlock{
	margin-top:25px;
	padding:10px 20px 20px;
	background:#f8f8f8;
}
.syohinInfoColumn .textCol .detailBlock dl{
	width:100%;
	border-bottom:#dbdbdb 1px solid;
	line-height:1.2;
}
	.syohinInfoColumn .textCol .detailBlock dl dd .price .note {
		color: #dd3900;
	}
.syohinInfoColumn .textCol .detailBlock dl dt{
	width:100%;
	padding:10px 0 0;
	font-weight:bold;
}
.syohinInfoColumn .textCol .detailBlock dl dd{
	width:100%;
	padding:5px 0 10px;
}

/* allergenIcon */
.allergenIcon{
	width:100%;
	margin:20px 0 30px;
	border:#dbdbdb 1px solid;
}
.allergenIcon dt{
	width:100%;
	padding:10px 15px;
	background:#f8f8f8;
	font-size:1.6rem;
	font-weight:bold;
	vertical-align:middle;
}
.allergenIcon dd{
	width:100%;
	padding:10px 15px;
	background:#ffffff;
	vertical-align:middle;
}
.allergenIcon dd ul li{
	margin-top:5px;
}
.allergenIcon dd ul li:first-child{
	margin-top:0;
}
.allergenIcon01{color:#ec6614;}
.allergenIcon02{color:#50a001;}
.allergenIcon03{padding:0 0.3em;}

/* allergenTable */
.allergenTable{
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-top:30px;
	border-top:#dbdbdb 1px solid;
}
.allergenTable dl{
	float:left;
	width:33%;
	border-right:#dbdbdb 1px solid;
	border-bottom:#dbdbdb 1px solid;
}
.allergenTable dl:nth-child(3n+1){
	width:34%;
	border-left:#dbdbdb 1px solid;
}
.allergenTable dl dt{
	padding:5px 5px;
	border-bottom:#dbdbdb 1px solid;
	font-size:1.3rem;
	line-height:1.2;
	text-align:center;
}
.allergenTable.type01 dl dt{background:#fdfae3;}
.allergenTable.type02 dl dt{background:#f8f8f8;}
.allergenTable dl dd{
	padding:6px 5px;
	font-size:1.3rem;
	text-align:center;
}

/* allergenTable-v2 */
.allergenTable-v2{
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-top:30px;
	border-top:#dbdbdb 1px solid;
}
.allergenTable-v2 dl{
	float:left;
	width:33%;
	border-right:#dbdbdb 1px solid;
	border-bottom:#dbdbdb 1px solid;
}
.allergenTable-v2 dl:nth-child(3n+1){
	width:34%;
	border-left:#dbdbdb 1px solid;
}
.allergenTable-v2 dl dt{
	padding:5px 5px;
	border-bottom:#dbdbdb 1px solid;
	font-size:1.3rem;
	line-height:1.2;
	text-align:center;
}
.allergenTable-v2.type01 dl dt{background:#fdfae3;}
.allergenTable-v2.type02 dl dt{background:#f8f8f8;}
.allergenTable-v2 dl dd{
	padding:6px 5px;
	font-size:1.3rem;
	text-align:center;
}

/* syohinSnsBox */
.syohinSnsBox{
	margin-top:20px;
	text-align:right;
}
.syohinSnsBox li{
	display:inline-block;
	margin-left:5px;
}
.syohinSnsBox li span{
	vertical-align:0 !important;
}

/*productList*/
.productList{
	margin-bottom:20px;
	margin-top:15px;
	margin-left:-15px;
	margin-right:-15px;
}
.productList ul li{
	width:160px;
	padding: 0 10px;
	position:relative;
}
.productList ul li .productListTx{
	margin-top: 5px;
	font-size:1.2rem;
}
.productList ul li .productListTx span{
	display: block;
}
.productList ul li .productListTx span.name{
	margin-bottom: 3px;
}
.productList ul li a{
	display:block;
	color:#666666;
	font-size:1.3rem;
	text-decoration:none;
	line-height:1.4;
	width:160px;
	margin:0 auto;
	position:relative;
}
.productList ul li.new:after{
	content:"";
	display:inline-block;
	width:46px;
	height:46px;
	background:url(/figure/index_ic02.png) no-repeat;
	background-size:46px 46px;
	position:absolute;
	left:0px;
	top:0px;
}







/*=================================

	clearfix

=================================*/
#productsBannerList:after,
.syohinColumnBox:after,
.syohinColumnBox02 .column .saleColumn:after,
.syohinLinkBox .inner:after,
.categoryListArea .categoryList:after,
.topvaluHead .inner .ancLink dd ul:after,
.topvaluColumn:after {
	content: "";
	display: block;
	clear: both;
}

}