/*--------------------------------------------------------------
レイアウト パターンA
--------------------------------------------------------------*/

.layout_a{
	padding: 0 0 4em;
	color:#333;
}
.layout_a h3.title {
	line-height: 1.4;
	font-size: 2.4em;
	color: #C30D23;
	margin: 0 0 5px;
	font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "HG明朝B", "ＭＳ 明朝", "MS PMincho", serif;
}
.layout_a h3.title .yomi{
	display: block;
    font-size: 0.5em;
    letter-spacing: 1px;
}

/*--------------------------------------------------------------
各タイトル
--------------------------------------------------------------*/
.sp_ttl{
	display:none;
}

#tenjyoga_ttl {
	margin:1em 0 0 0;
	background: #FFF url("../../img/inori/tenjyoga_husumae/img_top.jpg") top center no-repeat;
	height: 700px;
	position: relative;
	overflow:hidden;
	dispaly:block;
}
#tenjyoga_ttl h2{
	position: absolute;
	top: 50px;
	left: 15%;
	font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "HG明朝B", "ＭＳ 明朝", "MS PMincho", serif;
	color:#FFF;
	font-size:4.0em;
	text-shadow: 0 0 5px #000;
	margin:0 0 1.4em;
}
#tenjyoga_ttl .topcomment{
	width:50%;
	color:#FFF;
	text-shadow: 0 0 3px #000;
	position: absolute;
	left: 15%;
	top: 150px;
}
#tenjyoga_ttl .sv{
	text-align:right;
}
#tenjyoga_ttl .topspot{
	width:50%;
	color:#FFF;
	text-shadow: 0 0 3px #000;
	position: absolute;
	left: 15%;
	bottom:10px;
	font-size:0.8em;
}
#tenjyoga_ttl .topspot p{
	margin:0 0 3px;
}
#tenjyoga_ttl .topspot .mds{
	margin:1em 0 0 0;
	font-size:1.2em;
}
span.info01{
	background:#000;
	padding:3px 2px 2px;
	margin:0;
	line-height:100%;
	font-size:0.9em;
	color:#FFF;
	display:inline-block;
}
span.info02{
	background:#68B4C1;
	padding:3px 5px;
	margin:0;
	line-height:100%;
	font-size:0.9em;
	color:#000;
	text-shadow: 0 0 0;
	display:inline-block;
}
.r_note{
	text-align:right;
	margin:0;
}

.tenjyoga_content{
	background:#FFF;
	padding: 1em 2em 2em;
}
.tenjyoga_content h3{
	margin:0 auto 0.4em;
	padding:15px 10px;
	font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "HG明朝B", "ＭＳ 明朝", "MS PMincho", serif;
	color:#94D4DD;
	font-size:4em;
	font-weight:normal;
	background: url(../../img/inori/tenjyoga_husumae/bg_mds.jpg) repeat-x 0 bottom;
	display:block;
	overflow:hidden;
}
.tenjyoga_content .col4{
	width:23.4%;
}
.tenjyoga_content .col4 span{
	margin:0 0 2px;
}

.mds_tenjoga,
.spotname{
	font-size:1.2em;
	font-weight:bold;
}
.spotname{
	margin:1em 0 0.4em 0;
}
.col_r{
	width:50%;
	float:right;
	margin:0 0 2em 0;
}
.col_r img{
	width:100%;
}

.col_l{
	width:48%;
	float:left;
	margin:0 0 2em 0;
	font-size:0.9em;
}
.w_cont{
	width:100%;
	font-size:0.9em;
	display:block;
	overflow:hidden;
	margin:20px 0 2em;
}
.col3:nth-of-type(3n){
	margin:0 0 0em 0;
}
.planttl{
	color:#68B4C1;
}


/*--------------------------------------------------------------
パンくず
--------------------------------------------------------------*/

#crumb-area-spe { 
	width: 100%;
	max-width: 1140px;
	text-align:left;
	overflow:hidden;
	display:block;
	position: absolute;
	top: 16px;
	left: 0;
	right: 0;
	margin: auto;
	background:#eae3d0;
}
#crumb-area-spe ul{
	margin:0;
	float: right;
}
#crumb-area-spe ul li{
	float: left;
	font-size: 0.75em;
	margin: 0 1em 0 0;
	color: #333;
}
#crumb-area-spe ul li:last-child{
	margin:0;
}
#crumb-area-spe ul li a {
	display: block;
	color: #0068b7;
	text-decoration: underline;
	padding: 0 1em 0 0;
	position:relative;
}
#crumb-area-spe ul li a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 6px;
	height: 6px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*--------------------------------------------------------------
共通
--------------------------------------------------------------*/

#contents_special {
    background: url(../../img/common/contents_special_back.png) repeat top center;
    position: relative;
}
#contents_black {
    background: #060606;
    position: relative;
    overflow: hidden;
    color: #fff;
}
#contents_beige {
    background-color: #eae3d0;
    position: relative;
}
.item{
	margin: 4em 0 0;
}

.lead{
	line-height: 1.8;
	font-size: 1.2em;
	font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "HG明朝B", "ＭＳ 明朝", "MS PMincho", serif;	
}
#contents_jizou {
    background-color: #eae3d0;
    position: relative;
}
.item{
	margin: 4em 0 0;
}

.btn_detail_r{
	border: 3px solid #C30D23;
	padding: 10px 25px 8px 8px;
	color: #000;
	background: #fff;
	float: left;
	margin: 5px 0 10px;
	font-weight: bold;
	position: relative;
	font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "HG明朝B", "ＭＳ 明朝", "MS PMincho", serif;
	text-shadow: none;
}
.btn_detail_r:before {
    position: absolute;
    top: 50%;
    right: 14px;
    display: inline-block;
    width: 0;
    height: 0;
    margin-top: -4px;
    margin-left: 0px;
    border-top: 4px solid transparent;
    border-left: 6px solid #000;
    border-bottom: 4px solid transparent;
    content: "";
}
.btn_detail_r:after{
	margin:0 0 0 0.5em;
	content: url(../../img/common/ico_yamatoji.png);
	display:inline-block;
	vertical-align: middle;
}
.btn_detail_r:hover{
	opacity: 0.6;
}


/*------------------------------------------------------------------------
1000～1140px
------------------------------------------------------------------------*/

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

/*-----レイアウト----*/
	.layout_a {
		padding: 2em 3em 4em;
	}


/*-----パンくず-----*/

	#crumb-area-wh {
	    width: auto;
	    right: 30px;
	}
	#crumb-area-bgbl {
	    width: auto;
	    right: 30px;
	}
	#crumb-area-spe {
	    width: auto;
	    right: 30px;
	}

	.tenjyoga_content .col4{
		width:23%;
	}
}
/*------------------------------------------------------------------------
～1000px
------------------------------------------------------------------------*/

@media screen and (max-width: 1000px) {
	
/*-----レイアウト-----*/
	.layout_a {
		padding: 2em 0 4em;
	}

	#tenjyoga_ttl h2{
		position: absolute;
		top: 50px;
		left: 5%;
		font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "HG明朝B", "ＭＳ 明朝", "MS PMincho", serif;
		color:#FFF;
		font-size:4.0em;
		text-shadow: 0 0 5px #000;
		margin:0 0 1.4em;
	}
	#tenjyoga_ttl .topcomment{
		width:50%;
		color:#FFF;
		text-shadow: 0 0 3px #000;
		position: absolute;
		left: 5%;
		top: 150px;
	}
	#tenjyoga_ttl .topspot{
		width:50%;
		color:#FFF;
		text-shadow: 0 0 3px #000;
		position: absolute;
		left: 5%;
		bottom:10px;
		font-size:0.8em;
	}
	.tenjyoga_content .col4{
		width:22.3%;
	}
	.tenjyoga_content .col3{
		width:30.9%;
	}

}

/*------------------------------------------------------------------------
～960px
------------------------------------------------------------------------*/

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

}

/*------------------------------------------------------------------------
～680px
------------------------------------------------------------------------*/

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

/*-----パンくず-----*/
	#crumb-area-wh { 
		width: 90%;
		text-align:left;
		overflow:hidden;
		display:block;
		position: static;
		margin: 8px 5% 0;
	}
	#crumb-area-wh ul{
		margin:0;
		float: left;
	}
	#crumb-area-wh ul li{
		float: left;
		font-size: 0.75em;
		margin: 0 1em 0 0;
		color: #000;
	}
	#crumb-area-wh ul li:last-child{
		margin:0;
	}
	#crumb-area-wh ul li a {
		display: block;
		color: #333;
		text-decoration: underline;
		padding: 0 1em 0 0;
		position:relative;
	}
	#crumb-area-wh ul li a::after{
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		margin: auto;
		content: "";
		vertical-align: middle;
		width: 6px;
		height: 6px;
		border-top: 1px solid #333;
		border-right: 1px solid #333;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#crumb-area-bgbl { 
		width: 90%;
		text-align:left;
		overflow:hidden;
		display:block;
		position: static;
		margin: 8px 5% 12px;
	}
	#crumb-area-spe { 
		width: 90%;
		text-align:left;
		overflow:hidden;
		display:block;
		position: static;
		margin: 0 5% 0px;
		padding:2em 0 0 0;
	}

/*-----レイアウト-----*/
	.layout_a {
		padding: 0 20px 4em;
	}
/*-----各タイトル-----*/
	.sp_ttl{
		display:block;
		width:100%;
		margin:0 0 1em;
	}
	#tenjyoga_ttl {
		margin:1em 0 0 0;
		background: #FFF;
		background-size:contain;
		height: 100%;
	}
	#tenjyoga_ttl h2{
		position: relative;
		top: 0;
		left: 0.4em;
		font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "HG明朝B", "ＭＳ 明朝", "MS PMincho", serif;
		color:#000;
		font-size:1.8em;
		text-shadow: none;
		margin:0 0 0.4em;
	}
	#tenjyoga_ttl .topcomment{
		width:94%;
		color:#000;
		text-shadow: none;
		position: relative;
		top: 0;
		left: 0.8em;
	}
	#tenjyoga_ttl .sv{
		text-align:left;
	}
	#tenjyoga_ttl .topspot{
		width:94%;
		color:#000;
		text-shadow: none;
		position: relative;
		top: 0;
		left: 0.8em;
		font-size:0.8em;
	}
	.r_note{
		text-align:left;
		margin:0 0 1em;
		font-size:0.8em;
	}
	.tenjyoga_content{
		background:#FFF;
		padding: 1em 1em 1em;
	}
	.tenjyoga_content h3{
		margin:0 auto 0.4em;
		padding:15px 0;
		color:#94D4DD;
		font-size:1.8em;
		font-weight:normal;
		background: url(../../img/inori/tenjyoga_husumae/bg_mds.jpg) repeat-x 0 bottom;
		display:block;
		overflow:hidden;
		text-shadow:
			0 2px 0 #fff,
			2px 0 0 #fff,
			0 -2px 0 #fff,
			-2px 0 0 #fff,
			-2px -2px 0 #fff,
			2px -2px 0 #fff,
			-2px 2px 0 #fff,
			2px 2px 0 #fff;
			text-align:center;
	}
	.tenjyoga_content .col4,
	.col_r,
	.col_l,
	.tenjyoga_content .col3{
		width:100%;
	}
	.col_r{
		margin:0 0 1em;
	}
	.col_l{
		font-size:0.8em;
	}
	.col3,
	.col3:nth-of-type(3n){
		margin: 0 0 2em;
	}

}

/*------------------------------------------------------------------------
～480px
------------------------------------------------------------------------*/

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

/*-----各タイトル-----*/
	#tenmu_ttl h2 {
	    padding: 9% 0 37%;
	}
	#tenmu_ttl h2 img {
	    width: 90%;
	}
/*-----共通-----*/
	.lead {
	    font-size: 1.1em;
	    text-align: left;
	}
/*-----トピックス-----*/
	.topic_ijin h4.title {
		padding: 2px 0px;
		text-align: center;
	}
	.topic_ijin .inbox {
	    padding: 20px;
	}
	.topic_kasuga h4.title {
    	padding: 8px 20px;
    	    text-align: center;
    }
	.topic_kasuga h4.title span {
		display: block;
		line-height: 1.2;
	}
	.topic_kasuga .inbox {
	    padding: 20px;
	}
	.topic_kobore .inbox {
    	padding: 20px;
    }
	.topic_kobore .sub_ttl {
    	font-size: 1.4em;
    	line-height: 1.4;
    }
    .topic_kobore .kobore_ttl {
    	line-height: 1.4;
    }
    .topic_kobore h4 span.title{
		font-size:1.8em;
	}
	.topic_kobore h4 span.sub{
		font-size:1.2em;
	}
	.topic_goshuinjizou .img_goshuin01 {
		width: 22%;
		margin: 30px 9% 0;
		float:left;
	}
	.topic_goshuinjizou .img_goshuin02 {
	    width: 52%;
		margin: 30px 4% 0;
		float:left;
	}

}