#header{
	margin: 0;
	padding: 0;
  position: absolute;
  top: 30px;
  left: 5%;
  z-index: 1;
  vertical-align: middle;
	width: 1200px;
}

#header ul{
	margin: 0 auto;
	padding: 0;
	display: table;
	width: 100%;
}

#header li{
	margin: 0;
	padding: 0;
	display: table-cell;
	list-style-type: none;
}

#header li a:hover{
	color: #ff003e;
}


#logo{
	margin: 0;
	padding: 0;
	text-align: left !important;
}

.navi{
	float: right;
	font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.navi li{
	/*padding: 0 30px 10px 30px !important;*/
	padding-right: 50px !important;
	padding-bottom: 10px !important;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: 600;
  /*border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;*/
}

.navi li:last-child{
	/*padding: 0 30px 10px 30px !important;*/
	padding-right: 0px !important;
}


/*.navi li+ li {
  border-left: 0;
  border-right: 1px solid #FFF;
}*/


.navi a:link{
	color: #fff;
}
.navi a:visited{
	color: #fff;
}
.navi a:hover{
	color: #fff;
	opacity: 0.5;
	-webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.navi_pk{
	float: right;
	font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.navi_pk li{
	/*padding: 0 30px 10px 30px !important;*/
	padding-right: 50px !important;
	padding-bottom: 10px !important;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: 600;
  /*border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;*/
}

.navi_pk li:last-child{
	/*padding: 0 30px 10px 30px !important;*/
	padding-right: 0px !important;

}


/*.navi li+ li {
  border-left: 0;
  border-right: 1px solid #FFF;
}*/


.navi_pk a:link{
	color: #e84564;
}
.navi_pk a:visited{
	color: #e84564;
}
.navi_pk a:hover{
	color: #e84564;
	opacity: 0.5;
	-webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

#cemetery{
	margin: 0;
	padding: 0;
  position: fixed;
  top: 15%;
  right: 0;
  z-index: 1;
  vertical-align: middle;
	width: 50px;
	height: 600px;
}

#cemetery ul{
	margin: 0;
	padding: 0;
}

#cemetery li{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#cemetery li img{
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: bottom;
}

main{
	clear: both !important;
}

















/*.fix-header {
	background-color:#f98b80;
	line-height: 66px;
	top: -66px;/* 上に隠す鷹さ
	left: 0;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	color: #fff;
	padding-top: 15px;
	position: fixed;
	opacity:0;/* 	最初読み込んだときは透過 
	z-index: 1000;/*　他のアイテムに対して最上位のレイヤーになるように
	opacity: 0.5;
	font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 18px;
	letter-spacing: 1px;
}	

	.fix-header-contents{
		width: 1200px;
		margin: 0 auto;
	}

.fix-header ul{
	list-style-type: none;
}

.fix-header li{
	float:left;
	margin-right:32px;
}

.fix-header li a,.fix-header li a:visited{
	color: #fff;
	text-decoration: none;
}
.fix-header li:last-child{
	margin-right:0;
}
#fix-header-logo{
	float:left;
}

#fix-header-logo img{
　width:200px;
}

#fix-header-menus{
	float:right;
	text-align: right;
}
#scroll-fix-menu img{
	padding-bottom: 5px;
   border-bottom:2px solid #fff;
}

#scroll-fix-menu .current-menu-item img{
   border-bottom:2px solid #0f142a;
}

#scroll-fix-menu a img:hover{
   border-bottom:2px solid #0f142a;
	transition:border-color 0.6s ease-out;
}

/* micro clearfx */
.cf:before, .cf:after {
		content:"";
		display:table
}
.cf:after { clear:both }
.cf { zoom:1 } /* For IE 6/7 */




.fix-header {
	background-color: rgba(249,139,128,0.8);
	line-height: 46px;
	top: -46px;/* 上に隠す鷹さ */
	left: 0;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	color: #fff;
	padding-top:15px;
	position: fixed;
	opacity:0;/* 	最初読み込んだときは透過 */
	z-index: 1000;/*　他のアイテムに対して最上位のレイヤーになるように */
/*	opacity: 0; */
	font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 15px;
	letter-spacing: 1px;
	font-weight: 600;

	}

	.fix-header-contents{
		width:1200px;
		margin: 0 auto;
	}

.fix-header ul{
list-style-type: none;
}

.fix-header li{
	float:left;
	margin-right:32px;
}

.fix-header li a:hover{
	color: #ff003e;
	opacity: 0.4;
	-webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}


.fix-header li a,.fix-header li a:visited{
	color: #fff;
	text-decoration: none;
}
.fix-header li:last-child{
	margin-right:0;
}
#fix-header-logo{
	float:left;
}

#fix-header-logo img{
width:160px;
}

#fix-header-menus{
	float:right;
	text-align: right;
}
#scroll-fix-menu img{
padding-bottom: 5px;
   border-bottom:2px solid #fff;
}

#scroll-fix-menu .current-menu-item img{
   border-bottom:2px solid #0f142a;
}

#scroll-fix-menu a img:hover{
   border-bottom:2px solid #0f142a;
	transition:border-color 0.6s ease-out;
}

/* micro clearfx */
.cf:before, .cf:after {
		content:"";
		display:table
}
.cf:after { clear:both }
.cf { zoom:1 } /* For IE 6/7 */

	nav{
		width:100%;
		background-color: none;
	}
	.nav-container{
		width:1200px;
		margin: 0 auto;
	}
	
	nav ul{
		padding:0;
		list-style: none;
	}
	
	nav ul li{
		float:left;
		margin:10px 30px 10px 0;
	}
	
	nav ul li a,nav ul li a:visited{
		color: #fff;
		text-decoration: none;
	}
	
	article{
		width:1200px;
		margin: 20px auto ;
	}
	
main{
	margin: 0;
}
	

.animated{
	animation-timing-function: ease-in;
}

.top_ttl{
	margin: 0 auto;
	text-align: center;
	font-size: 14px;
	color: #333;
	font-family: "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic";
	/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
	letter-spacing: 2px;
}

.subttl{
	margin: 20px auto 0 auto;
	text-align: center;
	font-size: 14px;
	color: #584523;
	font-family: "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic";
	/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
	letter-spacing: 2px;
	line-height: 23px;
}

.cemeteryImg{
	margin: 0;
	padding: 0;
	width: 277px;
	height: 210px;
}

.cemeteryContents{
	margin: 0;
	padding: 20px;
	width: 237px;
	background-color: #fff;
	text-align: center;
}

.FcemeteryContents{
	margin: 0;
	padding: 0px;
	width: 237px;
	background-color: transparent !important;
	text-align: center;
	color: #FFF;
}


.cemeteryName{
	font-size: 24px;
	color: #9c1234;
	font-family: "Frank Ruhl Libre","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体","Yu Mincho","HG明朝B","ＭＳ Ｐ明朝","MS PMincho",serif;
	letter-spacing: 0px;
	font-weight: 600;
	line-height: 24px;
	text-align: left;
}

.FCname{
	font-size: 20px;
	color: #fff;
	font-family: "Frank Ruhl Libre","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体","Yu Mincho","HG明朝B","ＭＳ Ｐ明朝","MS PMincho",serif;
	letter-spacing: 0px;
	font-weight: 600;
	line-height: 24px;
	text-align: left;
}


.tel{
	font-size: 22px;
	color: #9c1234;
	font-family: "Frank Ruhl Libre","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体","Yu Mincho","HG明朝B","ＭＳ Ｐ明朝","MS PMincho",serif;
	letter-spacing: 0px;
	font-weight: 600;
	line-height: 16px;
	vertical-align: middle;
	margin-top: 8px;
	text-align: left;
}

.FCtel{
	font-size: 18px;
	color: #fff;
	font-family: "Frank Ruhl Libre","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体","Yu Mincho","HG明朝B","ＭＳ Ｐ明朝","MS PMincho",serif;
	letter-spacing: 0px;
	font-weight: 600;
	line-height: 16px;
	vertical-align: middle;
	margin-top: 8px;
	text-align: left;
}


.fs12{
	font-size: 12px;
	font-family: "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic";
	letter-spacing: 0px;
	font-weight: 600;
}

.cemeteryContents dl{
	margin: 0px 0 0 0 ;
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 13px;
	font-family: "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic";
	text-align: left;
}

.footer_cts dl{
	margin: 20px 0 0 0 ;
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 13px;
	font-family: "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic";
	text-align: left;
}

.footer_cts a:link{
	color: #FFF;
}

.footer_cts a:visited{
	color: #FFF;
}

.footer_cts a:hover{
	color: #FFF;
	opacity: 0.5;
}


#Flogo{
	margin: 0px auto;
	padding: 50px 0 50px 0;
	text-align: center;
}

.cemeteryDt{
	background-color: #a71039;
	color: #fff;
	border-radius: 3px;
	padding: 3px 10px;
	width: 60px;
	margin: 8px 0 0 0;
}

.FCdt{
	background-color: rgba(255, 255, 255, 0.5);
	color: #c41830;
	border-radius: 3px;
	padding: 3px 10px;
	width: 60px;
	margin: 8px 0 0 0;
}

.justify {
  display: flex;
  justify-content: space-between;
}

.cemeteryDd{
	margin: 5px 0 0 0;
	color: #584523;
	font-weight: 500;
	line-height: 20px;
}

.cemeteryDd a:link{
	color: #248914;
	font-weight: 600;
}

.cemeteryDd a:visited{
	color: #248914;
	font-weight: 600;
}

.cemeteryDd a:hover{
	color: #248914;
	opacity: 0.5;
	text-decoration: underline;
	font-weight: 600;
}


.FCdd{
	margin: 5px 0 0 0;
	color: #fff;
	font-weight: 500;
	line-height: 20px;
}

    
.btn_ef{
  padding: 10px;
  margin:10px 4px;
  color: #9c1234;
  font-family: sans-serif;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  text-decoration: none;
  display:inline-block;
  
}

.btn::before {
  content: '';
  position: absolute;
  bottom: 50%;
  left: 0px;
  width: 100%;
  height: 1px;
  background: #eb8ba6;
  display: block;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  transition: transform 0.4s cubic-bezier(1, 0, 0, 1)
}

.btn:hover::before {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1)
}

.btn_ef{
    top: 10px;
    font-family: "proxima-nova", sans-serif;
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase!important;
    letter-spacing: 2px;
    color: #9c1234;
    cursor: hand;
    text-align: center;
    text-transform: capitalize;
    border: 1px solid #9c1234;
    border-radius:50px;
    position: relative;
    overflow: hidden!important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: transparent!important;
    z-index:10;
    
}

.btn_ef:hover{
    border: 1px solid #9c1234;
      color: #fff !important;
}
.btn_ef::before {
    content: '';
    width: 0%;
    height: 100%;
    display: block;
    background: #9c1234;
    position: absolute;
      -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg); 
    transform: skewX(-20deg);   
    left: -10%;
    opacity: 1;
    top: 0;
    z-index: -12;
    -moz-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
       box-shadow:2px 0px 14px rgba(0,0,0,.6);
  } 

.btn_ef::after {
    content: '';
    width: 0%;
    height: 100%;
    display: block;
    background: #eb8ba6;
    position: absolute;
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg); 
    transform: skewX(-20deg);   
    left: -10%;
    opacity: 0;
    top: 0;
    z-index: -15;
    -webkit-transition: all .94s cubic-bezier(.2,.95,.57,.99);
    -moz-transition: all .4s cubic-bezier(.2,.95,.57,.99);
    -o-transition: all .4s cubic-bezier(.2,.95,.57,.99);
    transition: all .4s cubic-bezier(.2,.95,.57,.99);
    box-shadow: 2px 0px 14px rgba(0,0,0,.6);
}
.btn_ef:hover::before, .btn1O:hover::before{
    opacity:1;
    width: 116%;
}
.btn_ef:hover::after, .btn1O:hover::after{
    opacity:1;
    width: 120%;
}

#grave{
	margin: 0;
	padding-top: 60px !important;
	padding-bottom: 60px;
	background-color: #fff;
}

.solution{
	margin: 60px auto 0 auto;
	display: table;
}

.solution li{
	display: table-cell;
	padding-right: 30px;
}

.solution li:last-child{
	padding-right: 0px;
}


.solutionCts{
	margin: 0;
	width: 240px;
}

.slutionImg {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 240px;	/*画像の幅*/
	height: 240px;	/*画像の高さ*/
	border-radius: 50%;
}

.slutionImg img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
	width: 240px;
	height: 240px;
}

.slutionImg img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
	z-index: 1;	
}

.slutionIcon{
	margin: -50px auto 0 auto;
	width: 240px;
	text-align: center;
	position: absolute;
	z-index: 100;
}

.slutionIcon:hover{
	z-index: 100 !important;
}

.solutionCts p{
	margin: 45px auto 0 auto;
	width: 240px;
	text-align: center;
	color: #9c1234;
	font-family: "Frank Ruhl Libre","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体","Yu Mincho","HG明朝B","ＭＳ Ｐ明朝","MS PMincho",serif;
	letter-spacing: 1px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
}

.solutionCts p a:link{
	color: #e84564;
}

.solutionCts p a:visited{
	color: #e84564;
}

.solutionCts p a:hover{
	color: #e84564;
	opacity: 0.5;
	-webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

#grave01{
	margin: 0;
	padding: 0;
	width: 100%;
}

.graveImg{
	margin: 0;
	padding: 0;
	width: 800px;
	text-align: left;
}

.graveImg img{
	margin: 0;
	padding: 0;
	width: 100%;
}

#fadein_area ul{
 display: table;
}

#fadein_area li{
 display: table-cell;
 width: 120px;
}

.sample4 {
	width: 240px;
	height: 240px;
	overflow: hidden;
	margin: 10px 8px 10px 16px;
	position: relative;
	border-radius: 50%;
}
.sample4 .caption {
	font-size: 130%;
	text-align: center;
	color: #fff;
	padding-top: 100px;
	font-size: 14px;
	line-height: 18px;
	font-family: "Frank Ruhl Libre","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体","Yu Mincho","HG明朝B","ＭＳ Ｐ明朝","MS PMincho",serif;
	letter-spacing: 1px;
	font-weight: 500;
}
.sample4 .mask {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;	/* マスクを表示しない */
	background-color:	rgba(0,0,0,0.4);
	-webkit-transition:	all 0.4s ease-out;
	transition: all 0.4s ease-out;
	border-radius: 50%;
}
.sample4:hover .mask {
	opacity: 1;	/* マスクを表示する */
	-webkit-transform: scale(2);	/* 2倍に拡大 */
	transform: scale(2);
}

.info_season{
	margin: 0 auto 60px auto;
	width: 100%;
	padding: 30px 0;
	text-align: center;
}


#info{
	margin: 0 auto;
	width: 100%;
	background-color: #fef5f4;
	padding-bottom: 100px;
}

.infoTtl{
	margin: 0 auto;
	text-align: center;
	padding-top: 60px !important;
	padding-bottom: 0px;
}

#info ul{
	margin-top: 20px;
	display: table;
}

#info li {
	margin: 0;
	padding: 0 30px 0 0;
	display: table-cell;
}

#info li a { display: block; }

#info_list{
	margin: 0 auto;
	text-align: center;
	width: 1000px;
}

.info_ttl{
	margin: 0 auto;
	width: 1000px;
	text-align: center;
}

#info ul{
	display: table;
	list-style-type: none;
}

#info li{
	display: table-cell;
}

.infoCts{
	width: 300px;
	margin-bottom: 10px;
}

.date{
	margin: 0 auto;
	padding: 0;
	border-top: solid 1px #a71039;
	border-bottom: solid 1px #a71039;
	background-color: #fff;
	text-align: center;
	width: 40px;
	z-index: 3;
	/*position: relative;*/
}

.date p{
	padding: 0px;
	margin: 5px 15px;
	font-family: source-han-serif-japanese,serif;
	letter-spacing: 0px;
	font-size: 20px;
	font-weight: 500;
	text-align: left;
	color: #584523;
}

.fs14{ font-size: 14px; }

.place{
	margin: 0px 0 0px 0 ;
	padding-bottom: 10px;
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 13px;
	font-family: "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic";
	vertical-align: top;
	text-align: center;
}

.place p{
	padding: 3px 10px;
	margin: 0 0 5px 30px;
	z-index: 10;
	text-align: center;
	color: #fff;
	border-radius: 3px;
	width: 130px;
}



.saga p{
	background-color: #c41830;
}
.yanagawa p{
	background-color: #3f6c05;
}
.chikushino p{
	background-color: #543d97;
}
.kurume p{
	background-color: #a56c05;
}

.notice{
	padding: 3px 10px;
	margin: 5px 0 0 30px;
	z-index: 10;
	text-align: center;
	color: #fff;
	border-radius: 3px;
	width: 130px;
	background-color: #b38a5e !important;
}

.ad{
	padding: 3px 10px;
	margin: 5px 0 0 30px;
	z-index: 10;
	text-align: center;
	color: #fff;
	border-radius: 3px;
	width: 130px;
	background-color: #d8617f !important;
}

.state{
	padding: 3px 10px;
	margin: 5px 0 0 30px;
	z-index: 10;
	text-align: center;
	color: #fff;
	border-radius: 3px;
	width: 130px;
	background-color: #75c44a !important;
}



.pink{
	color: #c41830;
}
.green{
	color: #3f6c05;
}
.purple{
	color: #543d97;
}
.yellow{
	color: #a56c05;
}

.fw500{
	font-weight: 500;
}

.fw600{
	font-weight: 600;
}


.infoImg{
	margin-top: 0px;
	margin-bottom: 10px;
	z-index: 1;
	/*position: absolute;*/
	width: 300px;
	height: 200px;
}

.infoTxt{
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 5px;
	/*position: absolute;*/
	z-index: 5;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 18px;
	font-family: "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic";
	font-weight: 500;
	color: #584523;
	text-align: left;
	width: 290px;
}

.red{
	color: #ef0041;
	font-weight: 600;
}

#pegeNavi{
	margin: 20px auto 0 auto;
	width: 90%;
	text-align: center;
}

#pegeNavi ul{
	display: table;
	list-style-type: none;
	text-align: center;
	width: 100%;
}

#pegeNavi li{
	display: table-cell;
}

footer{
	margin: 0px auto 0 auto;
	text-align: center;
	width: 100%;
	background-color: #111;
	color: #FFF;
}
.footer_cts{
	margin: 0;
	padding: 0px;
	width: 237px;
	background-color: transparent !important;
	text-align: center;
	color: #FFF;
}

#cp{
	margin: 0 auto;
	padding: 0 0 30px 0;
	text-align: center;
	color: #fff;
	letter-spacing: 1px;
	font-size: 11px;
}

.map_lnk{
	margin-top: 5px;
	padding: 3px;
	background-color: #248914;
	border-radius: 3px;
	color: #fff;
	width: 120px;
	text-align: center;
}

.map_lnk a:link{
	color: #fff;
}

.map_lnk a:visited{
	color: #fff;
}

.map_lnk a:hover{
	color: #fff;
	opacity: 0.5;
}

.Fmenu{

}


footer ul{
	margin: 0 auto 0px auto;
	padding-bottom: 50px;
	text-align: center;
	width: 600px;
	list-style-type: none;
	display: table;
}

footer li{
	display: table-cell;
	font-size: 13px;
	letter-spacing: 1px;
}

footer li a{
	color: #FFF;
}

footer li a:hover{
	color: #FFF;
	opacity: 0.5;
}

		header{ top:0; z-index:100; }
		main{ max-width:100%; }
		main > section{ margin:0 auto; padding:60px 6% 140px; }
		main > section p{ margin-top:0; color:#FFF; font-size:18px; line-height:42px; }
		main > section > div{ width:80%; margin:0 auto; padding:35px; background-image: url(../images/header_bg.png); color:#FFF; }

		/*奇数のセクションブロックに適用*/
		main > section:nth-of-type(odd){ background: #000; }
		main > section:nth-of-type(odd) h2,
		main > section:nth-of-type(odd) p{ color:#fff; }

		/*指定された順番のセクションブロックに適用*/
		main > section:nth-of-type(2){ background:url(../images/main01.jpg); background-attachment: fixed; background-size: cover;}
		main > section:nth-of-type(4){ background:url(../images/main02.jpg); background-attachment: fixed; background-size: cover;}
		main > section:nth-of-type(6){ background:url(../images/main03.jpg); background-attachment: fixed; background-size: cover;}
		
		.top_sec ul{
			margin: 0;
			padding: 0;
			display: table;
			vertical-align: top;
		}
		.top_sec li{
			margin: 0;
			padding: 0;
			display: table-cell;
			list-style-type: none;
			vertical-align: top;
			font-size:16px !important;
			line-height:32px !important;
			text-align: left !important;
		}
		
		.top_sec li p{
			padding-left: 40px;
			font-size:16px !important;
			line-height:32px !important;
			text-align: left !important;
		}
		
		.top_sec li img{
			width: 300px;
		}


.an5-faderight {
    animation-name: faderight;
    animation-duration: 2s;
    animation-iteration-count: 1;
}
@keyframes faderight {
from {
    opacity: 0;
    transform: translateX(0);
}
to {
    opacity: 1;
transform: translateX(150px);
}
}

.whiteframe{
	border: solid 1px #FFF;
	border-radius: 3px;
	padding: 0px 5px;
	text-align: center;
	display:inline-block;
	width: 80px;
	text-align: center;
}


.main_imgBox {
      height: 680px;
    overflow: hidden;
    z-index:-2;
    position: relative;}
    
 .main_img {
    z-index:-2;
    opacity: 0;
    width: 100%;
    height: 680px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 36s 0s infinite;
    animation: anime 36s 0s infinite; }

 .main_img:nth-of-type(2) {
      -webkit-animation-delay: 6s;
      animation-delay: 6s; }

    .main_img:nth-of-type(3) {
      -webkit-animation-delay: 12s;
      animation-delay: 12s; }

    .main_img:nth-of-type(4) {
      -webkit-animation-delay: 18s;
      animation-delay: 18s; }

    .main_img:nth-of-type(5) {
      -webkit-animation-delay: 24s;
      animation-delay: 24s; }

    .main_img:nth-of-type(6) {
      -webkit-animation-delay: 30s;
      animation-delay: 30s; }
      
      
@keyframes anime {
  0% {
        opacity: 0;
    }
    8% {
        opacity: 1;
    }
    17% {
        opacity: 1;
    }
    25% {
        opacity: 0;
        transform: scale(1.2) ;
         z-index:9;
    }
    100% { opacity: 0 }
}

.Fbanner{
	width: 500px;
}

.info_wrap{
	margin: 0 auto;
	padding: 30px;
	border: solid 10px #ccc;
	width: 1000px;
	box-sizing: border-box;
}

.info_wrap h6{
	margin: 20px 20px 30px 20px;
	padding: 0;
	font-size: 24px;
	line-height: 28px;
	font-weight: 500;
	letter-spacing: 2px;
	text-align: center;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

.red{
	color: #CC0000;
}

.info_subttl{
	margin: 20px;
	padding: 10px;
	font-size: 18px;
	line-height: 28px;
	font-weight: 500;
	letter-spacing: 2px;
	text-align: center;
	width: 860px;
	border-radius: 30px;
	background-color: #ccc;
	color: #000;
}

.info_wrap p{
	margin: 10px auto 0 auto;
	padding: 0;
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
	letter-spacing: 1px;
	text-align: center;
	width: 800px;
}

.info_wrap ul{
	margin: 10px auto 0 auto;
	padding: 0;
	font-size: 15px;
	line-height: 24px;
	font-weight: 400;
	letter-spacing: 1px;
	text-align: left;
	width: 800px;
}

.info_wrap li{
	margin: 8px 0 0 24px;
	padding: 0;
	font-size: 15px;
	line-height: 24px;
	font-weight: 400;
	letter-spacing: 1px;
	text-align: left;
}

.marker-animation.active{
    background-position: -100% .5em;
}
 
.marker-animation {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgba(255,255,0,0.3) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgba(255,255,0,0.3) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgba(255,255,0,0.3) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgba(255,255,0,0.3) 50%);
    background-image: linear-gradient(left, transparent 50%, rgba(255,255,0,0.3) 50%);
    background-repeat: repeat-x;
    background-size: 200% .8em;
    background-position: 0 .5em;
    transition: all 2s ease;
    font-weight: bold;
}


.info_2column{
	margin: 0px auto;
	width: 1000px;
}


.info_2column ul{
	display: table;
	margin: 0 auto;
	padding: 0px;
	width: 1000px;
	border-collapse: separate;
	border-spacing: 10px 0;
}

.info_2column li{
	display: table-cell;
	width: 500px;
	border: solid 10px #ccc;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.info_2column li:last-child{
	margin-right: 0px;
}

.info_2column h6{
	margin: 30px 0 10px 0;
	padding: 0;
	font-size: 24px;
	line-height: 28px;
	font-weight: 500;
	letter-spacing: 2px;
	text-align: center;
}

.info_2column p{
	margin: 10px auto 10px auto;
	padding: 0;
	font-size: 15px;
	line-height: 24px;
	font-weight: 400;
	letter-spacing: 1px;
	text-align: left;
	width: 400px;
}

.info_3column{
	margin: 0px auto;
	width: 1000px;
}


.info_3column ul{
	display: table;
	margin: 0 auto;
	padding: 0px;
	width: 1000px;
	border-collapse: separate;
	border-spacing: 12px 0;
}

.info_3column li{
	display: table-cell;
	width: 340px;
	border: solid 10px #ccc;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.info_3column li:last-child{
	margin-right: 0px;
}

.info_3column h6{
	margin: 30px 0 10px 0;
	padding: 0;
	font-size: 22px;
	line-height: 28px;
	font-weight: 500;
	letter-spacing: 2px;
	text-align: center;
}

.info_3column p{
	margin: 10px auto 10px auto;
	padding: 0;
	font-size: 15px;
	line-height: 24px;
	font-weight: 400;
	letter-spacing: 1px;
	text-align: left;
	width: 260px;
}


.Uline{
	background: linear-gradient(transparent 50%, #faa299 50%);
}

.kurume_wrap{
	padding: 3px 5px;
	background-color: #a56c05;
	border-radius: 3px;
	color: #fff;
	line-height: 36px;
}

.chikushino_wrap{
	padding: 3px 5px;
	background-color: #543d97;
	border-radius: 3px;
	color: #fff;
	line-height: 36px;
}

.yanagawa_wrap{
	padding: 3px 5px;
	background-color: #3f6c05;
	border-radius: 3px;
	color: #fff;
	line-height: 36px;
}

.saga_wrap{
	padding: 3px 5px;
	background-color: #c41830;
	border-radius: 3px;
	color: #fff;
	line-height: 36px;
}


.mt10{
	margin-top: 10px;
}

.mt20{
	margin-top: 20px;
}

.mt30{
	margin-top: 30px;
}

.main_container{
	margin: 50px auto 0 auto;
	text-align: center;
	width: 1000px;
  padding: 2.5% 0;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}

.col-1 {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    text-align: left;
}

.col-2 {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66666%;
    flex: 0 0 66.66666%;
    max-width: 66.66666%;
    text-align: left;
}

p.title_ja_text {
    font-size: 13px;
    line-height: 13px;
    margin: 0 0 5px 20px;
}

h2.heading_h2_en {
    font-family: garamond-premier-pro, "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: 500;
    font-size: 36px;
    letter-spacing: 0.08em;
    font-feature-settings: 'palt' on;
    line-break: strict;
}

ul.news_list {
    border-top: 1px solid #222;
    margin-bottom: 1rem;
    list-style-type: none;
}

ul.news_list li {
    border-bottom: 1px solid #222;
    text-align: left;
    padding: 15px 0;
}

ul.news_list li span.date {
    width: 100px;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    color: #FFF;
		border: none !important;
		padding-left: 20px;
		display: inline;
		background-color: transparent !important;
}

ul.news_list li span.text {
    font-size: 15px;
    color: #FFF;
    padding: 0 20px;
    display: inline;
}

ul.news_list li span.text a:link{
    color: #FFF;
}

ul.news_list li span.text a:visited{
    color: #FFF;
}

ul.news_list li span.text a:hover{
    color: #FFF;
    opacity: 0.5;
}

/* マーカー通常時 */
.marker {
  display: inline;
  background-image: linear-gradient(90deg, #4d4d00, #4d4d00); /* マーカーの色を指定 */
  background-repeat: no-repeat;
  background-position: left bottom; /* マーカーの発生位置を左下に設定 */
  background-size: 0 40%; /* マーカーの横幅 / 縦幅 */
  transition: all 0.8s ease; /* マーカーを引く速度 */
  cursor: pointer; /* ホバー時のカーソルをポインターにする */
}

.fs20{ font-size:20px; }

.info_wrap h6 a:link{
    color: #e84d4d;
}

.info_wrap h6 a:visited{
    color: #e84d4d;
}

.info_wrap h6 a:hover{
    color: #e84d4d;
}


/* マーカーホバー時 */
.marker:hover {
  background-size: 100% 40%; /* マーカーの横幅を100%にする */
}

		.item_txt{
			margin: 0 40px !important;
			font-size: 11px !important;
			line-height: 14px !important;
			text-align: center !important;
		}

#top_item{
	width: 880px !important;
	margin-left: 20px;
}

#top_item ul{
	width: 880px !important;
	display: table;
	margin: 20px auto 30px auto;
	text-align: center !important;
}

#top_item li{
	width: 220px;
	display: table-cell;
	text-align: center !important;
	margin: 0 !important;
	padding: 0 !important;
	
}

#top_item .item_img{
	width: 200px;
	text-align: center !important;
	margin: 0 !important;
	padding: 0 !important;
}

#top_item .item_img img{
	width: 200px;
	height: 160px;
  object-fit: cover; /* この一行を追加するだけ！ */
  border-radius: 8px;
}

.top_item_button{
	width: 200px !important;
}

.top_item_button a {
  color: #fff !important;
  font-size: 16px;
  font-weight: bold;
  background: #e84d4d;
  padding: 8px 30px;
  border-radius: 6px;
}
.top_item_button a::before {
  position: absolute;
  border-radius: 6px;
  box-sizing: border-box;
  opacity: 0;
}
.top_item_button a:visited {
  color: #fff !important;
  background: #e84d4d;
}

.top_item_button a:hover {
  color: #fff !important;
  background: #e84d4d;
  opacity: 0.5;
}
.top_item_button a:hover::before {
  opacity: 1;
}



#top_item .item_name{
	margin: 0 !important;
	padding: 0 !important;
	width: 200px;
	font-size: 16px;
	line-height: 20px;
}

#top_item .item_txt{
	margin: 10px 0 0 0 !important;
	padding: 0 !important;
	width: 200px;
}

#top_item .price{
	margin: 10px 0 0 0 !important;
	padding: 0 !important;

	width: 220px;
}










h2{
	margin-bottom: 5%;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-size: 36px;
	font-weight: normal;
	letter-spacing: 7px;
	text-align: center;
}

section p{
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-size: 15px;
	font-weight: normal;
	letter-spacing: 3px;
	line-height: 24px;
	text-align: center;
	text-shadow: 1px 1px 2px #212121;
}

.about_iroha p{
	margin-bottom: 10px;
}

h5{
	margin-left: 0 !important;
	margin-bottom: 5%;
	padding: 0 !important;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-size: 28px;
	font-weight: normal;
	letter-spacing: 7px;
	text-align: center;
}

.section_img{
	margin-top: 50px;
	margin-bottom: 30px;
}

.top_aboutus ul{
	margin: 0 auto;
	width: 800px;
	text-align: center;
}