/*/////////////////////////////////////////
Index

Small @media screen and (max-width: 512px)
/////////////////////////////////////////*/
/*---------------------------------------
	MainVisual
---------------------------------------*/
.main-visual-area {
	position: relative;
	width: 100vw;
	margin: 0 auto 2em auto;
}
/*---------------------------------------
	Sections
---------------------------------------*/
.main {
	max-width: 90%;
	margin: 0 auto;
}
#ichiba-1f-yasai {
	margin-bottom: 1em;
}
	#ichiba-1f-yasai p {
		margin: 0;
	}
#about,
#ichiba-area,
#ichiba-1f-omiyage,
#dining-area,
#recommend-area,
#takeout-menu,
#menu-area,
#terrace-area,
#access,
#public-banner {
	margin-bottom: 2em;
}
#news {
	position: relative;
	margin-bottom: 5em;
}

/*---------------------------------------
	Heading
---------------------------------------*/
h1.lower-title {
	position: absolute;
	left: -9999px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/*---------------------------------------
	Sections // ABOUT
---------------------------------------*/
#about .sub_txt {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
}

#about .content {
	grid-row: 3 / 4;
}

/*---------------------------------------
	Sections // Shop Ichiba
---------------------------------------*/
.floor_set {
	display: block;
	height: 125px;
	background-position: top center;
}
	.floor_set h2 {
        background-color: #00a0ff;
        width: 100vw;
        color:#fff;
        position: relative;
        padding: 20px 0;
        margin: 0 0 0 calc(50% - 50vw);
        text-align: center;
        letter-spacing: 0.2rem;
	}
	.floor_set h2 span {
        display: block;
        line-height: 1.8;
        font-weight: normal;
	}
	.floor_set h2:after{
        content:"";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 50px 50px 0 50px;
        border-color: #00a0ff transparent transparent transparent;
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -50px;
        z-index: 5;
	}

.ichiba-left picture {
	margin-bottom: 1em;
}
#ichiba-1f-sengyo {
	margin-bottom: 3em;
	display: grid;
	grid-template-rows: 135px 263px 165px 350px 640px 80px 320px;
	gap: 0.5em
}
.sec_f1-1 {
	grid-row: 1 / 2;
}
.ichiba-left {
	grid-row: 2 / 3;
}
.ichiba-right {
	grid-row: 3 / 4;
}
.point {
	grid-row: 4 / 5;
}
.sengyo {
	grid-row: 5 / 6;
	min-height: 640px;
	background-color: #eee;
}
	.sengyo picture {
        display: block;
        width: 80%;
        height: auto;
        margin: 0 10% 1em 10%;
	}
.ichiba-area .caption {
	grid-row: 6 / 7;
	font-size: 0.8em;
}
#ichiba-1f-omiyage .right,
#ichiba-1f-omiyage p {
	margin: 0 0 1em 0;
}
.floor-tenant {
	grid-row: 7 / 8;
	padding: 1em;
	margin: 1em auto;
}

.section_lead {
	text-align: center;
	color:#00a0ff;
}
.menu-box {
	padding: 1em;
	margin: 0 0 0 0;
}
.menu-box p {
	padding-bottom: 1em;
	border-bottom: #0053A9 1px solid;
}

.flex-center {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
	.harf {
        position: relative;
        width: 48%;
        margin: 0 0 1em 0;
        padding: 0.5em;
        box-sizing: border-box;
        text-align: center;
        background: #ebf6fc;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
	}
.menu-txt {
	width: 100%;
	margin: 0 0 1em 0;
	padding: 0.5em 0;
	background-color: #fff;
}
	.menu-txt p {
	margin: 0;
	padding: 0;
	}
.att {
	display: block;
	width: 100%;
	font-size: 0.9em;
	text-align: center;
	margin: 0;
	background: #ebf6fc;
}

.color_frame {
	width: 100%;
	padding: 1em;
	margin: 2em 0;
	box-sizing: border-box;
	background: #c7ecff;
}
.sec_box_quarter,
.sec_box_harf {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.sec_box_harf div {
	margin-bottom: 2em;
}

/*---------------------------------------
	Sections // Ichiba Now
---------------------------------------*/
/* Recommend Area */
#ichiba-now-area {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    padding:7.5em 0.5em 2em 0;
}
#ichiba-now-area::before {
	top: -20px;
	left: 15px;
}
	#ichiba-now-area .inner {
        flex-direction: column;
	}
	#ichiba-now-area .left,
	#ichiba-now-area .right {
        width: 100%;
	}
	.ichiba-now-title,
	.recommend-title {
		width: 100%;
		margin: 0;
		padding: 1em 1em;
	}
		.ichiba-now-title img.ichiba-now-ima {
			max-width: 60%;
			height: auto;
		}
			.ichiba-now-title img.ichiba-now-fb {
			width: 30%;
			}
	#ichiba-now-area #pageplugin {
		height: 500px;
		margin: 0 auto;
		background-color: #eee;
	}
		#ichiba-now-area #pageplugin iframe {
			width: 100%;
			height: 500px;
			margin: 0;
			padding: 0;
		}

	a button.pickup-btn {
		display: inline-block;
		width: 70%;
		margin: 1em 15% 0 15%;
		padding: 1em;
		background-color: #fff;
		border: #000 4px solid;
		text-align: center;
		opacity: 1.0;
	}
		a button.pickup-btn:hover {
			background-color: #000;
			color: #fff;
			border: #fff 4px solid;
			opacity: 1.0;
		}
		/* PickUp */
		#ichiba-now-area iframe body {
			border-top: none;
		}
		#colorme-item-list {
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			width: 100%;
			margin: 1em 0;
			padding: 0;
			background-color: #fff;
		}
			#colorme-item-list .item-frame {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                justify-content: space-between;
                width: 90%;
                margin: 0 5% 2em 5%;
                padding: 0 0 1em 0;
                border-bottom: #eee 2px solid;
			}
			#colorme-item-list .item-frame .item-img-box {
				width: 100%;
			}
				#colorme-item-list .item-frame .item-img-box img {
					max-width: 100%;
					height: auto;
				}
			#colorme-item-list .item-frame .item-txt-box {
				width: 100%;
				margin-top: 1em;
			}

			#colorme-item-list .content {
                width: 275px;
                margin-top: 5px;
                min-height: 77px;
			}
			#colorme-item-list .content p {
                font-size: 14px;
                line-height: 1.5;
			}
			#colorme-item-list .item-frame .item-txt-box .title {
                display: block;
                background: #FFF462;
                border-radius: 6px;
                border: solid 1px;
                color: #000;
                font-size: 150%;
                font-weight: 600;
                letter-spacing: 0px;
                padding: 3px 8px;
			}
		#colorme-item-list .item-frame .item-txt-box .price {
			display: block;
			font-size: 150%;
			font-weight: 600;
			color: red;
			margin-top: 5px;
			padding: 0 0 0 1em;
			margin: 0.5em 0;
		}
			#colorme-item-list .item-frame .item-txt-box .price .tax-in {
                font-size: 80%;
			}
			#colorme-item-list .item-txt-box .explanation {
                padding: 0.5em;
                border: #ddd 1px solid;
                border-radius: 10px;
			}
			#colorme-item-list .item-frame .item-txt-box .explanation h2 {
                font-size: 100%;
                padding: 0 0 0 8px;
                border-bottom: #ddd 3px solid;
			}
			#colorme-item-list .item-frame .item-txt-box .explanation br {
                display: none;
			}
			#colorme-item-list .item-frame .item-txt-box .explanation .details{
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                width: 100%;
                margin: 1em 0 0 0;
			}
			#colorme-item-list .item-frame .item-txt-box .explanation .details dt{
				width: 20%;
				margin: 0 0 0.5em 0;
				padding: 0.2em;
				box-sizing: border-box;
				text-align: center;
				background-color: #eee;
			}
			#colorme-item-list .item-frame .item-txt-box .explanation .details dd{
				width: 80%;
				text-align: left;
				margin: 0 0 0.5em 0;
				padding: 0.2em 0.2em 0.2em 0.5em;
				box-sizing: border-box;
			}
			#colorme-item-list .item-frame .item-txt-box .btn {
                border: solid 1px #000;
                border-radius: 3px;
                background: #000;
                color: #fff;
                text-align: right;
                letter-spacing: normal;
                padding: 8px 16px;
                margin-top: 16px;
			}
			#colorme-item-list .item-frame .item-txt-box .btn:hover {
				background: #fff;
				color: #000;
			}

/*---------------------------------------
	Sections // Access
---------------------------------------*/
 /* #access div:nth-child(2), */
#access .kawamachi-parking-image { /* かわまち駐車場外観写真 */
	margin: 0 0 1em 0;
}
/* #access div:nth-child(3), */
#access .ichiba-ditail-map { /* 石巻駅からの概要地図 */
	margin: 0 0 1em 0;
}
	/* #access div:nth-child(3) p.google, */
	#access .ichiba-ditail-map p.google {
		margin: 0 0 0 0;
	}
/* #access div:nth-child(4), */
#access .genki-ichiba-map-btn { /* GoogleMapsリンク */
	margin: 0 0 1em 0;
}
	/* #access div:nth-child(4) a, */
	#access .genki-ichiba-map-btn a {
		display: block;
	}
dl.att_trans {
	width: 100%;
	margin: 1em 0;
	padding: 1em 0;
	border-top: #0053A9 1px solid;
}
	dl.att_trans dt {
		width: 15%;
		box-sizing: border-box;
		vertical-align: top;
		margin: 0;
		padding: 0;
	}
	dl.att_trans dd {
		width: 85%;
		box-sizing: border-box;
		margin: 0;
		padding: 0;
	}
	dl.att_trans dd p {
		font-size: 0.9em;
		margin: 0;
	}
	.parking p {
		padding: 0;
		margin: 0.5em 0;
	}
	.bittable dd {
		margin: 0 0 0 1em;
	}
	dl.bittable dt {
		width: 100%;
		font-weight: 600;
	}
	dl.bittable dd {
		box-sizing: border-box;
		padding: 0 0 0.5em 0;
	}
.pet-area {
	padding: 0.2em 0 1em 0;
}

/*---------------------------------------
	Sections // Public Banner
---------------------------------------*/
#public-banner {
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
}
#public-banner a img {
    width: 80%;
    margin: 0 auto 1em auto;
}