@charset "utf-8";
/* 各ファイルのプライベートなスタイル定義を記述するファイル */
/* 宣言名（#id名、#class名）の先頭にはサフィックス『p-』（privateのp）を付けてください */
/* 例）　p-midashi-type01 */

/* powerspot.shtml */
#m01c a
{
	color: red !important;
	text-decoration:underline !important;
} 
#m01c a:hover
{
	color: red !important;
	text-decoration:underline !important;
}

.bpts_mm_business a {
	background-position: top left !important;
}

.bpts_mm_business a:hover {
	background-position: top left !important;
}

#zone_rightside{
	width:750px;
	clear: both;
}		
.col_textarea_full{
	width:700px;
	margin:0 0 15px 0;
	padding:18px 5px;
}
.col_textarea_full img{
	margin-bottom: 20px;
}

@media screen and (max-width:800px) {
	#zone_rightside{
		width: 100%;
	}		

	.col_textarea_full{
		width:100%;
	}
}

@media screen and (max-width:768px) {
	.col_textarea_full{
		max-width: unset;
	}
	
	.col_textarea_full div:nth-of-type(5) {
		padding: 0 40px!important;
	}
}

@media screen and (max-width:428px) {
	.col_textarea_full div:nth-of-type(5) {
		padding: 0 16px!important;
	}
}
/* powerspot.shtml ボックス */
.mybox{
 border: 1px solid #870000;	/* 線の太さ・種類・色 */
 border-radius: 5px;
 padding: 50px 10px 10px 10px;	/* 内側の余白 上・右・左・下 */
 position: relative;
 z-index: 0;
}
.mybox:before{
 background-color: #870000;	/* タイトル部分背景色 */
 border-radius: 5px 5px 0px 0px;
 color: #fff;	/* タイトル部分文字色 */
 content: 'いろんなパワーがもらえる聖なるスポット';
 height: 25px;	/* タイトル部分高さ */
 padding: 10px 0 0 10px;
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 z-index: 2;
}
.mybox:after {
 border-style: solid;
 border-width: 10px 10px 0 10px;
 border-color: #870000 transparent transparent transparent;	/* 吹き出し三角部分の色 */
 content: "";
 position: absolute;
 top: 35px;
 left: 10px;
 width: 0px;
 height: 0px;
 z-index: 1;
}