@charset "utf-8";
/* 呼び出しURL
	/wp-content/themes/FromMeToYou/css/yoitoko.css
*/

/* webfont */
@import url('https://fonts.googleapis.com/css2?family=RocknRoll+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');


.entry-content {
	background-image: linear-gradient(rgba(108, 82, 130, 0.8), rgba(242,204,255,0.94)), url("images/restaurant/soft-wallpaper.png");
	background-color: #6c5282;
	background-image: url("https://www.transparenttextures.com/patterns/soft-wallpaper.png");
	color:#fff;
	font-family: 'Noto Serif JP', serif;
}

.sub-navi {
	background-image: linear-gradient(rgba(108, 82, 130, 0.8), rgba(242,204,255,0.94)), url("images/restaurant/soft-wallpaper.png");
	background-color: #825280;
	background-image: url("https://www.transparenttextures.com/patterns/soft-wallpaper.png");
	color:#fff;
	font-family: 'Noto Serif JP', serif;
}

#content h2 {
	text-align: center;
	font-size: 2.5rem;
	font-family: 'Noto Serif JP', serif;
	margin-top:0;
	margin-bottom: 1rem;
	color: #DA8E00;
	background: transparent;
	background: -webkit-linear-gradient(-45deg, #F7DE05, #DA8E00, #EDAC06, #F7DE05, #ECB802, #DAAF08, #B67B03, #DA8E00, #EDAC06, #F7DE05, #ECB802, #EDAC06);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
}
@media (max-width: 640px) {
	#content h2 {font-size: 1.5rem;}
}
#content h3 {
	text-align: center;
	font-size: 2rem;
	font-family: 'Noto Serif JP', serif;
	margin-bottom: 1rem;
	color:#fff;
}
@media (max-width: 640px) {
	#content h3 {font-size: 1.25rem;}
}
#content h4 {
	text-align: center;
	font-size: 2rem;
	font-family: 'Noto Serif JP', serif;
	margin-bottom: 1rem;
}

h4 span {color:#ff0;}

section {padding:3rem 1rem;}
.introduction {padding-top:1rem;}
.narrow .restaurant-logo {margin-top:-75px; display:none !important;}
@media (max-width: 640px) {
	.narrow .restaurant-logo {margin-top:-45px;}
}
h4 .star {
  font-size: 2.5rem;
}

.outline {font-size: 1.5rem;border-bottom:1px solid #EDAC06; }
@media (max-width: 640px) {
	.outline {font-size: 1.125rem;}
}
.info-item div:not(.item-name) {margin-left:.5rem;}
.item-name {
	font-size: 1.25rem;
	margin-bottom: 1rem;
}
.info-item div::before,
.info-item a::after {color:#DA8E00 !important;}

.wp-caption-text strong {font-size: 1rem;}


#content .kanren-link h3 {
	text-align: left;
	font-size: 1.25rem;
}
#content .kanren-link h4 {
	font-size: 1.125rem;
	margin-bottom: 0;
	color:#fff;
}
#content .kanren-link .card-section {
	background:linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.8))
}



/* 2022 */
.tate-and-yoko .cell {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1/1;
	overflow: hidden;
	object-fit: fill;
	padding:2rem;
}
.tate-and-yoko .cell img {
	max-height: 100%;
	width: auto;
	
} 



.button.hollow {color:#fff;border-color:#fff;}
.callout .button.hollow {color:#333;border-color:#333;}

.summary {font-size:1.125rem;margin-bottom:1.5rem;}
.osusume-ippai {margin-top:2rem;background:rgba(255,255,255,.9);border-radius:15px;}
.osusume-ippai h4 {font-size:1.5rem !important;}
.osusume-ippai h5 {text-align:center;color:#03A9F4;}

.divider {margin-top:2rem;margin-bottom:3rem;}
.city {text-align: center;margin: 1rem auto 2rem;font-size:1.25rem;}
.city span{font-size:1.25rem;background:RGBA(50,0,101,.5);padding:5px 15px;border-radius:10px;}

.item-category:before {content:"カテゴリー："}
.item-web {margin-top:.5rem;}
.more-list .callout {padding:2rem;margin-bottom:2rem;background:rgba(255,255,255,.9);border-radius:15px;}
.more-list .callout .button {margin-bottom:0;}
.item-city {margin-left: 2px !important;}
.item-city span {background:RGBA(50,0,101,.5);padding:2px 5px;border-radius:5px;font-weight:bold;color:#fff;}

.store-list .cell a{display:grid;align-items: center;overflow: hidden;}
.store-list .cell .text-area {grid-row:1/-1;grid-column: 1/-1;z-index: 2}
#content .store-list .cell .text-area h4 {font-size:1.125rem;text-shadow: 0 2px 5px rgba(0, 0, 0, .5);margin-top:0;color:#fff;}
#content .sub-navi .store-list .cell .text-area h4 {font-size:0.7rem;margin-bottom:0;}
.store-list .cell .text-area .city {margin-bottom:0;color:#fff;}
#content .sub-navi .store-list .cell .text-area .city {margin-top:0;}
@media (max-width: 640px) {
	#content .sub-navi .store-list .cell .text-area h4 {font-size:0.75rem;margin:0;}
	#content .sub-navi .store-list .cell .text-area .city {display:none;}
}
.store-list .cell .text-area .city span {font-size:.875rem;}
#content .sub-navi .store-list .cell .text-area .city span {font-size:.6rem;}
.store-list .cell img {grid-row:1/-1;grid-column: 1/-1;z-index: 1;filter:blur(2px) brightness(60%);}
#content .store-list a img  {transition: all 0.4s ease;}
#content .store-list a:hover {color:#fff;text-decoration: none;}
#content .store-list a:hover img {transform: scale(1.05);filter:blur(1px) brightness(80%);}
#content .sub-navi h5 {margin-top:1rem;}
#horoyoi-tabi h3 {margin-top:4rem;font-size:1.75rem;}
#horoyoi-tabi h3 {display: inline-block;
		background: -webkit-linear-gradient(272deg,#fff 50%,#3C8CE7);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
}
#horoyoi-tabi h3.bar {display: inline-block;
		background: -webkit-linear-gradient(272deg,#fff 50%,#AB47BC);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
}
#horoyoi-tabi h3.wine {display: inline-block;
		background: -webkit-linear-gradient(272deg,#fff 50%,#F50057);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
}
#horoyoi-tabi h3.beer {display: inline-block;
		background: -webkit-linear-gradient(272deg,#fff 50%,#FDD835);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
}
@media (max-width: 640px) {
	#horoyoi-tabi h3 {font-size:1.25rem;}
	#content .store-list .cell .text-area h4 {font-size:.75rem;margin:0;}
	#content .sub-navi .store-list .cell .text-area .city {margin:0;}
	#content .sub-navi .store-list .cell .text-area {padding:0 .25rem !important;}
}