/*
Theme Name: eases5-child
Template: eases5
Description: 蕎麦 木曽路 様
*/
/* 初期設定 ----------------------------------------------------------------------------------- */
:root {
	--es-wrap-max-width: 1024px;
	--es-main-max-width: 1024px;
	--es-side-max-width: 100px;
	--es-primary-color: #333333;
	--es-secondary-color: #2d6bb1;
	--es-header-color: rgba(32, 32, 32, 0);
	--es-header-font-color: #4c3f29;
	--es-side-color: rgba(32, 32, 32, 0);
	--es-side-font-color: #555;
	--es-side-a-color: #555;
	--es-footer-color: #fff;
	--es-footer-font-color: #555;
	--es-url-font-color: #2d6bb1;
	--es-header-hmg-color: white;
	--es-mobile-menu-color: #333333;
 }

ul, ol {
	padding: 0;
	list-style: none; }

a { color: var(--es-secondary-color); }

/* contents ------------------------------------------------------------------------------------- */

/* ■ h2 - h5
-------------------------------------------------------------- */
#main h2{
    padding: 0 0 5px 0;
    margin: 0 0 20px 0;
	border-bottom: 1px dotted #aaa;
	color: #333; }

.page-id-2126 h3,
.page-id-16 h3 {
	position: relative;
	top:0;
	display: inline-block;
	margin-bottom: 20px;
	padding: 3px 10px 0;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2; }
	@media screen and (min-width: 400px) {
		.page-id-14 h3,
		.page-id-16 h3 { padding: 3px 20px 0; } }

.page-id-2126 h3:before,.page-id-2126 h3:after,
.page-id-16 h3:before,.page-id-16 h3:after { 
	position: absolute;
	top: 0;
	content:'';
	width: 8px;
	height: 100%;
	display: inline-block; }

.page-id-2126 h3:before,
.page-id-16 h3:before {
	border-left: solid 1px #808080;
	border-top: solid 1px #808080;
	border-bottom: solid 1px #808080;
	left: 0; }

.page-id-2126 h3:after,
.page-id-16 h3:after {
  content: '';
	border-top: solid 1px #808080;
	border-right: solid 1px #808080;
	border-bottom: solid 1px #808080;
	right: 0; }

.page-id-18 h3 {
	font-size: 2.4rem;
	font-weight: normal; }
	@media screen and (min-width: 481px) {
						.page-id-18 h3 { font-size: 2.8rem; } }

.page-id-14 h4,
.page-id-16 h4,
.page-id-2126 h4{
	display: inline-block;
	margin: 0 0 10px;
	line-height: 1.3;
	font-size: 18px;
	font-weight: bold;
	vertical-align: middle; }

.page-id-14 h4:before,
.page-id-16 h4:before,
.page-id-2126 h4:before {
	margin-right: 5px;
	content: '●';
	color: #c0c0c0; }


/* レイアウト
-------------------------------------------------------------- */
body {
	font-size: 1.6rem;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	top: 0!important; }
	@media screen and (min-width: 481px) {
	body{ font-size: 1.8rem; } }

#wrap { margin: 0 auto; }

#header {
	text-align: center; }
	@media screen and (min-width: 600px) {
		#header { text-align: left; } }

#image-area { padding: 10px 20px 100px; }

#image-area p {
	margin: 10px 0 60px;
	color: #555;
	font-size: 1.6rem;
	line-height: 1.5; }

#globalnavi { margin-bottom: 0; }

#globalnavi ul { 
	margin: 0 auto 30px;
    width: 100%;
    justify-content: center;
    background-color: #f6ad49 }

#globalnavi li {
	width: 20%;
	background-color: var( --es-secondary-color );
	font-size: 1.6rem;
	border-left: 1px solid #fff }


#globalnavi li a {
	display: block;
	width: 100%;
	padding: 15px 0; }

#globalnavi li a:hover {
	background-color: var( --es-primary-color ); }

#globalnavi li.current-menu-item a {
	background-color: #f08300; }

#pagebody:not(.top-page #pagebody) { margin-bottom: 50px; }
	@media screen and (min-width: 768px) {
		#pagebody {
			display: block; } }
			@media screen and (max-width: 1024px) {
				#pagebody { padding: 0 15px; } }

#main {
	margin:0 auto;
	padding: 100px 10px 0; }
	@media screen and (min-width: 768px) {
		#main {
			max-width: var(	--es-main-max-width );
			padding: 100px 0 0; } }

#main p {
	margin-bottom: 0;
	padding: 0; }

footer .wp-block-cover__inner-container > section section:nth-child(1) { margin: 0; }
footer .wp-block-cover__inner-container > section section:nth-child(2) { margin: 0; }
	@media screen and (min-width: 400px) {
		footer .wp-block-cover__inner-container > section section:nth-child(1) { width: 100%; }
		footer .wp-block-cover__inner-container > section section:nth-child(2) { width: 100%; } }
	@media screen and (min-width: 768px) {
		footer .wp-block-cover__inner-container > section section:nth-child(1) { width: 100%; }
		footer .wp-block-cover__inner-container > section section:nth-child(2) { width: 100%; } }
	@media screen and (min-width: 768px) {
		footer .wp-block-cover__inner-container > section section:nth-child(1) { width: 100%; }
		footer .wp-block-cover__inner-container > section section:nth-child(2) { width: 100%; } }

.widgets_drawer ul { margin-bottom: 40px; }


/* コンテンツ
-------------------------------------------------------------- */
.wp-block-cover__inner-container, .wp-block-group__inner-container {
	padding: 0; }

.wp-block-separator { margin: 50px auto 70px; }

.wp-block-group { margin-bottom: 0; }

span {display: inline-block;}

.padding_0 { padding: 0; }




/* url
-------------------------------------------------------------- */
.url_in a {
	padding-bottom: 5px;
	position: relative;
	color: var(--es-url-font-color); }

.url_in a:hover{ 
	color: var(--es-url-font-color); }

.url_in a::before {
	background: var(--es-url-font-color);
	content: '';
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: 0;
	margin: auto;
	transform-origin: right top;
	transform: scale(0, 1);
	transition: transform .3s; }

.url_in a:hover::before {
	transform-origin: left top;
	transform: scale(1, 1); }

/* サブメニュー
-------------------------------------------------------------- */
#sidebar { display: none; }
	@media screen and (min-width: 768px) {
		#sidebar {
			display: block;
			max-width: var(	--es-side-max-width );
			margin-top: 100px; } }

.navi-contents {
	padding: 50px 10px 60px;
	background: #746e5e; }
	@media screen and (min-width: 767px) {
		.navi-contents { padding: 90px 20px 0; } }

.navi-contents li { border: 0; }

.navi-contents li a:hover {
	text-decoration:underline;
	background-color: transparent!important; }
			
#menu-side_menu li.current_page_item a,
.navi-contents .menu li.current_page_item a {
	text-decoration:underline;
	background-color: transparent; }

.navi-contents li a {
	display: inline!important;
    padding: 10px 0!important;
    color: white;
	font-size: 1.4rem;
    letter-spacing: 3px; }
	@media screen and (min-width: 481px) {
		.navi-contents li a{ font-size: 1.6rem; } }

.navi-contents li:before {
	position: relative;
	top: 5px;
	color: white; }

.navi-contents li::first-letter {
	font-weight: bold;
	font-size: 2rem; }
	@media screen and (min-width: 481px) {
		.navi-contents li::first-letter{ font-size: 2.5rem; } }

#header .hgroup .navi-contents figure { display: block; }

.mobile-menu-hbg .navi-contents a { color: #fff; }

.hamburger a { color: #fff; }

#menu-side_menu,
#menu-side_menu-1 {
	width: 190px;
	margin: 0 auto; }
	@media screen and (min-width: 481px) {
		#menu-side_menu {
			width: 320px;
			min-width: 320px;
			margin: 0 auto; } }

#block-7 p { display: none; }

#block-12 a { color: white; }

#block-20 { text-align: center; }

.sideber_online_shop {
	display: flex;
    flex-direction: column;
    align-items: center; }

.tel { font-size: 2rem; }
@media screen and (min-width: 481px) {
	.tel { font-size: 2.4rem; } }

.tel span {
	margin-left: 15px;
	font-size: 1.4rem; }
@media screen and (min-width: 481px) {
	.tel span { font-size: 1.6rem; } }

.fb { margin-top: 20px; }

.fb a { color: white; }

.fb img { width: 30px; }

.fb span { margin-left: 15px; }

.line_solid {
	width: 70%;
	margin: 0 auto 20px;
	border-top: 1px solid #fff; }

/* ヘッダー
-------------------------------------------------------------- */
#header {
	position: fixed;
	top: 0px;
	display:block;
	width: 100%;
	height: 55px;
	padding: 0;
	background: none;
	text-align: left;
	z-index:9; }

#header .hgroup figure {
    margin: 0 10px; }

#header .hgroup {
	flex-direction: row-reverse;
	flex-wrap: nowrap;
	max-width: none;
	padding: 10px 0;
	background: rgba(51, 51, 51, 0.6);
	color: white; }

@media screen and (max-width: 370px) {
	#header .hgroup .hgroup-inner {
		justify-content: center; }
	#header .hgroup .title {
		margin-bottom: 5px; } }

.hgroup .information {
    display: block; }

#google_translate_element {
    margin: 0 15px; }

.goog-te-banner-frame {
	display: none; }

.hgroup .information a {
	display: block!important;
    width: auto;
    margin:0!important;
    padding: 0!important;
    background-color: #fff;
    color: #000; }
    

/* フッター
-------------------------------------------------------------- */
#footer {
	padding-bottom: 0;
	border-top: 1px solid #ccc; }

footer #copyright { padding: 20px 0; }

.page-id-12 #footer { display: none; }

#footer p {
	width: 100%;
	margin: 20px auto; }

#footer > .wp-block-cover__inner-container { margin: auto; }

#sns {
	display: flex;
	justify-content: center;
	width: 194px;
    margin: auto; }

#sns > .wp-block-group__inner-container {
	display: flex;
	gap: 6px; }


/* トップページ
-------------------------------------------------------------- */
.top-page {
	background-size: cover;
	background-position: center center; }

.page-id-12 #pagebody {
	width: 100vw;
	height: 100vh;
  
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  
	/* 左右中央寄せ */
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
  
	/* 上下中央寄せ */
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;

	text-shadow: 1px 1px 1px #000; }

.page-id-12 #main { padding: 0; }

.page-id-12 #main a { color: #fff; }

.top_onlineshop {
	width: 300px;
	margin: 20px auto; }

.page-id-12 #main ul {
	max-width: 500px;
	margin: 20px auto; }

.top_onlineshop {
    padding: 10px 0!important;
    border: 1px solid #fff;
    box-shadow: inset 0px 0px 10px #fff;
    background-color: rgba(255,255,255,0.1);
    color: #fff;
    font-size: 2rem;
	text-align: center; }

.wp-block-latest-posts__list li {
	font-size: 2.2rem;
	text-align: center;
    text-decoration: underline #fff; }



/* コンテンツページ
-------------------------------------------------------------- */
/* お品書き */
.menu_box { padding: 30px 0; }

.menu_box1 > .wp-block-group__inner-container {
	display: flex;
	flex-direction: column; }
	@media screen and (min-width: 768px) {
		.menu_box1 > .wp-block-group__inner-container {
			flex-direction: row;
			} }

.menu_box1 .wp-block-group { padding: 0; }

.menu_box1 .wp-block-image {
	width: 100%;
	flex-shrink: 0; }
	@media screen and (min-width: 768px) {
		.menu_box1 .wp-block-image { width: 290px; } }

.menu_box2 { padding: 0; }

.menu_box2 > .wp-block-group__inner-container {
	display: flex;
	flex-direction: column; }
	@media screen and (min-width: 768px) {
		.menu_box2 > .wp-block-group__inner-container {
			flex-direction: row; } }

.floatleft { width: 100%; }
	@media screen and (min-width: 768px) {
		.floatleft {
			float: left;
			width: 50%; } }

.floatright { width: 100%; }
@media screen and (min-width: 768px) {
	.floatright {
		float: right;
		width: 50%; } }

.menu_box3 > .wp-block-group__inner-container {
	display: flex;
	flex-direction: column-reverse; }
	@media screen and (min-width: 768px) {
		.menu_box3 > .wp-block-group__inner-container {
			flex-direction: row; } }

.oshinagaki_menu { padding: 0 20px; }

.oshinagaki_image { margin: 0 10px 10px; }

.osinagaki_onlineshop { margin:0 0 50px; }
  @media screen and (min-width: 890px) {
    .osinagaki_onlineshop { margin: 0 0 70px; } }

/*お品書き*/
.kamonabe {
	margin-bottom: 40px;
	padding: 20px 20px;
	border: 2px solid #ca0005;
	border-radius: 5px; }


.menu_box01 > .wp-block-group__inner-container {
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
	gap: 1em; }

.menu_box01_2 {  }
@media screen and (min-width: 950px) {
	.menu_box01_2 { width: 49%; } }

.menu_box01_2 > .wp-block-group__inner-container {
	display: flex;
    flex-direction: column;
	gap: 1em; }
	@media screen and (min-width: 550px) {
		.menu_box01_2 > .wp-block-group__inner-container {
		    flex-direction: row; } }

.menu_box01_2 p {
	width: 300px;
	flex-shrink: 0; }

.menu_box01_3 {  }
@media screen and (min-width: 950px) {
	.menu_box01_3 { width: 49%; } }

.menu_box01_4 > .wp-block-group__inner-container {
	display: flex;
    flex-direction: column;
	gap: 1em; }
	@media screen and (min-width: 390px) {
		.menu_box01_4 > .wp-block-group__inner-container {
		    flex-direction: row; } }

.menu_box01_4 p {
	width: 200px;
	flex-shrink: 0; }
	@media screen and (min-width: 550px) {
		.menu_box01_4 p {
			width: 300px;
			flex-shrink: 0; } }
	
.menu_box02 > .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
    align-items: center;
	justify-content: space-around; }
	@media screen and (min-width: 700px) {
		.menu_box02 > .wp-block-group__inner-container {
			flex-direction: row; } }

.menu_box02_2 {
	width: 300px;
    padding: 0;
    flex-shrink: 0; }

.menu_box02_3 {max-width: 500px; }

.menu_box03 > .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
    align-items: center; }
	@media screen and (min-width: 850px) {
		.menu_box03 > .wp-block-group__inner-container {
			flex-direction: row;
			justify-content: space-around;
			align-items: flex-start; } }

.menu_box04 > .wp-block-group__inner-container {
	display: flex;
    flex-direction: column;
    align-items: center;
	gap: 1em; }
	@media screen and (min-width: 850px) {
		.menu_box04 > .wp-block-group__inner-container {
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: space-around;
			align-items: flex-start; } }

.menu_box04 p {
	width: 100%;
	max-width: 400px; }

.menu_box04_2 {
	width: 100%;
	max-width: 400px;
	padding: 0; }

#main .menu_box04_2 p {
	width: 100%;
	margin-bottom: 10px; }

.fixed-page #main ul.menu_border {
	max-width: 400px;
    padding: 10px 20px;
    border: 2px solid #c0c0c0; }

.fixed-page #main p.menu_border {
    padding: 10px;
    border: 2px solid #c0c0c0; }

.moon { position: relative; }

p.moon { margin-left: 30px; }

.moon::before {
    content: "";
    position: absolute;
    top: 5px;
    left: -30px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    box-shadow: 3px 5px 0px 2px #f9b132;
    transform: rotate(-30deg); }

/* Special Dinnerのご案内 */
.content_box  > .wp-block-group__inner-container {
	display: flex;
	flex-direction: column; }
	@media screen and (min-width: 768px) {
		.content_box > .wp-block-group__inner-container {
			flex-direction: row-reverse; } }

.content_box .wp-block-group { padding: 0; }

.content_box figure { flex-shrink: 0; }

.content_box img { width: 100%; }
@media screen and (min-width: 768px) {
	.content_box img {
		width: 320px;
		margin-left: 20px; } }



/* 蕎麦に懸ける思い */
.page-id-18 .wp-block-group {  }
@media screen and (min-width: 768px) {
	.page-id-18 .wp-block-group { padding: 0 20px; } }

.policy_box { margin: 50px 0; }

.policy_box > .wp-block-group__inner-container {
	display: flex;
	flex-direction: column; }
	@media screen and (min-width: 768px) {
		.policy_box > .wp-block-group__inner-container {
			flex-direction: row; } }

.policy_box .wp-block-image {
	flex-shrink: 1; }
	@media screen and (min-width: 1000px) {
		.policy_box .wp-block-image {
			flex-shrink: 0; } } 


/* 店舗案内 */

.table { margin: 50px 0; }

.table td:first-child { font-weight: bold; }

.table tr, .table td { border: 0; }
@media screen and (max-width: 600px) {
	 .table tr, .table td {
		display: block; } }

.table tr { }
@media screen and (max-width: 600px) {
	.table tr{ border-bottom: 1px dotted #888888; } }

/*モバイルメニュー*/
.menubox {
    display: flex;
    width: 100%;
    padding: 10px 0 7px 0;
    flex-wrap: nowrap!important; }

/* お問い合わせ
-------------------------------------------------------------- */
.tel-link {
	margin-bottom: 10px;
	font-size: 2.4rem; }

.wpcf7 {
	width: 100%;
	max-width: 600px;
	margin: 0 auto; }

.contact input,
.contact textarea {
	width: 100%; }

input[type="submit"] {
	display: block;
	width: 170px;
	margin: 0 auto;
	padding: 15px; }

input[type="submit"]:hover {
	background-color: var(--es-primary-color)!important;
	color: #fff; }

input, textarea { width: 100%; }

.wpcf7 p{ margin: 20px 0; }

.wpcf7 label {
	display: inline-block;
	width: 100%; }

.wpcf7 span { width: 100%; }

/* ブログ 
-------------------------------------------------------------- */
.post-categories ul span[class*="label-"], .post-categories ul a[class*="label-"]{
	border:none;
	background-color: var(--es-primary-color); }
.profile{
	font-size: 1.5rem; }

.post-footer {
	text-align: center; }
#comment{
	width: 90%;
	margin: 0 auto; }

#index-page,#single-page{
	padding: 0 1em; }

.enry-post { max-width: 1024px; }

.single-page .enry-post p { margin: 0 0 20px!important; }
	
/* サイドバー 
-------------------------------------------------------------- */
.navi-contents,.navi-contents figcaption{
    color: #fff; }


@media screen and (max-width: 768px) {
	.grecaptcha-badge { bottom: 70px!important; } }