@charset "UTF-8";
/* CSS Document */

html {
	height: 100%;
	font-size:62.5%;
    -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;	
}
body {
	font-size:15px;
	line-height:normal;
	color:#555;
	/*font-family:'Roboto',/*'Source Sans Pro',*//*'Noto Sans JP', sans-serif;*/
	font-family: 'Sawarabi Mincho', sans-serif;
}

h1,h2,h3,h4 {font-weight: normal;}
img {max-width: 100%; height: auto;}
div,li{box-sizing: border-box;}

footer {
	background: #fff;
	background-size: cover;
	padding: 20px 0 10px;

}

p {line-height: 1.7;}


/* common */
.mat_wrap {padding: 80px 0;}

.bt2{opacity: 1;transition: 0.3s all ease-out;}
.bt2:hover {opacity: 0.6; }

.pc {display:block;}
.hyd {display: inline;}
.sp,.shw {display: none;}

/* line-height */
.lh15 {line-height: 1.5;}
.lh13 {line-height: 1.3;}
.lh12 {line-height: 1.2;}
.lh10 {line-height: 1.0;}

.dan-1 {text-indent: -1em; padding-left: 1em;}

.hyperlink a{color:#fff;}
.hyperlink a:hover {color:#ccc;}

@media screen and (max-width:480px){
body {font-size: 14px;}	
.pc,.hyd {display:none;}
	.shw {display: inline;}
.sp {display: block;}
	.t21{font-size: 6vw;}
	.t28 {font-size: 7vw;}
	.t32 {font-size:8vw;}
	.mb40 {margin-bottom: 20px !important;}
	/*.mb80 {margin-bottom: 40px !important;}*/
}

/* background */
.bg-lg{background: #eceff0;}
.bg-white {background: #fff;}

/* color */
.lg {color:#ced2ca;}

/* btn */
.btn {
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	padding: 10px;
	background: #b0b8c1;
	color:#fff;	
}
.btn-toi {
	color: #fff;
	padding: 0.2em 3em 0.2em 2em;
	border:1px solid #fff;
	position: relative;
	transition: 0.3s all ease-out;

}
.btn-toi::after{
	position: absolute;
	content: "";
	right: 7px;
	top:50%;
	transform: translateY(-50%);
	width: 12px;
	height: 12px;
	background: url("../img/arrow_whi.svg") no-repeat center;
	background-size: cover;
			
}
.btn-toi:hover {
	background: #fff;
}
.btn-toi:hover::after{
	position: absolute;
	content: "";
	right: 7px;
	top:50%;
	transform: translateY(-50%);
	width: 12px;
	height: 12px;	
	background: url("../img/arrow.svg") no-repeat  center ;
	background-size: cover;
}
@media screen and (max-width:1000px){
	.btn {font-size: 14px;}
}



/* mv */
.mv_wrap {
	background: linear-gradient(180deg, #796a56 0%, #796a56 50%, #fff 50%, #fff 100%);
	margin-bottom: 80px;
}

.mv_wrap .inner {
	padding: 30px 0;
}
/*  header */
@media screen and (max-width:480px){
	h1 {width:120px; margin-left: auto; margin-right: auto;} 
	h1.aC.mb40 {margin-bottom: 0px;}
	.mv_wrap {
	background: linear-gradient(180deg, #796a56 0%, #796a56 50%, #fff 50%, #fff 100%);
	margin-bottom: 40px;
}
	.mv_wrap .inner {
	padding: 15px 0 0;
		width: 100%;
}
}



/* navi */
.head-navi {display: flex; flex-flow: row; justify-content: center;}
.head-navi a {color:#fff;}
.head-navi li {margin-right: 1em; margin-left: 1em;}

#menu-button {display: none;}

@media screen and (max-width:600px){
	/* sp navi */
#menu-button {
	display: block;
    position: absolute;
    top: 10px;
    right: 5px;
    width: 45px;
    height: 30px;
	z-index: 100;
  }
#menu-button > div {
    width: 25px;
    height: 2px;
    background: #fff;
    position: absolute;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
#menu-button > div:nth-child(1) {
    top: 25%;
    left: 6px;
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
#menu-button > div:nth-child(2) {
    top: 50%;
    left: 6px;
  }
#menu-button > div:nth-child(3) {
    top: 75%;
    left: 6px;
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
#menu-button.active > div {background: #333;}
#menu-button.active > div:nth-child(1) {
    top: 50%;
    -webkit-transform: translate(-5%, -50%) rotate(45deg);
    -moz-transform: translate(-5%, -50%) rotate(45deg);
    -ms-transform: translate(-5%, -50%) rotate(45deg);
    -o-transform: translate(-5%, -50%) rotate(45deg);
    transform: translate(-5%, -50%) rotate(45deg);
  }
#menu-button.active > div:nth-child(2) {
    opacity: 0;
  }
#menu-button.active > div:nth-child(3) {
    top: 50%;
    -webkit-transform: translate(-5%, -50%) rotate(-45deg);
    -moz-transform: translate(-5%, -50%) rotate(-45deg);
    -ms-transform: translate(-5%, -50%) rotate(-45deg);
    -o-transform: translate(-5%, -50%) rotate(-45deg);
    transform: translate(-5%, -50%) rotate(-45deg);
  }	
	
header nav {
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
    /*height: calc(100vh - 60px);*/
	height: 100vh;
    padding: 5px 0 50px;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    opacity: 0;
    display: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
	z-index:100;
	transition: 0.5s all ease-out;
  }

  header nav.active {
    opacity: 1;
  }
  header nav.block {
    display: block;
  }			
	
	
.head-navi {
	padding-top: 70px;
	display: flex;
	flex-flow: column;
}
.head-navi li {margin-right: 0em; margin-bottom: 1.7em; font-size: 1.6rem; text-align: center;}
.head-navi li a {color:#333;}		
	
}

/* slide */
.mv-box {position: relative;}
.mv-box .flexslider {width:1000px; margin-left: auto; margin-right: auto;}
@media screen and (max-width:999px){
	.mv-box .flexslider {width: 93.75%;}
}
@media screen and (max-width:600px){
	.mv-box .flexslider {width: 100%; height: 60vh;}
}

.gbd {
	position: absolute;
	border-top: 4px solid #eee;
	width:40%;
	bottom:20%; 
	color:#fff; 
	font-family: 'Sawarabi Mincho', sans-serif; 
	font-size:2.8rem;
	line-height: 1.2;
	z-index: 50;
	text-align: right;
}
.gbd div {display: inline-flex; flex-flow:column; text-align: center;}
.gbd div small{font-size: 1.6rem;}
@media screen and (max-width:800px){
	.gbd {	border-top: 2px solid #eee; font-size: 3.0vw}
	.gbd div small{font-size: 2vw;}
}
/*.gbd span {
	text-shadow: 1px 1px 3px rgba(255,255,255,0.7), -1px -1px 3px rgba(255,255,255,0.7);
}*/

/* title */
.tit-h2 {
	font-size: 2.8rem;
}
.rd-copy {}
@media screen and (max-width:600px){
	.tit-h2 {
	font-size: 2.0rem;
}
	.shop-wrap .tit-h2 {font-size: 1.8rem;}
	.read.t18 {font-size: 3.2vw; line-height: 2;}
	p {font-size: 1.4rem;}
}

/* topics */
.topics-list {display: flex; justify-content: space-between; flex-flow: row wrap;}
.topics-list li {width:32%;}

@media screen and (max-width:480px){
	.topics-list li {width:100%; margin-bottom: 25px;}
	.topics-list li img {width: 100%;}
	.topics-list { justify-content:center;}
}

.slider {width:100%; margin-left: auto; margin-right: auto;}
.sider-box img {width: 100%; height: auto;}
.sider-box {padding: 10px;}

.prev_icon {
position: absolute;
  top: 30%;
  left: -22px;
  transform: translate(0,-30%);
  width: 22px;
  z-index: 1;}

.next_icon{
  position: absolute;
  top: 30%;
  right: -22px;
  transform: translate(0,-30%);
  width: 22px;
  z-index: 1;
}
@media screen and (max-width:480px){
	.slider {width:90%; margin-left: auto; margin-right: auto;}
	.sider-box {padding: 0px 5px;}
}



/* photo service */
.ps-box {display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center;}
.ps-txt {width:60%; margin-right: 10%;}
.ps-link {}
.link {
	font-size: 2.4rem;
padding-right: 24px;
position: relative;
}
.link::after {
	position: absolute;
	top:50%;
	right:0;
	transform: translateY(-50%);
	content: "";
	width:18px;
	height: 18px;
	background: url("../img/arrow.svg") no-repeat center;
	background-size: cover;
	transition: 0.1s all ease-out;
}
.link:hover::after {
		right:-5px;
	transition: 0.5s all ease-out;
}
.link-none {
	font-size: 2.4rem;
	color:#999;
}
.link-none-2 {
	font-size: 2.4rem;
}
.mask-ph-2 {position: relative; overflow:hidden;}
.mask-2{
position: absolute;
	width:100%;
	height: 100%;
	opacity: 0;
	left:0;
	top:0;
	color:#333;
	background: rgba(255,255,255,0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-transition:	all 0.7s ease;
	transition:	all 0.7s ease;
}
.mask-ph-2:hover .mask-2 {opacity: 1;}

@media screen and (max-width:600px){
.ps-txt {width:100%; margin-right: 0%; margin-bottom: 20px;}

.ps-link {width: 100%; text-align: right;}
.link {font-size: 1.8rem;
padding-right: 20px;
position: relative;
}	
	.link::after {	width:10px;
	height: 10px;}
	.link-none,.link-none-2 {font-size: 1.8rem;
}
}

/* casual  memorial*/
.mp-box {display: flex; flex-flow:row-reverse wrap; justify-content: space-between;  align-items: center;}
.cs-box {display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center;}
.cs-ph {width:61.2%;}
.cs-txt {width:37%; margin-bottom: 20px;}


@media screen and (max-width:600px){
	.cs-ph {width:100%; margin-bottom: 20px;}
	.cs-txt {width:100%; margin-bottom: 20px;}
}
/* car */
.car-ph-box {
	width:80%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: flex-end;
	padding-top: 20px;
}
.car-ph-box div:first-child { width: 44%;}
.car-ph-box div:last-child { width: 54%;}

.car-ph-box_sec {
	width:80%;/*836px */
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	padding-top: 15px;
}
.car-ph-box_sec div:first-child { width: 43.75%; margin-left: 5%}/*410 40*/
.car-ph-box_sec div:last-child {width:48.5% }

@media screen and (max-width:600px){
	.car-ph-box,.car-ph-box_sec {width:100%;}
	.car-ph-box_sec {flex-flow:column;  padding-top: 10px;}
	.car-ph-box_sec div:first-child { width:70%; margin-bottom: 20px; margin-left: 0; text-align: left;}
	.car-ph-box_sec div:last-child {width: 100%;}
	
	.mb100 {margin-bottom: 50px;}
	.mb80 {margin-bottom: 40px;}
}

/* access */
.ac-box {display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-end;}
.ac-map {width: 67%; height: 400px;}
.ac-txt {width:30%;}

.w-kei {border-bottom:1px solid #333; height: 23px;}
.w-kei span {
background: #fff;
padding:0 40px;}

@media screen and (max-width:600px){
.ac-map {width: 100%; height: 50vh; margin-bottom: 10px;}
.ac-txt {width:100%;}
	.w-kei {border-bottom:1px solid #333; height: 14px;}
	.t14 {font-size: 1.2rem;}
}

/* shop */
.shop-wrap {background: #796a56; color: #fff; padding: 100px 0;}

.inner {width:1000px; margin-left: auto; margin-right: auto;}
@media screen and (max-width:1000px){
	.inner {width:90%;}
}

@media screen and (max-width:600px){
.shop-wrap {background: #796a56; color: #fff; padding: 50px 20px;}
}


/* -------------------------------- Footer 
*/
.footer-inner {
	display: flex; 
	flex-flow: row wrap;
	justify-content: space-between;
}

.footer-top {
	display: flex; 
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
}

.sns-ul {display: flex; flex-flow: row nowrap; justify-content: center;}
.sns-ul li {margin: 0 0.5em;}
.footer-wp-nav li {display: inline-block;}

#pagetop{
	position: fixed;
	bottom:140px;
	width:1000px;
	margin: 0 auto;
	display: block;
	/*border: 1px solid #f00;*/
	text-align: right;
	padding-right: 0px;
}
#pagetop img {transform: rotate(-90deg); background: rgba(255,255,255,0.5); border-radius: 50%; padding: 10px;}

@media screen and (max-width:999px){
	#pagetop{position: fixed;width:98%; padding-right: 40px;}
}

@media screen and (max-width:480px){
	/*.footer-wp-nav li {display: inline-block; margin-bottom: 10px;}*/
	footer .inner > p {text-align: center;}
	.footer-wp-nav {display: flex; flex-flow: row wrap; justify-content: center}
	.footer-wp-nav li {margin-bottom: 10px; }
	.footer-wp-nav li:first-child,.footer-wp-nav li:nth-child(2),.footer-wp-nav li:nth-child(3) {width: 100%; }	
	
	
.footer-inner,.footer-top {
	display: flex; 
	flex-flow:column;
	justify-content: center;
	text-align: center;
}	
.f-item01 {order: 2;}
.f-item02 {order: 3; /*border:1px solid #f00;*/ margin-bottom: 20px;}
.f-item03 {order: 1; /*border:1px solid #f00;*/ margin-bottom: 20px;}
.f-item04 {order: 4; font-size: 10px;}

#pagetop{position: fixed; bottom:20px; width: 90%;	padding-right: 0px;}
	
}

/* 20220708 */
.ws__wrap {
	background: #f2f2f2;
	padding: 60px 0;
}

.cs-btn {border:1px solid #ccc; display: inline-block; padding: 0.2em 1em;}
.ps-btn {border:1px solid #ccc; display: inline-block; padding: 0.2em 3.5em; position: relative; transition: 0.3s all ease-out;}
.ps-btn:hover{background: #9f8464; color: #fff;}	
.ps-btn::after{
	position: absolute;
	content: "";
	right: 7px;
	top:50%;
	transform: translateY(-50%);
	width: 12px;
	height: 12px;
	background: url("../img/arrow.svg") no-repeat center;
	background-size: cover;}
.ps-btn:hover::after{
	position: absolute;
	content: "";
	right: 7px;
	top:50%;
	transform: translateY(-50%);
	width: 12px;
	height: 12px;
	background: url("../img/arrow_whi.svg") no-repeat center;
	background-size: cover;}

.top__copy.t18 {line-height: 2.4;}
@media screen and (max-width:480px){
	.cs-btn-wrap {text-align: right;}
	.top__copy.t18 {font-size: 3.6vw; line-height: 2.4;}
}

/* Loading背景画面設定　*/
#splash {
/*fixedで全面に固定*/
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  background:#fff;
  text-align:center;
  color:#fff;
}

/* Loading画像中央配置　*/
#splash_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Loading アイコンの大きさ設定　*/
#splash_logo img {
  width:184px;
}

/* fadeUpをするアイコンの動き */
.fadeUp{
animation-name: fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(10px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/* 20220820 */
.top__camp-mv_mat { margin-bottom: 40px;}
.top__camp-mv_mat {
	background: /*#314443#014d72*/#5a6d7b;
	padding: 40px;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
}
.top__camp__tit {
	font-size: 4.0rem; line-height: 1.1; margin-bottom: 0.2em; 
	font-family: "Times New Roman", Times, "serif"; 
}