/*--------------------------------------------------------------------------
   shop-detail
---------------------------------------------------------------------------*/
.shop-detail__hdg {
	padding: 18px 15px;
	font-size: 18px;
	font-weight: 700;
}

.shop-detail__map-blank {
	padding-top: 5px;
}

/*--------------------------------------------------------------------------
   shop-traffic
---------------------------------------------------------------------------*/
.shop-traffic {
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	background-color: #fff9e4;
	font-size: 10px;
}

.shop-traffic__inner {
	position: relative;
	padding: 20px 15px;
}

.shop-traffic__time {
	font-weight: bold;
}

.shop-traffic__time .l-inline-grid__item {
	vertical-align: middle;
	line-height: 1;
}

.shop-traffic__time dt {
	margin-right: 5px;
}

.shop-traffic__time .min {
	font-size: 16px;
	padding-left: 5px;
}

.shop-traffic__time--type01 {
	display: table;
}

.shop-traffic__time--type01 .summary,
.shop-traffic__time--type01 .items {
	display: table-cell;
}

.shop-traffic__time--type01 .summary {
	position: relative;
	padding-right: 10px;
	vertical-align: top;
	padding-top: 5px;
}

.shop-traffic__time--type01 .items {
	font-size: 8px;
}

.shop-traffic__time--type01 .item-type {
	display: table;
	width: 100%;
}

.shop-traffic__time--type01 .item-type .txt,
.shop-traffic__time--type01 .item-type .while {
	display: table-cell;
	vertical-align: middle;
}

.shop-traffic__time--type01 .item-type .txt {
	min-width: 7.5em;
}

.shop-traffic__time--type01 .item-type .while {
	text-align: right;
}

.shop-traffic__time--type02 {
	display: flex;
	align-items: center;
}

.shop-traffic__time--type02 .title {
	margin-bottom: 2px;
	text-align: center;
}

.shop-traffic__time--type02 .summary {
	position: relative;
	padding-right: 5px;
	vertical-align: top;
	padding-top: 5px;
	text-align: center;
}

.shop-traffic__time--type02 .summary:before {
	top:  13px;
}

.shop-traffic__time--type02 .items {
	font-size: 9px;
	margin: 0 auto;
}

.shop-traffic__time--type02 .items.takeout {
	margin: 0 0 0 10px;
}

.shop-traffic__time--type02 .item-type {
	display: table;
	width: 100%;
}

.shop-traffic__time--type02 .item-type .txt,
.shop-traffic__time--type02 .item-type .while {
	display: table-cell;
	vertical-align: middle;
}

.shop-traffic__time--type02 .item-type .txt {
	min-width: 7em;
}

.shop-traffic__time--type02 .item-type .while {
	text-align: right;
	font-size: 11px;
}

.shop-traffic__time--type02 .items .min {
	font-size: 13px;
	padding-left: 2px;
}


.shop-traffic__inner.is-offline {

}

.shop-traffic__reserve {
	position: absolute;
	top: 50%;
	right: 12px;
	margin: -18px 0 0;
}

.shop-traffic__reserve .c-round-btn {
	-webkit-transition: all .2s;
	        transition: all .2s;
}

.shop-traffic__reserve .c-round-btn .img--on {
	display: none;
}

.shop-traffic__reserve .c-round-btn.is-active,
.shop-traffic__reserve .c-round-btn.is-disabled {
	box-shadow: inset 0 -3px 0 #787878;
	background-color: #8f8f8f;
}

.shop-traffic__reserve .c-round-btn.is-active .img--off {
	display: none;
}

.shop-traffic__reserve .c-round-btn.is-disabled .img--off {
	display: inline-block;
}

.shop-traffic__reserve .c-round-btn.is-active .img--on {
	display: inline-block;
}

.shop-traffic__reserve-menu {
	position: relative;
}

.shop-traffic__reserve-menu .arrow {
	display: block;
	position: absolute;
	top: -16px;
	right: 47px;
	border-width: 8px;
	border-style: solid;
	border-color: transparent;
	border-bottom-color: #a60a10;
	-webkit-transition: all .2s;
	        transition: all .2s;
	-webkit-transform: translate3d(0, 16px, 0);
	        transform: translate3d(0, 16px, 0);
	opacity: 0;
}

.shop-traffic__reserve-menu .l-flex-grid {
	padding: 13px 15px;
	background-color: #a60a10;
}

.shop-traffic__reserve-menu .l-flex-grid__item:nth-child(odd) {
	padding-right: 5px;
}

.shop-traffic__reserve-menu .l-flex-grid__item:nth-child(even) {
	padding-left: 5px;
}

.shop-traffic__reserve-menu .is-active + .arrow {
	-webkit-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
	opacity: 1;
}

/*--------------------------------------------------------------------------
   shop-info-wrap
---------------------------------------------------------------------------*/
.shop-info-wrap {
	padding: 0 15px;
}

/*--------------------------------------------------------------------------
   shop-info
---------------------------------------------------------------------------*/
.shop-info {
	display: table;
	width: 100%;
	font-size: 11px;
}

.shop-info__item {
	display: table-cell;
	padding: 15px 0;
}

.shop-info__item--hdg {
	width: 60px;
	white-space: nowrap;
	font-weight: 700;
}

.shop-info + .shop-info {
	border-top: 1px solid #e3e3e3;
}

/* shop-info valiation
-----------------------------------------------------------------*/
/* time */
.shop-info--time .l-inline-grid__item + .l-inline-grid__item {
	margin-left: 5px;
}

.shop-info--time .note {
	margin-top: 8px;
}

/* other */
.shop-info--other .l-inline-grid__item + .l-inline-grid__item {
	margin-left: 5px;
}

/* tag */
.shop-info--tag .l-flex-grid__item {
	padding: 3px 0;
}

.shop-info--tag .l-flex-grid__item:nth-child(odd) {
	padding-right: 2px;
}

.shop-info--tag .l-flex-grid__item:nth-child(even) {
	padding-left: 2px;
}

/* shop-info -> note
-----------------------------------------------------------------*/
.shop-info .note {
	font-size: 9px;
}

/* shop-info -> available
-----------------------------------------------------------------*/
.shop-info .other-list__item + .other-list__item {
	margin-top: 5px;
}

/* shop-info -> tag
-----------------------------------------------------------------*/
.shop-info .tag {
	display: block;
	border: 1px solid #000;
	border-radius: 7px;
	text-align: center;
	font-size: 9px;
	line-height: 14px;
}

/* tag -> color valiation */
.shop-info .tag--01 {
	border-color: #42BFBE;
	color: #42BFBE;
}

.shop-info .tag--02 {
	border-color: #7DA652;
	color: #7DA652;
}

.shop-info .tag--03 {
	border-color: #E29864;
	color: #E29864;
}

.shop-info .tag--04 {
	border-color: #B4924F;
	color: #B4924F;
}

.shop-info .tag--05 {
	border-color: #D9BD79;
	color: #D9BD79;
}

.shop-info .tag--06 {
	border-color: #C149B8;
	color: #c149b8;
}

.shop-info .tag--07 {
	border-color: #f09396;
	color: #f09396;
}

.shop-info .tag--08 {
	border-color: #548ae2;
	color: #548ae2;
}

.shop-info .tag--09 {
	border-color: #5abbf3;
	color: #5abbf3;
}

.shop-info .tag--10 {
	border-color: #ffa633;
	color: #ffa633;
}

.shop-info .tag--11 {
	border-color: #b1d24b;
	color: #b1d24b;
}

.shop-info .tag--12 {
	border-color: #f07e68;
	color: #f07e68;
}

/*--------------------------------------------------------------------------
  	ttl-area__box
---------------------------------------------------------------------------*/

/* listページ 値段スタイル
-----------------------------------------------------------------*/
.shop-info-wrap .ttl-area__box {
	margin: 24px 0 0;
	border: 1px solid #cfcfcf;
	border-radius: 10px;
}

.shop-info-wrap .box {
	padding: 20px 25px 8px;
}

.shop-info-wrap .box__list {
	display: flex;
	justify-content: center;
	margin: 0 -15px;
}

.shop-info-wrap .box .list {
	text-align: center;
	padding: 0 15px;
	width: 33.3%;
}

.shop-info-wrap .list__title {
	font-size: 16px;
	color: #fff;
	background: #EA9235;
	border-radius: 5px;
	font-weight: 500;
	padding: 8px 0;
}

.shop-info-wrap .list__title--dark-red {
	background: #911f35;
}

.shop-info-wrap .list__title--black {
	background: #0f0b0d;
}

.shop-info-wrap .list__price {
	font-size: 25px;
	color: #EA9235;
	font-weight: 600;
}

.shop-info-wrap .list__price--dark-red {
	color: #911f35;
}

.shop-info-wrap .list__price--black {
	color: #0f0b0d;
}

.shop-info-wrap .list__price .money {
	font-size: 16px;
	color: #EA9235;
	font-weight: 500;
}

.shop-info-wrap .list__price .tax {
	font-size: 12px;
	color: #EA9235;
	font-weight: 500;
}

.shop-info-wrap .list__price--dark-red .money {
	font-size: 18px;
	color: #911f35;
}

.shop-info-wrap .list__price--dark-red .tax {
	color: #911f35;
}

.shop-info-wrap .list__price--black .money {
	font-size: 18px;
	color: #0f0b0d;
}

.shop-info-wrap .list__price--black .tax {
	color: #0f0b0d;
}

.shop-info-wrap .box .txt {
	margin: 10px 0 0;
    font-size: 12px;
    text-align: right;
}

/* @SP */
@media all and (max-width: 767px) {


.shop-info-wrap .ttl-area__box {
	margin: 24px 0 0;
	border: 1px solid #cfcfcf;
	border-radius: 10px;
}

.shop-info-wrap .box {
	padding: 20px 25px 8px;
}

.shop-info-wrap .box__list {
	display: flex;
	justify-content: center;
	margin: 0 -7px;
}

.shop-info-wrap .box .list {
	text-align: center;
	padding: 0 7px;
	width: 33.3%;
}

.shop-info-wrap .list__title {
	font-size: 14px;
	color: #fff;
	background: #EA9235;
	border-radius: 5px;
	font-weight: 500;
	padding: 3px 0 3px;
}

.shop-info-wrap .list__title--dark-red {
	background: #911f35;
}

.shop-info-wrap .list__title--black {
	background: #0f0b0d;
}

.shop-info-wrap .list__price {
	font-size: 21px;
	color: #EA9235;
}

.shop-info-wrap .list__price--dark-red {
	color: #911f35;
}

.shop-info-wrap .list__price--black {
	color: #0f0b0d;
}

.shop-info-wrap .list__price .money {
	font-size: 14px;
	color: #EA9235;
	font-weight: 500;
}

.shop-info-wrap .list__price .tax {
	font-size: 10px;
	color: #EA9235;
	font-weight: 500;
}

.shop-info-wrap .list__price--dark-red .money {
	font-size: 14px;
	color: #911f35;
}

.shop-info-wrap .list__price--dark-red .tax {
	color: #911f35;
}

.shop-info-wrap .list__price--black .money {
	font-size: 14px;
	color: #0f0b0d;
}

.shop-info-wrap .list__price--black .tax {
	color: #0f0b0d;
}

.shop-info-wrap .box .txt {
	margin: 5px 0 0;
    font-size: 10px;

}
}

@media all and (max-width: 400px) {
	.ttl-area__box .box {
		padding: 12px 10px 8px;
	}

	.shop-info-wrap .box__list {
		display: flex;
		justify-content: center;
		margin: 0 -3px;
	}

	.shop-info-wrap .box .list {
		text-align: center;
		padding: 0 3px;
		width: 33.3%;
	}

	.shop-info-wrap .list__price {
		font-size: 17px;
	}

	.shop-info-wrap .list__price--black .money {
		font-size: 12px;
	}
}

.button--shop-menu {
	position: relative;
	display: inline-block;
	padding: 6px 26px 6px 17px;
	margin: 0 15px 15px;
	font-size: 12px;
	line-height: 1.4;
	color: #fff;
	text-decoration: none;
	vertical-align: middle;
	background-color: #b2171d;
	border: 1px solid #b2171d;
	border-radius: 6px;
	transition: all 0.2s ease-in;
  }

.button--shop-menu::before {
	position: absolute;
	top: 10px;
	right: 12px;
	display: block;
	width: 8px;
	height: 8px;
	content: '';
	border-color: #fff;
	border-style: solid;
	border-width: 2px 2px 0 0;
	transition: all 0.2s ease-in;
	transform: rotate(45deg);
}