@charset "utf-8";
body{background:#e9e6e6!important;}
.font p{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.font{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.font .mi{font-family: New Roman , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;}
.clear{clear:both;}
a{text-decoration:none;}

/*納骨堂カラー*/
.nono{background: none repeat scroll 0 0 #7d8090!important;}
.nono2{background:#111a3a!important;}
.nono2 a{background:#111a3a!important;}
/*永代供養カラー*/
.ee{background: none repeat scroll 0 0 #a47374!important;}
.ee2{background:#5f0002!important;}
.ee2 a{background:#5f0002!important;}
/*墓地カラー*/
.bobo{background: none repeat scroll 0 0 #778876!important;}
.bobo2{background:#062a06!important;}
.bobo2 a{background:#062a06!important;}

/*********header***************/
.top #spheader{padding:7px;}
header{padding:7px; background:#ffffff;}
header .logo{float:left;}
header .panel-wrap{float:right;}
.menu .mttl{ padding:12px 8px; color:#ffffff; font-size:16px; background:#333333;}
.menu li a{padding:12px 8px; font-size:14px; border-top:1px solid #ccc; border-bottom:1px solid #000; background:url(/sp/images/icon_r.png) no-repeat scroll 98% 50% #fff; background-size:13px 14px; display:block; color:#000000;}
.menu li{z-index:2000;}
/*********納骨堂ヘッダー***********/
#spheader{padding:0;}
#spheader .nomenu{overflow:hidden; background:#000; padding:6px 0;}
#spheader .nomenu a{display:block; background:#000; text-align:center; color:#fff; padding:0;}
#spheader .nomenu a li{padding:5px; text-align:center; width:33%; float:left; box-sizing:border-box; font-size:14px;}
#spheader .nomenu a .fmb{border-right:1px solid #ffffff;}
.noheader{padding:11px 5px 11px 0; background:#111a3a;}
.noheader .logo{float:left;}
.noheader .panel-wrap{float:right;}
/*********永代供養ヘッダー***********/
.eheader{padding:11px 5px 11px 0; background:#431b1c;}
.eheader .logo{float:left;}
.eheader .panel-wrap{float:right;}
/*********墓地ヘッダー***********/
.boheader{padding:11px 5px 11px 0; background:#062a06;}
.boheader .logo{float:left;}
.boheader .panel-wrap{float:right;}

/*********その他ヘッダー***********/
#etc{padding:11px 5px 11px 0; background:#fff;}

/**********top*************/

.topmain{background:url(/sp/images/main.jpg) no-repeat scroll 0 0; background-size: 100% 100%; position:relative; min-width:320px; min-height:253px;}
.topmain .mainsp{position:absolute; top:15px; right:0px;}
.telbox{width:300px; margin:0px auto; position:relative; height:45px;}
.telbox img{z-index:10; position:absolute; top:-15px;}
.tel_box{margin:15px 0 0 0;}

#wapper .content{margin:20px 0 0 0;}
#wapper .content .center{text-align:center;}
#wapper .content .ttl{padding:6px 5px; background:#5f0002; font-size:15px; color:#fff; position: relative; line-height:130%;}
#wapper .content .f18{font-size:18px!important; padding:10px 5px;}
#wapper .content .ttl:after {content: ''; position: absolute; border-top: 10px solid #5f0002; border-right: 5px solid transparent; border-left: 5px solid transparent; bottom: -9px; left: 50%;}
#wapper .content .coBox{background:#ffffff; width:300px; margin:15px auto 0;}
#wapper .content .coBox h2{margin:0; text-align:center; padding:9px 0; font-size:24px;}
#wapper .content .coBox a{display:block; text-align:center; padding:7px; margin-top:10px; font-size:14px; color:#ffffff; background:url(/sp/images/icon_w.png) no-repeat scroll 99% 50% #656464; background-size:13px 14px; }
#wapper .content .coBox2{width:300px; margin:15px auto 0;} 
#wapper .content .coBox2 p{margin:10px 0 0 0; font-size:14px;}

#wapper .content .topqa .block{display:block; background:url(/sp/images/icon_r.png) no-repeat scroll 99% 50% #fff; background-size:13px 14px; padding:10px 30px 10px 10px; color:#000000; text-align:left; text-decoration:none;}
#wapper .content .topqa .block2{display:block;}
#wapper .content .topqa li{border-bottom:1px solid #ece9e9;}
#wapper .content .coBox .none{margin-top:0;}

/********************footer*************************/
footer{margin-top:35px;}
footer .fttl{padding:10px 5px; background:#170d01; font-size:18px; color:#fff; position: relative; line-height:130%;}
footer .ftxt{text-align:center; margin:10px 0; font-size:14px; color:#82070a;}
footer .fac{padding:0 10px; overflow:hidden;}
footer .fac table{width:100%;}
.mt5{margin-top:5px;}
footer .fac table .ftl{font-size:14px; color:#ffffff; padding:4px 0; text-align:center; background:#9a9898; width:25%;}
footer .fac table .ftl2{font-size:14px; color:#333333; padding:4px 5px; background:#ffffff;}
footer .ful{margin-top:15px; background:#ffffff; border-top:1px solid #cccccc;}
footer .ful a{display:block; font-size:18px; color:#333333; background:url(/sp/images/icon_r.png) no-repeat scroll 99% 50% #fff; background-size:13px 14px;}
footer .ful a li{padding:13px 0 13px 45px; font-size:18px; border-bottom:1px solid #cccccc;}
footer .ful .ficon1{background:url(/sp/images/icon_map.png) no-repeat scroll 4px 50%; background-size:35px 35px;}
footer .ful .ficon2{background:url(/sp/images/icon_mail.png) no-repeat scroll 4px 50%; background-size:35px 35px;}
footer .footerarea{margin-top:25px;}
footer .footerarea a{background:#b47c7d; text-align:center; color:#fff; font-size:14px; padding:13px 0px; display:block; text-decoration:none;}
footer .footerarea a span{background:url(/sp/images/icon_top.png) no-repeat scroll 0px 50%; background-size:14px 10px; padding:0 0 0 19px;}
.tel_box2{margin:20px auto 0; width:300px;}
footer .footerarea .fmenu{overflow:hidden;}
footer .footerarea .fmenu li{float:left; box-sizing:border-box; border-bottom:1px solid #cccccc; width:50%; padding:14px 5px; background:url(/sp/images/icon_r.png) no-repeat scroll 98% 50% #fff; background-size:13px 14px; font-size:14px;}
footer .footerarea .fmenu .fmb{border-right:1px solid #cccccc;}
footer .footerarea .fmenu a{display:block; background:#fff; text-align:left; color:#333333; padding:0;}
footer .footerarea .fmenu2{overflow:hidden; background:#6d1012; padding:6px 0;}
footer .footerarea .fmenu2 a{display:block; background:#6d1012; text-align:center; color:#fff; padding:0;}
footer .footerarea .fmenu2 a li{padding:5px; text-align:center; width:33%; float:left; box-sizing:border-box; font-size:14px;}
footer .footerarea .fmenu2 a .fmb{border-right:1px solid #ffffff;}
footer .footer_box{margin:15px 0; overflow:hidden;}
footer .footer_box .f_l{float:left;}
footer .footer_box .f_r{float:right;}
footer .copyright{text-align:center; background:#000;}



/**************早稲田納骨堂********************/
.noukotudou .ndou .topmain{background:url(/sp/images/ossuary/main.jpg) no-repeat scroll 0 0; background-size: 100% 100%; position:relative; min-width:320px; min-height:150px;}
.noukotudou .ndou .topmain li img{display:block; vertical-align: bottom; }
.noukotudou .ndou .topmain .opbg{ background: rgba(0,0,0, 0.3); padding:8px 0; position:absolute; bottom:0; width:100%;}
.noukotudou .ndou .topmain .opbg h1{text-align:center; color:#ffffff; font-size:14px; }
.noukotudou .ndou .topmain .opbg h1 span{font-size:11px; display:block;}
.noukotudou .noBox{ width:300px; margin:0 auto;}
.noukotudou .noBox ul{overflow:hidden;}
.noukotudou .noBox .fl{float:left;}
.noukotudou .noBox .fr{float:right;}
.noukotudou .noBox2{ width:260px; margin:20px auto 0; background:#ffffff; padding:20px;}
.noukotudou .noBox2 h2{text-align:center; color:#5f0002; font-size:24px; margin-bottom:5px;}
.noBox2 p{font-size:14px; margin:10px 0 0 0; color:#333333;}
.noBox2 .bold{font-weight:bold;}
.noukotudou .noBox3{ width:260px; margin:5px auto; background:#ffffff; padding:20px;}
.noukotudou .noBox3 h2{text-align:center; color:#5f0002; font-size:24px; margin-bottom:5px;}
.noBox3 p{font-size:14px; margin:10px 0 0 0; color:#333333;}
.noBox3 .bold{font-weight:bold;}
.noBox3 .bold span{font-size:10px;}
.infoBox{font-size:14px; margin:20px 10px 0 10px; color:#333333;} 
.infoRed{font-size:14px; margin:5px 10px 0 10px; color:#ff0000;} 
.mb20{margin:5px auto 20px!important;}
.mb202{margin:20px auto 20px!important;}
.noBox2 .value{ width:256px; margin:0 auto;}
.noukotudou .noBox2 .value h2{color:#333333; font-size:14px; margin-bottom:5px; font-weight:bold;}
.noukotudou .noBox2 .value h2 span{font-weight:normal; font-size:12px;}
.noukotudou .noBox2 .value h2 .cost {color: #5f0002;font-size: 24px;margin-bottom: 5px;font-weight: bold;}
.noukotudou .noBox2 .value table{margin-top:20px;}
.noukotudou .noBox2 .value table td{padding:7px 0; vertical-align:top;}
.noukotudou .noBox2 .value .kokorozashi td {padding: 3px 0;}

.no_qabox{background:#ffffff; margin:20px 0;}
.no_qabox a{font-size:14px; color:#333333; display:block;}
.no_qabox li{padding:10px 30px 10px 5px; font-size:14px; background:url(/sp/images/icon_r.png) no-repeat scroll 98% 50% #fff; background-size:13px 14px; border-bottom:1px solid #cccccc; }

.noukotudou .content .noBox li{height:140px; background:#fff;}
		.noukotudou .content .noBox li a{display:block;}
		.noukotudou .content .noBox li dd{margin-top:3px; font-size:16px; font-weight:bold; color:#333; text-align:center;}
		.noukotudou .content .noBox li .m0{margin-top:0; line-height:120%;}
		.noukotudou .content .noBox .flag{width:100%; height:auto;}
		.noukotudou .content .noBox .flag dl{overflow:hidden;}
		.noukotudou .content .noBox .flag dt{float:left; width:90px;}
		.noukotudou .content .noBox .flag dd{margin:25px 0 0 0px; float:left;}

/***************永代供養*********************/
.noukotudou .eitai .topmain{background:url(/sp/images/memorial/main.jpg) no-repeat scroll 0 0; background-size: 100% 100%; position:relative; min-width:320px; min-height:150px; position:relative;}
.noukotudou .eitai .topmain .opbg{ background: rgba(0,0,0, 0.3); padding:8px 0; position:absolute; bottom:0; width:100%;}
.noukotudou .eitai .topmain .opbg h1{text-align:center; color:#ffffff; font-size:14px; }
.noukotudou .eitai .topmain .opbg h1 span{font-size:11px; display:block;}
.noukotudou .noBox2 .value2{color:#333333; font-size:14px; margin-bottom:5px; font-weight:bold;}
.noukotudou .noBox2 .value2 span{font-weight:normal; font-size:12px;}
.noukotudou .noBox2 .value .eh{color:#333333; font-size:18px; margin-bottom:5px; font-weight:normal;}
.noukotudou .noBox3 .value .eitaitable{width:100%; margin-top:5px;}
.noukotudou .noBox3 .value .eitaitable td{border:1px solid #e8e8e8; padding:5px; text-align:center; vertical-align:middle; font-size:10px;}
.noukotudou .noBox3 .value .eitaitable .gray{background:#d1cfcf; color:#333333; font-weight:bold;}
.noukotudou .noBox3 .value .eitaitable .price1{background:#fff; color:#5f0002; padding:10px 0;}
.noukotudou .noBox3 .value .eitaitable .price2{background:#fff; color:#333333; padding:10px 0;}
.noukotudou .noBox3 .value .vfl{float:left; font-weight:bold; font-size:10px; width:60px;}
.noukotudou .noBox3 .value .vfr{float:left; width: 195px; font-size:10px; margin-left:3px;}
.noukotudou .noBox3 .nnone{padding:0; margin:0; font-size:11px;}


/***************墓地*********************/
.noukotudou .boti .topmain{background:url(/sp/images/cemetery/main.jpg) no-repeat scroll 0 0; background-size: 100% 100%; position:relative; min-width:320px; min-height:150px; position:relative;}
.noukotudou .boti .topmain .opbg{ background: rgba(0,0,0, 0.3); padding:8px 0; position:absolute; bottom:0; width:100%;}
.noukotudou .boti .topmain .opbg h1{text-align:center; color:#ffffff; font-size:14px; }
.noukotudou .boti .topmain .opbg h1 span{font-size:11px; display:block;}
.noukotudou .costbold{ font-size:14px; font-weight:bold; margin:0;}
.noukotudou .bocost{font-size:14px; margin-top:5px;}
.noukotudou .bocost2{font-size:14px; margin:0;}
.noukotudou .boimg{text-align:center; margin:10px 0;}
.mb10{margin-bottom:10px;}


/********その他ページ**********/
/*運営寺院*/
.noukotudou .etcc .topmain{background:url(/sp/images/about/main.jpg) no-repeat scroll 0 0; background-size: 100% 100%; position:relative; min-width:320px; min-height:150px; position:relative;}
.noukotudou .etcc .topmain .opbg{ background: rgba(0,0,0, 0.3); padding:8px 0; position:absolute; bottom:0; width:100%;}
.noukotudou .etcc .topmain .opbg h1{text-align:center; color:#ffffff; font-size:14px; }
.noukotudou .etcc .topmain .opbg h1 span{font-size:11px; display:block;}
/*アクセス*/
.noukotudou .access2{text-align:center; font-size:22px; margin:0}
.noukotudou .acb{margin:0;}
.noukotudou .acbox{width:260px; margin:15px auto 0;}
.noukotudou .acbox .boxtxt{text-align:center; font-size:14px; font-weight:bold;}
.noukotudou .acbox .boxtxt2{margin:8px 0 0 0; font-size:13px;}
.noukotudou .noBox4{ width:300px; margin:5px auto; overflow:hidden;}
.noukotudou .noBox4 dl{ padding:12px; background:#fffcfc; width:123px; height:150px;}
.noukotudou .noBox4 dl dt{ font-size:14px; color:#003c08; text-align:center;}
.noukotudou .noBox4 dl dt span{font-size:10px;}
.noukotudou .noBox4 dl dd{font-size:10px; margin-top:12px;}
.noukotudou .noBox4 .fl{float:left;}
.noukotudou .noBox4 .fr{float:right;}
.noukotudou .noBox4 .road{height:205px;}
.noukotudou .noBox4 .road dt{}
.noukotudou .noBox4 .road dt span{text-align:center; display:inline-block; font-size: 14px;}
/*費用比較*/
.noukotudou .noBox5{width:300px; margin:20px auto 0; overflow:hidden; background:#ffffff;}
.noukotudou .cost1{padding:10px 0; text-align:center; font-size:18px; color:#111a3b; border-bottom:1px solid #e9e6e6;}
.noukotudou .costBox{width:260px; margin:0 auto; padding:10px 0;}
.noukotudou .costBox td{padding:7px 0; text-align:center; font-size:11px;}
.noukotudou .costBox .bold{font-weight:bold;}
.noukotudou .costBox table{width:100%;}
.noukotudou .costBox .border1{border-bottom:1px solid #e9e6e6;}
.noukotudou .costBox .border2{border-bottom:1px solid #e9e6e6; border-right:1px solid #e9e6e6;}
.noukotudou .costBox .border3{border-right:1px solid #e9e6e6;}
.noukotudou .costBox .costTxt{margin-top:6px; font-size:11px}
.costbtn{display:block; padding:10px 0 0 0;}
.noukotudou .noBox6{width:300px; margin:5px auto 0; overflow:hidden; background:#ffffff;}
.noukotudou .cost2{padding:10px 0; text-align:center; font-size:18px; color:#5f0002; border-bottom:1px solid #e9e6e6;}
.noukotudou .cost3{padding:10px 0; text-align:center; font-size:18px; color:#062a06; border-bottom:1px solid #e9e6e6;}


/*お問い合わせ*/
.noukotudou .noBox7{overflow:hidden; background:#ffffff; margin:10px 0;}


/*js*/
.panel-wrap{
  position: relative;
  float: left;
  padding: 0;
 
}
.panel-wrap a{
  font-size: 14px;
  text-decoration: none;
}
a.panel-btn{
  display: block;
  position: relative;
}


.panel {
  display: none;
  position: absolute;
  top: 48px;
  left: 0px;
  z-index: 1000;
  width: 310px;
  margin-left: -275px;
  padding: 0px;
  background: #fff;
  box-shadow: 0 2px 5px 1px rgba(0,0,0,.2);
  /*filter: alpha( opacity=90 ); opacity:0.9; -moz-opacity:0.9;*/ 
}
.test{position:absolute; bottom:-36px; right: 5px;}
.panel:after {
  top: -35px;
  left: 35px;
  border: 15px solid transparent;
  border-bottom: 15px solid #9fb5cb;
}

.panel-btn{background:url(/sp/images/menu.gif) no-repeat scroll 0 0; background-size:32px 35px; width: 32px; height: 35px;}
#no-btn{background:url(/sp/images/ossuary/menu.gif) no-repeat scroll 0 0; background-size:38px 47px; width: 38px; height: 47px; margin-top:5px;}
#e-btn{background:url(/sp/images/memorial/menu.png) no-repeat scroll 0 0; background-size:36px 45px; width: 36px; height: 45px; margin-top:2px;}
#bo-btn{background:url(/sp/images/cemetery/menu.png) no-repeat scroll 0 0; background-size:42px 48px; width: 42px; height: 48px; margin-top:0px;}

/********ご契約者の声**********/
.voice img{
	max-width:100%;
	height:auto;
}
.voice a{
	color:#6a6b66;
}
.voice .ttl a{
	color:#fff;
}
.voice dl{
	margin-bottom:20px;
}

.voice .pager{
}
.voice .pager a,
.voice .pager span{
	display:inline-block;
	padding:3px 5px;
	margin-left:5px;
	background-color:#000;
	color:#fff;
	text-align:center;
	min-width:16px;
	text-decoration:none;
}
.voice .pager span,
.voice .pager a:hover{
	opacity:0.5;
}

/*******有縁の苑について*******/
.pet .mi{ font-size:16px; font-weight:bold; line-height:220%; margin-top:30px; text-align:center; font-family:YuMincho, '游明朝',"小塚明朝 Pr6N R","小塚明朝 Pro R", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
.pet .inner{ width:100%; padding:20px 10px 0 10px; margin:0; box-sizing:border-box;}
.pet .inner p{font-size:14px;} 
.pet #wapper .content .ttl{ margin-top:30px;}
.pet .inner p{ color:#6a6b66;}
.pet ruby{ font-size:14px;}
.pet ruby rt{ font-size:8px;}
.pet .inner p.bold{ font-size:16px; font-weight:bold;}
.pet .inner p.bold2{ font-size:14px; font-weight:bold;}
.pet .pet_t{ margin-top:50px; width:100%;}
.pet .pet_t .pt_t{ font-size:14px; font-weight:bold; background:#fcf8e1;}
.pet .pet_t td{ text-align:center; padding:15px; font-size:18px; background:#fff; border:1px solid #7f7f7b;}
.pet .right{ color:#333; text-align:right;}
.pet .img_box{ text-align:center;}
.pet .img_box img{ max-width:100%;}
.pet .flow_box{ margin-top:40px;}
.pet .inner dl{ float:none; width:100%;}
.pet .flow_box dt{ padding-bottom:4px; border-bottom:1px solid #aaaaaa;}
.pet .flow_box dd{ margin-top:30px; font-size:12px; color:#6a6b66;}
.pet .flow_box p{ margin-top:25px; margin-bottom:10px;}
.pet .last{ padding-bottom:10px;}
.bnr{ margin:0px auto; text-align:center; width:90%;}
.bnr img{ max-width:100%; margin-bottom:20px;}
.bnr .imgbnr{ max-width:100%; margin-bottom:0px; margin-top:20px;}
.pet .noukotudou .etcc .topmain{    background: url(/images/pet/img1.png) no-repeat scroll 0 0;
    background-size: 100% 100%;
    position: relative;
    min-width: 320px;
    min-height: 150px;
}