/*
Theme Name: eases5-child
Template: eases5
Description: 煌輝奥能登 様
*/
/* 初期設定 ----------------------------------------------------------------------------------- */
:root {
	--es-wrap-max-width: 1000px;
	--es-pagebody-max-width: 1000px;
	--es-main-max-width: 100%;
	--es-main-font-color: #555;
	--es-side-max-width: 270px;
	--es-primary-color: #104d86;
	--es-secondary-color: #;
	--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: #3fb582;
	--es-footer-font-color: white;
	--es-mobile-menu-color: #104d86;
	--es-url-font-color: #2d6bb1;
}

/* ■ h2 - h5
-------------------------------------------------------------- */
#main h2 {
	width: 100%;
	margin: 20px 0 30px;
    padding: 5px 10px;
	position: relative;
	border-top: solid 3px #e97b10;
	background: #f7f1e8;
    color: #855c13; }

#main h2::after {
	position: absolute;
    content: " ";
    display: block;
	width: 70%;
    border-top: solid 3px #f9c795;
    top: -3px;
	right: 0; }

#main h2:first-child { margin: 0 0 30px; }

#main h3 {
	margin-bottom: 20px;
    padding: 5px 5px 5px 10px;
    background-color: #f6f8f9;
    border-left: 5px solid #345f5f; }

/* レイアウト
-------------------------------------------------------------- */
body {
	font-size: 16px;
	line-height: 1.8;
	color: #333; }

#pagebody > .inner {
	max-width: var( --es-pagebody-max-width );
	margin: 0 auto;
	padding: 0 10px;
	background-color: #fff; }
	@media screen and (min-width: 768px) {
		#pagebody > .inner {
			display: flex;
			justify-content: space-between;
			flex-direction: row-reverse;
			padding: 0; } }

#main {
	padding: 0 20px 30px;
	margin:0 auto; }

#main p {
	margin: 0;
	padding: 0; }

ul, ol {
	list-style: none; }

/* ヘッダー ------------------------------------------------------------------------------------- */
#header {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 10px 45px;
	background-color: #fff;
	background: url(images/content_bg.jpg) right top no-repeat #fff;
	background-size: 40%; }
	@media screen and (max-width: 1000px) {
		#header { background-image: none; } }

.hgroup { padding: 13px 0 0 10px; }

@media screen and (max-width: 767px) {
	.hgroup-inner { flex-direction: column; } }

.hgroup-inner .title {
	padding-left: 13px;
	margin-bottom: 20px; }

.title img { width: 100%; }

.hgroup-inner .information {
	display: inline;
	color: #333; }

.hgroup .information p {
	line-height: 1.8;
	font-size: 1.6rem;
	padding: 0 20px; }

/* サイドバー -------------------------------------------------------------- */
#sidebar {
	margin-left: 20px;
	padding-bottom: 20px; }
	@media screen and (max-width: 768px) {
		#sidebar { display: none; } }

#sidebar #block-2 {
	width: 240px;
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #ccc;
	background: url(images/side_ul_bg.gif) left top repeat; }
	@media screen and (max-width: 1000px) {
		#sidebar #block-7 { text-align: center; } }

#sidebar ul li {
	font-size: 1.4rem;
	margin-bottom: 10px; }

#sidebar ul li a:hover {
	text-decoration: underline; }

/*  footer -------------------------------------------------------------- */
#footer {
    margin: 0 auto;
    padding: 0 0 60px;
    background-color: #342f2e;
    color: #fff; }
	@media screen and (min-width: 768px) {
		#footer { padding: 0 0 20px; } }

ul#menu-footer_menu {
	display: flex;
	justify-content: center;
	width: 750px;
	padding: 30px 0;
	margin: 0 auto; }

ul#menu-footer_menu li {
	font-size: 14px;
	padding: 0 20px;
	border-right: 1px solid #fff; }

ul#menu-footer_menu li:last-child {
	border-right: none; }

ul#menu-footer_menu li a {
	color: #fff; }

ul#menu-footer_menu li a:hover {
	text-decoration: underline; }

ul#menu-footer_menu li:before {
	display: none; }

#footer .copyright {
	margin-top: 30px; }

	@media screen and (max-width: 1000px) {
		#footer #block-4 { display: none; }
		#footer #block-5 { padding-top: 20px; } }


	@media screen and (min-width:769px) {
		#scrolltotop {
			right: 5%;
			bottom: 20px;
			border-radius: 5px;
			border: 1px solid #ccc;
			background-color: rgba(255,255,255,0.8);
			opacity: 0; }
		#scrolltotop.bnr-on { animation: fadeIn 1s forwards; }
		#scrolltotop:not(.bnr-on){ animation: fadeOut 1s forwards; } }


	@media screen and (min-width: 769px) {
    	.mobile-menu { display: none; } }




/* コンテンツ -------------------------------------------------------------- */
#main tr, #main th, #main td { border: 0; }

.wp-block-image figcaption { font-size: 1.4rem; }

.wp-block-image .alignleft>figcaption { display: block; }

em {
	font-style: normal;
	font-size: 1.4rem; }

.wp-block-button a:hover { color: #555!important; }

.wp-block-button a::after { background: var(--es-secondary-color); }

.wp-block-group {
	padding: 0;
    overflow: hidden; }

.inline_block { display: inline-block; }

.wp-container-core-group-is-layout-ad2f72ca {  }
	@media screen and (max-width: 767px) {
		.wp-container-core-group-is-layout-ad2f72ca {
			flex-direction: column; } }
.wp-container-core-group-is-layout-ad2f72ca figure { flex-shrink: 0; }

.content_top_img img {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: #b8b8b8a6 0px 1px 2px 1px;
	-webkit-box-shadow: #b8b8b8a6 0px 1px 2px 1px; }

/*  top-page -------------------------------------------------------------- */
#main .post-2 .wp-image-39 {
	max-width: 140px; }
	@media screen and (min-width: 1000px) {
		#main .post-2 .wp-image-39 {
			max-width: 240px; } }

#main .post-2 ul { padding: 0; }

#main .post-2 ul li {
	margin-bottom: 10px;}

#main .post-2 ul li a {
	padding: 0 10px;
	background-color: #f48c4d;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #fff; }

#main .post-2 ul li a:hover {
	background-color: #fff;
	color: #f48c4d;
	border: 2px solid #f48c4d; }

/*  shop-page
 -------------------------------------------------------------- */
#main .post-22 p {
	margin-bottom: 20px; }

#main .post-22 .wp-block-table {
	font-size: 1.3rem; }

#main .post-22 td {
	border-bottom: 1px solid #e0e0e0;
	padding-left: 0;
	padding-right: 0; }

#main .post-22 td img {
	width: 85% !important;
	margin:0 auto; }

#main .post-22 tr:first-of-type td {
	font-size: 15px;
	background-color: #ececec;
	border-bottom: 1px solid #ddd; }

#main .post-22 tr:nth-child(2) td:first-child,
#main .post-22 tr:nth-child(5) td:first-child,
#main .post-22 tr:nth-child(8) td:first-child,
#main .post-22 tr:nth-child(11) td:first-child,
#main .post-22 tr:nth-child(14) td:first-child {
	font-size: 14px;
	white-space: nowrap;
	text-align: left;
	background-color: #fcfcfc;
	padding-left: 10px;
	padding-right: 10px; }
@media screen and (max-width: 600px) {
	#main .post-22 tr:first-of-type td:first-child,
	#main .post-22 tr:nth-child(2) td:first-child,
	#main .post-22 tr:nth-child(5) td:first-child,
	#main .post-22 tr:nth-child(8) td:first-child,
	#main .post-22 tr:nth-child(11) td:first-child,
	#main .post-22 tr:nth-child(14) td:first-child {
		width: 25%;
		white-space: normal; }
	#main .post-22 tr:first-of-type td:first-child br,
	#main .post-22 tr:nth-child(2) td:first-child br,
	#main .post-22 tr:nth-child(5) td:first-child br,
	#main .post-22 tr:nth-child(8) td:first-child br,
	#main .post-22 tr:nth-child(11) td:first-child br,
	#main .post-22 tr:nth-child(14) td:first-child br {
		display: none; } }

#main .post-22 tr:nth-child(2) td:nth-child(2),
#main .post-22 tr:nth-child(3) td:first-child,
#main .post-22 tr:nth-child(4) td:first-child,
#main .post-22 tr:nth-child(5) td:nth-child(2),
#main .post-22 tr:nth-child(6) td:first-child,
#main .post-22 tr:nth-child(7) td:first-child,
#main .post-22 tr:nth-child(8) td:nth-child(2),
#main .post-22 tr:nth-child(9) td:first-child,
#main .post-22 tr:nth-child(10) td:first-child,
#main .post-22 tr:nth-child(11) td:nth-child(2) {
	width: 10%;
	border-left: 1px solid #eee; }

#main .post-22 tr:nth-child(2) td:nth-child(4),
#main .post-22 tr:nth-child(3) td:nth-child(3),
#main .post-22 tr:nth-child(4) td:nth-child(3),
#main .post-22 tr:nth-child(5) td:nth-child(4),
#main .post-22 tr:nth-child(6) td:nth-child(3),
#main .post-22 tr:nth-child(7) td:nth-child(3),
#main .post-22 tr:nth-child(8) td:nth-child(4),
#main .post-22 tr:nth-child(9) td:nth-child(3),
#main .post-22 tr:nth-child(10) td:nth-child(3),
#main .post-22 tr:nth-child(11) td:nth-child(4) {
	width: 16%; }

/*  principle-page -------------------------------------------------------------- */
#main .post-10 ul li { list-style-type: disc; }

#main .post-10 .wp-block-table table {
	border-top: 1px solid #eee;
	border-collapse: separate;
	border-spacing: 1px;
	font-size: 15px;
	line-height: 1.5; }

#main .post-10 .wp-block-table td {	padding: 10px; }

#main .post-10 tr:first-child td:first-child,
#main .post-10 tr:nth-child(2) td:first-child,
#main .post-10 tr:nth-child(3) td:first-child,
#main .post-10 tr:nth-child(4) td:first-child,
#main .post-10 tr:nth-child(5) td:first-child,
#main .post-10 tr:nth-child(6) td:first-child,
#main .post-10 tr:nth-child(7) td:first-child {
	width: 30%;
	padding: 10px;
	font-weight: 600;
	letter-spacing: 0.2em;
	border-bottom: 1px solid #eee;
	background-color: #efefef; }

#main .post-10 tr:first-child td:last-child,
#main .post-10 tr:nth-child(2) td:last-child,
#main .post-10 tr:nth-child(3) td:last-child,
#main .post-10 tr:nth-child(4) td:last-child,
#main .post-10 tr:nth-child(5) td:last-child,
#main .post-10 tr:nth-child(6) td:last-child,
#main .post-10 tr:nth-child(7) td:last-child {
	width: auto;
	border-bottom: 1px solid #eee; }

/*  member-page -------------------------------------------------------------- */
#main .post-12 .wp-block-group {
	margin: 0;
	gap: 0; }

#main .post-12 img {
	width: 100%;
	max-width: 180px;
	margin: 0 0 0.8em 0.5em; }

#main .post-12 dl {
	width: 68%;
	padding-right: 1em;
	margin-left: 1.5em;
	line-height: 1.5; }

#main .post-12 dl dt {
	width: 6.5em;
	padding: 0 0 0 0.5em;
	font-weight: bold; }

#main .post-12 dl dd {
	margin: -1.5em 0 10px 0;
	padding: 0 0 10px 6em;
	border-bottom: 1px dotted #ccc;
	word-wrap: break-word;
	overflow-wrap: break-word; }

@media screen and (max-width: 767px) {
	#main .post-12 .is-vertical { flex-direction: initial; }
	#main .post-12 dl { width: 100%; } }
@media screen and (max-width: 481px) {
	#main .post-12 .is-vertical {
		flex-direction: column; } }

/*  system-page -------------------------------------------------------------- */
#main .post-14 h4 {
	margin-bottom: 20px;
	padding: 0 0 0 12px;
	color: #5e5959;
	border-left: 6px solid #e82e2e;
	font-weight: 600; }

#main .post-14 .wp-block-image { max-width: 160px; }

@media screen and (max-width: 999px) {
	#main .post-14 .wp-container-core-group-is-layout-ad2f72ca {
		flex-direction: row;
		flex-wrap: wrap; }
	#main .post-14 figure { order: -1; } }

/*  profile-page -------------------------------------------------------------- */
#main .post-16 table { border-top: 1px solid #eee; }

#main .post-16 table td { border-bottom: 1px solid #eee; }

/*  contact-page -------------------------------------------------------------- */
#main .post-20 p {
	font-size: 15px;
	margin-bottom: 20px; }

#main .post-20 .wpcf7-text,
#main .post-20 .wpcf7-captchar,
#main .post-20 textarea {
	max-width: 400px;
	width: 100%; }

#main .wpcf7 span {
	color: #FF0000;
	font-size: 16px;
	font-weight: 1000; }

input[type="submit"] {
	width: 90px;
	height: 51px;
	padding: 10px; }

input[type="submit"]:hover {
	background-color: #999;
	height: 51px;
	border-radius: 3px;
	color: #fff; }

/*  blog-page -------------------------------------------------------------- */
.news-0 #main h2,
#index-page .eyecatch_img_thumbnail,
#main .post-categories {
	display: none; }

#index-page .post-title p {
	color: #f38b4d;
    font-size: 18px;
    font-weight: bold; }
@media screen and (max-width: 600px) {
	#index-page .post-title p {
		font-size: 16px; } }

/* モバイルメニュー -------------------------------------------------------------- */
.menubox {
    display: flex;
    width: 100%;
    padding: 10px 0 7px 0;
    flex-wrap: nowrap!important; }

.mobile-menu #block-7,
.mobile-menu #block-8 {
	padding: 10px 0 0 10px; }

.navi-contents { background: #eeee; }
	@media screen and (max-width: 1000px) {
		.navi-contents { height: calc( 100dvh - 70px ); }
		.sp-menu #drawer-close { height: calc( 100dvh - 70px ); } }

.navi-contents ul {
	width: 270px;
	margin: 70px 20px; }

#menu-side_menu li.current_page_item a { font-weight: bold; }
