@charset "utf-8";

/* =Reset default browser CSS.
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html{ font-size: 62.5% } /*初期値16pxの62.5%でルートが10px*/
body{
	line-height: 1.5;
	font-family:-apple-system, BlinkMacSystemFont,YuGothic,    /* Mac用 */"Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
	color:#000;
 -webkit-text-size-adjust: 100%;
 background:#d9d9d9;
}


.mincho,#areabtn div h3,.sub #contents header h1,.sub #contents h2,#butudan #contents section h3{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}


/*全てをクリア*/
.clear {clear: both;} 

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/* リンク設定
------------------------------------------------------------*/
a,a:visited{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
 color: #040000;}

a:hover, a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline: none;
color:#e61f19;}

 a:hover img{opacity:.5; }
/**** Clearfix ****/



/* レイアウト
------------------------------------------------------------*/
.inner{margin:0 auto; width:1200px;}
#wrapper{margin:0 auto 0px;font-size: 16px; font-size: 1.6rem;background:#fff;padding:0 0 40px; }
.alignleft{ float:left;}
.alignright{ float:right;}
.center{ text-align:center;}
.butudantop .inner2{margin:0 auto; width:100%px !important;}
.sub2 .inner2,.sub3 .innerabout{margin:0 auto;  width:1100px;}
#contents{ padding:140px 0 0;}
.sub3 .inner2{margin:0 auto;  width:1200px;}
/* header
----------------------------------*/
#glovalheader{ text-align:center; padding:0px 0 20px; background:#fff; border-bottom:2px solid #ddd} 
#glovalheader .head{ margin:0px; padding:15px 0 5px; text-align:left; }
#glovalheader .head li{ display:inline-block; vertical-align:middle;  font-size:14px; margin:0 10px 0 0;}
#glovalheader .head  li:nth-child(2){font-size:14px; }
#glovalheader .head li{ display:inline-block; vertical-align:middle;   }
#glovalheader .head  li:nth-child(3){ margin:3px 0px 0 280px;}
#glovalheader .head  li:last-child a{ display:block; background-image:url(../img/common/mail.png); background-repeat:no-repeat; background-size:45px auto; background-position:0 2px; margin:0 0 0 10px; padding:8px 0 8px 55px; font-size:14px; }

#glovalheader nav{  margin:0px 0 0; }


/*ついてくるお問い合わせ*/
#float-sns-box { 
  position: fixed;
  top:160px;
    right: 0px;
    z-index: 9999; 
}

#float-sns-box ul{ width:150px;}
#float-sns-box ul li{ margin:0 0 3px;}
#float-sns-box ul li a{ color:#fff; font-weight:bold;  vertical-align:middle; padding:20px 0px; width:170px;}
#float-sns-box ul li:hover{ margin:0 0 3px -20px;}
#float-sns-box ul li {transition:all 0.4s ease; padding:10px; text-align:center; }
#float-sns-box ul li img { width:75px !important; height:auto;}
#float-sns-box ul li.floatshop{background-color:#af2124;  }
#float-sns-box ul li.floatebook{background-color:#3aa745;  }
#float-sns-box ul li.floatebook a{padding:10px 0px; line-height: 1.3; }
#float-sns-box ul li.floatcatalog{background-color:#3c6ab3;}
#float-sns-box ul li.floatonline{ background:url(../img/common/dummy2.jpg) 0 100%;}
 #float-sns-box ul li a:hover img{opacity:1; }

#butudan #float-sns-box ul li.floatcatalog,#butsuji #float-sns-box ul li.floatcatalog,#haka #float-sns-box ul li.floatcatalog{display: none; }

#float-sns-box ol{margin:10px 0 0 0;}
#float-sns-box ol li,#float-sns-box .shopbtn{
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
#float-sns-box ul li.floatonshop img,#float-sns-box ul li.floatmochu img { width:125px!important; height:auto;}
#float-sns-box ul li.floatonshop{ background:url("/img/common/sorabacknew.jpg") 0 0px no-repeat; background-size:180px auto; padding: 0;  margin:15px 0 0; padding:0px 0px 0; }
#float-sns-box ul li.floatmochu { background:url("/img/common/sorabacknew2.jpg") 0 -0px no-repeat; background-size:180px auto; padding:0px 0px 10px;  }
#float-sns-box ul li.floatonshop:hover{ margin:15px 0 0px -20px;}
#float-sns-box ul li.floatonshop  a,#float-sns-box ul li.floatmochu a{padding:0px 0px 0; }

#float-sns-box ul li.floatevent{ background:#f8f200; padding: 0; margin: 0px 0px 0 0px; }
#float-sns-box ul li.floatevent img{  width:145px !important; height:auto; }
#float-sns-box ul li.floatevent:hover{ margin:0 0px 0px -20px; }


/*イベント*/
#float-sns-box ul.floatsr li a{ margin:0; position: relative;
  color: #333;
  text-align: center;
  text-decoration: none;
  transition: .3s; display: block;
}
#float-sns-box ul.floatsr li{ margin:0 0 15px;  padding: 0;  }

#float-sns-box ul.floatsr li:hover{ margin:0 0 15px ;}
#float-sns-box ul.floatsr li a:hover{ margin:0px 0 0 -18px;}
#float-sns-box ul.floatsr li img { width:206px !important; height:auto;}
#float-sns-box ul.floatsr li a{ padding:0px 0; width:168px; margin: 0; overflow: hidden;}



/*3番目*/
#float-sns-box ol li{ background:url(../img/common/sorabacknew.jpg) 0 0 no-repeat; background-size: 170px; height:auto ; padding:0;border-top:1px solid #000;border-left:1px solid #000;border-bottom:1px solid #000; }
#float-sns-box ul li a:hover img{opacity:1; }
#float-sns-box ol li{ text-align: left; }
#float-sns-box ol li img{ width:126px !important; height: auto;padding:7px 0 0 8px;}
#float-sns-box ol li:hover{}
.footer_area{  display: none; }

 header#glovalheader {
  position: fixed; z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  transition: .3s;
}

.is-animation {
  height: 100px;
}
.is-animation h1 {
 
}

a.footbanner{ margin:0 auto; width:98%; max-width:800px; display: block;  }
a.footbanner img{  width:100%; height: auto;   }

 
/**
 * menu
 */
 
.menu {
	position: relative;
	width: 100%;
	height: 48px; 
	width: 1200px;
	margin: 0 auto; text-align:center; z-index:2000;
}
.menu > li {
	display:inline-block; text-align:left;
	width: auto; margin:0 10px;
	height: 48px; padding:0 17px;font-size:18px; font-size:1.8rem;
	line-height: 48px; color: #000; vertical-align:middle ;	position: relative;
}
.menu > li#tophome{padding:15px 0 0;}

menu > .fa{ color:#b7282c; margin-left:0.5em;}

.menu > li a {display: block;
	color: #000 !important; 
}
.menu > li a  .fa{ color:#b7282c; margin-left:0.5em;}

.menu > li a:hover {
	color: #999;
}

.menu__none:hover,
.menu__multi:hover {
  -webkit-transition: .2s ease;
  transition: .2s ease;
}
.menu > li a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  background-color: #e61f19;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.menu > li#tophome a::after { bottom:5px;
}


.menu > li a:hover::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.menu > li li a:hover::after {
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
}


.page .menu > li  a.toptenpo::after,.single .menu > li  a.toptenpo::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

.menu__second-level li { 
  font-size:16px; font-size:1.6rem;
  height: 38px;
	line-height:38px;
}
.menu__second-level li  a{ padding:5px 0 5px 10px;}
.menu__second-level li a:before{ 
font-family: FontAwesome;
  content: "\f105  ";
 left: 10px;
 color:#ad2024; 
}
.menu__second-level li a:hover {
 background:  #f0f0f0;
}

.menu__third-level li a:hover {
 background: #f0f0f0;
 
}

.menu  .guidebtn li {
	margin:0 10px; line-height:1.5;
	height: auto; 
}
.menu  .guidebtn li span { display:block; margin-left:10px;}
.menu__third-level li a:hover {
 background: #f0f0f0;
}

.menu__fourth-level li a:hover {
 background: #f0f0f0;
}


.menu:before,
.menu:after {
  content: "";
  display: table;
}

.menu:after {
  clear: both;
}

.menu {
  *zoom: 1;
}

/**
 * multi menu
 */
.menu > .menu__multi {
  position: relative;
}

.menu__multi .menu__second-level {
  position: absolute;
  top: 40px; left:-3px; 
  width: 150%;
background-color:rgba(255,245,250,1.00);
     -webkit-transition: all .2s ease;
  transition: all .2s ease;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
}
#toptenpo .menu__second-level {width: 100%;}
#topabout .menu__second-level {width: 95%;}
#topabout .menu__second-level .menu__third-level {width: 70%;}

.menu__multi:hover .menu__second-level {
  top: 50px;
  visibility: visible;
  opacity: 1;
}

.menu__multi .menu__second-level li {
  position: relative;
}

.menu__multi .menu__second-level li:hover {
  background: #fff;
}

.menu__multi .menu__second-level li .menu__third-level {
  position: absolute;
  top: -1px;
  left: 100%;
  width: 100%;
background-color:rgba(255,245,250,1.00);
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  visibility: hidden;
  opacity: 0;
}

.menu__multi .menu__second-level li:hover .menu__third-level {
  visibility: visible;
  opacity: 1;
}

.menu__multi .menu__second-level li .menu__third-level li {
  position: relative;
}

.menu__multi .menu__second-level li .menu__third-level li:hover {
  background: #fff;
}

.menu__multi .menu__second-level li .menu__third-level li .menu__fourth-level {
  position: absolute;
  top: -1px;
  left: 100%;
  width: 100%;
  background: #fff;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  visibility: hidden;
  opacity: 0;
}

.menu__multi .menu__second-level li .menu__third-level li:hover .menu__fourth-level {
  visibility: visible;
  opacity: 1;
}

.init-right:after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 0 0 15px;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

 

/**
 * mega menu
 */
.menu__mega .menu__second-level {
  position: absolute;
  top: 40px;
  left: 0;
  box-sizing: border-box;
  width: 300%;
  padding: 20px 2%;
  background: #f0f0f0;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
}

.menu__mega:hover .menu__second-level {
  top: 50px;
  visibility: visible;
  opacity: 1;
}

.menu__mega .menu__second-level > li {
  float: left;
  width: 32%;
  border: none; line-height:2;
}

.menu__mega .menu__second-level > li:nth-child(3n+2) {
  margin: 0 1%;
}
.menu__mega .menu__second-level  a:hover{ background:#fff;}

/*パンくず*/

.breadcrumb { margin:20px auto 0; 
  padding-left:0;
}
.index #contents .breadcrumb{ width:1000px}
.breadcrumb li{
  display:inline;/*横に並ぶように*/
  list-style: none; font-size:12px;  font-size:1.2rem;
}

.breadcrumb li:after{/* >を表示*/
  content: '>';
  padding: 0 3px;
  color: #b2b2b2;
}

.breadcrumb li:last-child:after{
  content: '';
}

.breadcrumb li a {
    text-decoration: none;
    color: #666;/*色*/
}

.breadcrumb li a:hover {
    text-decoration: underline;
 color:#e61f19;}


/* フッター
*****************************************************/
.mobfloat{ display: none; }
#footer  { color:#fff; padding:0px 0px 15px;font-size: 14px; font-size: 1.4rem; background:rgba(211,207,182,0.3); }
#footer h1  { background:#ad2024; color:#fff; padding:15px 0 8px;font-size: 30px; font-size: 3.0rem; font-weight:bold; text-align:center; }
#footer #areabtn{ margin:20px auto; width:1200px; text-align:center;}
#footer #areabtn div{ display:inline-block; vertical-align:top; text-align:left; margin:0 30px;  }
#footer #areabtn div h3{ font-size:16px; font-size:1.6rem; color:#ad2024; }
#footer #areabtn div ul{ display:inline-block;  position: relative; margin:10px 20px 0 0; vertical-align:top;}
#footer #areabtn div ul li{ margin:0 0 5px; font-size:14px; font-size:1.4rem; }
#footer #areabtn div ul li a::after {
font-family: FontAwesome;
  content: "  \f105";
 right: 0;
 color:#ad2024; 
}
#footer ol{ margin:20px auto;  text-align:center;}
#footer ol li{display:inline-block; color:#000;  vertical-align:top; text-align:left; width:340px; margin:10px; text-align:center;}
#footer ol li:nth-child(2){ background:url(../img/common/arrow.gif) 0 50% no-repeat; }

#page-top1{
  display: block;
  background:#666666;
  position: fixed;
  z-index: 9999;
  bottom: -0px;
  right: 150px;
  width: 68px;
  height:50px;
  text-align: center;
  text-decoration: none;
  transition: .5s;
 padding:10px 0 0;}
a#page-top1 {  color:#fff !important; font-size:12px; font-size:1.2rem; }
#page-top1 span {display: block; margin:0px auto 0;}
#footernav{ text-align:center; padding:0px 0 0;}
#footernav li{ display:inline-block;  vertical-align:top; text-align:left; width:340px;  margin:-165px 0 195px 0;  position:relative; top:200px; }
#butudan #footernav li:first-child,#haka #footernav li:last-child,#butsuji #footernav li:nth-child(2) {opacity:.5; }


.shopingsite{ background:#104764; text-align:center; padding:20px 0; }
.shopingsite h3{ font-size:23px; font-size:2.3rem; }
.shopingsite li{ display:inline-block;  vertical-align:top; margin: 20px 40px;}
#footerbtn {  margin:20px auto; max-width:1200px; text-align:center; }

#footerbtn ol{ text-align:left;  margin:0px auto; width:95%;  }
#footerbtn ol li{ float:left;  color:#000; padding:0 20px;  vertical-align:top; text-align:left; width:auto; margin:0px 0; text-align:center; border-bottom:1px solid #999;  font-size:16px; font-size:1.6rem; }
#footerbtn ol li a:before{font-family: FontAwesome;  content: "\f105  "; right: 0; }
#footerbtn ol li:nth-child(2){ background:none; }
#footerbtn ol li:last-child{ float:right;}
#footerbtn ul.fotterbutugu{ clear:both;}
#footerbtn ul{ display:inline-block; vertical-align:top; width:18%; margin:20px 18px 0; text-align:center;   }
#footerbtn ul li{ display:block; vertical-align:top; margin:0 15px; text-align:left; font-size:14px; font-size:1.4rem; }
#footerbtn ul li a{ padding:5px 15px 4px 2px; display:block;  }
#footerbtn ul li a:before{ 
font-family: FontAwesome;
  content: "\f105  ";
 left: 10px; color:rgba(121,121,121,1.00);
}
#footerbtn ul li:first-child{border-bottom:2px solid rgba(121,121,121,1.00); margin:0 10px; text-align:left; font-size:16px; font-size:1.6rem; font-weight:bold; }
#footerbtn ul li a:hover{ background:rgba(211,207,182,1);  }
#footerbtn ul li.footerfaq{ margin:2em 0px 0;}
#footerbtn ul.fotterhoka{ width:auto;  padding:35px 0px 0;}
#footerbtn ul.fotterhoka li{ margin:0;}
#footerbtn ul.fotterhoka li:first-child{border:none;  margin:2px 0px 0; text-align:left;   font-size:14px; font-size:1.4rem; font-weight:normal; }
#footerbtn ul.fotterhoka li:nth-child(2),#footerbtn ul.fotterhoka li:nth-child(3){border:none;  margin: 1em 0 0; }
#footerbtn ul.fotterbutsuji li:last-child{margin:1em 15px 0; }

#footerbtn ul ul{ display:block; width:auto; margin:0px 0 0 20px; text-align:center;   }
#footerbtn ul ul li{ display:block; vertical-align:top; border:none; margin:0 10px; text-align:left;   font-size:13px; font-size:1.3rem; }
#footerbtn ul ul li a{ padding:5px 15px 4px 2px; display:block;  }
#footerbtn ul ul li:first-child{border:none; margin:0 10px 0; text-align:left;   font-size:13px; font-size:1.3rem; font-weight:normal; }

#footer dl{margin:20px auto 0; max-width:1200px; border-top:1px solid rgba(121,121,121,1.00); padding:15px 0 0; text-align:center;  }
#footer dl dt,#footer dl dd{display:inline-block; color:#000; padding:0 20px;  vertical-align:top; text-align:left;}
#footer dl  dt{ font-size:25px; font-size:2.5rem; font-weight:bold; color:#c33634;  padding:5px 20px 0; }
#footer dl dd{ padding:0px 0 0 10px;}
#footer dl dd span{ display:block; font-size:12px; font-size:1.2rem; }
#footer dl dd a{ display:inline-block; vertical-align:middle; padding:0 15px 0 0; text-align:center; line-height:1.2;}
#footer dl dd img{ margin:0 10px 0 0; }
#footer p.adress{ text-align:center; margin:5px 0 0 !important; padding:0 !important; color:#000;}
#copy{ text-align:center; padding: 10px;}
#footer dl dd a:last-child{ margin:-10px 0 0 0;}


/*トップ*/

.wideslider {
    width: 100%;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
.wideslider ul,
.wideslider ul li {
    float: left;
    display: inline;
    overflow: hidden;
}
 
.wideslider ul li img {
    width: 100%;
    display: none;
}
.wideslider ul li img {
    width: 100%;
    display: none;
}
 
.wideslider ul li {
    overflow: hidden;
}
.wideslider ul li img {
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}

.wideslider_base {
    top: 0;
    position: absolute;
}
.wideslider_wrap {
    top: 0;
    position: absolute;
    overflow: hidden;
 
}
.slider_prev,
.slider_next {
    top: 0;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    cursor: pointer;
}
.slider_prev {background: #fff url(../img/prev.jpg) no-repeat right center; }
.slider_next {background: #fff url(../img/next.jpg) no-repeat left center;}
 

.pagination {
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 20px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.pagination a {
	margin: 0 0.5em;
	width:1em;
	height:1em;
	display: inline-block;
	overflow: hidden;
	background: #fff;
	border-radius:50%;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

 
/* =======================================
    ClearFixElements
======================================= */
.wideslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.wideslider ul {
    display: inline-block;
    overflow: hidden;
}

/**/
ul.tenpotitle { text-align:center; background:#bb0007;}
ul.tenpotitle li{   padding:10px;
position:relative;
    color:#fff; height:50px;
}
ul.tenpotitle li:first-child{ width:40%; background:#e71f19; font-size:25px; font-size:2.5rem; text-align:right; z-index:100;  display:inline-block;
  width:30%;
  position:relative; float:left;
  top:0px; }
  ul.tenpotitle li:first-child span{ display:block; padding:10px 0 0;}
ul.tenpotitle li:nth-child(2){ width:62%;  text-align:left;  float:right; font-size:20px; font-size:2rem; }
ul.tenpotitle li:nth-child(2) span{ display:block; padding:12px 0 0;}

 ul.tenpotitle li:first-child:before {
  position:absolute;
  content:"";
  width:0;
  height:0;
  border:35px solid transparent;
  border-left:35px solid #e71f19;
  right:-70px;
  top:0px;
}


/*サブボタン*/
.subnav1{ margin:10px 0 ; text-align:left; }
.flows { margin:0; padding:0; }
.flows li { display:inline-block; margin:5px 5px 0; vertical-align:middle;  }
.subnav1 li.flow{
	width: 100px;
	height: 30px;
	line-height: 30px;
	list-style: none;
	text-align: center;
	font-size: 16px; font-size:1.6rem;
	margin:0 20px 10px 0px;
	padding-left:0.5em; 
	float: left;
	position: relative;
	z-index: 2; 
	color:#fff; 
}
li.flow span,
li.flow2 span{
	position: relative;
	z-index: 20;
}
li.flow::after{
	content: "";
	height: 0;
	border-top: solid 15px rgba(0, 0, 0, 0);
	border-bottom: solid 15px rgba(0, 0, 0, 0);
position: absolute;
	top: 0;
	right: -15px;
	z-index: 5;
}

#subbutudan li.flow{background: #a32224;}
#subbutudan li.flow::after{border-left: solid 15px #a32224;}
#subbutugu li.flow{background: #114561;}
#subbutugu li.flow::after{border-left: solid 15px #114561;}


/* ボタン共通 */
.flows li:not(:first-child) {
	overflow: hidden;
	width: 155px;
	height: 30px;
	margin: 0;
	padding: 0;
}

.flows li a {
	display: block;
	position: relative;
	z-index: 100;
	text-align:center;
	color: #000;
	font-size: 16px; font-size:1.6rem; 
	line-height: 32px;
	text-decoration:none;
}


.flows li a:hover ,.howto #subbutudan li.subshuha a,.about #subbutudan li.subabout a,.repair #subbutudan li.subre a,.move #subbutudan li.submove a,.guide #subbutudan li.subguide a,.kamidana #subbutudan li.subkami a{background: rgba(163,34,36,0.1);   /* マウスオーバーカラー */  }

.flows li a:hover:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0 px;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent;        /*top right bottom を透明化 */ 
	
}

#subbutudan li:not(:first-child) { border: solid 1px #a32224;}
#subbutudan  li a:hover:before,.howto #subbutudan li.subshuha a:before ,.about #subbutudan li.subabout a:before ,.repair #subbutudan li.subre a:before,.move #subbutudan li.submove a:before,.guide #subbutudan li.subguide a:before{border-left: 5px solid #a32224;}

#subbutugu  li:not(:first-child) { border: solid 1px #114561;}
 #subbutugu  li a:hover:before,.nenjyu #subbutugu li.subnenjyu a:before,.ihai #subbutugu li.subihai a:before,.ihai2 #subbutugu li.subihai a:before,.butsugu #subbutugu li.subbutugu a:before{border-left: 5px solid #114561;}
.flows a:before {display: block;
content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent; 
}

 #subbutugu li a:hover ,.nenjyu #subbutugu li.subnenjyu a,.ihai #subbutugu li.subihai a,.ihai2 #subbutugu li.subihai a,.butsugu #subbutugu li.subbutugu a{background: rgba(17,69,97,0.1);   /* マウスオーバーカラー */  }


/*sub共通*/
.sub #contents { margin:0px auto 10px;  }
.sub #contents header h1{ font-size:42px; font-size:4.2rem; margin:0px auto; width:1300px; color:#fff; height:200px; vertical-align:middle; }
.sub #contents header h1 span,.sub #contents header h1 strong{ display:inline-block; vertical-align:middle; }
.sub #contents header h1 strong{ display:inline-block; vertical-align:middle; margin:80px 0 0 80px; }
.sub #contents header h1 span{ font-size:18px; font-size:1.8rem; margin:80px 0 0 2em; margin:80px 0 0 50px; }
.sub #contents header{ min-height:200px;  padding:0px 0 0;  height:130px; background-size:cover; }

.sub #contents section{ margin:20px auto 60px;}
.butudan #contents section a {color:#3976EF; text-decoration:underline;}
.sub #contents section a:hover{ color:#e61f19;}
.sub #contents section p{ margin:0 auto; width:95%;}
.sub #contents h2{ font-size:28px; font-size:2.8rem; margin:40px 0; padding:0 0 0 20px; font-weight:bold; }
.red #contents h2{ border-left:4px #c30d23 solid;}
.blue #contents h2{ border-left:4px #114561 solid;}
.green #contents  h2{ background: url(../img/butudan/kamidana/titleback.png ) no-repeat; color: #fff;padding:15px 0 10px 20px;font-size:34px; font-size:3.4rem;  margin:40px 0 20px;  }

.sub #contents section h3{ font-size:20px; font-size:2.0rem; margin:40px 0 20px 20px; padding:0 0 0 40px; font-weight:bold; background-position: 0 8px; background-size:30px; background-repeat:no-repeat;}

.red #contents header h1{ background:url(../img/common/red.png) 0 55% no-repeat; }
.blue #contents header h1{ background:url(../img/common/blue.png) 0 55% no-repeat; }
#haka #contents header h1{ background:url(../img/common/green.png) 0 55% no-repeat; }
.blue2 #contents header h1{ background:url(../img/common/blue2.png) 0 55% no-repeat; }
.blue3 #contents header h1{ background:url(../img/common/blue3.png) 0 55% no-repeat; }
#about #contents header h1{ background:url(../img/common/perple.png) 0 55% no-repeat; }
.green #contents header h1{ background:url(../img/butudan/kamidana/headertitle.png) 0 55% no-repeat ; }

.ihai2 #contents h2{ border-left:4px #114561 solid;}
.ihai2 #contents header h1{ background:url(../img/butudan/ihai2/headtitle.png) 0 55% no-repeat; }
.ihai2 #contents  section  h3{  background-image:url(../img/butudan/ihai2/h3.png) ;}



.red #contents  section  h3{ background-image:url(../img/butudan/h3re.gif) ;}
.blue #contents  section  h3{  background-image:url(../img/butudan/h3b.gif) ;}
.green #contents section  h3{background-image:url(../img/butudan/h3g.gif) ; border-bottom: 4px solid #446A37;  color: #446A37;  font-size:28px; font-size:2.8rem; margin:60px 0 30px 0px; padding:0 0 5px 70px; font-weight:bold; background-position: 0 0; background-size:45px auto;  background-repeat:no-repeat;}


.sub #contents section figure{ margin:0; padding:0; }
.sub #contents section figure.alignright{ margin:0 0 1em 1em; padding:0; }
.sub #contents section figure.alignleft{ margin:0 1em 1em 0; padding:0; }
.sub #contents section figcaption{ text-align:center; font-size:14px; font-size:1.4rem;}
.sub #contents section figcaption span{ display:block;  font-size:14px; font-size:1.4rem; text-align:left; line-height:1.3;}

.sub #contents section ul.center li{ display:inline-block; vertical-align:top; margin:10px; }
.sub #contents section ul.center{ margin:30px 0; text-align:center;}
.sub #contents section .lsize{ font-size:18px; font-size:1.8rem;}
.sub .button {
  display: inline-block;
  width: 200px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
}
.sub .button::before,
.sub .button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.sub .button,
.sub .button::before,
.sub .button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.sub .button {
  position: relative;
  z-index: 2;
  background-color: #3c6ab3;
  border: 2px solid #3c6ab3;
  color: #fff;
  line-height: 50px;
}
.sub .button:hover {
  background-color: #fff;
  border-color: #59b1eb;
  color: #59b1eb;
}
.sub .button::before,
.sub .button::after {
  top: 0;
  width: 50%;
  height: 100%;
  background-color: #3c6ab3;
}
.sub .button::before {
  right: 0;
}
.sub .button::after {
  left: 0;
}
.sub .button:hover::before,
.sub .button:hover::after {
  width: 0;
  background-color: #59b1eb;
}
#ebooknew .button {
  width: 350px;  display: block; margin: 20px auto;
}

/*まるナンバー*/
ol.maruno{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.5em;
}
ol.maruno li{
  position: relative;
  padding-left: 30px;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 30px;
}

ol.maruno li:before{
  /* 以下数字をつける */
  position: absolte;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #b9190b;
  color: white;
  font-family: 'Lobster', cursive;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height:25px;
  text-align:center;
  /*以下 上下中央寄せのため*/
  top:25px;
  -moz-transform: translateY(-10%);
  	-webkit-transform: translateY(-10%);
  	-o-transform: translateY(-10%);
  	-ms-transform: translateY(-10%);
  	transform: translateY(-10%);

}
.sub #contents section ol.maruno a{ color: #040000; text-decoration:none;}
.sub #contents section  ol.maruno a:hover{color:#e61f19;}
.next{ text-align:right; margin:15px 0 0; }
.next a{color:#3976EF !important; text-decoration:underline !important;}
.next a:hover{ color:#e61f19 !important;}



/*丸ボタン*/
.sub #subfooternav { margin:20px auto 0px; padding:20px 0 0 0px;  text-align:center; background:#f0f0f0; }
.sub #subfooternav ul{ margin:0 auto; width:1200px; }
.sub #subfooternav li{ display:inline-block; vertical-align:top; margin:25px; }
#butsuji  #subfooternav li{ margin:25px 15px; }

.sub #subfooternav li img{  width:150px; height:150px; border-radius:50%; }
.sub #subfooternav li span{ display:block; border-top:1px solid #ff0000; border-bottom:1px solid #ff0000; font-size:18px; font-size:1.8rem; margin:5px 0; padding:5px 0;   }
.sub #subfooternav li .fa{ display:block; color:#ff0000; font-size:18px; font-size:1.8rem; margin:0px;   }
.sub #subfooternav li a img{border:4px solid #f0f0f0;}
.sub #subfooternav li a:hover img{border:4px solid #ff0000;}

footer#data{ text-align:center; margin:100px auto 0 ; width:100%;}
footer#data h3{ text-align:center; background:#9fb1bc; padding:15px; font-size:25px; font-size:2.5rem; color:#fff; margin:0 auto 30px;}
footer#data a{color:#3976EF; text-decoration:underline; }
footer#data a:hover{color:#e61f19; }


/*仏壇仏具フッター*/
#butudan  #contents footer#data div{ display:inline-block; vertical-align:top; text-align:left; margin:10px 25px ; }
#butudan  #contents footer#data  div h4{font-size:28px; font-size:2.8rem; text-align:left; margin:0px 0 15px ;  color:#c30d23;   }
#butudan  #contents footer#data  div img{ margin:8px 0 ;  }
#butudan  #contents footer#data div p{ margin:0 0 10px ;  font-size:18px; font-size:1.8rem;}
#butudan  #contents footer#data div ul,#butudan  #contents footer#data div img{ display:inline-block; vertical-align:top}
#butudan  #contents footer#data div ul { margin:0 0 0 10px;}
#butudan  #contents footer#data div ul li{ font-size:16px; font-size:1.6rem; margin:0 0 5px 10px; }
#butudan  #contents footer#data div ul li:after{
font-family: FontAwesome;
content: "\f18e  ";
color:#3976EF; margin:0 0 0 0.5em;
}


/*ebook*/
#ebook  #contents header{   background:#231815; height:auto; min-height:2em;  padding:1em 0 0.5em;  height:auto; margin:0;  }
#ebook  #contents  header h1{font-size:18px; font-size:1.8rem; height:auto; vertical-align:middle; 	font-family:-apple-system, BlinkMacSystemFont,YuGothic,    /* Mac用 */"Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
margin:0px auto; width:80%; max-width:1100px; }
#ebook  .ebookmain{ margin:-0px 0 0 0; padding:15px;  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eaeaea), color-stop(0.00, #a8a8a8));
background: -webkit-linear-gradient(#eaeaea, #f2f2f3);
background: -moz-linear-gradient(#eaeaea, #f2f2f3);
background: -o-linear-gradient(#eaeaea, #f2f2f3);
background: -ms-linear-gradient(#eaeaea, #f2f2f3);
background: linear-gradient(#eaeaea, #f2f2f3);
 }

#ebook .ebookmain .ebook h2{font-family:-apple-system, BlinkMacSystemFont,YuGothic,    /* Mac用 */"Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
 margin:20px auto; border-left:5px solid #000; padding:0 0 0 10px;font-size:20px; font-size:2.0rem;}
 #ebook  .ebookmain p{ margin:0 0 20px;font-size:18px; font-size:1.8rem;}
 
 #ebook  .ebookmain .book{
	padding: 30px 0; display:block; margin:20px auto; width:80%; 
}
  #ebook  .ebookmain .book span,#ebook  .ebookmain  .book dl{ display:inline-block; vertical-align:top; margin:10px;}
    #ebook  .ebookmain .book span{ width:160px; font-size:12px; font-size:1.2rem; text-align:center;}
 #ebook  .ebookmain .book dl{ width:670px; } 
 #ebook  .ebookmain .book dl dt{ text-align:center; font-size:18px; font-size:1.8rem; color:#fff; background:#22ac38; width:250px; padding:0.75em 0; margin:0 0 10px;}
  #ebook  .ebookmain .book dl dt:nth-of-type(2){ background:#00a0e9; padding:1.5em 0; margin:25px 0 10px 0; }
 #ebook  .ebookmain .book dl dd{ margin:10px 0 0 10px;width:auto !important; padding:0;  }
 #ebook  .ebookmain .book dl dt a{ color:#fff;}
#ebook  .ebookmain .book dl dt a:hover{ text-decoration:underline; }



/*ebooknew*/
#ebooknew  #contents header{  background-image:url(../ebook/img/titleback.jpg); }
#ebooknew  #contents  h1{ background:url(../ebook/img/green.png) 0 55% no-repeat; }
#ebooknew  #contents  h2{ margin:30px auto 0; font-size:42px; font-size:4.2rem; color:#000; border-bottom: 1px solid #8c6239; padding: 0 5px 5px; width:23em;  }
#ebooknew  #contents .chui{ text-align:center; color: #ff0000; margin: 8px auto 30px; }

#ebooknew  .ebookmain .book dl{ width:820px; margin: 80px auto; } 
#ebooknew  .ebookmain .book dl.user dt, #ebooknew  .ebookmain .book dl.user dd{ display:inline-block; vertical-align: middle;}
 #ebooknew  .ebookmain .book dl.user dt{ text-align:center; font-size:18px; font-size:1.8rem; color:#fff;margin:0 0 10px;}
#ebooknew  .ebookmain .book dl.user dt a{ display:block;  background:#22ac38 url(../ebook/img/arrow.png) no-repeat 98% 50%; background-size:12px 17px ;width:250px; padding:0.75em 0; }
  #ebooknew  .ebookmain .book dl.user dt:nth-of-type(2) a{ background:#00a0e9 url(../ebook/img/arrow.png) no-repeat 98% 50%; background-size:12px 17px ; padding:1.5em 0; margin:25px 0 10px 0; }
#ebooknew  .ebookmain .book dl.user dt a:hover{ background:#a7f9ad url(../ebook/img/arrow.png) no-repeat 98% 50%; background-size:12px 17px ; } 
 #ebooknew  .ebookmain .book dl.user dt:nth-of-type(2) a:hover{ background:#97cfef url(../ebook/img/arrow.png) no-repeat 98% 50%; background-size:12px 17px ; } 
 #ebooknew  .ebookmain .book dl.user dd{ margin:0px 0 0 20px; width:390px!important; padding:0;  }
 #ebooknew  .ebookmain .book dl.user dt a{ color:#fff;}
#ebooknew  .ebookmain .book dl.user dt a:hover{ text-decoration:underline; }
#ebooknew  .ebookmain .book dl.bookshokai dt b{ font-weight:normal;}
#ebooknew  .ebookmain .book dl.bookshokai dt{ background: #534741; color: #fff; font-size: 30px; padding: 8px 15px;}
#ebooknew  .ebookmain .book dl.bookshokai dt span{  font-size:18px; margin-left:2em;}
#ebooknew  .ebookmain .book dl.bookshokai{background:rgba(199,178, 153,0.3);}
#ebooknew  .ebookmain .book dl.bookshokai dd {padding:40px 20px;}
#ebooknew  .ebookmain .book dl.bookshokai dd img,#ebooknew  .ebookmain .book dl.bookshokai ul,#ebooknew  .ebookmain .book .bookshokai2 img,#ebooknew  .ebookmain .book .bookshokai2 ul{ display:inline-block; vertical-align: top;}
#ebooknew  .ebookmain .book dl.bookshokai ul,#ebooknew  .ebookmain .book .bookshokai2 ul{width:470px; margin:0 0 0 20px;}
#ebooknew  .ebookmain .book dl.bookshokai ul li,#ebooknew  .ebookmain .book .bookshokai2 ul li{margin:0 0 20px;}
#ebooknew  .ebookmain .book dl.bookshokai ul li h3,#ebooknew  .ebookmain .book .bookshokai2 ul li h3{color:#42210b;font-size:30px; font-size:3.0rem; border-bottom: 1px solid #3aa745 ;  }
#ebooknew  .ebookmain .book dl.bookshokai ul li h3:before,#ebooknew  .ebookmain .book .bookshokai2 ul li h3:before{
font-family: FontAwesome;
content: "\f0c8";
color:#3aa745; margin:0 0.2em 0 0;
}
#ebooknew  .ebookmain .book dl.bookshokai ul li p,#ebooknew  .ebookmain .book .bookshokai2 ul li p{margin:0.5em 0 0 35px;}
#ebooknew  .ebookmain .book .bookshokai2{ width:820px; margin: 80px auto; } 
#ebooknew  .ebookmain .form h2{ color:#c1272d !important; border: none!important; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-size:36px !important;font-size:3.6rem !important; font-weight: bold !important; width:830px!important; margin:30px auto 0!important; }
#ebooknew  .ebookmain #mailformpro h3{ border-left:5px solid #000; font-size:20px !important; font-size:2.0rem !important; font-weight: bold !important; margin:0 0 15px 0; padding-left:8px;  }

#ebooknew  .ebookmain .form p{margin:0px auto 0;  width:830px;  }
#ebooknew  .ebookmain .formback{ background:#f0f0f0; padding: 15px 0;width:800px;margin:30px auto 0; }
#ebooknew .event h2,#ebooknew .catalog h2{ background: none;  color: #603813 !important; font-weight: normal !important; margin: 0 0 50px!important;  width:auto!important; }
#ebooknew .event,#ebooknew .catalog{ text-align:center; margin: 80px auto;  }
#ebooknew .catalog li{ display:inline-block; vertical-align: top; width:300px; padding: 15px 0;  margin: 10px; border: 1px solid #000000; }
#ebooknew .catalog li:hover{ background: #f8f5ee;}
#ebooknew .catalog li img{width:auto; height:305px;}
#ebooknew .catalog li span{ display:block; margin:15px auto 8px; width:170px; padding: 3px 0; border: 2px solid #000; border-radius: 20px; FONT-SIZE:17px;}
/*スマホ用非表示*/

#faq  #contents  section#mobile{ display:none;}
.menu-btn,.pushy{  display:none;}
#footernavmobile{ display:none;}