@charset "UTF-8";

.footer2 *,
.footer2 *:before,
.footer2 *:after {
  box-sizing: border-box;
}


.kai {display:none;}

/* フッター */

.footer2 {
	font-family :"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-weight: normal;
    font-size: 14px;
	background:#649664;
	padding:50px 30px 30px;
}
.footer2 li {
    margin: 0;
    padding: 0;
    border: 0;

    font-weight: normal;
    font-size: 14px;
    vertical-align: baseline;

}
.footer2 a{
	color:#fff!important;
	text-decoration:none;
}

ul.f_w {
	width:1180px;
	margin:0 auto;
}
ul.f_w li {
	display: inline-block;
	color:#fff;
	margin:0!important;
}
ul.f_w li.f_left {
	width:60%;
	vertical-align: top;
	padding-left:50px;
}



ul.f_lab li {
	width:270px!important;
	padding:5px 17px;
	margin-left:10px;
	position:relative;
	font-size:14px;
	font-weight:bolder;
}
ul.f_lab li a {
	font-size:14px;
	font-weight:bolder;
	color:#fff;
}
ul.f_lab li a:hover {
	text-decoration:underline;
}

ul.f_lab li::after {
	content: '';
	width:6px;
	height: 6px;
	border: 0px;
	border-top: solid 2px #fff;
	border-right: solid 2px #Fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top:12px;
	left:0;
}
ul.f_lab li.bl::after {
	display:none;
}



ul.f_w li.f_right {
	width:39%;
	vertical-align: top;
	color:#fff;font-weight:bolder;
	padding-left:90px;
}

ul.f_w li.f_right .tel_title{
	font-size:18px;
	font-weight:bolder;
	position:relative;
	padding-left:22px;
}
ul.f_w li.f_right .tel_title::after {
	content: url('/img/usr/top2/f_tel.png');
	display: inline-block;
	position:absolute;
	left:0;
	top:1px;
}
ul.f_w li.f_right .tel_no{
	font-size:46px;
	font-weight:bolder;
}
ul.f_w li.f_right .tel_uke{
	font-size:13px;
}
.footer2 .f_copy {
	width:100%;
	text-align:center;
	color:#fff;
	font-size:14px;
	margin-top:40px;

}

.nbr {display:none;}



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

	/* フッター */
	ul.f_w {
		width:100%;
		margin:0 auto;
	}

	ul.f_w li.f_left {
		width:55%;
		padding-left:5%;
	}

	ul.f_lab li {
		width:49%!important;
	}
	ul.f_lab li a {
		font-size: min(1.4vw, 14px);
	}

	ul.f_lab li.bl::after {
		display:none;
	}


	ul.f_w li.f_right {
		width:44%;
		padding-left:5%;
	}

	ul.f_w li.f_right .tel_title{
		font-size: min(1.8vw, 18px);
	}

	ul.f_w li.f_right .tel_no{
		font-size: min(5vw, 46px);
	}
	ul.f_w li.f_right .tel_uke{
		font-size: min(1.3vw, 13px);
	}

	.footer2 .f_copy {
		font-size:13px;
	}



}

@media screen and (max-width: 1279px) {
	.emer_mes {
		width:90%;
	}
	.main_slider .slick-prev.slick-arrow{
		width:25px;
		height:50px;
	}
	.main_slider .slick-next.slick-arrow {
		width:25px;
		height:50px;
	}

	/* トップページ商品パネル（スライダ） */
	.page-top .block-cart-i--goods {
		width:220px!important;
	}
	.page-top .block-ranking-r--goods {
		width:220px!important;
	}







	/* ニュース */
	.block-top-topic {
		width:100%!important;
	}
	#block_of_topic .after-border {
		width:320px!important;
	}

	.block-top-topic--header::before {
		left:0;
	}

	.block-top-topic--body {
		width:95%!important;
	}

	h2.after-border::after {
		width:100%!important;
	}

}


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

	/*
	.gl_nav li a:link,.gl_nav li a {
		padding-left:25px;
		padding-right:25px;
		line-height:1.3em;
	}
	.gl_nav li.dd a:link,.gl_nav li.dd a {
		padding-right:10px;
		padding-left:10px;
		padding-top:22px;
	}

	.gl_nav li.dd:nth-of-type(1) a {
		padding-right:25px;
	}
	*/




	section.b_area,section.b_area2 {
		width:100%;
	}
	.block-top-event {
		width:100%!important;
	}
	.page-top h2.block-top-event--header {
		width:95%!important;
		margin-left:20px!important;
		margin-right:20px!important;
	}
	
	.block-cart-i--items,.block-ranking-r--items {
		width:100%!important;
	}


	.items_slider .slick-prev.slick-arrow{
		right:80px;top:-55px;
	}


	.items_slider .slick-next.slick-arrow {
		right:39px;top:-55px;
	}











	h2 .recipe_title {
		width:80%;
	}


	/* トップ Oil Style */
	.top_columnw .topv {
		padding-top:30px;
		padding-bottom:30px;
		border-bottom-left-radius: 80px;
		border-bottom-right-radius: 80px;
	}
	.top_columnw .topv .c_tag {
		top:3%;
	}
	ul#c_top {
		width:90%;
	}
	ul#c_top li.c_left {
		width:60%;
		display:table;
		padding-top:10px;
	}
	ul#c_top li.c_left #kiji .c_title{
		font-size: min(2vw, 16px);
		margin-bottom:10px;
	}
	ul#c_top li.c_left #kiji .c_text{
		font-size: min(1.6vw, 15px);
		line-height:1.4em;
	}


	ul#c_top li.c_right {
		padding:40px 20px 20px;
		width:40%;
	}


	/* INFO */
	.info_area2 ul {
		width: 100%;
	}
	.info_area2 ul li {
		width: 35%;
	}
	.info_area2 a{
		font-size: min(1.7vw, 18px);
		display:grid;
	}






	/* 公式アカウント */
	#o_acc2 {margin-top:50px;text-align:center;color:#000;}
	#o_acc2 li {
		width:80%;
		margin-top:20px;width:20%;
	}









}


@media screen and (max-width: 1010px) {
	.gl_nav li a:link,.gl_nav li a {
		padding-left:10px;
		padding-right:10px;
		line-height:1.3em;
				font-size: min(3.8vw, 15px);
	}
	.gl_nav li.dd a:link,.gl_nav li.dd a {
		padding-right:25px;
		padding-right:25px;
		padding-top:22px;
	}
	.gl_nav li.dd:nth-of-type(1) a {
		padding-right:35px;
	}
	
	.gl_nav li.dd a:link,.gl_nav li.dd a {
		padding-top:.8rem;
	}
	.gl_nav li.dd a.d2{
		padding-top:1.6rem!important;
	}

	.nbr {display:block;}



	.page-goods .pane-contents .container {
		width:100%!important;
		margin:0 auto;
		padding-left:0!important;
		padding-right:0!important;
	}




	.page-goods .pane-goods-right-side h1.block-goods-name--text {
		font-size: min(2.8vw, 24px)!important;
		line-height:1.5em;
	}
	.page-goods .pane-goods-right-side .block-goods-price--on-sales-comment{
		font-size: min(2vw, 14px)!important;
	}
	.page-goods .pane-goods-right-side .block-goods-price--price{
		font-size: min(3vw, 22px)!important;
	}
	.page-goods .pane-goods-right-side .block-goods-comment{
		font-size: min(2vw, 13px)!important;
	}
	.page-goods dl.goods-detail-description dt{
		width:40%;
	}
	.page-goods dl.goods-detail-description dd{
		padding-left:20px;
	}
	.page-goods .pane-goods-right-side .block-accessory-list {
		margin-top:10px!important;
	}




	.page-goods .pane-goods-right-side .block-icon img {
		width:50px!important;
		height:auto!important;
		aspect-ratio: 6/2;
	}
	.page-goods .pane-goods-right-side .block-icon span {
		margin-bottom:0!important;
	}
	.page-goods .pane-goods-right-side .block-icon .block-icon--auto-on-sales img {
		width:32px!important;
		height:auto!important;
		aspect-ratio: 2/1;
	}


	.page-goods .block-pickup-list-p--items .block-pickup-list-p--goods-name a{
		line-height:1.4em!important;
		font-size: min(1.4vw, 14px)!important;
	}
	.block-pickup-list-p--scomment{
		font-size: min(1.2vw, 14px);
		float:none!important;
	}

	.page-goods .block-pickup-list-p--items .block-pickup-list-p--price{
		padding-top:0!important;
	}


	/* メインかご入れるボタン下の　カートボタン */
	.page-goods .block-pickup-list-p--items .block-pickup-list-p--add-cart a{
		font-size: min(1.2vw, 14px);

	}
	.page-goods .block-pickup-list-p--items .block-pickup-list-p--add-cart a::before {
		display:none;
	}
	.page-goods .block-accessory-list--list .block-pickup-list-p--items .block-pickup-list-p--item-description {
		padding-left:3%;
	}




	.page-goods .block-pickup-list-p .block-pickup-list-p--image{
		width:40%!important;
	}

	.page-goods .block-pickup-list-p .block-pickup-list-p--add-cart {
		margin-top:5px!important;
	}





	/* 順位 */
	.block-ranking-r--rank {
		font-size: 20px!important;
	}
	.block-ranking-r--goods-rank-1 .block-ranking-r--rank::before{
		border-top: 50px solid #faf000;
		border-right: 50px solid transparent;
	}
	.block-ranking-r--goods-rank-2 .block-ranking-r--rank::before{
		border-top: 50px solid #bedcdc;
		border-right: 50px solid transparent;
	}
	.block-ranking-r--goods-rank-3 .block-ranking-r--rank::before{
		border-top: 50px solid #d9cbba;
		border-right: 50px solid transparent;
	}
	.block-ranking-r--goods-rank-4 .block-ranking-r--rank::before{
		border-top: 50px solid #dce7dc;
		border-right: 50px solid transparent;
	}
	.block-ranking-r--goods-rank-5 .block-ranking-r--rank::before{
		border-top: 50px solid #dce7dc;
		border-right: 50px solid transparent;
	}
	.block-ranking-r--goods-rank-6 .block-ranking-r--rank::before{
		border-top: 50px solid #dce7dc;
		border-right: 50px solid transparent;
	}
	.block-ranking-r--goods-rank-7 .block-ranking-r--rank::before{
		border-top: 50px solid #dce7dc;
		border-right: 50px solid transparent;
	}
	.block-ranking-r--goods-rank-8 .block-ranking-r--rank::before{
		border-top: 50px solid #dce7dc;
		border-right: 50px solid transparent;
	}





	.column_slider .slick-prev.slick-arrow{
		right:65px;
	}

	.column_slider .slick-next.slick-arrow {
		right:25px;
	}




	/* ぱんくず */
	.page-goods .pane-topic-path .container {
		max-width:850px;
	}

	/* かごマーク */
	.page-goods button.block-add-cart--btn::before {
		left:17%!important;
	}


	/* スライド枠調整 */
	.page-goods .bx-wrapper {
		width:100%!important;
		height:auto!important;
		aspect-ratio: 1;
		margin-bottom: 0!important;
		border:none!important;
		background:#f5f3f0!important;
		padding:20px;
	}

	.page-goods .bx-wrapper .bx-prev {
		width:30px!important;
		height:70px!important;
	}
	.page-goods .bx-wrapper .bx-next {
		width:30px!important;
		height:70px!important;
	}



	/* 関連商品 */
	.page-goods .pane-goods-footer ul.block-thumbnail-t li{
		width:calc(100%/4 - 16px);
		padding:0;
		margin-bottom:20px;
		margin-left:8px;
		margin-right:8px;
	}

	/* 最近見た（商品ページ） */
	#goodsdetail_itemhistory .block-thumbnail-h li{
		background:#f5f3f0;
		width:calc(100%/4 - 16px);
		padding:0;
		margin-bottom:20px;
		margin-left:8px;
		margin-right:8px;
	}

	/* 最近見た（カテゴリ） */
	#block_of_itemhistory .block-thumbnail-h li{
		background:#f5f3f0;
		width:calc(100%/4 - 16px);
		padding:0;
		margin-bottom:20px;
		margin-left:8px;
		margin-right:8px;
	}

	/* 最近チェックした商品 */
	h2.block-cart-recent-item--header {
		width:95%;
		margin:0 auto;

		font-size:18px;

	}




	/* マイページ */
	.page-menu .pane-topic-path .container {
		width:100%;
	}

	/* 購入履歴一覧 */
	.page-history .pane-topic-path .container {
		width:100%;
	}



	/* 購入履歴　詳細 */
	.page-historydetail .pane-topic-path .container {
		width:100%;
	}

	/* 会員情報変更 */
	.page-customer .pane-topic-path .container {
		width:100%;
	}

	/* 定期購入商品一覧 */
	.page-regularhistory .pane-topic-path .container {
		width:100%;
	}


	/* メールアドレス変更 */
	.page-mailchange input[type="password"] {
		display:grid;
		margin-bottom:10px;
	}
	.page-mailchange input[type="text"] {
		width:90%;
	}


	/* メールマガジン */
	.page-mag input[type="text"] {
		width:90%;
	}	


}


@media screen and (max-width: 890px) {
	.sub_slider {
		padding-top:50px;
	}

	
	.page-goods .pane-contents .container {
		padding-left:3%;
		padding-right:3%;
	}



	.block-top-event--goods:nth-of-type(4) .block-cart-i--goods::after {
		left: 10%;
	}

	.page-top .block-cart-i--goods {
		width:200px!important;
	}
	.page-top .block-ranking-r--goods {
		width:200px!important;
	}


	/* 順位 */
	.block-ranking-r--rank {
		font-size: 18px!important;
		left:15px!important;
	}
	.block-ranking-r--goods-rank-1 .block-ranking-r--rank::before{
		border-top: 45px solid #faf000;
		border-right: 45px solid transparent;
	}

	.block-ranking-r--goods-rank-2 .block-ranking-r--rank::before{
		border-top: 45px solid #bedcdc;
		border-right: 45px solid transparent;
	}

	.block-ranking-r--goods-rank-3 .block-ranking-r--rank::before{
		border-top: 45px solid #d9cbba;
		border-right: 45px solid transparent;
	}

	.block-ranking-r--goods-rank-4 .block-ranking-r--rank::before{
		border-top: 45px solid #dce7dc;
		border-right: 45px solid transparent;
	}




	.link_button {
		width: 250px;
		height: 50px;
		display: flex;
		font-size: min(4vw, 16px);
		border-radius: 25px;
	}
	.link_button::after {
		content: '';
		width: 8px;
		height: 8px;
		top: 49%;
		right: 30px;
	}

	.link_button2 {
		width: 250px;
		height: 50px;
		display: flex;
		font-size: min(4vw, 16px);
		border-radius: 25px;
	}
	.link_button2::after {
		content: '';
		width: 8px;
		height: 8px;
		top: 49%;
		right: 30px;
	}


	.column_slider .slick-slide {
		margin-left: 10px;
		margin-right: 10px;
	}
	.column_slider img {width:230px}
	.column_slider h3 {width:230px;font-size:15px;}


	/* ニュース */
	.block-top-topic--items li dl {
		display: flex;
		flex-flow: row wrap;
	}
	.block-top-topic--items li dt {
		flex-basis: 15%;
	}
	.block-top-topic--items li dd {
		flex-basis: 85%;
		flex-flow: column;
	}


	/* ライン */
	.line_bannerw{
		width:70%;

		margin-top: 50px!important;
		margin-bottom: 30px;
		text-align: center;
	}


	.page-goods button.block-add-cart--btn::before {
		left:15%!important;
	}



}




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

	/* フッター */
	ul.f_w li.f_left {
		width:60%;
		padding-left:0;
	}

	ul.f_lab li {
		width:49%!important;
	}
	ul.f_lab li a {
		font-size: min(1.4vw, 14px);
	}


	ul.f_w li.f_right {
		width:39%;
		padding-left:2%;
	}


	ul.f_w li.f_right .tel_title{
		font-size: min(1.8vw, 18px);
	}

	ul.f_w li.f_right .tel_title::after {
		top:-1px;
	}




	ul.f_w li.f_right .tel_no{
		font-size: min(4.5vw, 30px);
	}
	ul.f_w li.f_right .tel_uke{
		font-size: min(1.3vw, 13px);
	}

	.footer2 .f_copy {
		font-size:13px;
	}

}



/* フッター */

.footer2 {
	background:#649664;
	padding:20px 0 50px;margin:0;
	border:none;
}
ul.f_wsp {
	width:90%;
	margin:0 auto;
	padding:5px;
	font-size:0;
}
ul.f_wsp li {
	display: inline-block;
	width:50%;
	padding:10px 20px!important;
}
ul.f_wsp li,ul.f_wsp li a{
	color:#fff;
	font-weight:bolder;
	margin:0!important;
	position:relative;
}

ul.f_wsp li {
	display: inline-block;
	width:50%;
	padding:5px 20px;
}

ul.f_wsp li.l2 {
	width:100%!important;
}


ul.f_wsp li a::after {
	position:absolute;
	content: '';
	width:6px;
	height: 6px;
	border: 0px;
	border-top: solid 2px #fff;
	border-right: solid 2px #Fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top:5px;
	left:-15px;
}

ul.f_wsp2 {
	width:95%;
	margin:0 auto;
	padding:5px;
	font-size:0;
}
ul.f_wsp2 li {
	display: inline-block;
	width:50%;
	padding:5px 20px;
	width:100%!important;
	color:#fff;
}

ul.f_wsp2 .tel_title{
	font-size:18px;
	font-weight:bolder;
	position:relative;
	padding-left:30px;
	margin-bottom:7px;
}
ul.f_wsp2 .tel_title::after {
	content: '';
	width: 18px;height: 18px;
	background-image: url(/img/usr/top2/sp/f_tel.png);
	background-size: contain;
	vertical-align: middle;
	position:absolute;
	display: inline-block;
	left:0;
	top:5px;
}

ul.f_wsp2 a.tel_no{
	text-decoration:none;
	color:#fff;
	font-size:38px;
	font-weight:bolder;
}
ul.f_wsp2 .tel_uke{
	margin-top:7px;
	font-size:14px;
}


@media all and (min-width: 720px) {
	ul.f_wsp li {
		display: inline-block;
		width:25%;
		padding:5px 20px;
	}
	ul.f_wsp li.l2 {
		display: inline-block;
		width:50%!important;
		padding:5px 20px;
	}
	ul.f_wsp2 {
		width:60%;
		max-width:450px;
		margin:0 auto;
		padding:5px;
		font-size:0;
	}

}


.footer2 .f_hr {
	width:90%;
	margin:15px auto;
	background-color: #fff;
}