@charset "utf-8";
/*
Theme Name: Hamaya

*/


/* =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% ;height: 100%;} /*初期値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;height: 100%;
}
.mincho{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:.7; }
/**** Clearfix ****/



/* レイアウト
------------------------------------------------------------*/
.inner{margin:0 auto; max-width:1200px; }
#wrapper{margin:0 auto 0px;font-size: 16px; font-size: 1.6rem;background:#fff;padding:0 0 40px;  width:100%; overflow: hidden;}
.alignleft{ float:left;}
.alignright{ float:right;}
.center{ text-align:center;}
.inner2{margin:0 auto;  max-width:1100px; width:95%;}
#contents{ padding: 0;  }

.inner { width:100%; overflow: hidden; }

/* header
----------------------------------*/
#glovalheader{ text-align:center; padding:5px 0 10px; background:#fff; } 

/* フォントサイズと検索*/

#glovalheader .head{ margin:0px;  padding:5px 0 0; text-align:left; }
#glovalheader .head li{ display:inline-block; vertical-align:middle; margin:0 0 0 10px; }
#glovalheader .head  li:nth-child(2),#glovalheader .head  li:nth-child(3),#glovalheader .head  li:nth-child(4){ display:none; }
#glovalheader .head  li:first-child img{ width:120px; height:auto; }

#glovalheader nav{  display:none;}
#glovalheader .head .menu-btn{ position:fixed; display:block; padding:4px 8px 4px; cursor: pointer; top:5px; right:5px;
background:#fff;  font-size:14px; text-align:center;   z-index: 9999; }


.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 50px;
  height:30px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #666;
  border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 10px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 5px;
}
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(20px) rotate(-45deg);
  transform: translateY(20px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-20px) rotate(45deg);
  transform: translateY(-20px) rotate(45deg);
}
 .menu-trigger b{ display:block; margin:25px 0 0 0;}
 
 header#glovalheader {z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
}
 


/*ついてくるお問い合わせ*/
#float-sns-box { display:none}
.footer_area { background:#d9d9d9; display:block; 
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
	z-index: 10000; text-align: center;
}
.footer_area img { width:100%; height:auto; max-width: 500px; margin: 0 auto; }

/**
 * menu
 */
 
#wrapper .menu {display:none;}

/*パンくず*/

.breadcrumb { margin:20px  0 0 10px; 
  padding-left:0;
}
.index #contents .breadcrumb{ max-width:1000px; width:95%;}
.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;}
a.footbanner{ display: none;   }


/* フッター
*****************************************************/
#footer  { color:#fff; padding:0px 0px 0;font-size: 14px; font-size: 1.4rem; background:rgba(211,207,182,0.3); }
#footer h1 { background:#ad2024; color:#fff; padding:10px 0;font-size:20px; font-size: 2.0rem; font-weight:bold; text-align:center; }
#footer #areabtn{ margin:20px auto; max-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:13px; font-size:1.3rem; }
#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(/shop/image/arrow.gif) 0 50% no-repeat; }

#page-top1{
  display: block;
  background:#666666;
  position: fixed;
  z-index: 9999;
  bottom: 80px;
  right: 10px;
  width: 50px;
  height:30px;
  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; margin:40px 0 0; padding:40px 0 ; border-top:3px solid #9fb1bc; }
#footernav li{ display:inline-block;  vertical-align:top; text-align:left; width:340px;  margin:0 0  0;  position:relative;  }
#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:14px; font-size:1.4rem; }
#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:13px; font-size:1.3rem; }
#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:14px; font-size:1.4rem; 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; }
#footerbtn ul.fotterhoka li{ margin:0;}
#footerbtn ul.fotterhoka li:first-child{border:none;  margin:2px 0px 0; text-align:left;   font-size:13px; font-size:1.3rem; 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; }
#footer dl dd{ padding:10px 0; text-align:center;}
#footer dl dd span{ display:block; font-size:12px; font-size:1.2rem; }
#footer dl dd a{ display:inline-block; vertical-align:top; 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:left; margin:5px auto 0 !important; padding:0 !important; color:#000; width:90%;}
#copy{ text-align:center; padding: 10px 10px; margin: 0 0  130px; font-size:12px;  background:#d9d9d9;}
#footer dl dd a.kon{  padding:10px; }

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; }


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; }
footer#data div{ display:inline-block; vertical-align:top; font-size:23px; font-size:2.3rem; text-align:left; margin:10px ; }
footer#data div.cord{ background:url(/shop/image/36.jpg) no-repeat; padding:10px 10px 0; text-shadow: 0 0 10px #fff,0 0 15px #fff; }
footer#data  div h4{font-size:30px; font-size:3.0rem; text-align:left; margin:0px 0 10px ;   }
footer#data div p{ margin:0 0 10px ;}
footer#data div p .red{ color:#b8272d;}
footer#data div ul,footer#data div img{ display:inline-block; vertical-align:top}
footer#data div ul { margin:0 0 0 10px;}
footer#data div ul li{ font-size:16px; font-size:1.6rem; margin:0 0 5px 10px; }
footer#data div ul li:after{
font-family: FontAwesome;
content: "\f18e  ";
color:#3976EF; margin:0 0 0 0.5em;
}
footer#data  ol li{ display:inline-block; vertical-align:top; margin:5px 3px 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 ul li img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}*/

.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:0.7em;
	height:0.7em;
	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 0;
position:relative;
color:#fff; height:50px;
}
ul.tenpotitle li:first-child{  background:#e71f19; font-size:20px; font-size:2.0rem; 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:15px; font-size:1.5rem; }
ul.tenpotitle li:nth-child(2) span{ display:block; padding:5px 0 ;}

 ul.tenpotitle li:first-child:before {
  position:absolute;
  content:"";
  width:0;
  height:0;
  border:35px solid transparent;
  border-left:15px solid #e71f19;
  right:-50px;
  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:10px auto;  }
.sub #contents header h1{ font-size:42px; font-size:4.2rem; margin:0px auto; max-width:1300px; color:#fff; height:200px; vertical-align:middle; width:100%; over-flow:hidden; }
.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;  background-image:url(/shop/image/titleback.jpg) ;  }

.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;}
.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) 50% 55% no-repeat; }
.blue #contents header h1{ background:url(../img/common/blue.png)  50% 55% no-repeat; }
#haka #contents header h1{ background:url(../img/common/green.png)  50% 55% no-repeat; }
.blue2 #contents header h1{ background:url(../img/common/blue2.png)  50% 55% no-repeat; }
.blue3 #contents header h1{ background:url(../img/common/blue3.png)  50% 55% no-repeat; }
#about #contents header h1{ background:url(../img/common/perple.png)  50% 55% no-repeat; }

.red #contents  section  h3{ background-image:url(../img/butudan/h3re.gif) ;}
.blue #contents  section  h3{  background-image:url(../img/butudan/h3b.gif) ;}
.green #contents  h2{ background: url(../img/butudan/kamidana/titleback.png ) no-repeat; color: #fff;padding:15px 0 10px 20px;font-size:30px; font-size:3.0rem;   }
.green #contents header h1{ background:url(../img/butudan/kamidana/headertitle.png) 0 55% no-repeat ; }
.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 20px 0px; padding:0 0 5px 70px; font-weight:bold; background-position: 0 0; background-size:45px auto;  background-repeat: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) ;}


.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;
}

/*まるナンバー*/
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; max-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 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; display:block; margin:0 auto 10px; }
 #ebook  .ebookmain .book dl{ max-width:670px; width:90%; margin:0 auto;  } 
 #ebook  .ebookmain .book dl dt{ text-align:center; font-size:18px; font-size:1.8rem; color:#fff; background:#22ac38;  padding:0.75em 0; margin:0 0 10px;}
 #ebook  .ebookmain .book dl dt br{ display:none; }  
 #ebook  .ebookmain .book dl dt:nth-of-type(2){ background:#00a0e9; }
 #ebook  .ebookmain .book dl dd{ margin: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) !important; }
#ebooknew  #contents  h1{ background:url(../ebook/img/green.png) 0 55% no-repeat; }
#ebooknew  #contents  h2{ margin:30px auto 0; font-size:35px; font-size:3.5rem; color:#000; border-bottom: 1px solid #8c6239; padding: 0 5px 5px; max-width:23em; width:90%;  }
#ebooknew  #contents .chui{ text-align:center; color: #ff0000; margin: 8px auto 30px; }

#ebooknew  .ebookmain .book dl{max-width:820px; margin: 80px auto;  width:90%;  } 
#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: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{ background:#a7f9ad ; } 
 #ebooknew  .ebookmain .book dl.user dt:nth-of-type(2) a:hover{ background:#97cfef; } 

#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;
}
#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{ max-width:820px; margin: 80px auto; width:90%;  } 
#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; max-width:830px;  width:90%; margin:30px auto 0!important; }
#ebooknew  .ebookmain .form p{margin:0px auto 0;  max-width:830px;  width:90%;  }
#ebooknew  .ebookmain .formback{ background:#f0f0f0; padding: 15px 0; max-width:800px;margin:30px auto 0; width:90%; }
#ebooknew .event h2,#ebooknew .catalog h2{  background: none;  color: #603813 !important; font-weight: normal !important; margin: 0 auto 50px!important; width:100%!important; }
#ebooknew .event,#ebooknew .catalog{ text-align:center; margin: 80px auto;  }
#ebooknew .event img{ max-width:940px; width:90%; height: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;}
#ebooknew .button {
  width: 350px;  display: block; margin: 20px auto;
}
#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;  }

/* =Print
----------------------------------------------- */

@media print {
	
	}
	
@media only screen and (min-width: 1000px) {#footernavmobile{display:none;}
}
	

@media only screen and (max-width: 1000px) {
#footerbtn,.shopingsite,#footernav
,#footer h1,#footer #areabtn,#footer ol{ display:none; }
#footernavmobile ul li a{ display:block; padding:20px 0 15px 70px; font-size:16px; font-size:1.6rem; color:#fff; }
#footernavmobile ul li:first-child a{ background:#ce3434 url(../shop/image/fotterbutudann.png) 10px 45% no-repeat; }
#footernavmobile ul li:nth-child(2) a{ background:#445e93 url(../shop/image/fotterhoyo.png) 10px 45% no-repeat; }
#footernavmobile ul li:nth-child(3) a{ background:#7cba41 url(../shop/image/fotterhaka.png) 10px 45% no-repeat; }
#footernavmobile ul li:nth-child(4) a{ background:#ce3434 url(../shop/image/fottershop.png) 10px 45% no-repeat; }
#footernavmobile ul li:first-child a:hover{ background:#8e1313 url(../shop/image/fotterbutudann.png) 10px 45% no-repeat; }
#footernavmobile ul li:nth-child(2) a:hover{ background:#253c66 url(../shop/image/fotterhoyo.png) 10px 45% no-repeat; }
#footernavmobile ul li:nth-child(3) a:hover{ background:#4b7a18 url(../shop/image/fotterhaka.png) 10px 45% no-repeat; }
#footernavmobile ul li:nth-child(4)  a:hover{ background:#8e1313 url(../shop/image/fottershop.png) 10px 45% no-repeat; }
#footernavmobile ul li a:after{
font-family: FontAwesome;
  content: "  \f138";
 right: 0;
 color:#fff; 
}


/*仏壇仏具フッター*/
#butudan  #contents footer#data div{ display:inline-block; vertical-align:top; text-align:left; margin:10px 10px ; }


/*仏事*/

/*仏事フッター*/
#butsuji footer#data div article{ display:inline-block; margin:10px auto; width:90%; vertical-align:top; text-align:left; }


}
@media only screen and (max-width: 880px) {
/*ebook*/
#ebooknew  .ebookmain .book dl.bookshokai dd{ text-align: center; }
#ebooknew  .ebookmain .book dl.bookshokai dd img,#ebooknew  .ebookmain .book dl.bookshokai ul,#ebooknew  .ebookmain .book .bookshokai2 img,#ebooknew  .ebookmain .book .bookshokai2 ul{ display:block; margin:0 auto 15px;}
#ebooknew  .ebookmain .book dl.bookshokai ul,#ebooknew  .ebookmain .book .bookshokai2 ul{width:90%; margin:0 auto; text-align: left;}
}

/* Minimum width of 600 pixels. */
@media only screen and (max-width: 800px) {
#wrapper{
	 max-width:960px;
	 width:100%;
	}


/*墓フッター*/
 #haka  #contents  footer#data div{ display:inline-block; vertical-align:top; text-align:left; margin:10px 10px ; }

	/*ebook*/
#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  #contents  h2{ font-size:25px; font-size:2.5rem; }
	
#ebooknew  .ebookmain .book dl.user dt, #ebooknew  .ebookmain .book dl.user dd{ display:block; vertical-align: middle;}
  #ebooknew  .ebookmain .book dl.user dd{ margin:0px auto; max-width:390px; padding:0;width:90%!important;  }
#ebooknew  .ebookmain .book dl.user dd br{ dislay:none;}
#ebooknew  .ebookmain .book dl.user dt a{ color:#fff;}
#ebooknew  .ebookmain .book dl.user dt a:hover{ text-decoration:underline; }

#ebooknew  .ebookmain .book dl.user dt a{ display:block;  background:#22ac38 ;width:90%;padding:0.75em 0; margin:0 auto 10px;  }
  #ebooknew  .ebookmain .book dl.user dt:nth-of-type(2) a{ background:#00a0e9 ; padding:1.5em 0; margin:25px auto 10px; }
	
}
/* Minimum width of 600 pixels. */
@media only screen and (max-width: 690px) {
.mobfloat img{ width:100%; height: auto; } }

/* Minimum width of 600 pixels. */
@media only screen and (max-width: 600px) {
.green #contents  h2{font-size:22px; font-size:2.2rem;   }
.green #contents section  h3{background-image:url(../img/butudan/h3g.gif) ; font-size:20px; font-size:2.0rem; margin:60px 0 20px 0px; padding:0 0 5px 40px; font-weight:bold; background-position: 0 0; background-size:30px auto;  background-repeat:no-repeat;}

/*お墓*/
/*サブボタン*/
#haka .subnav1 li a { padding:15px 8px 0;
  height: 75px; line-height:1.3;
  text-align: center; font-size:16px;
}

/*仏事フッター*/
#butsuji footer#data div article .alignleft{ float:none; display:block; margin:0 auto 10px;}
#butsuji footer#data div article .alignright{float:none; display:block; margin:0 auto 10px;}
#butsuji footer#data div article a { margin:10px 0 0 auto; padding:5px px;  width:150px; font-size:14px; font-size:1.4rem;}
#butsuji footer#data div article.coordinator a { clear:both; }

#butsuji footer#data div article .alignright p{margin:0 0 ;}


/*丸ボタン*/
.sub #subfooternav { padding:10px 0; }
.sub #subfooternav li,#butsuji  #subfooternav li{ display:inline-block; margin:0; width:49%; padding:0;   }
.sub #subfooternav li img{ display:none;}
.sub #subfooternav li span{ border:none; background:#fff; display:block; border-bottom:1px solid #ff0000; padding:10px; text-align:left;  font-size:16px; font-size:1.6rem; margin: 0;  line-height:1.3; }
.sub #subfooternav li:first-child span, .sub #subfooternav li:nth-child(2) span{ border-top:1px solid #ff0000; }
.sub #subfooternav li .fa{ display:none;  }
.sub #subfooternav li span:before{ 
font-family: FontAwesome;
  content: "\f105  ";
 left: 10px; 
}
#ebooknew  #contents .chui{ text-align:left;  width:90%; }
 #ebooknew  .ebookmain .book dl.bookshokai dt{  font-size: 25px; }
#ebooknew  .ebookmain .book dl.bookshokai dt span{  font-size:16px; margin-left:0em; display: block; }
#ebooknew  .ebookmain .book dl.bookshokai ul li h3,#ebooknew  .ebookmain .book .bookshokai2 ul li h3{font-size:25px; font-size:2.5rem; padding: 0 0 0 1.2em; }
#ebooknew  .ebookmain .book dl.bookshokai ul li h3:before,#ebooknew  .ebookmain .book .bookshokai2 ul li h3:before{ margin:0 0.2em 0 -1.2em;}
	#ebooknew  .ebookmain .book dl.bookshokai ul li p,#ebooknew  .ebookmain .book .bookshokai2 ul li p{margin:0.5em 0 0 0;}
#ebooknew  .ebookmain .form h2{ font-size:25px !important;font-size:2.5rem !important; }

#ebooknew .catalog li{ padding: 15px 0;  margin: 10px 0;  }
#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 span{ display:block; margin:15px auto 8px; width:170px; padding: 3px 0; border: 2px solid #000; border-radius: 20px; FONT-SIZE:17px;}
}

@media only screen and (max-width: 500px){
	
#copy{ text-align:center; padding: 10px 10px 0px; margin-bottom: 40px;}

/*仏壇仏具フッター*/
#butudan  #contents footer#data  img{ margin:8px auto ; max-width:95%; height:auto; display:block;  }
/*墓フッター*/
 #haka   #contents footer#data  img{ margin:8px auto ; max-width:95%; height:auto; display:block;  }
#ebook  .ebookmain .book dl{ width:100%; margin:0 auto;  } 
 #ebook  .ebookmain .book dl dt{ text-align:left; padding:0.75em 10px;}

 }
@media only screen and (max-width:380px){ 
ul.tenpotitle li:nth-child(2){  font-size:12px; font-size:1.2rem; }
ul.tenpotitle li:nth-child(2) span{ display:block; padding:10px 0 0 ;}
#ebooknew .catalog li img{ width:90%;  height:auto;}
#ebooknew .button {
  width: 90%;  display: block; margin: 20px auto;
}
}

/* =Print
----------------------------------------------- */

@media print {
	
	}