@charset "utf-8";

/* ************↓このコメント間のCSSはCGIが書換えます。追加・変更は行わないで下さい↓************ */
/*Temp_StyleSheetIN*/
.header_title{ background-image:url(../cgiimg/1494665087.jpg);background-repeat:repeat; }
/*Temp_StyleSheetOUT*/
/* ************↑このコメント間のCSSはCGIが書換えます。追加・変更は行わないで下さい↑************ */


/* リフォーム実例リンク */
.rlink{ text-align:left; }
.rm1{ margin:5px 0 2px; }
.rm2{ margin:0 0 20px; }

.rlink a{
font-size:15px; 
letter-spacing:0.15em; vertical-align:middle; 
padding:3px 10px 3px;margin:0 0 5px; 

	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	border-radius: 10px;

text-shadow:1.1px 1.1px 2px #6549db;
-webkit-text-shadow:1.1px 1.1px 2px #6549db;
-moz-text-shadow: 1.1px 1.1px 2px #6549db;

box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.2);
-webkit-box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.2);


}


/* ページヘッダ */
.header_title{
width:100%;
font-size:23px; text-align:left; color:#7e7d01;
letter-spacing:0.15em; vertical-align:middle; 
padding:8px 0 6px;margin:0 0 5px; 
text-shadow:2.5px 2.5px 2px #b3b3b3;
-webkit-text-shadow:2.5px 2.5px 2px #b3b3b3;
-moz-text-shadow: 2.5px 2.5px 2px #b3b3b3;
}

/* トップコメント */
.Top_comment{
line-height: 150%; text-align:left;
width:98%; margin:20px auto 0;
}
/* 画影 */
.image{
box-shadow: 3px 3px 10px 1px rgba(0,0,0,0.4);
-webkit-box-shadow: 3px 3px 10px 1px rgba(0,0,0,0.4);
-moz-box-shadow: 3px 3px 10px 1px rgba(0,0,0,0.4);
margin:4px 0 7px; border:0;
}

.clear{clear: both;}

/* ページリンク 該当No */
.Plink{ color:#ff0000; }
.Plink_area{font-size:14px;font-weight: bold;text-align:right;margin:5px 0 10px; }
.back_p{margin:0 5px 0;}
/* >> */
.next_p{margin:0 5px 0;}



/* 一覧表示 */
.a1{
	width:100%;  background-color:#f3f8f1;
	text-align:left;padding:0; margin:0 0 15px;
}
.a2{
	float: left;
	width:330px;
	margin:7px 0 0 12px;
}
.a2 p{ padding:0 0 5px;margin:0;font-size:95%;color:#dd6400;}
.a3{
	float:left;
	width:330px;
	text-align:left;
	margin:8px 0 8px 8px;
}
.a4{ display:none; }
.a4 p{ padding:0 0 5px;margin:0;font-size:95%;color:#dd6400;}
.username{ font-size:18px; border-bottom:1px dotted #6f6f6f;width:100%;padding-bottom:5px; }
.update{ font-weight:bold; color:#3399ff; text-align:right; margin:7px 0 7px;}


/* 詳細表示 */
.back_link{text-align:right;margin:5px 10px;}
.user_name{font-size:16px;padding:3px 10px;margin:0 0 10px; background-color:#d1e0f4;color:#084594;}

.b1{
	width:100%;  background-color:#f3f8f1;
	text-align:left;padding:0; margin:0 0 15px;
}
.b2{
	width:100%;  border-bottom:1px dotted #6f6f6f;
	text-align:left;padding:0; margin:0;
}
.b2 p{font-size:14px; color:#996600; font-weight:bold; padding:8px 14px 7px;margin:0;}
.b3{
	text-align:right;color:#3399ff;
	margin:5px 10px 3px;padding:0;font-weight:bold;
}
.b4{ text-align:center; padding:0; margin:0; }
.b5{ text-align:left; padding:2px 15px 10px; margin:0; }
.b6{ text-align:right;padding:0 15px 10px;  margin:0; font-size:90%; }

/**************** レスポンシブ指定  ****************/

@media screen and (max-width:930px){ 
.headimage{width:100%;height:auto;}
}

/******* パッド ********/
@media screen and (max-width:699px){ 
#content{width:100%;clear: both;}
.Plink_area{text-align:center;font-size:13px;}
/* << */
.back_p{margin:0 0 0;padding:2px 12px 2px; border:solid 1px #acacac; background-color:#f6f6f6;font-size:15px;}
/* >> */
.next_p{margin:0 0 0;padding:2px 12px 2px; border:solid 1px #acacac; background-color:#f6f6f6;font-size:15px;}
.header_title{ font-size:20px; }

.a3{margin:8px 0 8px 8px;width:95%;}
.a2{display:none;}
.a4{display:block;width:330px;margin:7px 0 0 10px;}
.rm1{ margin:5px 0 20px; }
.rm2{ margin:20px 0 15px; }
}

/******* 詳細 画 500未満 ********/
@media screen and (max-width:500px){ 
.image{width:99%;height:auto;}
}

/******* スマホ ********/
@media screen and (max-width:399px){ 
.a4 {width:97%;}
.a4 img{width:97%;height:auto;}
.rlink a{font-size:12px;}
}