@charset "UTF-8";

/*
Theme Name: lerire
Author: HEVIZ Co.,Ltd.
Author URI: https://heviz.jp/
Description: for Restaurant Le Rire
Requires at least: 6.6.1
Requires PHP: 7.1
Version: 1.0
*/


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


	Le Rire Base CSS

	@version  1.0   2023.9.5
	@author   K.Sekioka of HEVIZ Co.,Ltd.


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



:root {
	--gothic-font-family : "Jost" , "Noto Sans JP", "YuGothic", "Yu Gothic", sans-serif;
/*	--mincho-font-family : "Crimson Text" , "Noto Serif JP", "YuMincho", "Yu Mincho", serif; */
	--mincho-font-family : "Shippori Mincho", "YuMincho", "Yu Mincho", serif;
	
	--background-color: #c49f87;
	--text-color: #ffffff;
	--text-link-color: #eeeeee;
	--text-hover-color: #cc0000;
}


/** Responsive for Mobile Phone --------------------------- **/

@media screen and (max-width:767px) {

	:root {
	}
}



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


    Basic Tag Resets


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



body {
	padding: 0;
	
	color: var(--text-color);
	font-family: var(--mincho-font-family);
	
	background-color: var(--background-color);
	background-image: url("img/bg.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

a {
	text-decoration: none;
	transition: all 0.3s;
}
a:link, a:visited  { color: var(--text-link-color);  }
a:hover, a:active  { color: var(--text-hover-color); }



/** Responsive for tablet --------------------------------- **/

@media screen and (max-width:1024px) and (min-width:768px) {
}

/** Responsive for Mobile Phone --------------------------- **/

@media screen and (max-width:767px) {
}


/** Responsive for Print ---------------------------------- **/

@media screen and (max-width:767px) {
}



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


	ヘッダー


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



.siteHeader {
    left: 20px;
    top: auto;
	bottom: 55%;
	width: auto;
	background-color: transparent;
	
	transform: translateY(-90px);
}

.siteHeaderTitle {
    width: 230px;
    height: 160px;
}


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


/* for mobile */
@media screen and (max-width:767px) {

	.siteHeader {
	    left: 20px;
	    top: 0;
		bottom: auto;
		transform: none;
	}
	
	.siteHeaderTitle {
	    width: 120px;
	    height: 100px;
		transition: all 0.5s;
	}
	
	body.scrolled .siteHeaderTitle {
	    width: 100px;
	    height: 80px;
		background-color: #c29d85;
	}
}

/* for print */
@media print {
	
}



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


	メインメニュー


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



.siteNav.main {
    position: fixed;
	left: 20px;
	top: 45%;
	width: 230px;
	margin: 0;
	padding: 0;
	z-index: 900;
	transform: translateY(-90px);
	
	border-top: 1px solid #ffffff;
	font-family: var(--mincho-font-family);
	font-size: 18px;
	line-height: 1.2;
}

.siteNav.main ul {}

.siteNav.main li {}

.siteNav.main a {
    display: block;
    position: relative;
    padding: 10px 0 10px 35px;
    cursor: pointer;
	
	background-image: url("img/pointer.svg");	
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 24px auto;
}

.siteNav.main a::before {
	display: none;
}

.siteNav.main li.menu {
	border-bottom: 1px solid #ffffff;
}

.siteNav.main li.reserve {
	margin-top: 35px;
}

.siteNav.main li.reserve a {
    display: block;
    position: relative;
    padding: 10px;
    cursor: pointer;
	
	background-color: #b84a00;
	background-image: none;
	color: #ffffff;
	text-align: center;
}

.siteNav.main li.reserve a:hover {
	background-color: #b72802;
	color: #ffffff;
}



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


/* for mobile */
@media screen and (max-width:767px) {

	.siteNav.main {
		display: none;
	}
}


/* for print */
@media print {
	
}



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


	メインブロック


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



.siteMain {
	width: calc( 100% - 540px );
	max-width: 1000px;
	height: auto;
	min-height: calc( 100vh - 83px );
	margin: 0 auto;
	padding: 0;
	background-color: #c29d85;
}

/* homeだけ全幅 */
body.home .siteMain {
	width: auto;
	max-width: none;
}

/* reserveだけ背景白 */
body.page-reserve .siteMain {
	background-color: #ffffff;
}



/* for tablet */
@media screen and (max-width:1024px) and (min-width:768px) {
	
	.siteMain {
		width: auto;
		max-width: none;
		margin: 0 20px 0 270px;
	}

	/* homeだけ全幅 */
	body.home .siteMain {
		width: auto;
		max-width: none;
		margin: 0;
	}
}


/* for mobile */
@media screen and (max-width:767px) {

	.siteMain {
		width: auto;
		max-width: none;
		min-height: calc( 100% - 40px );
		padding-top: 100px;
	}
	
	body.home .siteMain {
		width: auto;
		padding-top: 0;
	}
}


/* for print */
@media print {
	
}



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


	モバイル用 : 下に張り付くナビ


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



.siteNav.mobile {
	display: none;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	z-index: 900;
}

.siteNav.mobile ul {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	list-style-type: none;
}

.siteNav.mobile li {
	width: 50%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.siteNav.mobile a {
	display: block;
	margin: 0;
	padding: 15px;
	box-sizing: border-box;
	
	color: #ffffff;
	font-family: var(--mincho-font-family);
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
}
.siteNav.mobile a::before {
	display: none;
}

.siteNav.mobile li.menu a { background-color: #c1976d; }
.siteNav.mobile li.access a { background-color: #1a1a1a; }
.siteNav.mobile li.reserve a { background-color: #b74a00; }


/* 表示を変える? */
body.home .siteNav.mobile li.menu    { display: block; }
body.home .siteNav.mobile li.access  { display: block; }
body.home .siteNav.mobile li.reserve { display: none; }

body.page-menu .siteNav.mobile li.menu    { display: none; }
body.page-menu .siteNav.mobile li.access  { display: block; }
body.page-menu .siteNav.mobile li.reserve { display: block; }

body.page-access .siteNav.mobile li.menu    { display: block; }
body.page-access .siteNav.mobile li.access  { display: none; }
body.page-access .siteNav.mobile li.reserve { display: block; }

body.page-reserve .siteNav.mobile li.menu    { display: block; }
body.page-reserve .siteNav.mobile li.access  { display: block; }
body.page-reserve .siteNav.mobile li.reserve { display: none; }


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

/* for mobile */
@media screen and (max-width:767px) {

	.siteNav.mobile {
		display: block;
	}
}


/* for print */
@media print {
	
	.siteNav.mobile {
		display: none;
	}	
}



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


	ハンバーガーメニュー / 内部 (スマホのみ)


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



.siteHumberger {
	display: none;
	right: 0;
	top: 0;
	padding: 20px;
	background-color: #000000;
}

.siteHumberger span span {
    background-color: #ffffff;
}

.siteHumberger span span:nth-of-type(1) { top: 33%; }
.siteHumberger span span:nth-of-type(2) { display: none; }
.siteHumberger span span:nth-of-type(3) { top: 66%; }


.siteMenu.humberger {
	padding-top: 120px;
	background-color: #000000;
}




/* 案1 */
.siteNav.inner1 {
	display: block;
	position: relative;
	margin: 50px;
	padding: 0;
	box-sizing: border-box;
}

.siteNav.inner1 ul {
	display: block;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	list-style-type: none;
}

.siteNav.inner1 li {
	margin: 0;
	padding: 0;
}
.siteNav.inner1 li:first-child,
.siteNav.inner1 li:last-child {
	border-top: 1px solid #ffffff;
}


.siteNav.inner1 a {
	display: block;
	margin: 0;
	padding: 10px 10px 10px 40px;
	box-sizing: border-box;

	background-image: url("img/pointer.svg");
	background-position: 0 center;
	background-repeat: no-repeat;
	background-size: 25px auto;
	
	font-family: var(--mincho-font-family);
	font-size: larger;
}
.siteNav.inner1 a::before {
	display: none;
}

.siteNav.inner1 li.reserve a {
	margin: 30px 0 0 0;
	padding: 10px;
	
	color: #ffffff;
	text-align: center;
	
	background-color: #b74a00;
	background-image: none;
}



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


/* for mobile */
@media screen and (max-width:767px) {

	.siteHumberger {
		display: block;
	}
}

/* for print */
@media print {
	
}




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


	フッター


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


.siteFooter {
    padding: 10px 0;
	background-color: #ffffff;
	color: #231815;
	line-height: 1.3;
}

.siteFooter a {
	color: #231815;
	text-decoration: none;
}
.siteFooter a:link,
.siteFooter a:visited { color: #231815; }
.siteFooter a:hover,
.siteFooter a:active  { color: #444444; }


.siteFooter {}

.siteFooter .siteFooterInner {
	display: table;
	table-layout: auto;
	border-collapse: collapse;
	boder: 0;
	margin: 0 auto;
}

.siteFooter .siteFooterRow {
	display: table-cell;
	margin: 0;
	padding: 0 10px;
	border-right: 1px solid #231815;
	vertical-align: middle;
	
	font-family: var(--mincho-font-family);
}
.siteFooter .siteFooterRow:last-child {
	border-right: 0;
}

.siteFooter .siteFooterRow dl {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.siteFooter .siteFooterRow dt {
	margin: 0;
	padding: 0 0.5em 0 0;
	box-sizing: border-box;
	font-weight: inherit;
	font-size: smaller;
}

.siteFooter .siteFooterRow dd {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.siteFooter .siteFooterRow dd span {
	font-size: smaller;
}

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

.siteFooter .siteFooterRow li {
	margin: 0;
	padding: 0;
}

/* 住所 */
.siteFooter .siteFooterRow.address {}

.siteFooter .siteFooterRow.address a {}

/* 営業時間 */
.siteFooter .siteFooterRow.time {
	width: 15em;
}

.siteFooter .siteFooterRow.time dl {
}

.siteFooter .siteFooterRow.time dt {
}

.siteFooter .siteFooterRow.time dd {
}

/* 定休日 */
.siteFooter .siteFooterRow.holiday {}

.siteFooter .siteFooterRow.holiday dl {
	display: block;
}

/* お問合せ */
.siteFooter .siteFooterRow.phone {}

.siteFooter .siteFooterRow.phone dl {
	display: block;
}

.siteFooter .siteFooterRow.phone a {
	font-size: larger;
}


/* SNSアイコン */
.siteFooter .siteFooterRow.icons {
	text-align: center;
}

.siteFooter .siteFooterRow.icons svg {
	display: block;
	width: 40px;
	height: auto;
	margin: 0 10px;
	vertical-align: bottom;
}


body.scrolled .sitePageTop {
	bottom: 80px;
}


/* for tablet */
@media screen and (max-width:1024px) and (min-width:768px) {
	
	.siteFooter {
	    padding: 10px 0;
		background-color: #ffffff;
		color: #231815;
	}

	.siteFooter {}

	.siteFooter .siteFooterRow {
		padding: 0 10px;
		border-right: 1px solid #231815;
		font-size: inherit;
	}

	.siteFooter .siteFooterRow dt {
		font-size: 14px;
	}

	/* 住所 */
	/* 営業時間 */
	/* 定休日 */

	/* お問合せ */
	.siteFooter .siteFooterRow.phone a {
	}

	/* SNSアイコン */
	.siteFooter .siteFooterRow.icons svg {
		width: 35px;
	}
}


/* for mobile */
@media screen and (max-width:767px) {

	.siteFooter {
		display: none;
	}

	body.scrolled .sitePageTop {
 	   bottom: 50px;
	}
}


/* for print */
@media print {
	

}




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


	TOPページ : カルーセル


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


.siteBlock.home {}

.siteBlock.home .blockInner {}

.siteBlock.home .blockHeader {
	display: none;
}

.siteBlock.home .blockTitle {}

.siteBlock.home .blockMain {}

.siteBlock.home .hvSlider {}

.siteBlock.home .hvSlider.fade {}

.siteBlock.home .hvSlider.fade .hvSliderRow {
    padding: 0 0 calc( 100vh - 77px );
}

.siteBlock.home .hvSlider.fade .hvSliderColumn {
	height: 100%;
}

.siteBlock.home .hvSlider.fade .hvSliderColumn img {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 120%;
	max-width: none;
	height: 120%;
	max-height: none;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	object-fit: cover;
	transform: translate(-50%, -50%);
}

.siteBlock.home .hvSlider.fade .hvSliderColumn.sel img {
	width: 100%;
	height: 100%;
	transition: all 11s linear;
}

.siteBlock.home .blockFooter {
	display: none;
}



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

/* for mobile */
@media screen and (max-width:767px) {

	.siteBlock.home .hvSlider.fade .hvSliderRow {
	    padding: 0 0 100vh;
	}
}

/* for print */
@media print {
	
}


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


	TOPページ : ニュース


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



.siteBlock.news {
	display: block;
	position: absolute;
	left: 20px;
	bottom: 20px;
	width: calc( 100% - 40px );
	margin: 0;
	padding: 5px;
	box-sizing: border-box;
	z-index: 200;
	
	background-color: #ffffff;
	color: #231815;
	border-radius: 10px;
}

.siteBlock.news .blockInner {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}

.siteBlock.news .blockHeader {
	display: none;
}

.siteBlock.news .blockTitle {}

.siteBlock.news .blockMain {
	width: calc( 100% - 40px );
	box-sizing: border-box;
}

.siteBlock.news .blockList {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
}

.siteBlock.news .post.tile {
	width: calc( 100% / 3 );
	padding: 5px;
}

.siteBlock.news .post.tile .postInner {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}

.siteBlock.news .post.tile .postImage {
	width: 30%;
	padding-bottom: 20%;
	box-sizing: border-box;
}

.siteBlock.news .post.tile .postContainer {
	width: 70%;
	padding: 0 0 0 10px;
	box-sizing: border-box;
}

.siteBlock.news .post.tile .postCategories,
.siteBlock.news .post.tile .postExcerpt,
.siteBlock.news .post.tile .postMore {
	display: none;
}

.siteBlock.news .post.tile .postTitle {
	text-align: justify;
}

.siteBlock.news .post.tile .postTitle::before {
	display: none;
}

.siteBlock.news .post.tile a {}

.siteBlock.news .post.tile .postDate {
	font-family: var(--gothic-font-family);
}

.siteBlock.news .blockFooter {
	width: 40px;
	box-sizing: border-box;
}

.siteBlock.news .blockFooter a {
	display: block;
	position: relative;
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	
	text-align: left;
	text-indent: -9999px;
	font-size: 1px;
	overflow: hidden;
}
.siteBlock.news .blockFooter a::after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	
	border: 1px solid #000000;
	border-left: 0;
	border-bottom: 0;
	
	transform: translate(-50%, -50%) rotate(45deg);
}



/* for tablet */
@media screen and (max-width:1024px) and (min-width:768px) {
	
	.siteBlock.news .post.tile {
		width: calc( 100% / 2 );
	}
	.siteBlock.news .post.tile:last-child {
		display: none;
	}
}


/* for mobile */
@media screen and (max-width:767px) {
	
	.siteBlock.news {
		left: 30px;
		bottom: 80px;
		width: calc( 100% - 60px );
	}

	.siteBlock.news .post.tile {
		display: none;
		width: 100%;
		margin: 0;
	}
	.siteBlock.news .post.tile:first-child {
		display: block;
	}	
	
	.siteBlock.news .post.tile .postTitle {
		font-size: inherit;
	}

	.siteBlock.news .blockFooter {
		width: 40px;
		box-sizing: border-box;
	}

	.siteBlock.news .blockFooter a {
		display: block;
		position: relative;
		width: 30px;
		height: 30px;
		margin: 0;
		padding: 0;
		box-sizing: border-box;

		text-align: left;
		text-indent: -9999px;
		font-size: 1px;
		overflow: hidden;
	}
	.siteBlock.news .blockFooter a::after {
		content: "";
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		width: 20px;
		height: 20px;
		margin: 0;
		padding: 0;
		box-sizing: border-box;

		border: 1px solid #000000;
		border-left: 0;
		border-bottom: 0;

		transform: translate(-50%, -50%) rotate(45deg);
	}
}


/* for print */
@media print {
	
}



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


	アーカイブページ（主にニュース）


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


.posts {
	min-height: calc( 100vh - 89px );
	padding: 50px;
	box-sizing: border-box;
}


.postsMainInner {
	padding: 50px 0;
}


.postsMainInner > * { margin: 50px 0; }
.postsMainInner > *:first-child { margin-top: 0; }
.postsMainInner > *:last-child  { margin-bottom: 0; }


.postsTitle {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	
	text-align: center;
	font-family: var(--mincho-font-family);
	font-size: 40px;
	font-weight: inherit;
}

.postsTitle span {
	display: block;
	max-width: calc( 100% - 4em );
	margin: 0;
	padding: 0 0.5em;
	box-sizing: border-box;	
}

.postsTitle::before,
.postsTitle::after {
	content: "";
	display: block;
	width: 1.5em;
	height: 2px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	background-color: #ffffff;
}

.posts .postsList {
	display: block;
}

.posts .post.tile {
	width: auto;
	margin: 20px 0;
	padding: 10px;
	background-color: #ffffff;
	border-radius: 10px;
	
	color: #231815;
}
.posts .post.tile:first-child { margin-top: 0; }
.posts .post.tile:last-child  { margin-bottom: 0; }

.posts .post.tile a,
.posts .post.tile a:link,
.posts .post.tile a:visited {
	color: #231815;
}

.posts .post.tile .postInner {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}

.posts .post.tile .postImage {
	width: 35%;
	padding-bottom: 25%;
	box-sizing: border-box;
}

.posts .post.tile .postImage img {}

.posts .post.tile .postContainer {
	width: 65%;
	margin: 0 0 0 10px;
	box-sizing: border-box;
}
.posts .post.tile .postContainer > * { margin: 20px 0; }
.posts .post.tile .postContainer > *:first-child { margin-top: 0; }
.posts .post.tile .postContainer > *:last-child  { margin-bottom: 0; }

.posts .post.tile .postCategories {
	display: none;
}

.posts .post.tile .postTitle {
	font-size: larger;
}

.posts .post.tile .postExcerpt {
	display: none;
}

.posts .post.tile .postDate {
	font-family: var(--gothic-font-family);
}

.posts .post.tile .postMore {
	display: none;
}



.postsPages span.page-numbers, .postsPages a.page-numbers {
	border-radius: 5px;
	margin: 0 3px 3px 0;
}



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

	.posts {
		padding: 50px 30px;
	}

	.postsTitle {
		font-size: 35px;
	}
}


/* for mobile */
@media screen and (max-width:767px) {

	.posts {
		min-height: calc( 100vh - 50px );
		padding: 20px;
	}

	.postsMainInner {
		padding: 20px 0;
	}


	.postsTitle {
		font-size: 24px;
	}

	.posts .post.tile .postInner {
		display: block;
	}

	.posts .post.tile .postImage {
		width: auto;
		padding-bottom: 75%;
	}

	.posts .post.tile .postContainer {
		width: auto;
		margin: 10px 0 0 0;
	}
	.posts .post.tile .postContainer > * { margin: 10px 0; }

	.posts .post.tile .postTitle {
		font-size: inherit;
		margin-top: 0;
	}

	.posts .post.tile .postDate {
		margin-bottom: 0;
	}
}



/* for print */
@media print {
	
}

/** ---------------------------------------------------------------------------


	固定ページ・詳細ページ


------------------------------------------------------------------------------- **/


.post.single,
.post.page {
	min-height: calc( 100vh - 89px );
	padding: 50px;
	box-sizing: border-box;
}

.post.single .postCategories ul,
.post.page .postCategories ul {
	justify-content: center;
}

.post.single .postTitle,
.post.page .postTitle {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	
	text-align: center;
	font-size: 40px;
	font-weight: inherit;
}

.post.single .postTitle span,
.post.page .postTitle span {
	display: block;
	max-width: calc( 100% - 4em );
	margin: 0;
	padding: 0 0.5em;
	box-sizing: border-box;	
}

.post.single .postTitle::before,
.post.page .postTitle::before,
.post.single .postTitle::after,
.post.page .postTitle::after {
	content: "";
	display: block;
	width: 1.5em;
	height: 2px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	background-color: #ffffff;
}

.post.single .postDate,
.post.page .postDate {
	font-family: var(--gothic-font-family);
	font-size: smaller;
	text-align: center;
}

.post.single .postMainInner,
.post.page .postMainInner {
	padding: 50px 0;
}

.post.single .postFooter,
.post.page .postFooter {
	display: none;
}


/* ギャラリーをカルーセル化 */
.wp-block-gallery.carousel {
	display: none !important;
}

.post.single .hvSlider.hasDirection .hvSliderScreen,
.post.page .hvSlider.hasDirection .hvSliderScreen {
    padding: 0;
}



/* for tablet */
@media screen and (max-width:1024px) and (min-width:768px) {
	
	.post.single,
	.post.page {
		padding: 50px 30px;
	}

	.post.single .postTitle,
	.post.page .postTitle {
		font-size: 35px;
	}
}


/* for mobile */
@media screen and (max-width:767px) {

	.post.single,
	.post.page {
		min-height: calc( 100vh - 40px );
		padding: 20px;
	}

	.post.single .postTitle,
	.post.page .postTitle {
		font-size: 24px;
	}

	.post.single .postMainInner,
	.post.page .postMainInner {
		margin: 0;
	}
}


/* for print */
@media print {
	
}



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


	予約ページ


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


body.page-reserve {}

.post.page.page-reserve {
	padding: 0;
	font-family: var(--gothic-font-family);
	color: #231815;
	background-color: #ffffff;	
}
.post.page.page-reserve a {
	color: #231815;
	text-decoration: none;
}
.post.page.page-reserve a:link,
.post.page.page-reserve a:visited { color: #231815; }
.post.page.page-reserve a:hover,
.post.page.page-reserve a:active   { color: #881815; }


.post.page.page-reserve .postHeader {
	padding: 25px 50px;
	background-color: #b84a00;
	color: #ffffff;
}

.post.page.page-reserve .postTitle {
	font-size: 30px;
}

.post.page.page-reserve .postTitle::before,
.post.page.page-reserve .postTitle::after {
	display: none;
}

.post.page.page-reserve .postMain {
	padding: 50px;
}



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


/* for mobile */
@media screen and (max-width:767px) {
	
	.post.page.page-reserve .postHeader {
		padding: 20px;
	}

	.post.page.page-reserve .postTitle {
		font-size: 24px;
	}

	.post.page.page-reserve .postMain {
		padding: 20px;
	}
}


/* for print */
@media print {
	
}