/* ★全体cssの読み込みと記事のcssです */

@import url("main.css");
@import url("header.css?ver=1.0.1");
@import url("side.css?ver=1.0.1");
@import url("footer.css");

/* fancybox */
@import url("jquery.fancybox-1.3.4.css");



/*- ここから色の変更 -----------------------------------*/
/************************
	パンくず・関連ワード
 ************************/
#rap_top .pan .now {
	/* パンくずの現在地の文字色 */
	color:#bf192d;
}
#rap_top ul.tag li.on,
#rap ul.tag li.on {
	/* 選択されたタグの背景色 */
	background:#f6f7e3;
}

/* ここからスマートフォン対応 */
@media screen and (max-width: 485px) {
#toggle_rap_top{
	/* ナビメニューを閉じる の背景色 */
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #C1B29C),
	color-stop(1, #EFECD7)
);
background-image: -o-linear-gradient(bottom, #C1B29C 0%, #EFECD7 100%);
background-image: -moz-linear-gradient(bottom, #C1B29C 0%, #EFECD7 100%);
background-image: -webkit-linear-gradient(bottom, #C1B29C 0%, #EFECD7 100%);
background-image: -ms-linear-gradient(bottom, #C1B29C 0%, #EFECD7 100%);
background-image: linear-gradient(to bottom, #C1B29C 0%, #EFECD7 100%);
}
#toggle_rap_top a{
	/* ナビメニューを閉じる の文字色 */
	color: #5d432e;
}
#toggle_rap_top a:before {
	/* ナビメニューを閉じる の矢印の色 */
	border: 1px solid #5d432e;
}
}

/************************
	記事スタイル　詳細・共通
 ************************/
/* 詳細ページ記事タイトル・一覧ページタイトル */
#rap article.item h1,
#rap h2.search_name {
	/* 装飾（左線） */
	border-left:5px solid #e9001a;
}

/* 見出し（中） */
#rap article.item h3:before {
	/* 見出し（中）の装飾の色 */
	background-color:#FF0066;
	box-shadow: 0 0 0 2px #FF0066;
	-webkit-box-shadow: 0 0 0 2px #FF0066;
	-moz-box-shadow: 0 0 0 2px #FF0066;
}
/* 見出し（小） */
#rap article.item h4:before,
#rap article.item h4 {
	/* 見出し（小）の文字色 */
	color:#FF0066;
}
/* 本文内リンク */
#rap article.item a {
	color:#E06262;
	text-decoration:underline;
}

/******************
	記事スタイル　一覧ページ
********************/
/* 本文内リンク */
#rap article.item.list a {
	color:inherit;
	text-decoration:none;
}
#rap article.item a:hover {
	text-decoration:underline;
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}

/* 一覧ページ上部区切り線 */
#do_blog {
border-top:3px solid #ddd;
}

/* 一覧ページコメント */
#rap .text_box1 {
	/* 線：グレー 背景：ライトグレー */
	border: 1px solid #ccc;
	background: #f7f7f7;
}
#rap .text_box2 {
	/* 太線：グレー 背景：白 */
	border: 5px solid #ccc;
	background: #fff;
}
#rap .text_box3 {
	/* 線：グレー 背景：薄黄色 */
	border: 1px solid #ccc;
	background: #ffffcc;
}
#rap .text_box4 {
	/* 太線：グレー 背景：薄黄色 */
	border: 5px solid #ccc;
	background: #ffffcc;
}
/*- ここまで色の変更 -----------------------------------*/





/* /////////////////////////////////////////////////////////////////////////// 
	以下を変更するとテンプレートが崩れる恐れがありますので、ご注意ください
 /////////////////////////////////////////////////////////////////////////// */


/************************
	お問い合わせ
 ************************/
iframe.contact_frame {
	max-width:100%;
	height:100%;
	min-height:500px;
	border:none;
	display:block;
}
.window_message {
  margin:auto;
}
.window_message h2 {
  background: #FF9900;
  color: #fff;
  font-size:16px;
  text-align:center;
  padding:5px 13px;
  margin-bottom:20px;
}
.window_message p.comment {
  margin:0 10px 30px;
}
.window_message p.atn {
  margin:0 10px 30px;
}
.window_message p.atn strong {
	color:#cc0000;
}

.window_message table {
	border-collapse: collapse;
   	width:100%;
}
.window_message table th,
.window_message table td{
	padding:10px;
}
.window_message table th {
	width: 140px;
	font-weight:bold;
	text-align: left;
	vertical-align: top;
}
@media screen and (max-width: 480px) {
   .window_message table {
   	width:100%;
   	margin: 0 auto;
   }
   .window_message table th,
   .window_message table td{
        width: initial;
        display: block;
    }
}

.window_message form input,
.window_message form textarea {
	width:98%;
	margin:0 auto;
}
.window_message form input[type=submit] {
  border:none;
  background: #FF9900;
  color:#fff;
  width:140px;
  height:30px;
  text-align:center;
  margin:10px auto;
  cursor:pointer;
}
.window_message form input[type=reset] {
  border:none;
  background: #FF9900;
  color:#fff;
  width:80px;
  height:30px;
  text-align:center;
  margin:10px auto;
  cursor:pointer;
}
.window_message form input[type=backbutton] {
  border:none;
  background: #FF9900;
  color:#fff;
  width:140px;
  height:30px;
  text-align:center;
  margin:10px auto;
  cursor:pointer;
}
.window_message form .form_list div.input {
	text-align: center;
}
.window_message form .check_page li div.input {
	height:190px;
	padding: 10px;
}
.window_message .submit_btn {
  text-align:center;
  margin-top:20px;
}


/************************
	パンくず・関連ワード
 ************************/
#toggle_rap_top {
	display:none;
}
#rap_top {
	margin-bottom:30px;
	display:block;
}
/* パンくず */
#rap_top .pan {
	color:#777;
	font-size:12px;
	position:relative;
	padding-top:2px;
	padding-left:20px;
	margin-bottom:5px;
	overflow:hidden;
}
#rap_top .pan a {
	color:#777;
	margin-right:5px;
	float:left;
}
#rap_top .pan a:before {
	border-top: 1px solid #777;
	border-right: 1px solid #777;
	content:"";
	height:5px;
	width:5px;
	transform:rotate(45deg);
	-webkit-transform: rotate(45deg);
	display:inline-block;
	margin:0 5px 2px 0;
}
#rap_top .pan .home {
	position:absolute;
	top:0;
	left:0;
}
#rap_top .pan .home:before {
	display:none;
}
#rap_top .pan .home img {
	width:15px;
	color:#ccc;
}
#rap_top .pan .now {
	font-weight:bold;
	padding-right:5px;
}
#rap_top .pan.article .now:after {
	border-top: 1px solid #777;
	border-right: 1px solid #777;
	content:"";
	height:5px;
	width:5px;
	transform:rotate(45deg);
	-webkit-transform: rotate(45deg);
	display:inline-block;
	margin:0 0 2px 5px;
}

/* パンくず下のタグ */
#rap_top ul.tag {
	background:url(/img/tag.png) left top no-repeat;
	padding-left:30px;
	margin-top:10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2) {
#rap_top ul.tag {
	background:url(/img/tag@2x.png) left top no-repeat;
	background-size: 20px 14px;
}
}
#rap_top ul.tag li {
	font-size:11px;
	padding:2px 4px;
	margin-right:5px;
	margin-bottom:5px;
}
/* カテゴリ一覧 タイトル */
#rap h2.search_name {
	background:url(/img/search.png) 10px top no-repeat;
	min-height:26px;
	color:#333;
	font-size:20px;
	font-weight:bold;
	padding-left:40px;
	margin-bottom:20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2) {
#rap h2.search_name {
	background:url(/img/search@2x.png) left top no-repeat;
	background-size: 26px 26px;
}
}

/* ここからスマートフォン対応 */
@media screen and (max-width: 485px) {
#toggle_rap_top{
  width: 100%;
  margin-bottom:10px;
  display: block;
  position: relative;
}
#toggle_rap_top a{
  display: block;
  position: relative;
  padding: 5px 0;
  font-size:13px;
  font-weight:bold;
  text-align: center;
  text-decoration: none;
  line-height:100%;
}
#toggle_rap_top a:before {
	border-bottom:none;
	border-left:none;
	content:"";
	height:6px;
	width:6px;
	transform:rotate(135deg);
	-webkit-transform: rotate(135deg);
	display:inline-block;
	position:absolute;
	top:5px;
	left:10px;
}
#toggle_rap_top.active a:before {
	transform:rotate(315deg);
	-webkit-transform: rotate(315deg);
	top:10px;
}
#toggle_rap_top .active{
	display:none;
}
#toggle_rap_top.active .passive{
	display:none;
}
#toggle_rap_top.active .active{
	display:inline;
}
#rap_top {
	background:#fff;
/*	border-bottom:1px solid #ccc;*/
	border-left:none;
	display:none;
	width:initial;
	padding:0 10px 10px;
	margin-bottom:10px;
}
/* パンくず下のタグ */
#rap_top ul.tag li {
	float:none;
}
}


/******************
	記事スタイル
********************/
#rap .item {
	margin-bottom:10px;
}
/* 記事タイトル */
#rap .item h1 {
	font-size:20px;
	font-weight:bold;
	padding-left:10px;
}
/* 日付 */
#rap .item .date {
	color:#999;
	font-size:9px;
	margin-bottom:20px;
}
#rap .item .date .record {
}
#rap .item .date .update {
}
#rap .item div {
	line-height:150%;
}
/* 記事本文内の画像 */
#rap .item img {
	margin:10px;
	margin-left:0;
}
#rap .item .fancybox img {
	max-width:100%;
}
@media screen and (max-width: 769px) {
#rap .item .fancybox img {
	max-width:95%;
}
}

/* 見出し（大） */
#rap .item h2 {
	border-left:5px solid #d3000e;
	color:#333;
	font-size:18px;
	font-weight:bold;
	padding-left:10px;
	margin-top:20px;
	margin-bottom:10px;
}
/* 見出し（中） */
#rap article.item h3:before {
	content:"";
	margin-right:8px;
	border: solid 2px #fff;
	width:9px;
	height:9px;
	display:inline-block;
	-moz-border-radius: 60px;
	-webkit-border-radius: 60px;
	border-radius: 60px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
behavior: url(../../../common/script/js/PIE.htc);
}
#rap article.item h3 {
	color:#666;
	font-size:16px;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:10px;
}
/* 見出し（小） */
#rap article.item h4:before {
	content:"-";
	font-size:16px;
	font-weight:bold;
	margin-right:10px;
}
#rap article.item h4 {
	font-size:14px;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:10px;
}
/* 文字サイズ 1～5 */
#rap article.item .fs_1 {
	font-size:xx-small;
	line-height:150%;
}
#rap article.item .fs_2 {
	font-size:medium;
	line-height:150%;
}
#rap article.item .fs_3 {
	font-size:large;
	line-height:150%;
}
#rap article.item .fs_4 {
	font-size:x-large;
	line-height:150%;
}
#rap article.item .fs_5 {
	font-size:xx-large;
	line-height:150%;
}
/*リスト*/
#rap article.item ol {
	list-style:decimal outside none;
	margin-left:25px;
}
#rap article.item ul {
	list-style:disc outside none;
	margin-left:20px;
}
/* 回り込み解除 */
#rap article.item .clear  {
	clear:both;
}

/*- 関連記事 -----------------------------------*/
#rap aside.item {
}
#rap aside.item .boxin {
	margin-bottom:10px;
	overflow:hidden;
}
#rap .item .related_item .box {
	padding:3px;
	margin-bottom:20px;
	margin-right:8px;
	display:inline-block;
	float:left;
}
#rap .item .related_item .box:hover {
	background:#eee;
}
#rap .item .related_item .box img {
	width:100%;
	margin:0;
}
#rap .item .related_item .box h3 {
	font-size:14px;
	font-weight:bold;
	padding-left:0;
	margin:0;
}
#rap .item .related_item .box h3 .date {
	color:#999;
	font-size:10px;
	font-weight:normal;
}
#rap .item .related_item .box p {
	color:#666;
	font-size:13px;
	margin-top:10px;
}

/* ５列表示 */
#rap .item .related_item .col5 {
	width:114px;
}
/* ４列表示 */
#rap .item .related_item .col4 {
	width:146px;
}
/* ３列表示 */
#rap .item .related_item .col3 {
	width:199px;
}
/* ２列表示 */
#rap .item .related_item .col2 {
	width:306px;
}
#rap .item .related_item .col2 img {
}
/* ２列表示 パターン２ */
#rap .item .related_item .col2_2 {
	width:306px;
	overflow:hidden;
}
#rap .item .related_item .col2_2 .photo {
	width:114px;
	float:left;
	margin-right:5px;
	display:block;
}
/* １列表示 */
#rap .item .related_item .col1 {
	width:100%;
	overflow:hidden;
	margin-bottom:10px;
}
#rap .item .related_item .col1 .photo {
	width:148px;
	float:left;
	margin-right:5px;
	display:block;
}

/* ここからスマートフォン対応 */
@media screen and (max-width: 485px) {
#rap .item .related_item .box {
	width:100%!important;
	overflow:hidden!important;
	margin-bottom:10px!important;
}
#rap .item .related_item .box .photo {
	width:100px!important;
	float:left!important;
	margin-right:5px!important;
	display:block!important;
}
}
/* ここまでスマートフォン対応 */


/*- リスト表示 -----------------------------------*/
#rap aside.set {
}
#rap aside.set .boxin {
	margin-bottom:10px;
	overflow:hidden;
}
#rap .set .related_set .box {
	padding:3px;
	margin-top:20px;
	margin-bottom:20px;
	margin-right:8px;
	display:inline-block;
	float:left;
}
#rap .set .related_set .box img {
	width:100%;
	margin:0;
}
#rap .set .related_set .box p {
	color:#666;
	font-size:13px;
	margin-top:10px;
}

/* 4列表示 */
#rap .set .related_set .col4 {
	width:146px;
}

/* 2列表示 */
#rap .set .related_set .col2 {
	width:295px;
}
#rap .set .related_set .col2 img {
}

/* ここからスマートフォン対応 */
@media screen and (max-width: 485px) {
#rap .set .related_set .box {
	width:100%!important;
	overflow:hidden!important;
	margin-bottom:10px!important;
}
#rap .set .related_set .box .photo {
	width:100px!important;
	float:left!important;
	margin-right:5px!important;
	display:block!important;
}
}
/* ここまでスマートフォン対応 */


/*- 中古バイク -----------------------------------*/
#rap aside.list {
}
#rap aside.list .boxin {
	margin-bottom:10px;
	overflow:hidden;
}
#rap .list .related_list .box {
	padding:3px;
	margin-bottom:20px;
	margin-right:8px;
	display:inline-block;
	vertical-align:top;
}
#rap .list .related_list .box:hover {
	background:#eee;
}
#rap .list .related_list .box img {
	width:100%;
	margin:0;
}
#rap .list .related_list .box h3 {
	font-size:12px;
	font-weight:bold;
	padding-left:0;
	margin:0;
	margin-bottom:10px;
}
#rap .list .related_list .box h2 {
	color:#FF3300;
	font-size:18px;
	font-weight:bold;
	padding-left:0;
	margin-top:6px;
	margin-bottom:6px;
}
#rap .list .related_list .box h1 {
	color:#FF3300;
	font-size:12px;
	font-weight:bold;
	padding-left:0;
}
#rap .list .related_list .box p {
	color:#666;
	font-size:11px;
	margin-bottom:6px;
}

/* 6列表示 */
#rap .list .related_list .col6 {
	width:83px;
}
/* 4列表示 */
#rap .list .related_list .col4 {
	width:136px;
}
/* 3列表示 */
#rap .list .related_list .col3 {
	width:196px;
}
/* 1列表示 */
#rap .list .related_list .col1 {
	width:100%;
	overflow:hidden;
	margin-bottom:10px;
}
#rap .list .related_list .col1 .photo {
	width:100px;
	float:left;
	margin-right:5px;
	display:block;
}


/*- GoogleMap -----------------------------------*/

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmapr object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/******************
	記事スタイル　一覧ページ
********************/
/* 一覧ページコメント */
#rap .text_box1, #rap .text_box2, #rap .text_box3, #rap .text_box4 {
	padding: 10px;
	margin-bottom:10px;
}
#rap .comment_top {
	margin-bottom:20px;
}
#rap .comment_btm {
	margin-top:30px;
}
/* 一覧ページtable */
#rap .tbl {
	border-collapse: collapse;
}
#rap .tbl th,
#rap .tbl td{
	border:1px solid #ccc;
	padding:10px;
}
#rap .tbl th {
	background-color:#aaa;
	width: 30%;
	color:#fff;
	text-align: left;
}
@media screen and (max-width: 480px) {
   #rap .tbl {
   	width:100%;
   	margin: 0 auto;
   }
   #rap .tbl th,
   #rap .tbl td{
        width: initial;
        display: block;
    }
}


/* 一覧ページ記事 */
#rap .item.list {
	border-bottom:3px solid #ddd;
	padding-top:30px;
	padding-bottom:30px;
	margin-bottom:0;
	overflow:hidden;
}
#rap .item.list:hover {
	background:#fafafa;
}
#rap .item.list h1 {
	border-left:none;
	padding-left:0;
}
#rap .item.list .photo {
	width:160px;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	display:block;
}
#rap .item.list .photo img {
	width:100%;
	margin:0;
	display:block;
}
#rap .item.list h1 {
	font-size:16px;
	display:block;
}
#rap .item.list .date {
	margin-bottom:3px;
}
#rap .item.list .short_text {
	margin-bottom:10px;
}
/* カテゴリ */
#rap .item.list div.cate {
	color:#999;
	font-size:12px;
	display:block;
	margin-bottom:10px;
}
#rap .item.list div.cate img {
	display:inline-block;
	margin:0px;
	margin-right:5px;
}
#rap .item.list .cate a {
	color:inherit;
}
/* タグ */
#rap .item.list .tag {
	color:#999;
	font-size:12px;
	margin-left:0;
}
#rap .item.list .tag li {
	font-size:11px;
	padding:2px 4px;
	margin-right:5px;
	margin-bottom:5px;
}
#rap .item.list .tag a {
	color:inherit;
}


/* ここからスマートフォン対応 */
@media screen and (max-width: 485px) {
#rap .item.list {
	overflow:hidden;
	padding-top:15px;
	padding-bottom:15px;
}
#rap .item.list:hover {
	background:#fafafa;
}
#rap .item.list img,
#rap .item.list h2,
#rap .item.list h3,
#rap .item.list div {
	display:none;
}
#rap .item.list .photo {
	width:80px!important;
	float:left;
	margin-right:5px;
	display:block;
}
#rap .item.list .photo img {
	width:100%;
	margin:0;
	display:block;
}
#rap .item.list h1 {
	font-size:14px!important;
	display:block;
}
#rap .item.list .date {
	font-size:10px;
	margin-bottom:20px;
}
#rap .item.list div.cate,
#rap .item.list .tag {
	display:none;
}
#rap .item.list .short_text,
#rap .item.list .date {
	display:block;
}
#rap .item.list .short_text {
	margin-bottom:0;
	font-size:11px;
}
}
/* ここまでスマートフォン対応 */