/* タブレット以下 */
@media (max-width:1024px) {



@media screen and (max-width: 991px) {

.vk-mobile-nav {
    background-color: #F36D1D;
	}
.vk-menu-acc .acc-btn {
	background-color:rgba(255,255,255,0.8); border:none;
	}
.vk-mobile-nav .widget_nav_menu ul li a, .vk-mobile-nav nav ul li a {
    color: #fff;
	}
.header-top { display:block!important; text-align:center;}
.site-header-logo:after,.site-header-sub  { display:none;}

h1 {
    font-size: 1.7rem;
}
h3, .subSection-title {
    font-size: 22px;
	}
	
/* 葬儀の流れのアンカーボタン ------------------------------------------------------------------ */
ul.flow{ width:550px;}
ul.flow li{width:35px;margin:0px 15px 10px 0px;}
ul.flow li:after {font-size:18px;right:-20px;}
ul.flow a.btn{width:35px;left:-7px;}
ul.flow span{ font-size:8px;}


.footer-logo{ text-align:center;}
.mobile-fix-nav-top{ padding:10px 15px 10px 0px;}

.iphidden,.pconly{display:none!important;}
.pchidden	{ display:block!important;}



@media screen and (min-width: 768px){
.br-sp {display: none; }
}


/* ↓最大568px スマホ限定*/
@media screen and (max-width: 568px) {
	
.noukan{
	 background-position:20% 50%;
	}
.news .col-md-4, .news .col-md-8 {
    padding-top: 20px;
    padding-bottom: 20px;
}

/* 葬儀の流れのアンカーボタン ------------------------------------------------------------------ */
ul.flow{ width:auto; height:auto;}
ul.flow li{width:auto;margin:0px 0px 15px 0px; float:none; height:130px;}
ul.flow li:after {font-size:20px;right:45%;top:90%; content: "\f0d7";}
ul.flow a.btn{width:auto;left:auto; position:inherit; writing-mode: horizontal-tb;height:auto;padding: 0.2rem 0.75rem;}
ul.flow a.btn:before {content: "\f13a"; margin:0px 5px 0px 0px;}
ul.flow span{ bottom:auto; right:0; /*top:30px;*/ width:100px; display: inline; height:auto; font-size:11px; padding:8px 3px;}
/*ul.flow span.bgBlue{bottom:auto;right:42px;}
ul.flow span.bgPurple{bottom:auto;right:84px;}*/
ul.flow span.bgPurple{bottom:auto;top:30px;left:4%;}
ul.flow span.bgBlue{bottom:auto;top:30px;left:35%;}
ul.flow span.bgPink{bottom:auto;top:30px;left:65%;}
ul.flow span.bgZitaku{bottom:auto;top:60px;left:4%;}
ul.flow span.bgShinsousai{bottom:auto;top:60px;left:35%;}
ul.flow span.bgYuzin{bottom:auto;top:60px;left:65%;}
ul.flow span.bgOmakase{bottom:auto;top:90px;left:4%;font-size:11px!important;}
ul.flow span.bgOwakare{bottom:auto;top:90px;left:35%;}
ul.flow span.bgIppan{bottom:auto;top:90px;left:65%;}

a.bttn.s {
    padding: 5px 10px 5px 5px;
    font-size: 12px;
}	
.page-header {
    min-height: 8rem; padding-top:0;
}

.page-header-title, h1.page-header-title,h1 {
    font-size: 1.5rem;}

h3,.subSection-title,.tlDeco,h1.entry-title, .single h1.entry-title, .mainSection header h1,.media-heading.entry-title a {
    font-size: 20px;
	}
	

.site-body .row.sp div:first-child{padding-bottom:15px;}

.taL_sp{ text-align:left;}


/* Footer ------------------------------------------------------------------ */
.mobile-fix-nav-top .col-7{ padding-right:0px;}
.mobile-fix-nav-top .col{  padding-left:0; padding-right:2px;}
.mobile-fix-nav-top .contactBt a.bttn.s   { padding: 8px 2px; font-size:10px; height:70px;}

/* btn ------------------------------------------------------------------ */
a.bttn{padding:15px 10px;}

/* reverse ------------------------------------------------------------------ */
.reverse{flex-direction: column;}
.reverse div:first-child{order: 2;}
.reverse div:nth-child(2){order: 1; padding-bottom:15px;}

/* table ------------------------------------------------------------------ */
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive table { width:600px;}
.table-responsive table td, .table-responsive table th {
    padding: .5rem;
}
table.block th,table.block td{
	display:block; width:100%;
	}


/* Font ------------------------------------------------------------------ */
.fzL {font-size: 110%;}
.fzLL {font-size: 120%;}
.fzLLL {font-size: 130%;}
.fzS {font-size: 95%;}
a.bttn {font-size: 15px;}

/* Width ------------------------------------------------------------------ */
.w30,.w50,.w70,.w80,.w90 { width:auto;}

/* Floats ------------------------------------------------------------------ */
.flL{ float:none!important;display: inherit;}
.flR{ float:none!important;display: inherit;}
.flL.img,.flR.img { margin:0px 0px 20px 0px; text-align:center;}

/* Margin ------------------------------------------------------------------ */
.mr05 { margin-right:0px;}
.mr10 { margin-right:0px;}
.mr15 { margin-right:0px;}
.mr20 { margin-right:0px;}
.mr25 { margin-right:0px;}
.mr30 { margin-right:0px;}
.mr35 { margin-right:0px;}
.mr40 { margin-right:0px;}
.mr45 { margin-right:0px;}
.mr50 { margin-right:0px;}
.ml05 { margin-left:0px;}
.ml10 { margin-left:0px;}
.ml15 { margin-left:0px;}
.ml20 { margin-left:0px;}
.ml25 { margin-left:0px;}
.ml30 { margin-left:0px;}
.ml35 { margin-left:0px;}
.ml40 { margin-left:0px;}
.ml45 { margin-left:0px;}
.ml50 { margin-left:0px;}
.ml100 { margin-left:0px;}

/* Padding ------------------------------------------------------------------ */
.pd00 { padding:0;}
.pd10 { padding:2%;}
.pd15 { padding:2%;}
.pd20,.pd30,.pd50,.box { padding:5%!important;}

@media screen and (min-width:767px){
br.nobr{display:contents;}
}	
    
.sponly	{ display:block!important;}
.sphidden,.pconly	{ display:none!important;}
.pchidden,.iphidden	{ display:block!important;}
}
}
}}