@charset "UTF-8";
/* --------------------------------
 * object
 * -------------------------------- */
/* title ------------------------ */
.title-content {
display: block;
font-family: 'Cormorant Garamond', serif;
font-size: 4.4rem;
letter-spacing: 1px;
color: #0b2f31;
text-align: center;
line-height: 1.0;
padding: 0 10px 32px;
background-image: url("../img/deco_content_title.png");
background-repeat: no-repeat;
background-position: center bottom;
background-size: 260px auto;
}
.title-content-sub-e {
display: block;
font-family: 'Cormorant Garamond', serif;
font-size: 1.8rem;
letter-spacing: 1px;
color: #0b2f31;
text-align: center;
margin-bottom: 30px;
}
.title-content-sub-j {
display: block;
font-family: '游明朝', YuMincho, '游明朝体', 'YuMincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', ‘HG明朝E’, ‘ＭＳ Ｐ明朝’, ‘ＭＳ 明朝’, serif;
font-size: 1.4rem;
color: #0b2f31;
text-align: center;
margin-bottom: 30px;
}
@media only screen and (max-width: 600px) {
.title-content {
font-size: 3.4rem;
letter-spacing: 1px;
padding: 0 10px 16px;
background-size: 180px auto;
}
.title-content-sub-e {
font-size: 1.4rem;
margin-bottom: 20px;
}
.title-content-sub-j {
font-size: 1.2rem;
margin-bottom: 20px;
}
}

.title-catch-copy{
font-family: 'Noto Serif JP', sans-serif;
display: block;
font-size: 2.8rem;
letter-spacing: 1px;
color: #0b2f31;
text-align: center;
line-height: 1.3;
}
.title-catch-copy-sub-e {
font-family: 'Dancing Script', cursive;
display: block;
font-size: 1.6rem;
color: #a99b61;
text-align: center;
}
.title-description {
line-height: 2.0;
text-align: center;
}
@media screen and (max-width: 768px) {
.title-catch-copy{
font-size: 2.0rem;
letter-spacing: 1px;
}
.title-catch-copy-sub-e {
font-size: 1.0rem;
}
.title-description {
line-height: 1.5;
text-align: left;
}
}


/* btn ------------------------ */
.btn-sq {
display: block;
margin-left: auto;
margin-right: auto;
color: #FFFFFF;
width: 350px;
padding: 15px 8px 13px;
line-height: 1;
text-decoration: none;
border: 1px solid #e0e0dc;
position: relative;
letter-spacing: 1px;
}
@media only screen and (max-width: 500px) {
.btn-sq {
font-size: 1.3rem;
width: 220px;
}
}

.btn-order {
font-family: "M PLUS 1p";
background-color: #0b2f31;
box-shadow: 0 0 0 3px #0b2f31;
transition: 0.3s ease-in-out;
width: 100%;
max-width: 400px;
text-align: center;
}
.btn-order::before {
content: url("../img/icon_order.png");
margin-right: 10px;
display: inline-block;
vertical-align: middle;
}
@media only screen and (min-width: 1025px) {
.btn-sq.btn-order:hover {
background-color: #0e291b;
box-shadow: 0 0 0 3px #0e291b;
}
}

.btn-footer-contact {
font-family: "M PLUS 1p";
background-color: #a99b61;
box-shadow: 0 0 0 3px #a99b61;
transition: 0.3s ease-in-out;
}
/*.btn-footer-contact::after {
font-family: "fontello";
content: '\e813';
font-size: 2rem;
position: absolute;
top: 50%;
right: 10px;
margin-top: -9px;
line-height: 1;
}*/
@media only screen and (min-width: 1025px) {
.btn-sq.btn-footer-contact:hover {
background-color: #0e291b;
box-shadow: 0 0 0 3px #0e291b;
}
}
.btn-line {
display: block;
font: italic 2.0rem/1 'Cormorant Garamond', serif;
letter-spacing: 1px;
color: #0b2f31;
text-align: center;
margin-left: auto;
margin-right: auto;
width: 240px;
padding: 13px 5px 11px;
text-decoration: none;
border-top: 1px solid #0b2f31;
border-bottom: 1px solid #0b2f31;
position: relative;
transition: 0.3s ease-in-out;
}
.btn-line::after {
font-family: "fontello";
content: '\e80c';
font-style: normal;
position: absolute;
top: 50%;
right: 15px;
font-size: 1.4rem;
margin-top: -6px;
}
@media only screen and (min-width: 1025px) {
.btn-line:hover {
background-color: #0b2f31;
color: #fff;
}
}
@media only screen and (max-width: 600px) {
.btn-line {
font-size: 1.6rem;
width: 220px;
}
}


.btn-image-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding: 0 10px;
}
.btn-image {
	text-decoration: none;
	color: #434343;
	display: block;
	background-color: #fff;
	padding-bottom: 30px;
	box-shadow: 1px 1px 1px -1px rgba(182,182,182,0.30);
	transition: all 0.25s ease-in-out;
 text-align: center;
 position: relative;
}
.btn-image::before {
	content: "";
	position: absolute;
 border: 1px solid #dcdcdc;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	z-index: 99999;
}
.btn-image-img {
	display: block;
	overflow: hidden;
}
.btn-image-img img {
	width: 100%;
	height: auto;
	transition: all 0.25s ease-in-out;
	display: block;
}
.btn-image h3 {
font-size: 1.2rem;
color: #968027;
line-height: 1.2;
	padding: 13px 5px 18px;
}
.btn-image h3 strong {
font-family: 'Cormorant Garamond', serif;
font-size: 2.6rem;
display: block;
color: #0b2f31;
margin-bottom: 8px;
}
.btn-image p {
	padding: 0px 8px;
 font-size: 1.3rem;
	line-height: 1.8;
}
@media only screen and (min-width: 1025px) {
.btn-image:hover .btn-image-img img {
	-webkit-transform: scale(1.10, 1.10);
	transform: scale(1.10, 1.10);
}
}
@media only screen and (max-width: 600px) {
.btn-image {
	padding-bottom: 15px;
}
.btn-image h3 {
font-size: 1.0rem;
	padding: 8px 5px;
}
.btn-image h3 strong {
font-size: 2.2rem;
margin-bottom: 3px;
}
.btn-image p {
 font-size: 1.1rem;
}
}
.btn-instagram {
display: block;
font-family: 'Cormorant Garamond', serif;
color: #fff;
text-align: center;
font-size: 2.0rem;
letter-spacing: 1px;
width: 240px;
height: 40px;
margin-left: auto;
margin-right: auto;
line-height: 40px;
border-radius: 20px;
text-decoration: none;
border: 1px solid #fff;
transition: 0.3s ease-in-out;
}
.btn-instagram::before {
font-family: "fontello";
content: '\f16d';
margin-right: 15px;
}
@media only screen and (min-width: 1025px) {
.btn-instagram:hover {
color: #0b2f31;
background-color: #fff;
}
}

/*rollover white*/
@media only screen and (min-width: 1025px) {
a:hover img.rollover-wh {
	filter: alpha(opacity=50, finishopacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}
}
/* content-nav ------------------------ */
.content-nav {
background-color: #b1a46c;
position: relative;
margin-bottom: 20px;
}
.content-nav::before, .content-nav::after {
content: "";
display: block;
width: 100%;
height: 1px;
background-color: #e0e0dc;
position: absolute;
z-index: 9;
}
.content-nav::before {
top: 4px;
}
.content-nav::after {
bottom: 4px;
}
.content-nav ul {
max-width: 1100px;
margin-left: auto;
margin-right: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.content-nav li {
width: 50%;
position: relative;
}
.content-nav li::before {
content: "";
background-color: #e0e0dc;
position: absolute;
height: 30px;
width: 1px;
left: 0px;
top: 50%;
margin-top: -15px;
z-index: 9;
}
.content-nav li:last-child::after {
content: "";
background-color: #e0e0dc;
position: absolute;
height: 30px;
width: 1px;
right: 0px;
top: 50%;
margin-top: -15px;
z-index: 9;
}
.content-nav a {
display: block;
padding: 15px 10px 13px;
text-align: center;
text-decoration: none;
color: #fff;
font-family: 'Cormorant Garamond', serif;
font-size: 2.2rem;
transition: 0.3s ease-in-out;
position: relative;
white-space: nowrap;
}
.content-nav .current a {
background-color: #a99b61;
}
@media only screen and (min-width: 1025px) {
.content-nav a:hover {
background-color: #a99b61;
}
}
@media screen and (max-width: 600px) {
.content-nav li:first-child::before {
display: none;
}
.content-nav li:last-child::after {
display: none;
}
.content-nav a {
font-size: 1.6rem;
}
}
/* content-image-main ------------------------ */
.content-image-main {
max-width: 1100px;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
}
.content-image-main-sp {
display: none;
}
@media only screen and (max-width: 1100px) {
.content-image-main {
padding-top: 0px;
margin-bottom: 20px;
}
.content-image-main-pc {
display: none;
}
.content-image-main-sp {
display: block;
}
}
/* font ------------------------ */
.font-family-serif {
font-family: '游明朝', YuMincho, '游明朝体', 'YuMincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', ‘HG明朝E’, ‘ＭＳ Ｐ明朝’, ‘ＭＳ 明朝’, serif;
}

/* icon ------------------------ */

/* adobe-reader ------------------------ */

/* .pager ------------------------ */


/* googlemap-box ------------------------ */
.googlemap-box {
position: relative;
width: 100%;
/*padding-top: 56.25%;*/
padding-top: 100%;
}
.googlemap-box iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
/* inner ------------------------ */
.inner {
max-width: 1100px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.inner:after {
content: "";
display: block;
clear: both;
}

@media screen and (max-width: 500px) {
.inner {
padding-left: 10px;
padding-right: 10px;
}
}
/* clearfix ------------------------ */
.clearfix::after {
content: "";
display: block;
clear: both;
}
/* for-pc, for-mobile ------------------------ */
.for-pc {
display: block;
}
.for-mobile {
display: none;
}

@media screen and (max-width: 768px) {
.for-pc {
display: none;
}
.for-mobile {
display: block;
}
}
/* link ------------------------ */
.txt-link {
color: #434343;
text-decoration: none;
}
@media only screen and (min-width: 1025px) {
.txt-link:hover {
text-decoration: underline;
}
}
/* image ------------------------ */
.flex-img img {
width: 100%;
height: auto;
}
/* ul,ol ------------------------ */
.ul-restore {
padding-left: 25px;
list-style-type: disc;
}
.ol-restore {
padding-left: 25px;
list-style-type: decimal;
}
/* --------------------------------
 * utility
 * -------------------------------- */
/* color ------------------------ */
.u-color-main-green {
color: #0b2f31;
}
/* weight ------------------------ */
.u-weight-bold {
font-weight: bold;
}
/* text-align ------------------------ */
.u-align-left {
text-align: left;
}
.u-align-center {
text-align: center;
}
.u-align-right {
text-align: right;
}
/* size ------------------------ */
.u-fsize-10 {
font-size: 1.0rem;
}
.u-fsize-12 {
font-size: 1.2rem;
}
.u-fsize-13 {
font-size: 1.3rem;
}
.u-fsize-16 {
font-size: 1.6rem;
}
.u-fsize-18 {
font-size: 1.8rem;
}
.u-fsize-22 {
font-size: 2.2rem;
}
/* margin-bottom ------------------------ */
.u-mb-05 {
margin-bottom: 5px;
}
.u-mb-10 {
margin-bottom: 10px;
}
.u-mb-15 {
margin-bottom: 15px;
}
.u-mb-20 {
margin-bottom: 20px;
}
.u-mb-25 {
margin-bottom: 25px;
}
.u-mb-30 {
margin-bottom: 30px;
}
.u-mb-35 {
margin-bottom: 35px;
}
.u-mb-40 {
margin-bottom: 40px;
}
.u-mb-50 {
margin-bottom: 50px;
}
.u-mb-60 {
margin-bottom: 60px;
}
/* margin-left ------------------------ */
.u-ml-05 {
margin-left: 5px;
}
.u-ml-10 {
margin-left: 10px;
}
.u-ml-15 {
margin-left: 15px;
}
.u-ml-30 {
margin-left: 30px;
}
/* line-height ------------------------ */
.u-lh-2 {
line-height: 2;
}