@charset "UTF-8";

/*============================================
全体 共通
==============================================*/
body {
	font-family: serif;
}

.w940 {
	max-width: 940px;
	padding-left: 20px;
	padding-right: 20px;
	margin-inline: auto;
}

.pos-rela {
	position: relative;
}

.pos-ab {
	position: absolute;
}

.flex {
	display: flex;
}

img {
	width: 100%;
	vertical-align: bottom;
}

ul {
	list-style: none;
}

.textRed {
	color: #ff0000;
}

.sp-only {
	display: none;
}

#home .h-1 {
	letter-spacing: 1rem;
}

.h-1 {
	max-width: 450px;
	margin: 0 auto 35px auto;
	padding: 15px 0;
	text-align: center;
	font-size: 2.45rem;
	font-weight: normal;
	letter-spacing: 0.5rem;
	border-bottom: 1px solid #999;
	color: #5b0f00;
}

.textA-c {
	text-align: center;
}

.space {
	width: 100%;
	height: 77px;
}

section {
	padding-bottom: 2px;
	background: #fff url(../img/hgj2.jpg) repeat center bottom -20%/210%;
}

section .mv {
	display: block;
	padding-bottom: 75px;
}

/*============================================
header.php
==============================================*/
header {
	position: fixed;
	width: 100%;
	padding: 3px 5px 3px 35px;
	background: rgba(37,13,0,0.9);
	align-items: center;
	z-index: 1;
}

header h1 a:hover {
	opacity: 0.5;
	transition: .1s;
}

header picture {
	display: block;
	max-width: 300px;
}

.globalNav {
	margin-left: auto;
}

.globalNav ul {
	width: 320px;
}

.globalNav ul li a {
	display: block;
	color: #fff;
	text-decoration: none;
}

.hamburger {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	flex-direction: column;
	justify-content: space-around;
	cursor: pointer;
	width: 48px;
	height: 48px;
	padding: 7px;
	border: 1px solid #333;
	background: #fff;
	z-index: 1;
}

.hamburger span {
	width: 100%;
	height: 4px;
	background: #333;
	transition: .4s;
}

.hamMenu {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	background: #fff;
	transform: translateX(100%);
	transition: .4s;
	z-index: 2;
}

.mCloseBtn {
	width: 100%;
}

.mCloseBtn .btn {
	position: relative;
	width: 32px;
	height: 47px;
	margin: 0 0 0 auto;

}

.mCloseBtn .btn span {
	display: block;
	position: absolute;
	width: 10px;
	height: 1.5px;
	background: #333;
}

.mCloseBtn .btn span:first-child {
	top: 50%;
	left: 0;
	transform: rotate(45deg) translateY(-50%);
}

.mCloseBtn .btn span:last-child {
	top: 50%;
	left: 1px;
	transform: rotate(-45deg) translateY(-50%);
}

.hamMenu ul li {
	border-bottom: 1px solid #555;
}

.hamMenu ul li:first-child {
	border-top: 1px solid #555;
}

.hamMenu ul li a {
	display: block;
	padding: 13px 20px;
	text-decoration: none;
	color: #333;
	font-size: 0.9rem;
}

.hamMenu.active {
	display: block;
	transform: translateX(0);
	transition: .4s;
}


/*============================================
footer.php
==============================================*/
footer {
	color: #fff;
}

footer .add {
	background: url(../img/hong-lkgg-14.jpg) repeat left bottom/210%;
	padding: 25px 0 43px 0;
	
}

footer .add .flex {
	justify-content: space-between;
}

footer .add .flex .item {
	width: 48%;
}

footer .add .flex address {
	font-style: normal;
	line-height: 1.88;
}

footer .add .flex address p:first-child {
	font-size: 1.18rem;
}
footer .add .flex address p:nth-child(2) {
	font-size: 0.85rem;
	margin-bottom: 3px;
}

footer .add .flex address a {
	text-decoration: none;
	color: #fff;
	font-size: 1.85rem;
	transition: .2s;
}

footer .add .flex address a:hover {
	opacity: 0.5;
	transition: .2s;
}

footer .add .flex .pts p {
	font-size: 0.88rem;
	line-height: 1.8;
}

footer .smallWrap {
	padding-bottom: 18px;
	background: #000;
}

footer .smallWrap small {
	display: block;
	text-align: center;
	font-size: 0.77rem;
}

/*============================================
index.html
==============================================*/
#home .bg {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100vh;
	background: url(../img/hgj-nk1-1.jpg) no-repeat center/cover;
	z-index: -1;
}

#home .space {
	width: 100%;
	height: 100vh;
}

.boundaryLine {
	display: block;
	width: 100%;
	height: 30px;
	background: url(../img/hong-lkgg-14.jpg) no-repeat left center/200%;
}

#home section {
	padding-bottom: 2px;
	background: #fff url(../img/hgj2.jpg) no-repeat center -4%/210%;
}

#home section .mv {
	display: block;
	padding: 85px 0 45px;
}

.greeting {
	padding-bottom: 175px;
}

.greeting .textA-c {
	font-size: 0.88rem;
	line-height: 1.9;
	margin-bottom: 50px;
}

.greeting .textA-c p {
	margin-bottom: 30px;
}

/*============================================
eidai.html
==============================================*/
.contents {
	padding-bottom: 175px;
}

.contents .textA-c {
	font-size: 0.88rem;
	line-height: 1.9;
	margin-bottom: 50px;
}

.contents .textA-c p {
	margin-bottom: 30px;
}



/*============================================
noukotsu.html
==============================================*/
#noukotsu .photoBox {
	justify-content: space-between;
	flex-wrap: wrap;
}

#noukotsu .photoBox .item {
	width: 48.5%;
	margin-bottom: 36px;
	padding-left: 9px;
}

#noukotsu .contents .text {
	padding-top: 15px;
	font-size: 0.9rem;
	text-align: center;
}


/*============================================
sougi.html
==============================================*/
#sougi .h-1 {
	letter-spacing: 0;
}



/*============================================
タブレット
==============================================*/
@media screen and (max-width: 1024px){
}


/*============================================
スマホ
==============================================*/
@media screen and (max-width: 767px){
	/* 全体 ---------------------------- */
	.w940 {
		padding-left: 15px;
		padding-right: 15px;
	}

	.pctab-only {
		display: none;
	}

	.sp-only {
		display: block;
	}

	.h-1 {
		padding: 43px 0;
		margin-bottom: 40px;
	}

	.space {
		height: 72px;
	}

	section {
		background: #fff url(../img/hgj2.jpg) no-repeat center/cover;
	}

	section .mv {
		padding-bottom: 15px;
	}

	/* header ---------------------------- */
	header h1 {
		max-width: 180px;
		width: 100%;
	}

	header {
		padding: 9px 15px 15px;
	}

	.globalNav {
		display: none;
	}

	.hamburger {
		display: flex;
	}

	/* footer ---------------------------- */
	footer .add {
		padding-top: 30px;
		padding-bottom: 73px;
		background: url(../img/hong-lkgg-14.jpg) repeat left bottom/800%;
	}

	footer .add .flex {
		flex-direction: column;
	}

	footer .add .flex .item {
		width: 100%;
	}

	footer .add .flex address {
		padding-bottom: 10px;
	}

	/* index.html ---------------------------- */
	#home .bg {
		position: relative;
		background: none;
		height: auto;
	}

	.boundaryLine {
		height: 20px;
		background: url(../img/hong-lkgg-14.jpg) no-repeat left center/750%;
	}

	#home section {
		background: #fff url(../img/hgj2.jpg) no-repeat center/cover;
	}

	#home section .mv {
		padding: 35px 0 0;
	}

	.greeting {
		padding-bottom: 70px;
	}

	.greeting .textA-c {
		margin-bottom: 70px;
	}

	/* eidai.html ---------------------------- */
	.contents {
		padding-bottom: 50px;
	}

	.contents .textA-c {
		margin-bottom: 70px;
	}

	/* noukotsu.html ---------------------------- */
	#noukotsu .photoBox {
		flex-direction: column;
	}

	#noukotsu .photoBox .item {
		width: 100%;
		margin-bottom: 12px;
	}
}


/*============================================
PCのみ
==============================================*/
@media screen and (min-width: 1024px){
}