@charset utf-8;


/** ================================================================================================


	Wordpress エディタースタイル

	※テンプレート用の独自拡張

	@Ver. 1.0    2023.11.06 New
	@wordpress   6.2.2


==================================================================================================== **/



/* デフォルトエディタースタイル */
@import url("css/editor-classic.css");
@import url("css/editor-block.css");





/** 以下、カスタマイズ  ================================================================ **/


:root {
	--gothic-font-family : "Jost" , "Noto Sans JP", "YuGothic", "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
	--mincho-font-family : "Noto Serif JP", "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", serif;
}

.editor-styles-wrapper {
	font-family: var(--mincho-font-family);
	background-color: #c29d85;
	color: #ffffff;
}



/** 見出しの改造 ====================================================== **/


h3.wp-block-heading {
/*	font-size: 2em; */
	font-family: var(--mincho-font-family);
}

h3.wp-block-heading::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	visibility: visible;
	width: 1em;
	height: 1em;
	margin: 0 0.5em 0 0;
	padding: 0;
	box-sizing: border-box;
	background-color: #ffffff;
	transform: translateY(-0.2em);
}

h4.wp-block-heading {
/*	font-size: 2em; */
	font-family: var(--mincho-font-family);
}



/* for tablet */
@media screen and (max-width:1024px) and (min-width:768px) {

}


/* for mobile */
@media screen and (max-width:767px) {
	
	h3.wp-block-heading {
		font-size: 1.4em;
	}
}








/** メニュー表 ======================================================= **/


.wp-block-table.price {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

.wp-block-table.price table {}

.wp-block-table.price tbody {}

.wp-block-table.price tr {}

.wp-block-table.price td {
	border: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: top;
}


/** メニュー表2 ========================================================== **/


.wp-block-group.menuList {
	margin-top: 0;
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
}

.wp-block-group.menuList > wp-block-group__inner-container {}

.wp-block-group.menuList p {
	margin: 0;
	padding: 3px 0 0 0;
}

.wp-block-group.menuList p.has-text-align-right {
	padding: 0 0 3px 0;
	border-bottom: 1px dotted #ffffff;
}

.wp-block-group.menuList p.has-text-align-right:last-child {
	border-bottom: 0;
}


/** カルーセル --------------------------------------------------------- **/

.wp-slider .wp-block-image img {
    width: 100% !important;
    height: auto  !important;
}


/** 地図 -------------------------------------------------------------- **/

p.access-map {
	display: block;
	position: relative;
	padding: 0 0 66.66% 0;
	background-color: #f0f0f0;
}


/** 罫線 -------------------------------------------------------------- **/

.wp-block-separator {
	width: 100% !important;
	border-bottom-color: #ffffff;
	border-bottom-width: 1px;
}

.wp-block-separator.aligncenter {
	width: 100px !important;
	margin: 1.5em auto;
}


/** ご予約 ------------------------------------------------------------ **/



.tel-link a {
	display: block;
	position: relative;
	margin: 0;
	padding: 10px;
	box-sizing: border-box;
	
	color: #ffffff !important;
	font-family: var(--mincho-font-family);
	font-size: larger;
	text-align: center;
	text-decoration: none;
	letter-spacing: 0.1em;
	
	background-color: #b84a00;
}

.external-link a {
	display: block;
	position: relative;
	margin: 0;
	padding: 10px;
	box-sizing: border-box;

	color: #ffffff !important;
	font-family: var(--mincho-font-family);
	font-size: larger;
	text-align: center;
	text-decoration: none;
	letter-spacing: 0.1em;
	
	background-color: #c2ad94;
}
.external-link a::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 25px;
	height: 25px;
	margin: 0 0.5em 0 0;
	padding: 0;
	box-sizing: border-box;
	
	background-image: url("img/arrow.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	transform: translateY(-0.1em);
}


/* Google Mapボタン(アクセスページ) */
.gmap-button a {
	display: block;
	position: relative;
	margin: 0;
	padding: 10px;
	box-sizing: border-box;

	color: #ffffff !important;
	font-size: larger;
	text-align: center;
	text-decoration: none;
	letter-spacing: 0.1em;
	
	background-color: #333333;	
}
.gmap-button a::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 25px;
	height: 25px;
	margin: 0 0 0 0.5em;
	padding: 0;
	box-sizing: border-box;
	
	background-image: url("img/arrow.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	transform: translateY(-0.1em);
}



/** ページ内リンク -------------------------------------------- **/



ul.wp-block-list.internal {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 0;
	box-sizing: border-box;
	list-style-type: none;
}

ul.wp-block-list.internal li {
	display: block;
	margin: 5px;
	padding: 0;
	box-sizing: border-box;
	
}

ul.wp-block-list.internal a {
	display: block;
	position: relative;
	margin: 0;
	padding: 10px 20px 10px 40px;
	box-sizing: border-box;
	
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	
	background-color: #b84a00;
	transition: all 0.5s;
}
ul.wp-block-list.internal a::before{
	content: "";
	display: block;
	position: absolute;
	left: 20px;
	top: 50%;
	width: 10px;
	height: 10px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	border:1px solid #ffffff;
	border-left: 0;
	border-bottom: 0;
	transform: translate( -50% , -75% ) rotate( 135deg );
}

ul.wp-block-list.internal a:hover {
	color: #ffffff;
	background-color: #cc0000;
}