/*
Theme Name: 戒善寺
Theme URI: http://www.kaizenji.jp
Author: 526
Version: 5.2.6
*/

html{
	font-size: 15px;
	height:  100%;
	width: 100%;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", Meiryo, メイリオ, "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
}
body{
	min-height: 100%;
	height: 100%;
	width: 100%;
    background-color: #E7E1DC;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

li{
	list-style: none;
}
.disnon{
	display: none;
}

.wrapper{
	width: 100%;
	height: auto;
	min-height: 100%;
    background-color: #E7E1DC;
}

.inner{
	max-width: 1000px;
	height: auto;
	min-height: 100%;
	margin: 0 auto;
	padding-bottom: 2em;
}
@media only screen and (max-width: 992px){
	.inner{
		padding-bottom: 0;
	}
}
.headerimg{
	text-align: center;
	margin-bottom: 0.5em;
}
	.headerimg img{
		width: 45%;
    	min-width: 200px;
	}

.top-menu{
	width: 100%;
	margin-bottom: 0.5em;
}
	.top-menu li{
		text-align: center;
		width: calc(100% / 6);
		background: url(imgs/heading_bg.png);
		background-color: #742119;
		display: inline-block;
		background-position: 210px -80px;
    	transition: 0.2s;
    	border-right: 1px solid #E7E1DC;
	}
	.top-menu li:last-child{
		border:none;
display:none;

	}
	.top-menu li:hover{
		opacity: 0.8;
	}
		.top-menu li img{
			padding: 1em 0;
		}

	.top-page-menu li{
		width: calc(100% / 7);
	}

.body-left-bog-list{
display:none;
}
.imgslider{
	width: 100%;
	margin-bottom: 2em;
}
	.imgslider img{
		width: 100%;
	}

.top-body{
	display: table;
	width: 100%;
	margin-bottom: 2em;
}

	.body-left,.body-right,.body-left-line{
		display: table-cell;
		vertical-align: top;
	}

.body-left{
	width: calc(65% - 2em);
}
	.body-left li{
		margin-bottom: 1em;
		font-size: 1.1em;
	}
		.body-left li a{
			text-decoration: underline;
		}

.blog-all-link{
	text-align: right;
}
.body-left-line{
	width: 1.5em;
	height: 100%;
	background: linear-gradient(to bottom, #f29f71 0%,#f29f71 40%,#f6d0a1 40%,#f6d0a1 100%); 
}

.body-left-bog-list{
	padding: 1em;
	background-color: #FFFFD2;
	margin-bottom: 2em;
}
.body-right{
	width:35%;
	padding-left: 1em;
}
.body-right-button{
	padding-left: 1em;
	padding-bottom: 1em;
	transition: 0.2s;
}
	.body-right-button img{
		width: 100%;
	}
	.body-right-button:hover{
		opacity: 0.8;
	}

.top-footer{
	background-color: #fff;
	text-align: center;
	padding: 4em 0;
	font-size: 0.8em;
}


/* smapho */
.smapho{
    background-color: #E7E1DC;
}
.s-top{
	padding: 0.5em;
	width: 100%;
	display: table;
}
	.s-top img{
		width: 200px;
	}
.s-top-img,.s-menu{
	display: table-cell;
	vertical-align: middle;
}
.s-top-img{
	width: 85%;
}
.s-menu{
	width: 15%;

}
	.s-menu-button{
		width: 4em;
		text-align: center;
		border: 1px solid #aaa;
		padding: 0.2em;
		border-radius: 3px;
		background-color: #fff;
		cursor: pointer;
	}
	.s-menu-button p{
		font-size: 1px;
		color: #666;
	}
	.s-menu-button .glyphicon{
		font-size: 1.2em;
		color: #aaa;
	}

.s-img-slider{
	width: 100%;
	margin-bottom: 2em;
}
	.s-img-slider img{
		width: 100%;
	}

.s-blog{
	margin-bottom: 2em;
}

.s-title{
	border-bottom: 2px solid #525252;
	padding-left: 1em;
}
.s-title-inner{
	background-color: #525252;
	color: #fff;
	padding: 0.3em 1em;
	width: auto;
	display: inline-block;
	border-radius: 5px 5px 0 0 ;
}

.s-blog-inner{
	background-color: #fff;
	padding: 1em;
}
.s-blog-inner li{
	margin-bottom: 0.5em;
}
	.s-blog-inner a{
		color: #525252;
		text-decoration: underline;
	}
.s-youtube{
	margin-bottom: 2em;
}
.movie-frame{
	height: 270px;
}

.s-menu-li{
}
a .menu-btn{
	margin-bottom: 1em;
	color: #333;
}
.menu-btn{
	background-color: #fff;
	border-radius: 5px;
	padding: 0.5em;
	display: table;
	width: 100%;
	box-shadow: 2px 2px #ccc;
}
.menu-img,.menu-p{
	display: table-cell;
	vertical-align: top;
}
.menu-img{
	width: 70px;
}
.menu-p{
	width: calc(100% - 70px);
}

.menu-img img{
	width: 70px;
}
.menu-p{
	padding-left: 1em;
}
.menu-title{
	font-size: 1.2em;
	font-weight: bold;
}
.menu-txt{
	font-size: 0.9em;
}
.s-menu-li-inner{
	padding: 1em;
}

.slider-menu{
	width: 100%;
	height: 180px;
	border-top: 1px solid #aaa;
}
.s-m{
	width: 100%;
}
	.s-m a{
		display: block;
		float: left;
		width: 50%;
		padding: 0.7em 0 0.7em 1em;
		background-color: #efefef;
		border-bottom: 1px solid #aaa;
		color: #333;
		transition:0.2s;
	}
	.s-m a:nth-child(odd){
		border-right: 1px solid #aaa;
	}
	.s-m a:hover{
		background-color: brown;
		color: #fff;
		text-shadow: 1px 1px #000;
		text-decoration: none;
	}
.page-inner{
	border: 20px solid #fff;
    padding: 2em 2em 1em !important;
    margin-bottom: 2em;
	background-color: #fff;
	background-image: url(imgs/paper.gif);
    background-repeat: repeat;
}

@media only screen and (max-width: 992px){
	.page-inner{
		border:none;
	}
}

.br-sp{
	display: none;
}
@media only screen and (max-width: 768px){
	.br-sp{
		display: block;
	}
}
.page-title{
	font-size: 1.3em;
    font-weight: bold;
    padding: 1em 0 1em 0;
}

.page-img,.blog-contents img{
	border:20px solid #fff;
	box-shadow: 2px 2px 5px #ccc;
}
	.page-img img,.blog-contents img{
		max-width: 100%;
		height: auto;
		display: block;
	}
@media only screen and (max-width: 768px){
	.page-img{
		border:10px solid #fff;
	}
}
.engi-table{
	margin-top: 2em;
}
	.engi-table .row{
		padding: 1.5em 0;
	}
		.engi-table .row a{
			text-decoration: underline;
		}
	.engi-table .row .col-xs-9{
		padding-left: 1em;
	}

.nen{
	font-weight: bold;
	font-size: 1em;
	margin-bottom: 0.5em;
}
.col-sm-9{
	padding-left: 1em;
}

.page-img-hounen{
	text-align: center;
	height: 270px;
}
	.page-img-hounen img{
		height: 100%;
	}
.shushi-table{
	margin-top: 3em;
	font-size: 15px;
}
.col-sm-1{
	padding-right: 0;
	padding-left: 0;
}
	.shushi-table .row{
		padding: 0.5em 0;
	}
	.shushi-table .col-sm-8{
		padding-left: 3em;
	}
@media only screen and (max-width: 768px){
	.shushi-table .col-sm-8{
		padding-left: 1em;
	}
}
	.shushi-table .col-sm-1{
	}
@media only screen and (max-width: 768px){
	.shushi-table .col-sm-1{
		margin-top: 1em;
		font-weight: bold;
		margin-bottom: 0.1em;
	}
}

.shisetsu-title,.gyoji-title{
	color: #666;
	font-size: 1.3em;
	margin-bottom: 0.5em;
	font-weight: bold;
}
.shisetsu-txt,.gyoji-txt{
	color: #666;
	margin-bottom: 1em;
	font-size: 1.1em;
}
	.shisetsu-txt a{
		text-decoration: underline;
	}
.mab4em{
	margin-bottom: 4em;
}.mab2em{
	margin-bottom: 2em;
}
.b{
	font-weight: bold;
}
.img-table{
	width: 100%;
	display: table;
}
.img-table-cell{
	display: table-cell;
	vertical-align: top;
	width: 50%;
}
	.img-table-cell img{
		border:10px solid #fff;
		box-shadow: 2px 2px 5px #ccc;
		width: 100%;
	}

.page-img-left{
	padding-right: 0.5em;
}
.page-img-right{
	padding-left: 0.5em;
}
.mab1em{
	margin-bottom: 1em;
}
@media only screen and (max-width: 768px){
	.img-table-cell{
		display: block;
		width: 100%;
	}
	.page-img-left,.page-img-right{
		padding: 0;
	}
	.mab1em768{
		margin-bottom: 1em;
	}
}

.w-box{
	border: 1px solid #aaa;
	background-color: #fff;
	padding: 1em;
	font-size: 1.3em;
	line-height: 2.2em;
	color: #666;
}
.nokotsu-txt{
	text-align: center;
	font-size: 1.7em;
	color: #999;
}

.map iframe{
	height: 650px;
	background-color: #e5e3df;
}

.prevnext{
	width: 100%;
	display: table;
	padding: 1em 0;
}
.prev,.next{
	display: table-cell;
	width: 50%;
}
.next{
	text-align: right;
}
@media only screen and (max-width: 768px){
	.map iframe{
		height: 350px;
	}
}

.fob{
	font-size: 1.2em;
}
.mat1em{
	margin-top: 1em;
}

.mida-txt{
	font-size: 1.1em;
}

.blog-title{
	font-weight: bold;
	font-size: 1.5em;
	margin-bottom: 0.5em;
}
.blog-date{
	color: #4194B3;
	font-size: 0.9em;
	margin-bottom: 1em;
}
.blog-contents{
	font-size: 1.1em;
}
.blog-contents img{
	margin-bottom:2em;
}

.headtext{
	padding-bottom: 1em;
	font-size: 13px;
	color: #666;
}