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

/*============================================================================================
↓共通========================================================================================
============================================================================================*/
html {
	font-size : 62.5%; /*10px*/
	font-size : 75%; /*10px*/
	line-height: 1em;
} 
body {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color: #5a4f4a;
}

/* clearfix */
#header:after,
#container:after,
#contents:after,
.clearfix:after{
	content:" ";
	display:block;
	height:0;
	line-height:0;
	clear:both;
	visibility:hidden;
}
#header,
#container,
#contents,
.clearfix{
	display:inline-block;
	min-height:1%;
}

/* Hides from IE-mac */
* html #header,
* html #container,
* html #contents,
* html .clearfix{height:1%;}

#header,
#container,
#contents,
.clearfix{display:block;}

/* リンクテキスト */
a:link,a:visited {
	text-decoration: underline;
	color: #0d2a13;
}
a:hover {
	text-decoration: none;
	color: #0d2a13;
}
a.over,.over {cursor: pointer;}

/* 画像 */
img.width-max{
     width: 100%;
	 max-width: 1200px;
     height: auto;
	 margin: 0 auto;
     display:block;
}

/* 余白/フロート */
.clear{clear:both;}
.left{ float:left;  }
.right{ float:right; }
.align-c{ text-align:center; }
.align-r{ text-align:right; }
.align-l{ text-align:left; }

.mgB0{   margin-bottom:0px;  }
.mgB5{   margin-bottom:5px;  }
.mgB10{  margin-bottom:10px; }
.mgB15{  margin-bottom:15px; }
.mgB20{  margin-bottom:20px; }
.mgB30{  margin-bottom:30px; }
.mgB40{  margin-bottom:40px; }
.mgB50{  margin-bottom:50px; }
.mgB60{  margin-bottom:60px; }

.mgT0{   margin-top:0px;  }
.mgT5{   margin-top:5px;  }
.mgT10{  margin-top:10px; }
.mgT15{  margin-top:15px; }
.mgT20{  margin-top:20px; }
.mgT30{  margin-top:30px; }
.mgT40{  margin-top:40px; }
.mgT50{  margin-top:50px; }

.mgR0{   margin-right:0px;  }
.mgR5{   margin-right:5px;  }
.mgR10{  margin-right:10px; }
.mgR15{  margin-right:15px; }
.mgR20{  margin-right:20px; }
.mgR30{  margin-right:30px; }
.mgR40{  margin-right:40px; }
.mgR50{  margin-right:50px; }

.mgL0{   margin-left:0px;  }
.mgL5{   margin-left:5px;  }
.mgL10{  margin-left:10px; }
.mgL15{  margin-left:15px; }
.mgL20{  margin-left:20px; }
.mgL30{  margin-left:30px; }
.mgL40{  margin-left:40px; }
.mgL50{  margin-left:50px; }

.pdgB0{   padding-bottom:0px;  }
.pdgB5{   padding-bottom:5px;  }
.pdgB10{  padding-bottom:10px; }
.pdgB15{  padding-bottom:15px; }
.pdgB20{  padding-bottom:20px; }
.pdgB30{  padding-bottom:30px; }
.pdgB40{  padding-bottom:40px; }
.pdgB50{  padding-bottom:50px; }

.pdgT0{   padding-top:0px;  }
.pdgT5{   padding-top:5px;  }
.pdgT10{  padding-top:10px; }
.pdgT15{  padding-top:15px; }
.pdgT20{  padding-top:20px; }
.pdgT30{  padding-top:30px; }
.pdgT40{  padding-top:40px; }
.pdgT50{  padding-top:50px; }

.pdgR0{   padding-right:0px;  }
.pdgR5{   padding-right:5px;  }
.pdgR10{  padding-right:10px; }
.pdgR15{  padding-right:15px; }
.pdgR20{  padding-right:20px; }
.pdgR30{  padding-right:30px; }
.pdgR40{  padding-right:40px; }
.pdgR50{  padding-right:50px; }

.pdgL0{   padding-left:0px;  }
.pdgL5{   padding-left:5px;  }
.pdgL10{  padding-left:10px; }
.pdgL15{  padding-left:15px; }
.pdgL20{  padding-left:20px; }
.pdgL30{  padding-left:30px; }
.pdgL40{  padding-left:40px; }
.pdgL50{  padding-left:50px; }

/*============================================================================================
↓フォント====================================================================================
============================================================================================*/

/*フォントサイズ*/
.font8{font-size: 80%;}
.font10{font-size: 100%;}
.font12{font-size: 120%; line-height:1.2em;}
.font14{font-size: 140%; line-height:1.4em;}
.font16{font-size: 160%; line-height:1.6em;}
.font18{font-size: 180%; line-height:1.8em;}
.font20{font-size: 200%; line-height:2em;}

/*英語表記*/
.en-r {
	font-family: 'Oswald', sans-serif;
	letter-spacing: 0.05em;
}

/*文字装飾*/
.bold {font-weight: bold;}



/*============================================================================================
↓各デバイスでの表示切り替え===========================================================
============================================================================================*/
.sp {display: none;}/*only SP*/
.tab {display: none;}/*only TAB*/
.pc {display: block;}/*only PC*/
@media screen and (max-width: 960px) {
.sp {display: none;}
.tab {display: none;}
.pc {display: block;}
}
@media screen and (max-width: 768px) {
.sp {display: none;}
.pc {display: none;}
.tab {display: block;}
}
@media screen and (max-width: 480px) {
.tab {display: none;}
.pc {display: none;}
.sp {display: block;}
}


/*============================================================================================
↓カラー指定==================================================================================
============================================================================================*/
.sgu-red {color:#850618;
	line-height:1.3em;}
.sgu-blue {color:#0618ff;
	line-height:1.3em;}
.sgu-green {color:#068518;
	line-height:1.3em;}
.sgu-dbl {color:#043d60;}
.sgu-gre {color:#14512b;}
.red {color:#E00;}
.blue {color:#00E;}


/*============================================================================================
↓＜レイアウト＞全体============================================================================
============================================================================================*/
body {
  background-color: #f8f8f8; 
  font-size : 1.4em;
  -webkit-text-size-adjust: 100%;
}
#wrapper {
	width: 100%;
}
#contents-area {
	width: 100%;
	/*min-height: 800px;*/
	max-width: 1200px;
	margin: 0 auto;
	padding-bottom: 3em;
	background-color: #fff;
	line-height: 1.8em;
	/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0.1) 0px 6px 3px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 6px 3px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.1) 0px 6px 3px 3px;
}
#contents-area img.width-max {
	width: 100%;
	max-width: 720px;
}
@media screen and (max-width: 960px) {
body {
  /*background-color:#ffff00; きいろ*/
  font-size : 1.3em;
}
}
@media screen and (max-width: 768px) {
body {
  /*background-color:#6C3; きみどり*/
  font-size : 1.2em;
}
}
@media screen and (max-width: 480px) {
body {
  /*background-color:#41C9FB; みずいろ*/
  
}
}

/*============================================================================================
↓＜レイアウト＞レスポンシブ対応（上下余白・幅960px以下サイド余白）===========================
============================================================================================*/
.inner-wrap2{ /*可変幅*/
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.inner-wrap{ /*可変幅*/
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.inner-wrap2 img {
    width:100%;
    max-width:100%;
    height:auto;
}
.ajs-mg {
/*	margin-bottom: 3em; */
	overflow: hidden;
}
@media screen and (max-width: 960px) {
.inner-wrap {
	padding-left: 1.6em;
	padding-right: 1.6em;

}
}

/*============================================================================================
↓＜レイアウト＞レスポンシブ対応（上下余白・幅480px以下サイド余白）===========================
============================================================================================*/
}
@media screen and (max-width: 960px) {
.inner-wrap {
	padding-left: 0.2em;
	padding-right: 0.2em;

}
}
/*============================================================================================
↓ヘッダー====================================================================================
============================================================================================*/
#header {
	width: 100%;
	background-color: #fff;
	border-bottom: solid 1px #0d2a13;
}
#header .inner {
	width: 100%;
	background-color: #fff;
	padding: 20px;
	box-sizing: border-box;
	overflow: hidden;
}
@media screen and (max-width: 480px) {
#header .inner {padding: 10px;}
}


/*============================================================================================
↓ヘッダー左側================================================================================
============================================================================================*/
#header .inner .left-cont {
	height: 50px;
	float: left;
}
/*--左サイドサイトロゴ--*/
#header .inner .left-cont .site-logo {
	width: auto;
	display: table;	
}
#header .inner .left-cont .site-logo li {
	display: table-cell;
	vertical-align: middle;
}
#header .inner .left-cont .site-logo li h1 a {
	width: 270px;
	height: 50px;
	display: block;
	background-image: url(../img/logo-main.png);
	background-size: cover;
	text-indent: -9999px;
}
/*--サイトコピー（PC）-*/
#header .inner .left-cont .site-logo li .site-copy-pc {
	font-size: 0.8em;
	line-height: 1.6em;
	padding-left: 1em;
}
/*--サイトコピー（TAB，SP）--*/
#header .inner .site-copy-tab {
	font-size: 0.7em;
	line-height: 1.6em;
	margin-bottom: 1em;
	text-align: left;
}
#header .inner .left-cont #btn-logo {
	display: none;
}
@media screen and (max-width: 960px) {
#header .inner .left-cont {height: 40px;}
#header .inner .left-cont .site-logo li h1 a {
	width: 216px;
	height: 40px;
}
}
@media screen and (max-width: 480px) {
#header .inner .left-cont {
	height: 30px;
	float: inherit;
	text-align: center;
	overflow: hidden;
	}
#header .inner .left-cont .site-logo {
	float: left;
}
#header .inner .left-cont .site-logo li h1 a {
	width: 162px;
	height: 30px;
	margin: 0 auto;
}
#header .inner .left-cont #btn-logo {
	width: 150px !important;
	height: 30px;
	display: block;
	background-image: url(../img/yoyaku-sp.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
	text-indent: -9999px;
	text-decoration: none;
	float:right;
}
}

/*============================================================================================
↓ヘッダー右側================================================================================
============================================================================================*/
#header .inner .right-cont {
	height: 50px;
	float: right;
}
#header .inner .right-cont .contact-nav {
	display: table;
}
#header .inner .right-cont .contact-nav li {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding-left: 5px;
}
#header .inner .right-cont #btn-yoyaku {
	width: 165px !important;
	height: 50px;
	display: block;
	background-image: url(../img/yoyaku.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
	text-indent: -9999px;
	text-decoration: none;
}
#header .inner .right-cont #btn-hiyou {
	width: 50px;
	height: 50px;
	display: block;
	background-image: url(../img/btn-hiyou.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	text-indent: -9999px;
	color: #fff;
	text-decoration: none;
}
#header .inner .right-cont #btn-fb {
	width: 50px;
	height: 50px;
	display: block;
	background-image: url(../img/btn-fb.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	text-indent: -9999px;
	color: #fff;
	text-decoration: none;
}
#header .inner .right-cont #btn-qanda {
	width: 50px;
	height: 50px;
	display: block;
	background-image: url(../img/btn-qanda.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	text-indent: -9999px;
	color: #fff;
	text-decoration: none;
}
#header .inner .right-cont #btn-info {
	width: 50px;
	height: 50px;
	display: block;
	background-image: url(../img/btn-info.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	text-indent: -9999px;
	color: #fff;
	text-decoration: none;
}
#header .inner .right-cont #btn-mail {
	width: 50px;
	height: 50px;
	display: block;
	background-image: url(../img/btn-mail.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	text-indent: -9999px;
	color: #fff;
	text-decoration: none;
}

@media screen and (max-width: 960px) {
#header .inner .right-cont {
	height: 40px;
}
#header .inner .right-cont #btn-yoyaku {
	width: 132px !important;
	height: 40px;
}
#header .inner .right-cont #btn-hiyou,
#header .inner .right-cont /*#btn-fb*/,
#header .inner .right-cont #btn-qanda,
#header .inner .right-cont #btn-info,
#header .inner .right-cont #btn-mail {
	width: 40px;
	height: 40px;
}
#header .inner .right-cont #btn-hiyou {
	display: none;
}
}
@media screen and (max-width: 480px) {
#header .inner .right-cont {
	float: inherit;
	margin: 0.5em auto 0 auto;
	height: inherit;
}
#header .inner .right-cont .contact-nav {
	float: inherit;
	width: 100%;
}
#header .inner .right-cont .contact-nav li {
	padding: 0;
}
#header .inner .right-cont #btn-yoyaku {
	display: none;
}
#header .inner .right-cont #btn-hiyou,
#header .inner .right-cont /*#btn-fb*/,
#header .inner .right-cont #btn-qanda,
#header .inner .right-cont #btn-info,
#header .inner .right-cont #btn-mail {
	background-image: none;
	text-indent: inherit;
	width: 100%;
	height: 100%;
	padding: 0.5em 0em;
	display: block;
}
#header .inner .right-cont #btn-hiyou {
	background-color: #55acee;
}
#header .inner .right-cont #btn-fb {
	/*background-color: #365791;*/
	display: none;
}
#header .inner .right-cont #btn-qanda {
	background-color: #868f54;
}
#header .inner .right-cont #btn-info {
	background-color: #458e42;
}
#header .inner .right-cont #btn-mail {
	background-color: #d61826;
}
#header .inner .right-cont #btn-hiyou {
	background-color: #1c4325;
}
}


/*============================================================================================
↓言語切り替えボタン==========================================================================
============================================================================================*/
#header .lang-change {
	width: 100%;
	height: 28px;
	font-size: 1.0rem;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 0.05em;
	background-color: #fff;
	background-image: url(../img/bg-header.jpg);
	background-position: center left;
	background-repeat: repeat-x;
	text-align: right;
	position: relative;
	border-bottom: solid 1px #0d2a13;
}
.lang-change #goto-en a:link,
.lang-change #goto-en a:visited {
	color: #0d2a13;
	background-color: #fff;
	text-decoration: none;
	text-align: center;
	line-height: 1em;
	width: 90px;
	height: 16px;
	padding: 6px 0px;
	position: absolute;
	top: 0;
	right: 0;
}
.lang-change #goto-en a:hover {
	color: #fff;
	background-color: #0d2a13;
}
@media screen and (max-width: 480px) {
#header .lang-change {
	height: 24px;
	font-size:0.7em;
}
.lang-change #goto-en a:link,
.lang-change #goto-en a:visited {
	width: 70px;
	height: 12px;
}
}

/*============================================================================================
↓グランドメニュー============================================================================
============================================================================================*/
#gnav {
	width: 100%;
	background-color: #fff;
	font-size: 1em;
	line-height: 1em;
	display: block;
}



#gnav ul {
	width: 100%;
	display: table;
	box-sizing: border-box;
	border-bottom: solid 1px #0d2a13;
}
#gnav ul li {
	width: ;
	line-height: 1.3em;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	border-right: solid 1px #0d2a13;
}
#gnav ul li:last-child {
	border-right: none;
}
#gnav ul li a:link,
#gnav ul li a:visited {
	color: #0d2a13;
	background-color: #fff;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	display: block;
	padding: 1.1em 0px;
}
#gnav ul li a:hover {
	color: #FFF;
	background-color: #0d2a13;
}
#gnav ul li .en-r {
	font-size: 0.8em;
	display: block;
}
#gnav-sp-open a {
	display: none;
}

@media screen and (max-width: 960px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 480px) {
#gnav {
	display: none;
}
#gnav-sp-open a {
	font-family: 'Oswald', sans-serif;
	font-size: 1.2em;
	line-height: 1em;
	display: block;
	background-color: #fff;
	color: #0d2a13;
	text-decoration: none;
	padding: 0.8em 0px;
	text-align: center;
	border-bottom: solid 1px #0d2a13;
}
#gnav-sp-open a span {
	background-image: url(../img/btn-hamberger.png);
	background-position: center left;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	padding-left: 25px;
}
#gnav ul {
	width: 100%;
	display: inherit;
	box-sizing: inherit;
	border-bottom: solid 1px #0d2a13;
}
#gnav ul li {
	width: ;
	line-height: 1.3em;
	display: inherit;
	vertical-align: inherit;
	text-align: left;
	border-right: none;
	border-bottom: dotted 1px #0d2a13;
}
#gnav ul li:last-child {
	border-bottom: none;
}
#gnav ul li a:link,
#gnav ul li a:visited {
	color: #0d2a13;
	background-color: #fff;
	display: inherit;
	vertical-align: inherit;
	text-align: left;
	text-decoration: none;
	display: block;
	padding: 1em;
	background-image: url(../img/arr-red-next.png);
	background-position: center right;
	background-size: 30px 30px;
	background-repeat: no-repeat;
}
}

/*============================================================================================
↓フッター====================================================================================
============================================================================================*/
#footer {
	background-color: #fff;
	position: relative;
	border-top: solid 1px #0d2a13;
}
.site-disc {	
	border-bottom: solid 1px #0d2a13;
/*	padding: 2em 1.6em;*/
	padding: 1em 1em;
}
.site-disc .inner {
	display: table;
	width: auto;
	margin: 0 auto;
}
.site-disc .inner p {
	line-height: 1.3em;
	display: table-cell;
	vertical-align: middle;
	padding: 0px 1em;
}
.site-disc .inner #tguj img,
.site-disc .inner #kuglocs img {
	height: 34px;
}
.site-disc .inner img {
	height: 100%;
}
.outside-bnr {
	border-bottom: solid 1px #0d2a13;
}
.outside-bnr ul {
	width: 100%;
	display: table;
	box-sizing: border-box;
}
.outside-bnr ul li {
	height: 40px;
	padding: 1.6em 0px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	border-right: solid 1px #0d2a13;
}
.outside-bnr ul li:last-child {
	border-right: none;
}
.outside-bnr ul li img {
	height: 100%;
}
.copyright {
	width: 100%;
	display: table;
	box-sizing: border-box;
	font-size: 80%;
	color: #fff;
	padding: 20px;
	background-color: #999967;
	border-bottom: solid 8px #0d2a13;
}
.copyright div {
	height: 50px;
	display: table;
	vertical-align: middle;
}
.copyright .fooder-logo {
	width: 250px;
	height: 50px;
}
.copyright .fooder-logo img {
	height: 100%;
}
@media screen and (max-width: 768px) {
.outside-bnr ul li {
	height: 30px;
}
.copyright {
	padding: 1em;
}
.copyright .kindai-logo {
	width: 220px;
	height: 40px;
}
}
@media screen and (max-width: 480px) {
.site-disc .inner {
/*	display: inherit;*/
}
.site-disc .inner p {
	display: inherit;
	vertical-align: inherit;
	/*text-align: center;*/
	padding: 0.5em 1em;
}
.outside-bnr {
	border-bottom: none;
}
.outside-bnr ul {
	width: 100%;
	display: inherit;
}
.outside-bnr ul li {
	width: 100% !important;
	height: 30px;
	padding: 15px 0px;
	display: inherit;
	border-right: none;
	border-bottom: solid 1px #0d2a13;
}
.outside-bnr ul li:last-child {
	border-bottom: none;
}
.copyright .kindai-logo {
	width: 140px;
	height: 30px;
}
}

/*============================================================================================
↓ページトップへ==============================================================================
============================================================================================*/
#pagetop {
	float:right;
	/*display: none;*/
}
#pagetop a {
	position: fixed;
	bottom: 5px;
	right: 20px;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	background-image: url(../img/btn-pagetop.png);
	background-repeat: no-repeat;
	background-size: cover;
}
@media screen and (max-width: 480px) {
#pagetop a {
	bottom: 75px;
	width: 40px;
	height: 40px;
	right: 10px;
}
}

/*============================================================================================
↓予約電話　　　==============================================================================
============================================================================================*/
#rphone {
	display: none;
}
@media screen and (max-width: 480px) {
#rphone {
	display: inherit;
}
#rphone a {
	float:left;
	position:fixed;
	bottom: 0px;
	width: 100%;
	height: 75px;
	text-indent: -9999px;
	text-align:center;
	background-image: url(../img/yoyaku-footsp.png);
	background-repeat: no-repeat;
	background-size:cover; 
	opacity:1.0;
}
}



/*============================================================================================
↓＜見出し＞下層ページタイトル（共通）========================================================
============================================================================================*/
.page-ttl {
	background-image:url(../img/bg-dot.png);
	background-repeat: repeat;
}
.page-ttl h1 {
	font-size: 1.6em;
	line-height: 1em;
	color: #0d2a13;
	padding: 2em;
	background-image: url(../img/h-hrline2.png);
	background-position: left top;
	background-repeat: no-repeat;
}
.page-ttl h1 .en-r {
	font-family: 'Oswald', sans-serif;
	font-size: 0.8em;
	line-height: 2em;
	display: block;
}
@media screen and (max-width: 480px) {
.page-ttl h1 {
	padding: 1.3em;
}
}

/*============================================================================================
↓＜見出し＞下層ページサブタイトル（共通）====================================================
============================================================================================*/
.sub-ttl {
	padding: 0.7em 1em;
	text-align: center;
	background-color: #f5f5f5;
	margin-bottom: 3em;
}
.sub-ttl span {
	font-size: 1.1em;
	line-height: 1.2em;
	text-align: center;
	padding: 0px 2em;
	background-position: center left, center right;
ackground-repeat: no-repeat, no-repeat;
	margin: 0 auto;
}
@media screen and (max-width: 480px) {
.sub-ttl {
/*	padding: 2em;*/
}
.sub-ttl span {
	background-image: none;
	padding: 0px;
}
}

/*============================================================================================
↓＜見出し＞下層ページコンテンツのタイトル（共通）====================================================
============================================================================================*/
.contents-ttl {
	background-image: url(../img/h-hrline.png);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 2em 0em 0.5em 0em;
	line-height:120%;
}
.contents-ttl h2,
.contents-ttl h3 {
	text-align: left;
	line-height: 1.3em;
	font-size:1.2em;
	font-weight:bold;
	color:#336600;
}
.contents-ttl h4 {
	text-align: left;
	line-height: 1.0em;
	font-size:1.0em;
	font-weight:bold;
	padding:0;
}

.contents-ttl h2 span,
.contents-ttl h3 span{
	display: inline-block;
	padding: 1em 1em;
	background-image: url(../img/bg-dot.png);
	background-position: top left;
	background-repeat: repeat;
}
.contents-ttl h4 span {
	display: inline-block;
	padding: 1em 2em;
}
/*============================================================================================
↓＜レイアウト＞下層ページ（共通）リキッド・左カラムメイン====================================
============================================================================================*/
.right-fix {
	width: 30%;
	float: right;
}
.left-variable {
	width: 100%;
	float: left;
	margin-right: -35%;
}
.left-variable .liquid-inner {
	margin-right: 35%;
	width: auto;
}
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 480px) {
.right-fix {
	width: 100%;
	float: inherit;
}
.left-variable {
	width: 100%;
	float: inherit;
	margin-right: 0px;
}
.left-variable .liquid-inner {
	margin-right: 0px;
	width: auto;
}
}


/*============================================================================================
↓＜ボタン＞ページアンカー・ページナビ========================================================
============================================================================================*/
.page-anchor ul {
	display: table;
	border: solid 1px #0d2a13;
	border-collapse: collapse;
	box-sizing: border-box;
	max-width: 960px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.page-anchor ul li {
	position: relative;
	display: table-cell;
	line-height: 1em;
	border-right: solid 1px #0d2a13;
}
.page-anchor ul li:last-child {
	border-right: none;
}
.page-anchor ul li a:link,
.page-anchor ul li a:visited {
	color: #0d2a13;
	text-decoration: none;
	display: block;
	vertical-align: middle;
	padding: 20px;
	/*↓グラデ*/
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 49%, #f5f5f5 50%, #f5f5f5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#ffffff), color-stop(50%,#f5f5f5), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 49%,#f5f5f5 50%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#ffffff 49%,#f5f5f5 50%,#f5f5f5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 49%,#f5f5f5 50%,#f5f5f5 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#ffffff 49%,#f5f5f5 50%,#f5f5f5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.bladient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
}
.page-anchor ul li a:hover {
	background-color: #fdf5f6;
	background-image: none;
}
.page-anchor ul li .ico-ar {
    height: 30px;
    margin-top: -15px;
    position: absolute;
    right: 0px;
    top: 50%;
}
@media screen and (max-width: 768px) {
.page-anchor ul {
	display: block;
	width: 100%;
}
.page-anchor ul li {
	display: block;
	width: 100%;
	border-bottom: solid 1px #0d2a13;
}
.page-anchor ul li:last-child {
	border-bottom: none;
}
}

/*============================================================================================
↓＜ボタン＞赤ライン・外部リンク==============================================================
============================================================================================*/
a.link-outside:link,
a.link-outside:visited {
	color: #5a4f4a;
	text-decoration: none;
	background-color:#fff;
	padding: 0.5em 0.5em 0.5em 30px;
	border: solid 1px #0d2a13;
	line-height: 3em;
	background-image:url(../img/ico-linkoutside.png);
	background-size: 30px 30px;
	background-repeat: no-repeat;
	background-position: center left;
}
a.link-outside:hover { 
	background-color: #fdf5f6;
}
.link-outside .ico-ar {
    height: 30px;
    margin-top: -15px;
    position: absolute;
    right: 0px;
    top: 50%;
}

/*============================================================================================
↓＜ボタン＞赤ライン・内部リンク==============================================================
============================================================================================*/
a.link-inside:link,
a.link-inside:visited {
	text-decoration: none;
	background-color:#fff;
	padding: 0em 0em 0em 1.5em;
	line-height: 3em;
	background-image: url(../img/arr-red-next.png);
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: center left;
}
a.link-inside:hover {
	text-decoration: underline;
}
.link-inside .ico-ar {
    height: 30px;
    margin-top: -15px;
    position: absolute;
    right: 0px;
    top: 50%;
}

/*============================================================================================
↓＜ボタン＞青ライン・角丸====================================================================
============================================================================================*/
.bllineBtn-R {
	line-height: 1em;
    margin: 0 auto;
    position: relative;
    width: 50%;
	font-size: 1.3em;
}
.bllineBtn-R a:link,
.bllineBtn-R a:visited {
	text-decoration: none;
	display: block;
	background-color:#fff;
	padding: 20px 10px;
	border: solid 1px #0d2a13;
	color: #0d2a13;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	/*↓グラデ*/
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 49%, #f5f5f5 50%, #f5f5f5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#ffffff), color-stop(50%,#f5f5f5), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 49%,#f5f5f5 50%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#ffffff 49%,#f5f5f5 50%,#f5f5f5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 49%,#f5f5f5 50%,#f5f5f5 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#ffffff 49%,#f5f5f5 50%,#f5f5f5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.bladient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
}
.bllineBtn-R a:hover { 
	color: #fff;
	background-color: #0d2a13;
	background-image: none;
}
.bllineBtn-R .ico-ar {
    height: 30px;
    margin-top: -15px;
    position: absolute;
    right: 0px;
    top: 50%;
}
@media screen and (max-width: 960px) {
.bllineBtn-R {
	width: 100%;
}
}
@media screen and (max-width: 480px) {
}

/*============================================================================================
↓＜トグルボタン＞濃紺ライン・四角============================================================
============================================================================================*/
.blline-btn {
    line-height: 1em;
    margin: 0 auto;
    position: relative;
	/*↓グラデ*/
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 49%, #f5f5f5 50%, #f5f5f5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#ffffff), color-stop(50%,#f5f5f5), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 49%,#f5f5f5 50%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#ffffff 49%,#f5f5f5 50%,#f5f5f5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 49%,#f5f5f5 50%,#f5f5f5 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#ffffff 49%,#f5f5f5 50%,#f5f5f5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.bladient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
}
.blline-btn a:link, .blline-btn a:visited {
    border: 1px solid #14512b;
    color: #14512b;
    display: block;
    padding: 20px;
    text-align: center;
    text-decoration: none;
	background-image: url(../img/ico-toggle-bl.png);
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: right center;
}
.blline-btn a:hover {
	background-color: #cdd7de;
}
.blline-btn .ico-ar {
    height: 30px;
    margin-top: -15px;
    position: absolute;
    right: 15px;
    top: 50%;
}


/*============================================================================================
↓コンテンツ==================================================================================
============================================================================================*/
.contents {
	position: relative;
	overflow: hidden;
}

/*============================================================================================
↓コンテンツ　見出し　テキスト =================================================================================
============================================================================================*/
.contents h2 {
	font-size: 1.5em;
	color: #0d2a13;
	margin: 1em 0em;
	/*border-bottom:1px dotted #0d2a13;*/
}
.contents p {
	font-size: 1.2em;
	margin-bottom: 1em;
}

/*============================================================================================
↓テーブル==================================================================================
============================================================================================*/

table {
	width: 100%;
	margin: 0;
	padding: 0;
	}
table td {
	padding: 0;
	margin: 0;
/*  line-height: 130%;  */
	}
.outer, .outer2, .outer3{
	border: 1px solid #333;
}



@media screen and (max-width: 640px) {
  .outer .last {
    border-bottom: none;
  }
  .outer {
    width: 100%;
  }
  .outer th,
  .outer td {
/*    border-bottom: none;*/
    display: block;
    width: 95%;
  }
/*======== outer2  =======================*/  
  .outer2 .last {
    border-bottom: none;
  }
  .outer2 {
    width: 100%;
  }
  .outer2 td.head {
/*    border-bottom: none;*/
    display: none;
  }
  .outer2 th {
/*    border-bottom: none;*/
    display: block;
    width: 95%;
  }
  .outer2 td {
/*    border-bottom: none;*/
    display: block;
    width: 95%;
  }
  .outer2 td:nth-child(2):before{
	  content :'立会火葬：';
  }  
  .outer2 td:nth-child(3):before{
	  content :'個別火葬：';
  }  
  .outer2 td:nth-child(4):before{
	  content :'合同火葬：';
  }  
/*======== outer3  =======================*/  
  .outer3 .last {
    border-bottom: none;
  }
  .outer3 {
    width: 100%;
  }
  .outer3 td.head {
/*    border-bottom: none;*/
    display: none;
  }
  .outer3 th {
/*    border-bottom: none;*/
    display: block;
    width: 95%;
  }
  .outer3 td {
/*    border-bottom: none;*/
    display: block;
    width: 95%;
  }
}


#content .outer {
/*	border: 1px solid #DDD; */
	border: 1px solid #333;
	margin:0 5px 10px 55px;
	width:90%;
}
th {
	padding: 8px;
	vertical-align: middle;
	font-weight: normal;
	color: #666;
	border-right:1px solid #333;
	border-bottom: 1px solid #333;
	background: #e1edc9;
	text-align:left;
  line-height: 110%;
}
.head {
	padding: 8px;
	font-weight: bold;
	color: inherit;
	border-bottom: 1px solid #333;
	border-right:1px solid #333;
/*	background: #e1edc9;*/
	background: #ce9;
}
.even {
	padding: 8px;
	color: inherit;
	border-bottom: 1px solid #333;
	border-right:1px solid #333;
	background: #edecc9;
}
.even_c {
	padding: 8px;
	color: inherit;
	border-bottom: 1px solid #333;
	border-right:1px solid #333;
	background: #edecc9;
	text-align:center;
}
.even2 {
	padding: 8px;
	color: inherit;
	border-bottom: 1px solid #333;
　　border-right: 1px solid #333;
	background: #ddd2b9;
}
.odd {
	padding: 8px;
	color: inherit;
	border-bottom: 1px solid #333;
	border-right:1px solid #333;
	background: #ede2c9;
}
.foot {
	padding: 8px;
	font-weight: bold;
	color: inherit;
	background: #F2F2F2;
}
tr.even td {
	padding: 2px;
	border-bottom: 1px solid #CACACA;
}
tr.odd td {
	padding: 2px;
	border-bottom: 1px solid #CACACA;
}
tr.even {
	color: inherit;
	background: #F7F7F7;
}
tr.odd {
	color: inherit;
	background: #FAFAFA;
}
tr.odd:hover, tr.even:hover {
	color: #000;
	border-bottom: 1px solid #CACACA;
	background: #DFDFDF;
}

/*============================================================================================
↓時刻表テーブル==================================================================================
============================================================================================*/

table.time {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 1px solid #333;
	}
table.time td {
	padding: 0;
	margin: 0;
/*  line-height: 130%;  */
	}

#content .outer {
/*	border: 1px solid #DDD; */
	border: 1px solid #333;
	margin:0 5px 10px 55px;
	width:90%;
}
table.time th {
	padding: 0px 8px 0px 8px;
	vertical-align: middle;
	font-weight: normal;
	color: #666;
	border-right:1px solid #333;
	border-bottom: 1px solid #333;
	background: #e1edc9;
	text-align:left;
  line-height: 110%;
}
table.time .head {
	padding: 0px 8px 0px 8px;
	font-weight: bold;
	color: inherit;
	border-bottom: 1px solid #333;
	border-right:1px solid #333;
/*	background: #e1edc9;*/
	background: #ce9;
}
table.time .even {
	padding: 0px 8px 0px 8px;
	color: inherit;
	border-bottom: 1px solid #333;
	border-right:1px solid #333;
	background: #edecc9;
}
/*============================================================================================
↓telバナー（PC）
============================================================================================*/
#tel-bnr-pc {
	width: 100%;
	display: table;
	box-sizing: border-box;
	/*background-color: #fff;*/
	/*background-image: url(../img/bg-dot.png);*/
	/*background-repeat: repeat;*/
	font-size:1.5em;
}
#tel-bnr-pc li {
	display: table-cell;
	vertical-align: middle;
}
#tel-bnr-pc li:last-child {
	border-right: none;
}
/*#tel-bnr-pc li img {
	width: 100%;
	max-width: 600px;
}*/
@media screen and (max-width: 480px) {
#tel-bnr-pc {
	display: none;
}
}
/*============================================================================================
↓telバナー（SP）
============================================================================================*/
#tel-bnr-sp {
	width: 100%;
	display: none;
	/*background-color: #fff;
	background-image: url(../img/bg-dot.png);
	background-repeat: repeat;
	border-bottom: solid 1px #0d2a13;*/
	font-size:1.5em;
}
#tel-bnr-sp li {
	vertical-align: middle;
	text-align: center;
	line-height:1.2em;
	/*border-top: solid 1px #0d2a13;
	border-bottom: dotted 1px #0d2a13;*/
}
#tel-bnr-sp li p{
	font-size:0.7em;
	margin-bottom: 0em;
}

#tel-bnr-sp li:last-child {
	border-right: none;
}
/*#tel-bnr-sp li img {
	width: 100%;
	max-width: 600px;
}*/
@media screen and (max-width: 960px) {
#tel-bnr-sp {
	display: none;
}
}
@media screen and (max-width: 768px) {
#tel-bnr-sp {
	display: none;
}
}
@media screen and (max-width: 480px) {
#tel-bnr-sp {
	display: block;
}
}

/*============================================================================================
↓地域情報慈妙院タイトル
============================================================================================*/

.place-tll {font-size:2.5em;
	color:#003300;
	font-weight:bold;
	margin:50px 0;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}

/*============================================================================================
↓パンくずリスト
============================================================================================*/	
.breadcrumb {
    list-style: none;
    overflow: hidden;
/*    font: 12px Helvetica, Arial, Sans-Serif; */
}
.breadcrumb li {
    float: left;
    padding: 5px 0 10px 10px;
}
/*============================================================================================
↓カード決済　　2024/2　追加
============================================================================================*/	
@media only screen and (max-width: 1440px) {
  .i6 ul li:nth-child(2)
{
    width: 55%;
  }
}

.i6 ul
{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.i6
{
  background-color: #f79a8b;
  padding: 80px;
  margin-top: 60px;
}
.i61
{
  background-color: #fff;
  padding: 20px 0;
  text-align: center;
  border-radius: 10px;
  color: #f79a8b;
  font-weight: bold;
}

/*============================================================================================
↓写真ブログボタン　　2025/3　追加
============================================================================================*/	
.button06 {
  display: inline-block;
  background-color: #fff;
  border: solid 2px #00bfff;
  color: #00bfff;
  width: 120px;
  height: 100px;
  border-radius: 10px;
  line-height: 100px;
  text-align: center;
  font-size: 0.8em;
  text-decoration: none;
}
.button06:hover {
  background-color: #e0ffff;
  color: #00bfff;
}