@charset "UTF-8";
/* CSS Document */
/*@import url('https://fonts.googleapis.com/css2?family=Cinzel&family=Oswald&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Cinzel&family=Barlow&display=swap');



body:before {
/*opacity: 0;*/
}
/*---------フリーダイヤルを非表示--------*/
/*a.gl-tel::before {
	display: none;
}*/
#foot-nav ul li:nth-child(1) a {
  background: linear-gradient(90deg, rgba(154, 0, 85, 1) 0%, rgba(64, 0, 19, 1) 100%);
}


.engTxt {
	font-family: 'Cinzel', serif;
}
.engTxtDin {
	/*font-family: "Oswald", sans-serif;*/
	font-family: "Barlow", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.info-area .info-btn1 li.wid a span {
	font-size: 80%;
	position: relative;
	top: -0.05em;
	margin-left: 0.3em;
}
.sendSiryo {
	font-size: 18px!important;
	padding: 0 0 0.5em;
	margin-top: -0.5em!important;
	
}
/*a.arw::before {
	content: '　';
width: 1em;
background-image: url("../../images/common/arw.svg");
background-repeat: no-repeat;
background-position: center center;
background-size: 60%;
	margin-right: 0.2em;
}*/


.btnGrd {
	background: rgb(0,61,149);
	/*background: linear-gradient(90deg, #024fa0 0%, #009eff 50%, #024fa0 100%);*/
	background: linear-gradient(90deg, #0c295e 0%, #2056b4 50%, #0c295e 100%);
	background-position: -100%;
	background-size: 200%;
}
.btnGrd:hover {
	background-position: -200%;
	opacity: 1 !important;
}
.info-in {}
.info-in p.tag {
	color: #005A60;
}
.info-in h2 {
	color: #A8001B;
	letter-spacing: 0.0em;
font-family: 'YakuHanMP','Noto Serif JP', serif;
/*	font-size: 80px;*/
	font-size: clamp(70px, 4.5vw, 70px);
	max-width: 800px;
	margin: 0 auto;
}


.info-in h2 span {
	font-size: 70%;
	letter-spacing: 0;
	/*display: block;*/
}
@media screen and (max-width: 959px){
	.info-in h2 {
		font-size: 8vw;
	}
	.info-in .nensi {
		width: 100%;
	}
	#pickup-bnr {
		overflow: hidden;
	}
}
@media screen and (max-width: 599px){
	.info-area h2 {
		/*font-size: 240%;*/
		font-size: 8.6vw;
		letter-spacing: 0em;
		
	}
	
	.info-in .nensi p {
		font-size: clamp(12px, 4.2cqw, 18px);
	}
	
}


#pageTit h2 {
	padding: 0.6em;
	background-color: #680000;
	color: #c7bf8b;
	text-align: center;
	font-family: 'Noto Serif JP', serif;
	font-size: 28px;
	line-height: 1.5;
	font-weight: normal;
	letter-spacing: 0.2em;
}
#pageTit h2 span{
	font-family: 'Cinzel', serif;
	display: block;
	font-size: 70%;
	letter-spacing: 0.2em;
}
.engTxt {
	/*font-family: 'Gilda Display', serif;*/
	font-family: 'Cinzel', serif;
	letter-spacing: 0.2em;
}
#pageWrap {
	padding: 60px 0 0;
	font-family: 'YakuHanMP','Noto Serif JP', serif;
}
#pageWrap h2,#pageWrap h3,#pageWrap h4 {
	font-weight: normal;
}
#pageWrap *, #pageWrap *:before, #pageWrap *:after {
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#pageWrap a {
	transition: 0.3s;
}

#pageWrap a:hover {
	opacity: 0.6;
	text-decoration: none;
}
.flex-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.wrapWidth {
	width: 100%;
	margin: 0 auto;
}
.boxWidth {
	width: 96%;
	max-width: 1200px;
	margin: 0 auto;
}
br.brSp {
	display: none;
}
.arw {
	position: relative;
}
.arw::after {
/*	position: absolute;
	right: 7%;
	top: 0%;*/
	content: '　';
	width: 1em;
	height: 100%;
	background-image: url("../../images/common/arw.svg");
	background-position: center right;
	background-size: 66%;
	background-repeat: no-repeat;
}
.seller li {

}
.seller li {

}
.capImg {
	position: relative;
}
.capImg::after {
	content: "image";
	font-size: 10px;
	position: absolute;
	right: 0.3em;
	bottom: 0.1em;
	color: #fff;
}
.capBk::after {
	color: #000;
}
.sanko::after {
	content: "参考写真";
}

.capAtt::after {
	content: attr(data-cap);
}
.capL {
	right: auto;
	left: 0.5em;
}

@media screen and (max-width: 959px) {
  #pageTit h2 {
		font-size: 2.7vw;
		font-size: clamp(20px, 2.7vw, 22px);
	}
	#pageWrap {
		padding: 30px 0 0;
	}

}
@media screen and (max-width: 599px) {
	#pageTit h2 {
		font-size: 4.8vw;
		font-size: clamp(17px, 4.8vw, 19px);
	}
	br.brSp {
	display: inline;
}
}
@media screen and (max-width: 810px){
.notice-in h4 {
	padding: 0 .4em 2px;
	}
}
	
#pageWrap img {
	width: 100%;
	max-width:none;
}

/*.sc-mode #header-menu3 li.wid a,
#toppage .info-area .btn-document a*/
.btn-document a {
	background: rgb(154,0,85);
background: linear-gradient(90deg, rgba(154,0,85,1) 0%, rgba(64,0,19,1) 100%);
/*	background: linear-gradient(to right, #2056b4, #0c295e);*/
}
.btn-visit a{ 
	background: linear-gradient(to right, #2056b4, #0c295e);
		/*background: rgb(154,0,85);
background: linear-gradient(90deg, rgba(154,0,85,1) 0%, rgba(64,0,19,1) 100%);*/
}



/*=========電話番号未定==========*/

/*#header-h1 #header-tel {
	display: none;
}

.info-area .info-tel .info-logo {
	border:none;
	padding-right: 0;
	margin-right: 0;
}
.info-area .info-tel li:last-child {
	display: none;
}

#foot-nav ul li.foot-tel {
	display: none;
}*/
#foot-nav {
	transform: translateY(100%);
	transition: 0.5s;
}
#foot-nav._on {
	transform: translateY(0%);
}

/*=========スペシャルコンテンツボタンのNEW==========*/
#header-nav > ul > li#nav-sc > a.new::after {
text-shadow: 0.5px 0.7px 0px #fff;
}


@media screen and (max-width: 1170px) {
    
	#foot-nav ul {
		background:#005cb8;
		/*background-color: #2f70c0;*/
		
	}
	#foot-nav ul li.foot-visit a {
        background:#000099;
    }
	#foot-nav ul li.foot-special a {
		background:#0c58a8;
	}
}

/*=========下部ボタン==========*/
#bottomMenu {
	background-image: url("../../images/common/bg-btnBtn.jpg");
	background-size: cover;
	padding: 3% 0;
}
#bottomMenu .flexBtn {
	max-width: 1000px;
	gap:10px 10px;
	container-type: inline-size;
}
#bottomMenu .flexBtn a {
	color: #000;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc((100% / 4) - 8px);
	height: 5em;
	font-family: 'Noto Serif JP', serif;
	font-size: 1.8cqw;
	font-size: clamp(12px, 1.8cqw, 16px);
	box-shadow: 1px 2px 3px rgba(0,0,0,0.5);
	transition: 0.5s;
}
#bottomMenu .flexBtn a.soon {
	background-color: #ccc;
	opacity: 0.6;
	pointer-events: none;
	box-shadow: none;
}
#bottomMenu .flexBtn a:hover {
	text-decoration: none;
	background-color: #eee;
	box-shadow: 1px 2px 6px rgba(0,0,0,0.5);
	transform: translateY(-2px);
}

@media screen and (max-width: 959px) {}
@media screen and (max-width: 599px) {
	#bottomMenu {
		padding: 5% 0;
	}
	#bottomMenu .flexBtn {
		gap:5px 5px;
	}
	#bottomMenu .flexBtn a {
		width: calc((100% / 4) - 3.8px);
		height: 4em;
	}
}