@charset "UTF-8";
/*
CSS Document
ページ共通CSS
ヘッダ, フッタ, サイド
*/

#in_contents {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
	color:#080059;
	font-size:15px;
	line-height:1.8;
	-webkit-text-size-adjust: 100%;
	}

/*共通*/
#in_contents section {color:inherit;}
.sp {display:none;}

/*テキストリンク*/
a {
	}

a:hover {
	}

/*ボタン*/
#convButton {
	display:block;
	position:fixed;
	right:0;
	top:50%;
	margin-top:-90px;
	z-index:100;
	}

/*コンテナ*/
.constBox {
	margin-left:auto;
	margin-right:auto;
	max-width:1100px;
	}

/*==================
header
==================*/
#in_header {
	background:url(../img/new/bg_mv_pc.png) no-repeat center center;
	background-size:cover;
	text-align:center;
	padding:30px 0 75px;
	position: relative;
}
#in_header .logo {
	margin-top: 75px;
	margin-bottom:20px;
}

#in_header .constBox {
	position:relative;

}

#in_header .icon {
	position:absolute;
	top:-20px;
	width:374px;
	left:50%;
	margin-left:205px;
	}
#in_header .premiumLogo .bs-anchor {
	position: absolute;
	display: inline-block;
	right: 5%;
	top: 0;
	width: 300px;
}
@media (max-width: 700px){
	#in_header .premiumLogo .bs-anchor {
		position: absolute;
		display: inline-block;
		right: 5%;
		top: 0;
		width: 300px;
	}
}
@media (max-width: 640px){
	#in_header .premiumLogo .bs-anchor {
		position: absolute;
		display: inline-block;
		right: -25vw;
		top: 6vw;
		width: 28vw;
	}
}

/*==================
ナビゲーション
==================*/
#gnav {
	text-align:center;
	margin-top:25px;
	margin-bottom:25px;
	}
#gnav a {
	padding:0 0.5%;
	}

/*==================
共通
==================*/
.sec .secHead {
	text-align:center;
	margin-bottom:30px;
	color:#080059;
	}
.sec .secHead h2 {
	margin-bottom:20px;
	position:relative;
	}

.sec .secHead .ctch {
	font-size:20px;
	font-weight:bold;
	}
.sec .secHead .priceArea {
	margin-top:10px;
	}
.sec .secHead .round {
	color:#fff;
	background:#080059;
	font-size:16px;
	line-height:1em;
	border-radius:100px;
	padding:10px 20px;
	margin-top:15px;
	display:inline-block;
	}

/*価格*/
.priceArea {line-height:1.4em;font-weight:bold;color:#080059;}
.priceArea  span {display:inline-block;vertical-align:middle;}
.priceArea .price {font-size:22px;}
.priceArea .mid {font-size:18px;}
.priceArea .min {font-size:13px;}

.priceArea.border {
	border:2px solid #fff8eb;
	border-radius:20px;
	padding:10px 15px;
	}

.priceArea.oval {
	display:inline-block;
	border:2px solid #fff;
	border-radius:100px;
	padding:5px 20px;
	margin-top:10px;
	color:#fff;
	}
/*==================
転売
==================*/
.resale-note {
	padding: 3% 0;
}
@media(max-width:640px) {
	.resale-note.constBox {
		padding-left: 0;
		padding-right: 0;
	}
	.resale-note {
		padding: 0;
	}
}
/*==================
催事情報
==================*/
#saiji {
	background:url(../img/bg_saiji_02.png);
	color:#fff !important;
	}
#saiji.sec .secHead {color:#fff;}
#saiji.sec .secHead h2::after {
	background-image: url("../img/line_blue.png");
	}
#saiji.sec .constBox {
	padding: 40px 0 40px;
}

#saiji .achordion {
	max-width:250px;
	width:80%;
	box-sizing:border-box;
	padding:20px 0;
	margin:0 auto 30px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	line-height:1em;
	background:#e20001;
	border-radius:15px;
	}
#saiji .achordion img {
	vertical-align:middle;
	margin-top:-2px;
	margin-right:20px;
	transform:rotate(90deg);
	}
#saiji .achordion.open img {
	transform:rotate(-90deg);
	}
#saiji .achordionTarget {
	display:block;
	height:auto;
	}

#saiji table {
	border-collapse:separate;
	width:100%;
	border:2px solid #000177;
	line-height:1.4em;
	font-size:14px;
	border-radius:15px;
	overflow:hidden;
	}

#saiji table thead {background:#000177;text-align:center;}
#saiji table tbody {background:#fff;color:#000177;}

#saiji table tr > * {
	padding:7px 15px;
	border:1px solid #000177;
	vertical-align:middle;
	}

#saiji table th:first-child {width:200px;}
#saiji table th:nth-of-type(2) {width:120px;}

#saiji table tbody tr td:first-child {
	border-left:none;
	padding: 7px 9px;
}
#saiji table tbody tr td:last-child {border-right:none;text-align:left;}
#saiji table tbody tr td:nth-of-type(2) {text-align:center;}
#saiji table tbody tr:last-child td {
	border-bottom:none;
	}

#saiji table thead th:first-child {
	border-radius:13px 0 0 0;
	overflow:hidden;
	}
#saiji table thead th:last-child {
	border-radius:0 13px 0 0;
	overflow:hidden;
	}
#saiji table tbody tr:last-child td:first-child {
	border-radius:0 0 0 13px;
	overflow:hidden;
	}
#saiji table tbody tr:last-child td:last-child {
	border-radius:0 0 13px 0;
	overflow:hidden;
	}

#saiji .tableWrapper {
	position: relative;
	max-width:620px;
	margin-left:auto;
	margin-right:auto;
	}
#saiji .tableWrapper .icon {
	width:60px;
	position: absolute;
	left:0;
	top:0;
	margin:-30px 0 0 -30px;
}

/*==================
新商品領域
==================*/
/*レイアウト1*/
.newItemLayout01 {
	background:url("../img/background4.png");
	text-align: center;
}
.newItemLayout01 p.ctch {
	margin:20px 0;
	font-size:20px;
	font-weight:bold;
	color:#e6c474;
}
.newItemLayout01 .tableLayout > div:first-child {
	padding-right:10px;
}
.newItemLayout01 .tableLayout > div:last-child {
	padding-left:10px;
}
.newItemLayout01 .itemArea h3 {
	margin:0 auto 20px;
	max-width:286px;
	width:60%;
}
.newItemLayout01 .itemArea .item {position:relative;}
.newItemLayout01 .itemArea .item .outer .inner {
	padding:25px 20px;
}

/*1905新商品*/
#new1905 .itemArea {margin-top:40px;}
#new1905 .itemArea > div:first-child .item .inner {
	background:url("../img/item_tempura_bg_1905.png") no-repeat;
	background-size:100% auto;
}
#new1905 .itemArea > div:last-child .item .inner {
	background:url("../img/item_crunchy_bg_1905.png") no-repeat;
	background-size:100% auto;
}

#new1905 .inner {height:710px;}
#new1905 .inner figure {position: static;margin:20px 0;}
#new1905 .badge {
	position:absolute;
	top:0;
	right:0;
	z-index: 10;
}

@media(max-width:560px) {
	#new1905 .itemArea h4 {
		margin-left:-15px;
		margin-right:-15px;
		margin-top:-20px;
	}
	#new1905 .badge {
		width:60px;
	}
}

/*==================
lineup
==================*/
#lineup {
	background:#fff8eb;
}
#lineup .secHead {
	color:#fff;
	}

.itemAreaWrapper {
	padding:0 20px 40px;
	margin-top:40px;
	position: relative;
}
@media screen and (max-width: 640px) {
	.itemAreaWrapper {
		padding: 0 0 40px;
	}
	.itemAreaWrapper.__sudachi {
		padding: 0 0 20px;
	}
	.itemAreaWrapper.item_0112 {
		margin-top: 40px;
	}
}
.title_box {
	padding-top: 60px;
	margin-bottom: 45px;
}
.itemAreaWrapper > .alignC {margin-top:-2em;}
.itemAreaWrapper .ctch {
	font-size:20px;
	font-weight:bold;
	color:#000077;
	display:inline-block;
	padding:0.5em 1em;
	margin-bottom:20px;
}

.itemArea .group {
	float:left;
	/*width:350px;
	margin-right:22px;*/
	width:340px;
	margin-right:15px;
	}
.itemArea .group:nth-of-type(3n) {margin-right:0;}
.itemArea .group h3 {
	text-align:center;
	margin-bottom:10px;
	}
.itemArea .group h3.smoke-mix {
	text-align:center;
	margin-top:12px;
	margin-bottom:10px;
	}

.itemArea .item {
	background:#fff url(../img/bg_pkg.png);
	border-radius:5px;
	padding:9px;
	text-align:center;
	line-height:1.6em;
	font-size:14px;
	color:#000;
	}
.itemArea .item:nth-of-type(n+2) {
	margin-top:10px;
	}
.itemArea .item .outer {
	border:1px solid #000;
	padding:5px;
	}
.itemArea .item .outer .inner {
	border:5px solid #000;
	width:auto;
	height:580px;
	box-sizing:border-box;
	position:relative;
	padding:3px;
	}

.itemArea .item .outer .inner figure {
	position:absolute;
	bottom:-4px;
	left:3px;
	width:101%;
	}
.itemArea .item .outer .inner .txt {
	margin-top:15px;
	font-weight:bold;
	color:#333333;
	}
.itemArea .item .outer .inner h2 {text-align:left;}

#doro .outer, #doro .inner {border-color:#dc0e21 !important;}
#kogashi .outer, #kogashi .inner {border-color:#e78217 !important;}
#aonori .outer, #aonori .inner {border-color:#86c03c !important;}
#sakura .outer, #sakura .inner {border-color:#83599b !important;}
#cheezeShoyu .outer, #cheezeShoyu .inner {border-color:#f9bf04 !important;}
#karaage .outer, #karaage .inner {border-color:#0082c9 !important;}

.special {
	margin-top:22px;
	text-align:center;
	border-radius:5px;
	overflow:hidden;
	background:#fff;
	}

.special .inner {
	width:auto;
}

.special.line {
	padding:9px;
}
.special.line .outer {
	border:1px solid #080059;
	padding:5px;
}
.special.line .inner {
	border:5px solid #080059;
	border-radius:0;
	box-sizing:border-box;
	padding:3px;
}

.special .tablelayout > figure {
	text-align: center;
}
.special h3.tit {
	margin-bottom:20px;
}
.special .com {
	font-size:17px;
	font-weight: bold;
	color:#333333;
	padding:15px 0;
}
.special .priceArea.border {
	display:inline-block;
}
.special .caution {
	font-size:13px;
	color:#e20000;
	font-weight: bold;
	margin-top:1em;
}

#bs {background-image:url(../img/bg_pkg.png);}
#peanut {background-image:url(../img/bg_pkg.png);}
#almond {background-image:url(../img/bg_almond.png);}
#aoshiso {background-image:url(../img/bg_aoshiso.png);}
#cracked_pnt {background-image:url(../img/bg_cracked_pnt.png);}


#peanut .tableLayout.outerTable > figure {
	background:url(../img/bg_peanuts.jpg) no-repeat center center;
	background-size:cover;
	width:40.9%;
	text-align:right;
	padding:10px;
	}
#peanut .tableLayout.outerTable > div {
	padding:15px;
	}
#peanut .tableLayout.outerTable > div h3 {margin-bottom:15px;position:relative;}
#peanut .tableLayout.outerTable > div h3 img {position:relative;z-index:1;}
#peanut .tableLayout.outerTable > div h3::after {
	content:"";
	display:block;
	width:100%;
	height:9px;
	background:url(../img/line_peanut.png) repeat-x;
	position:absolute;
	top:50%;
	margin-top:-4.5px;
	}
#peanut .tableLayout.outerTable > div .tableLayout > * {vertical-align:middle;}
#peanut .tableLayout.outerTable > div .tableLayout > div {padding:10px;width:55%;}
#peanut .tableLayout.outerTable > div .tableLayout .com {
	margin:30px 0;
	line-height:2em;
	font-size:14px;
	font-weight:bold;
	}



#bs .tableLayout.outerTable > figure {
	background:url(../img/bg_bs.png) no-repeat center center;
	background-size:cover;
	width:41.8%;
	text-align:right;
	padding:10px;
	}
@media (max-width: 700px){
	#bs .tableLayout.outerTable > figure {
		background:url(../img/bg_bs.png) no-repeat;
		background-position: left;
		background-size:103%;
		width:40.8%;
	}
}
@media (max-width: 640px){
	#bs .tableLayout.outerTable > figure {
		background:url(../img/bg_bs_sp.png) no-repeat;
		background-position: center;
		background-size:cover;
		width:46.7%;
	}

	.bs-c-icon {
		height: 43vw;
	}
}
#bs .tableLayout.outerTable > div {
	padding:15px 0;
	}
#bs .tableLayout.outerTable > div h3 {margin-bottom:15px;position:relative;}
#bs .tableLayout.outerTable > div h3 img {position:relative;z-index:1;}
#bs .tableLayout.outerTable > div h3::after {
	content:"";
	display:block;
	width:100%;
	height:9px;
	background:url(../img/line_bs.png) repeat-x;
	position:absolute;
	top:50%;
	margin-top:-4.5px;
	}
#bs .tableLayout.outerTable > div .tableLayout > * {
	vertical-align:middle;
	padding: 0 0 0 10px;
}
#bs .tableLayout.outerTable > div .tableLayout > div {
	padding:10px 10px 10px 10px;
	width:58%;
}
#bs .tableLayout.outerTable > div .tableLayout .com {
	margin:8px 0;
	line-height:2em;
	font-size:14px;
	font-weight:bold;
	}



/*ボタン領域*/
#lineup .btnArea {text-align:center;margin-top:30px;}
#lineup .btnArea a {
	display:inline-block;
	max-width:265px;
	width:45%;
	box-sizing:border-box;
	background:transparent;
	margin:0 5px;
	border: 2px solid #000077;
	border-radius:10px;
	font-size:18px;
	line-height:1em;
	padding:20px 20px;
	text-decoration:none;
	color:#000077;
	}
#lineup .btnArea a::before {
	content:"";
	width:1em;
	height:1em;
	display:inline-block;
	margin-right:10px;
	background:url(../img/new/icon_btn_arrow.png) no-repeat;
	background-size:100% auto;
	vertical-align:middle;
	margin-top:-3px;
	transition:left  0.2s ease-in-out;
	left:0;
	position:relative;
}
#lineup .btnArea a:hover::before {
	left:5px;
}

/*==================
assort
==================*/
#assort {
	background:url(../img/background1.png);
	}
#assort .itemArea {text-align:center;}
#assort .itemArea > figure {
	width:56%;
	}
#assort .itemArea > div {
	vertical-align:middle;
	padding:0 20px;
	}
#assort .itemArea > div .priceArea {margin-top:20px;}

/*==================
gift
==================*/
#gift {
	background:#f1e5d7 url(../img/background2.png);
	}

#gift .itemArea.tableLayout {
	border-collapse:separate;
	border-spacing:20px;
	text-align:center;
	}
#gift .itemArea.tableLayout > * {
	border:2px solid #080059;
	background:#fff;
	padding:20px;
	border-radius:30px;
	}
#gift .itemArea.tableLayout figure {
	height:492px;
	margin-bottom:20px;
	}

/*==================
online shop
==================*/
#online .secHead {color:#fff;}

#online .top {
	background:#fff8eb;
	color:#fff;
	}
#online .itemArea.tableLayout {
	border-collapse:separate;
	border-spacing:20px;
	text-align:center;
	color:#080059;
	}
#online .itemArea.tableLayout > * {
	border:2px solid #080059;
	background:#fff;
	padding:20px 20px 80px;
	border-radius:30px;
	position:relative;
	}
#online .itemArea.tableLayout figure {
	margin-bottom:20px;
	}
#online .itemArea.tableLayout .com {
	font-size:13px;
	}
#online .itemArea.tableLayout .com strong {
	font-size:14px;
	}
#online .itemArea.tableLayout .priceArea {
	position:absolute;
	bottom:20px;
	width:100%;
	}

#online .bottom .info {
	font-size:12px;
	}
#online .bottom .box {
	font-size:12px;
	border:1px solid #fff8eb;
	padding:10px;
	max-width:430px;
	box-sizing:border-box;
	margin-top:15px;
	}
#online .bottom .box strong {
	font-size:16px;
	}

#online .rightbox {
	text-align:center;
	}
#online .rightbox a {
	display:inline-block;
	color:#fff;
	background:#e20000;
	border-radius:10px;
	font-size:20px;
	font-weight:bold;
	padding:20px;
	width:80%;
	max-width:413px;
	text-decoration:none;
	}
#online .rightbox a::before {
	content:"";
	display:inline-block;
	width:1.5em;
	height:1.5em;
	background:url(../img/icon_cart.png) no-repeat;
	background-size:cover;
	vertical-align:middle;
	margin-top:-0.5em;
	margin-right:10px;
	}
#online .rightbox p {
	font-size:13px;
	}

/*==================
shop
==================*/
#shop {
	background:#ec7600;
	color:#fff;
	padding: 28px 0 90px 0;
}
.colorWhite {
	color: #fff !important;
}
#shop .secHead {color:#fff;padding-bottom:0;}
#shop .secHead h2::after {display:none;}
#shop .tableLayout > .leftbox {
	width:385px;
	color:#080158;
	font-size:14px;
	text-align:center;
	padding:40px 20px;
	background:#fff;
	}
#shop .tableLayout > .rightbox {
	/* background: #fff url(../img/new/bg_tenpo_pc.png) no-repeat; */
	background-size:cover;
}
#shop .info {
	font-size:18px;
	margin-top:15px;
	padding-bottom:50px;
	text-align:center;
	}

#shop .tableLayout > .leftbox .addr {
	margin:30px 0;
	}
#shop .tableLayout > .leftbox a {
	display:inline-block;
	max-width:265px;
	width:80%;
	box-sizing:border-box;
	margin:0 5px;
	border-radius:10px;
	font-size:14px;
	line-height:1em;
	padding:20px 20px;
	text-decoration:none;
	color:#fff;
	background:#e20000;
	}
#shop .tableLayout > .leftbox a::before {
	content:"";
	width:1.2em;
	height:1.2em;
	display:inline-block;
	margin-right:10px;
	background:url(../img/icon_btn_arrow_white.png) no-repeat;
	background-size:100% auto;
	vertical-align:middle;
	margin-top:-3px;
	transition:left  0.2s ease-in-out;
	left:0;
	position:relative;
	}
#shop .tableLayout > .leftbox a:hover::before {
	left:5px;
	}


/*==================
popup
==================*/
/*詳細情報テーブル*/
.detail {position:absolute;z-index:10000;display:none;overflow:auto;padding:20px 0;width:1100px;font-size:15px;}

.detail .inner {width:1100px;}
.detail h2 {font-size:133%;margin-bottom:0.5em;line-height:1em;color:#280000;}
.detail h2:nth-of-type(n+2) {margin-top:1em;}
.detail table {
	width:100%;
	table-layout:fixed;
	}
.detail table th, .detail table td {
	background:#fff;
	border:1px solid #DCC893;
	font-size:13px;
	color:#666666;
	font-weight:normal;
	text-align:left;
	padding:0.3em 10px;
	vertical-align:top;
	}

.detail table thead th {
	text-align:center;
	vertical-align:middle;
	}

.detail table tbody th {
	text-align:center;
	/*font-weight:bold;*/
	}

.detail table td.info {
	text-align:right !important;
	font-size:13px;
	padding-bottom: 4px;
	color:#280000;
	background:none;
	border:none;
	padding-right:0;
	}

.detail table tbody td.tit {
	background:none;
	text-align:left !important;
	border:none;
	padding:30px 0 0;
	font-size:15px;
}
.detail table tbody td.tit h2 {

}

/*原材料*/
.materials.detail table thead th:nth-of-type(1) {
	width:143px;
	}
.materials.detail table thead th:nth-of-type(3) {
	width:300px;
	}
.materials.detail table thead th:nth-of-type(4) {
	width:140px;
	}

.materials.detail table tbody th,
.materials.detail table tbody td:nth-child(3),
.materials.detail table tbody td:nth-child(4),
.materials.detail table tbody td:nth-child(5) {
	vertical-align:middle;
	}

.materials.detail table tbody th {font-size:15px;}
.materials.detail table tbody td:nth-child(5) {
	text-align:center;
	}

/*栄養成分*/
.components.detail table thead th:first-child {width:185px;}
.components.detail table td {
	text-align:center;
	vertical-align: middle;
	}
.components.detail table td span {width:4em;display:inline-block;}
.components.detail table td span:first-child {
	text-align:right;
	}
.components.detail table td span:last-child {
	text-align:left;
	}

@media(min-width:641px) {
/*==================
商品領域　限定商品
==================*/
	.special.layout01 div.specialInner {
		position: relative;
		padding:20px;
	}
	.special.layout01 .tableLayout > * {
		vertical-align: middle;
	}
	.special.layout01 .tableLayout > figure {
		width:28%;
	}
	.special.layout01 .tableLayout > figure:nth-of-type(2) {
		position: relative;
		left:44%;
	}
	.special.layout01 .tableLayout > div {
		width:44%;
		position: relative;
		left:-28%;
	}

	.special.layout01 .tableLayout > figure:first-child img:first-child {
		position: absolute;
		top:10px;
		left:20px;
	}

/*==================
催事情報
==================*/
#saiji .achordionTarget {
	display:block !important;
	}

.anchorTarget {display:block !important;}
}

@media (max-width:640px) {
	#in_contents {
		font-size:14px;
		}

	/*共通*/
	.sp {display:block;}
	.pc {display:none;}

	/*ボタン*/
	#convButton {
			background: #dc1111 none repeat scroll 0 0;
			border: 2px solid #fff;
			border-radius: 5px;
			bottom: 10px;
			color: #fff;
			font-size: 140%;
			left: 5%;
			line-height: 1em;
			padding: 1em 0;
			right: auto;
			text-align: center;
			text-decoration: none;
			top: auto;
			width: 90%;
	}


	/*コンテナ*/
	.constBox {padding-left:4%;padding-right:4%;}

	/*==================
	header
	==================*/
	#in_header {padding-bottom:30px;}
	#in_header .premiumLogo {
		position: relative;
		width:50%;
		margin:0 auto;
	}
	
	#in_header .icon {
		position: static;
		text-align: center;
		width:auto;
		margin:20px 0 0 0;
		padding:0 10%;
		}

	/*==================
	ナビゲーション
	==================*/
	#gnav {margin-bottom:5px;margin-top:15px;}
	#gnav .tableLayout {display:block;}
	#gnav .tableLayout a  {
		display:inline-block;
		width:30%;
		padding:0;
		margin:0 1% 10px;
		}

	/*==================
	共通
	==================*/
	.sec .secHead h2 img {
		max-height:80px;
		height:20vw;
		}
	.sec .secHead .ctch {font-size:15px;}

	/*価格*/
	.priceArea .price {font-size:15px;}
	.priceArea .mid {font-size:14px;}
	.priceArea .min {font-size:12px;}

	/*==================
	催事情報
	==================*/
	#saiji {padding-bottom:15px;}
	#saiji .achordionTarget {
		display:none;
		}
	#saiji table tbody tr td:first-child {
		padding-left: 2%;
	}
	#saiji.sec .constBox {
		padding: 5vw 0 0;
	}
	#saiji.sec .secHead {
		margin-bottom:8px;
		}

	#saiji.sec .secHead .ctch {
		font-size:11px;
		}

	#saiji .achordion {
		margin-bottom:0;
		padding:13px 0;
		}

	#saiji .achordionTarget {
		margin-top:10px;
		}

	#saiji table {font-size:11px;}
	#saiji table tr > * {
		padding-left:4%;
		padding-right:4%;
		}

	#saiji table th:first-child {width:100px;}
	#saiji table th:nth-of-type(2) {width:25%;}

	#saiji table tbody tr td:last-child {text-align: left;}

	#saiji .tableWrapper {
		padding:40px 0;
	}
	#saiji .tableWrapper .icon {
		width:40px;
		transform:none;
		margin:0;
		top:10px;
		left:0;
	}

	/*==================
	新商品
	==================*/
	.newItemLayout01 p.ctch {font-size:16px;}
	.newItemLayout01 .tableLayout,
	.newItemLayout01 .tableLayout > * {
		display:block;
		padding:0 !important;
	}
	.newItemLayout01 .tableLayout > *:nth-of-type(n+2) {margin-top:40px;}
	.newItemLayout01 .inner {height:680px;}
	.newItemLayout01 .inner figure {position: static;}
	

	/*==================
	lineup
	==================*/
	.itemAreaWrapper .ctch {
		font-size:16px;
	}
	.itemArea .group {
		float:none;
		width:auto;
		margin:0;
		}
	.itemArea .group h3 img {max-width:70%;}
	.itemArea .group:nth-of-type(n+2) {margin-top:12px;}
	.itemArea .item .outer .inner {
		height:auto !important;
		}
	.itemArea .item .outer .inner figure {
		position:static;
		margin-top:20px;
		}

	#peanut .tableLayout.outerTable,
	#peanut .tableLayout.outerTable > * {
		display:block !important;
		width:auto !important;
		}
	#peanut .tableLayout.outerTable > figure {
		text-align:left;
		}
	#peanut .tableLayout.outerTable > div {padding-left:0;padding-right:0;padding-bottom:0;}
	#peanut .tableLayout.outerTable .tableLayout,
	#peanut .tableLayout.outerTable .tableLayout > * {
		display:block !important;
		width:auto !important;
		}
	#peanut .tableLayout.outerTable > div .tableLayout > div h4 img {
		max-width:60%;
		}
	#peanut .tableLayout.outerTable > div .tableLayout .com {margin:15px 0;}


	#bs .tableLayout.outerTable,
	#bs .tableLayout.outerTable > * {
		display:block !important;
		width:auto !important;
		}
	#bs .tableLayout.outerTable > figure {
		text-align:left;
		}
	#bs .tableLayout.outerTable > div {padding-left:0;padding-right:0;padding-bottom:0;}
	#bs .tableLayout.outerTable .tableLayout,
	#bs .tableLayout.outerTable .tableLayout > * {
		display:block !important;
		width:auto !important;
		}
	#bs .tableLayout.outerTable > div .tableLayout > div h4 img {
		max-width:60%;
		}
	#bs .tableLayout.outerTable > div .tableLayout .com {margin:15px 0;}


	#lineup .btnArea a {
		margin:0;
		margin-right:1%;
		width:48%;
		padding-left:0;
		padding-right:0;
		font-size:14px;
		font-weight: bold;
		}
	#lineup .btnArea a:last-child {
		margin-right:0;
		}

	#lineup .anchorTarget {
		display:none;
		overflow:hidden;
		}

	#lineup a.anchor {
		background:no-repeat right center;
		background-size:auto 100%;
		}
	#lineup  #doro a.anchor {background-image:url(../img/item_icon_01.png);}
	#lineup  #kogashi a.anchor {background-image:url(../img/item_icon_02.png);}
	#lineup  #aonori a.anchor {background-image:url(../img/item_icon_03.png);}
	#lineup  #sakura a.anchor {background-image:url(../img/item_icon_04.png);}
	#lineup  #cheezeShoyu a.anchor {background-image:url(../img/item_icon_05.png);}
	#lineup  #karaage a.anchor {background-image:url(../img/item_icon_06.png);}
	#lineup  #peanut a.anchor {background-image:url(../img/item_icon_07.png);}
	#lineup  #bs a.anchor {background-image:url(../img/item_icon_bs.png);}

	#lineup  #doro a.anchor.open {background-image:url(../img/item_close_01.png);}
	#lineup  #kogashi a.anchor.open {background-image:url(../img/item_close_02.png);}
	#lineup  #aonori a.anchor.open {background-image:url(../img/item_close_07.png);}
	#lineup  #sakura a.anchor.open {background-image:url(../img/item_close_07.png);}
	#lineup  #cheezeShoyu a.anchor.open {background-image:url(../img/item_close_05.png);}
	#lineup  #karaage a.anchor.open {background-image:url(../img/item_close_06.png);}
	#lineup  #peanut a.anchor.open {background-image:url(../img/item_close_07.png);}
	#lineup  #bs a.anchor.open {background-image:url(../img/item_close_07.png);}

	#lineup  #almond a.anchor {background-image:url(../img/item_icon_almond.png);}
	#lineup  #almond a.anchor.open {background-image:url(../img/item_close_almond.png);}

	#lineup  #cracked_pnt a.anchor {background-image:url(../img/item_icon_cracked_pnt.png);}
	#lineup  #cracked_pnt a.anchor.open {background-image:url(../img/item_close_cracked_pnt.png);}

	#lineup  #aoshiso a.anchor {background-image:url(../img/item_icon_aoshiso.png);}
	#lineup  #aoshiso a.anchor.open {background-image:url(../img/item_close_07.png);}


	/*==================
	商品領域　限定商品
	==================*/
		.special {
			margin-top:20px;
			border-radius:5px;
			padding:9px;
			text-align:center;
			line-height:1.6em;
			font-size:14px;
		}
		.itemArea+.special {
			margin-top:60px;
		}
		.special .outer {
			border:1px solid #080059;
			padding:5px;
		}
		.special .inner {
			border:5px solid #080059;
			border-radius:0;
			box-sizing:border-box;
			padding:3px;
		}

		#clacked_pnt.special .outer,
		#clacked_pnt.special .inner {
			border-color:#000;
		}

		#peanut .tableLayout.outerTable {border-radius:0;}
		#peanut .tableLayout.outerTable > figure img {opacity:0;}

		#peanut .tableLayout.outerTable > div h3 img {
			max-width:70%;
			}



		.special.layout01 .specialInner {
			padding:10px;
		}
		.special.layout01 .specialInner picture {
			margin:20px 4%;
			display: block;
		}
		.special.layout01 .tableLayout,
		.special.layout01 .tableLayout > * {
			display:block;
			width:auto;
		}
		.special.layout01 .tableLayout > figure:first-child img:first-child {
			display:none;
		}
		.special.layout01 .tableLayout > div {
			margin-top:15px;
		}
		.special.layout01 p.com {
			font-size:14px;
			margin:15px 0;
			padding:15px 0;
		}
		.special .priceArea.border {
			display:block;
		}


	/*==================
	assort
	==================*/
	#assort .tableLayout,
	#assort .tableLayout > * {
		display:block !important;
		width:auto !important;
		}

	#assort .tableLayout > *:last-child {margin-top:25px;}

	/*==================
	gift
	==================*/
	#gift .tableLayout,
	#gift .tableLayout > * {
		display:block !important;
		width:auto !important;
		}

	#gift .itemArea.tableLayout figure {height:auto;}

	#gift .tableLayout > *:last-child {margin-top:25px;}

	/*==================
	online
	==================*/
	#online .tableLayout,
	#online .tableLayout > * {
		display:block !important;
		width:auto !important;
		}
	#online .itemArea.tableLayout > * {
		padding-bottom:20px;
		}


	#online .tableLayout > *:last-child {margin-top:25px;}

	#online .itemArea.tableLayout .priceArea {
		position:static;
		}

	#online .rightbox a {font-size:16px;}
	#online .rightbox p {font-size:12px;}

	/*==================
	shop
	==================*/
	#shop .tableLayout,
	#shop .tableLayout > * {
		display:block !important;
		width:auto !important;
		}
	#shop .tableLayout > .rightbox img {width:30%;position:relative;top:-40px;}
	#shop .tableLayout > .rightbox {
		height:50vw;
		}

	/*==================
	popup
	==================*/
	/*詳細情報テーブル*/
	.detail {width:96%;padding-left:2%;padding-right:2%;}
	.detail h2 {font-size:13px;}
	.detail .inner {width:auto;}
	.detail table th,
	.detail table td {font-size:12px !important;padding:4px;}
	.detail table td.info {text-align:left !important;padding-left:0;padding-bottom:15px;}

	/*原材料*/
	.materials.detail table thead th:nth-of-type(1) {
		width:auto;
		}
	.materials.detail table thead th:nth-of-type(2) {
		width:29%;
		}
	.materials.detail table thead th:nth-of-type(3) {
		width:39%;
		}
	.materials.detail table thead th:nth-of-type(4) {
		width:10%;
		}

	/*栄養成分*/
	.components.detail table th,
	.components.detail table td {
		width:auto !important;
		vertical-align:middle;
		}
	.components.detail table thead th:first-child {
		width:15% !important;
		}
	.components.detail table td span {
		width:auto;
		}

	/*==================
	footer
	==================*/
	@media screen and (max-width: 640px) {
		#footer #footer_upper #foot_bnr ul li, #footer #footer_upper #foot_bnr ul li img { vertical-align: middle;}
	}
}



/*==================
限定商品 クランチチョコ
==================*/
#crunch {
	margin-top:20px;
	background:url(../img/crunch_bg_1901.jpg) no-repeat center top;
	background-size:cover;
	border-radius:5px;
	overflow:hidden;
	padding:20px;
	color:#c9a063;
	text-align:center;
	}
#crunch .tit {
	position:relative;
	padding:0 0px;
	}
#crunch .tit figure {
	max-width:113px;
	width:10%;
	}
#crunch .tit span {
	display:block;
	position:absolute;
	max-width:684px;
	width:70%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	}

#crunch .itemArea {
	margin-top:20px;
	padding:5px;
	border-radius:5px;
	background: linear-gradient(135deg, rgba(139,76,6,1) 0%,rgba(139,76,6,1) 11%,rgba(240,216,150,1) 19%,rgba(139,76,6,1) 27%,rgba(139,76,6,1) 43%,rgba(240,216,150,1) 51%,rgba(139,76,6,1) 59%,rgba(139,76,6,1) 71%,rgba(240,216,150,1) 78%,rgba(139,76,6,1) 85%,rgba(139,76,6,1) 97%);
	}

#crunch .itemArea .tableLayout > div:first-child {
	padding-right:3px;
	overflow:hidden;
	border-radius:5px 0 0 5px;
	}
#crunch .itemArea .tableLayout > div:last-child {
	padding-left:3px;
	overflow:hidden;
	border-radius:0 5px 5px 0;
	}
#crunch .priceArea {
	margin-top:20px;
	display:inline-block;
	color:#c9a063;
	border-color:#c9a063;
	}

@media(max-width:560px) {
	#crunch .itemArea .tableLayout,
	#crunch .itemArea .tableLayout > div {
		display:block;
		padding:0 !important;
	}
	#crunch .itemArea .tableLayout > div:first-child {border-radius:5px 5px 0 0;}
	#crunch .itemArea .tableLayout > div:last-child {border-radius:0 0 5px 5px;}
}