@charset "UTF-8";

/* WordPress使用ページのCSS */
/*  既存のテナント募集、採用情報、お知らせ一覧（カテゴリーとアーカイブ）、 お知らせ詳細、
     まちそだて活動一覧（カテゴリーとアーカイブ）、まちそだて活動詳細
*/

/* 共通の部分 */
#main #two p{
	line-height:2.0;
}
a.text_link{
	color:#0066cc;
}
a.text_link:hover{
	text-decoration:underline;
}
a.btn_link{
	text-decoration:none;
}
a.btn_link:hover{
	opacity:0.7;
}
.mb50{
	margin-bottom:50px;
}
.attachment-75x75{/* まちそだて活動の一覧、アイキャッチ画像 */
	clear:both;
	float:right;
}
#two #left_content #archive{/* 「お知らせ」と「まちそだて活動」の月別アーカイブ */
	max-height:245px;
	overflow:auto;
}
#two #left_content #archive ul{
  overflow-y:scroll;
  height:150px;
}

.h4_style{/* 採用情報に使用 */
	border-bottom:solid 1px #999;
	color:#0078a1;
	padding-bottom:20px;
	margin-bottom:30px;
	font-size:16px;
	font-weight: 500;
}


/*===============================================*/
/* ここからはテナント募集 */
/*===============================================*/
/* テナント募集全体 */
#main.existing .intro{
 	background: url(../images/wp/intro_existing.jpg) 50% 0 no-repeat;
	position:relative;
	background-size:cover;
	height:380px;
}
#main.existing #two{
	 margin-bottom:60px;
}
#main.existing .h2_style{
	padding-top:82px;
}
/* テナント毎の一番外のボックス( tenant_title + tenant_content ) */
#main.existing .tenant_box{
	border:1px solid #999;
	margin:30px 0 60px;
}
/* テナントタイトル */
#main.existing .tenant_title{
	border-top:8px solid #00b0ec;
	text-align:left !important;
	color:#0078a1;
	background-image:none !important;
	background-color:#eee !important;
	padding:15px;
	font-size:16px;
	margin-bottom:0 !important;
}
/* テナントコンテンツ( img_box + content_box ) */
#main.existing .tenant_content li{
	border-top:1px solid #999;
	padding:3% 2%;
}
#main.existing .tenant_content li:first-child{
	border-top:none;
}
/* 募集画像２つを囲むボックス */
#main.existing .img_box{
	width:45%;
	float:left;
	min-height:190px;
}
#main.existing .img_box img{
	width:200px;
	height:190px;
}
#main.existing .img_box > img + img{ /* 二つ目の画像 */
	margin-left:10px;
}
#main.existing .attachment-thumbnail{ /*imgを囲む(wp自動生成)*/
	float:left;
}
/* 用途、面積、contact_btn(電話、メール)を囲むボックス */
#main.existing .content_box{
	width:55%;
	float:right;
	min-height:190px;
	position:relative;
}
#main.existing .content_box dt{ /* 用途、面積　項目名 */
	width:20.4%;
	float:left;
	clear:both;
	color:#0078a1;
	background-color:#e9f2f5;
	padding:15px 0 15px 10px;
	border-top:1px dashed #999;	
}
#main.existing .content_box dd{ /* 用途、面積　項目 */
	color:#333;
	padding:15px 0 15px 24% !important; /* page.cssを上書き */
	width:100% !important;  /* page.cssを上書き */
	border-top:1px dashed #999;
}
#main.existing .content_box dd:last-child{ /* 面積の下のボーダー */
	border-bottom:1px dashed #999;
}
#main.existing .contact_btn{/* 電話、メールのボタンを囲むボックス */
	height:60px;
/*	position:absolute;
	bottom:0;*/
	margin-top: 35px;
	width:100%;
}
#main.existing .content_box p{ /* 電話、メールのボタン */
	float:left;
}
#main.existing .content_box p + p{ /* メールでのお問い合わせ */
	float:right;
}
/* 施設の詳細を見るボタン */
#main.existing .tenant_btn a{
	display:block;
	background-color:#1ba042;
	color:white;
	text-align:center;
	line-height:4em;
	background-image:url(../images/icon_link03.png);
	background-repeat:no-repeat;
	background-position:60% center;
}


@media screen and (max-width: 1240px) {
#main.existing .img_box{
	width:100%;
	margin-bottom:30px;
}
#main.existing .content_box{
	width:100%;
	float:left;
}
#main.existing .contact_btn{/* 電話、メールのボタンを囲むボックス */
	width:100%;
}
#main.existing .contact_btn{/* 電話、メールのボタンを囲むボックス */
	height:auto;
	position:relative;
	margin-top:30px;
}
#main.existing .content_box p{
/*	float:none;*/
width:48%;
text-align:right;
}
#main.existing .content_box p + p{
/*	float:none;*/
width:48%;
text-align:left;
}
#main.existing .img_box{
	text-align:center;
}

#main.existing .contact_btn{/* 電話、メールのボタンを囲むボックス */
	text-align:center;
}

}

@media screen and (max-width:768px){
/* 施設の詳細を見るボタン */
#main.existing .tenant_btn a{
	background-position:80% center;
}	
}

@media screen and (max-width: 560px) {
#main.existing .content_box p{
	float:none;
	text-align:center;
	width:100%;
}
#main.existing .content_box p + p{
	float:none;
	text-align:center;	
	width:100%;
}
}
@media screen and (max-width: 460px) {
#main.existing .img_box > img + img{ /* 二つ目の画像 */
	margin-left:0px;
	float:none;
}
#main.existing .contact_btn{/* 電話、メールのボタンを囲むボックス */
	text-align:center;
}
#main.existing .content_box{
	width:90%;
	float:none;
	margin:0 auto;
}
}


/*===============================================*/
/* 採用情報 */
/*===============================================*/
/* 全体 */
#main.recruit .intro header{
	background:url(../images/bg_header.png) repeat 0 0;
	width:100%;
	height:37%;
	font-size:157%;
	color:#fff;
	position:absolute;
	top:0;
	text-align:left;
	padding-left:100px;
}
#main.recruit .intro{
 	background: url(../images/wp/intro_recruit.jpg) 50% 0 no-repeat;
	position:relative;
	background-size:cover;
	padding:190px 0 !important;
}
#main.recruit table{/* 表全体 */
	width:100%;
	max-width:1040px;
	border-collapse: collapse;
	border-spacing: 0;
	border-bottom:1px dashed #999;
	line-height:1.5em;
}
#main.recruit th{ /* 表タイトル */
	background-color:#e9f2f5;
	color:#0078a1;
	padding:20px;
	width:17.3%;
	border-top:1px dashed #999;
	vertical-align:middle;
}
#main.recruit td{ /* 表内容 */
	width:82.7%;
	border-top:1px dashed #999;
	padding:20px;
}
#main.recruit table{
	margin-bottom:60px;
}
#main.recruit .recruit_btn a{
	display:block;
	width:300px;
	line-height:4em;
	background-color:#1ba042;
	color:white;
	text-align:center;
	margin:0 auto;
	background-image:url(../images/icon_link01.png);
	background-repeat:no-repeat;
	background-position:80% center;
}
#main.recruit .recruit_btn a:hover{
	opacity:0.8;
}

@media screen and (max-width: 780px){
#main.recruit th{ /* 表タイトル */
	display:block;
	width:100%;
	text-align:center;
}
#main.recruit td{ /* 表内容 */
	display:block;
	width:100%;
}
	
#main.recruit .intro{
	padding:0 !important;
}
	
}


/*===============================================*/
/* お知らせのアーカイブとタクソノミー */
/*===============================================*/
/* お知らせ一覧全体 */
#main.news #one.intro{
	padding:70px 0!important; /* sytle.cssを上書き */
	height:0 !important; /* sytle.cssを上書き */
 }
#main.news .header_black {
	background:url(../images/bg_header02.png) repeat 50% 0 !important;
}
 #main.news{
	 margin-bottom:60px;
}
/* お知らせ一覧の左コンテンツ */
#main.news #two #left_content{
	float:left;
	width:26.9%;
}
#main.news #two #left_content div{ /* カテゴリとアーカイブ */
	background-color:#eee;
	padding:0 10px 10px 10px;
	margin-bottom:10px;
}
#main.news #two #left_content div p{ /* タイトル */
	padding:20px 0 20px 10px;
	font-weight:bold;
}
#main.news #two #left_content li{ /* 各項目 */
	background-color:white;
	margin-bottom:2px;
}
#main.news #two #left_content li a{ /* 各項目のリンク */
	display:block;
	padding:20px 0 20px 10px;
	background-image:url(../images/wp/arrow_grey.gif);
	background-repeat:no-repeat;
	background-position:90% center;
}
#main.news #two #left_content li a:hover{
	opacity:0.5;		
}

/* お知らせ一覧の右コンテンツ */
#main.news #two #right_content{
	float:right;
	width:70.2%;
}
#main.news #two #right_content li:nth-child(2n-1){
	background-color:#eee;
}
#main.news #two #right_content li{
	clear:both;
	padding:20px 0;
	overflow:hidden;
}
#main.news #two #right_content .news_mark{ /* お知らせのマーク共通部分 */
	font-size:12px;
	line-height:2em;
	color:white;
	text-align:center;
	border-radius:5px;
	width:11.9%;
	margin-left:2%;
	height:24px;
	float:left;
}
#main.news #two #right_content .news_news{ /* お知らせマーク */
	background-color:#1ba042;
}
#main.news #two #right_content .news_shop{ /* 施設マーク */
	background-color:#f78f3b;
}
#main.news #two #right_content .news_event{ /* イベントマーク */
	background-color:#00b0ec;
}
#main.news #two #right_content .news_other{ /* その他マーク */
	background-color:black;
}
#main.news #two #right_content .news_date{ /* お知らせの日付 */
	float:left;
	width:19%;
	padding-left:2%;
}
#main.news #two #right_content .news_title{ /* お知らせのタイトル */
	padding-left:33%;
	margin-right:2%;
}
#main.news #two #right_content .news_title a{ /* お知らせのタイトルのリンク */
	color:#3366cc;
}
#main.news #two #right_content .news_title a:hover{ /* お知らせのタイトルのリンク(hover) */
	text-decoration:underline;
}
/* ページネーションの装飾、Wordpressによる自動生成の部分 */
#main.news h2.screen-reader-text, 
#main.news span.screen-reader-text{
	display:none;
}
#main.news .nav-links{ /* 全体をまとめてるdiv */
	overflow:hidden;
	text-align:center;
	margin:60px 0;
}
#main.news .nav-links a:hover{
	opacity:0.5;
}
#main.news .page-numbers{ /* 各ボタン */
	display:inline-block;
	background-color:#eee;
	height:40px;
	width:40px;
	vertical-align:middle;
	line-height:3em;
}
#main.news a.prev{ /* 前へ */
	background-image:url(../images/wp/news_prev.gif);
	background-repeat:no-repeat;
	background-position:center;
}
#main.news a.next{ /* 後ろへ */
	background-image:url(../images/wp/news_next.gif);
	background-repeat:no-repeat;
	background-position:center;
}
#main.news span.current{ /* 現在 */
	background-color:#434844;
	color:white;
}

@media screen and (max-width:768px){
#main.news #two #right_content,
#main.news #two #left_content{
	float:none;
	width:100%;
}
#main.news #two #right_content{
	margin-bottom:60px;
}
#main.news #two #right_content .news_mark{ /* お知らせのマーク共通部分 */
	width:20%;
}
#main.news #two #right_content .news_date{ /* お知らせのタイトル */
	width:50%;
}
#main.news #two #right_content .news_title{ /* お知らせのタイトル */
	padding:0 10px;
	margin-right:0;
	width:100%;
	clear:both;
}
}

@media screen and (max-width:640px){
/* お知らせ一覧全体 */
#main.news #one.intro{
	padding-bottom:0px!important; /* sytle.cssを上書き */
}
}


/*===============================================*/
/* お知らせ詳細 */
/*===============================================*/
/* お知らせ詳細の全体 */
#main.news_detail #one.intro{
	padding:70px 0!important; /* style.cssを上書き */
	height:0 !important; /* style.cssを上書き */
 }
#main.news_detail .header_black {
	background:url(../images/bg_header02.png) repeat 0 0 !important;
}
 #main.news_detail{
	 margin-bottom:60px;
}
/* お知らせ一覧の左コンテンツ */
#main.news_detail #two #left_content{
	float:left;
	width:26.9%;
}
#main.news_detail #two #left_content div{ /* カテゴリとアーカイブ */
	background-color:#eee;
	padding:0 10px 10px 10px;
	margin-bottom:10px;
}
#main.news_detail #two #left_content div p{ /* タイトル */
	padding:20px 0 20px 10px;
	font-weight:bold;
}
#main.news_detail #two #left_content li{ /* 各項目 */
	background-color:white;
	margin-bottom:2px;
	text-align:left;
}
#main.news_detail #two #left_content li a{ /* 各項目のリンク */
	display:block;
	padding:20px 0 20px 10px;
	background-image:url(../images/wp/arrow_grey.gif);
	background-repeat:no-repeat;
	background-position:90% center;
}
#main.news_detail #two #left_content li a:hover{
	opacity:0.5;	
}

#main.news_detail #two #right_content{
	float:right;
	width:70.2%;
}
#main.news_detail #two #right_content .news_detail_title{
	background-color:#eee;
	width:100%;
}
#main.news_detail #two p{
	text-align:left;
}

#main.news_detail #two div.news_detail_title{
	height:60px;
	overflow:hidden;
	margin-bottom:20px;
	display:table;
	width:100%;
}
#main.news_detail #two .news_mark{
	width:60px;
	min-height:60px;
	float:left;
	color:white;
	font-size:12px;
	text-align:center;
	padding-top:20px;
}
#main.news_detail #two #right_content .news_news{ /* お知らせマーク */
	background-color:#1ba042;
}
#main.news_detail #two #right_content .news_shop{ /* 施設マーク */
	background-color:#f78f3b;
}
#main.news_detail #two #right_content .news_event{ /* イベントマーク */
	background-color:#00b0ec;
}
#main.news_detail #two #right_content .news_other{ /* その他マーク */
	background-color:black;
}
#main.news_detail #two p.news_detail_title{
	display:table-cell;
	vertical-align:middle;
	padding:0 15px;
	overflow:hidden;
	font-weight:bold;
}

#main.news_detail #two .news_detail_date{
	text-align:right;
	margin-bottom:20px;
}

@media screen and (max-width:768px){
/* お知らせ一覧の左コンテンツ */
#main.news_detail #two #left_content,
#main.news_detail #two #right_content{
	width:100%;
	clear:both;
}
#main.news_detail #two #right_content{
	margin-bottom:60px;
}


}

@media screen and (max-width:640px){
/* お知らせ詳細の全体 */
#main.news_detail #one.intro{
	padding-bottom:0!important; /* style.cssを上書き */
}

}



/*===============================================*/
/* まちそだて活動のアーカイブとタクソノミー */
/*===============================================*/
/* まちそだて活動　全体 */
#main.machisodate .intro{
 	background: url(../images/wp/intro_machisodate.jpg) 50% 0 no-repeat;
	position:relative;
	background-size:cover;
	padding:82px 0 0 0!important;
}
#main.machisodate .header_black {
	background:url(../images/bg_header_or.png) repeat 0 0 !important;
}
#main.machisodate #two{
	 margin-bottom:60px;
}
.mb60{
	margin-bottom:60px;
}

/* 活動内容 */
#main.machisodate ul.cf {
	width:auto;
	max-width: 1040px;
	margin: 0 auto;
}
#main.machisodate li.machisodate_link{/* 活動内容の各ボタンを囲むボックス */
	float:left;
	width:31%;
	border:1px solid #ccc;
	margin: 0 1%;
}
#main.machisodate li.machisodate_no2{/* 活動内容の真ん中のボタン */
	margin:0 2%;
}
#main.machisodate p.machisodate_link{/* テキストリンク部分 */
	color:#1ba042;
	font-size:16px;
	padding:10px 0 10px 20px;
	background-image:url(../images/icon_link01.png);
	background-repeat:no-repeat;
	background-position:90% center;
}
#main.machisodate .machisodate_txt{/* テキスト部分 */
	background-color:white;
	padding: 12px 10px 8px 10px;
	line-height:1.6em !important; /* wp.cssの設定を上書き */
}
#main.machisodate li.machisodate_link a{ /* 各ボタン全体のリンク */
	background-color:#e5efe8;
}
#main.machisodate li.machisodate_link a:hover{
	background-color:#b0e1be;
}
#main.machisodate li.machisodate_link a:hover img{ /* 各ボタンホバー時に透過させない */
	opacity:1;
}

/* 活動報告 */
/* 街育て活動の左コンテンツ */
#main.machisodate #two #left_content{
	float:left;
	width:26.9%;
}
#main.machisodate #two #left_content div{ /* カテゴリとアーカイブ */
	background-color:#eee;
	padding:0 10px 10px 10px;
	margin-bottom:10px;
}
#main.machisodate #two #left_content div p{ /* タイトル */
	padding:20px 0 20px 10px;
	font-weight:bold;
}
#main.machisodate #two #left_content li{ /* 各項目 */
	background-color:white;
	margin-bottom:2px;
}
#main.machisodate #two #left_content li a{ /* 各項目のリンク */
	display:block;
	padding:20px 0 20px 10px;
}
#main.machisodate #two #left_content li a:hover{
	opacity:0.5;
}
#main.machisodate #two #left_content #category li:first-child{ /* すずらん館まちの情報カウンター */
	color:#5d5ae0;
	background-image:url(../images/wp/arrow_blue.gif);
	background-repeat:no-repeat;
	background-position:90% center;		
}
#main.machisodate #two #left_content #category li:nth-child(2){ /* 花いっぱい運動 */
	color:#e84f85;
	background-image:url(../images/wp/arrow_red.gif);
	background-repeat:no-repeat;
	background-position:90% center;
}
#main.machisodate #two #left_content #category li:nth-child(3){ /* サンタウンクリーンアップ */
	color:#7cb622;
	background-image:url(../images/wp/arrow_green.gif);
	background-repeat:no-repeat;
	background-position:90% center;	
}
#main.machisodate #two #left_content #category li:nth-child(4){ /* その他 */
	color:#666;
	background-image:url(../images/wp/arrow_grey.gif);
	background-repeat:no-repeat;
	background-position:90% center;	
}
#main.machisodate #two #left_content #archive li{
	background-image:url(../images/wp/arrow_grey.gif);
	background-repeat:no-repeat;
	background-position:90% center;		
}

/* まちそだて活動の右コンテンツ */
#main.machisodate #two #right_content{
	float:right;
	width:70.2%;
}
#main.machisodate .machisodate_mark{/* マーク */
	width:80px;
	height:80px;
	float:left;
}
#main.machisodate .machisodate_news{ /* 抜粋とアイキャッチ画像を囲むボックス */
	margin:25px 0 55px;
}
#main.machisodate div.machisodate_title{ /* 日付とタイトルを囲むボックス */
	border-bottom:1px solid #999;
	min-height:80px;
}
#main.machisodate .machisodate_date{/*  日付 */
	padding:0 0 0 100px;
	color:#666;
}
#main.machisodate p.machisodate_title{ /* タイトル */
	padding:5px 0 0 100px;
	font-size:16px;
	color:#3366cc;
}
#main.machisodate p.machisodate_title a:hover{ /* タイトルホバー時 */
	text-decoration:underline;
}

#main.machisodate .attachment-thumbnail{
	float:right;
	margin-left:10px;
}
/*#main.machisodate #two #right_content ul li{
	display: none;
}
#main.machisodate #two #right_content ul li:first-child{
	display: inherit;
}*/

/* ページネーションの装飾、Wordpressによる自動生成の部分 */
#main.machisodate h2.screen-reader-text, 
#main.machisodate span.screen-reader-text{
	display:none;
}
#main.machisodate .nav-links{ /* 全体をまとめてるdiv */
	overflow:hidden;
	text-align:center;
	margin:60px 0;
}
#main.machisodate .nav-links a:hover{
	opacity:0.5;
}
#main.machisodate .page-numbers{ /* 各ボタン */
	display:inline-block;
	background-color:#eee;
	height:40px;
	width:40px;
	vertical-align:middle;
	line-height:3em;
}
#main.machisodate a.prev{ /* 前へ */
	background-image:url(../images/wp/news_prev.gif);
	background-repeat:no-repeat;
	background-position:center;
}
#main.machisodate a.next{ /* 後ろへ */
	background-image:url(../images/wp/news_next.gif);
	background-repeat:no-repeat;
	background-position:center;
}
#main.machisodate span.current{ /* 現在 */
	background-color:#434844;
	color:white;
}

@media screen and (max-width:768px){
/* 活動内容 */
#main.machisodate li.machisodate_link{/* 活動内容の各ボタンを囲むボックス */
	width:100%;
	margin-bottom:10px;
	height:auto !important;
}
#main.machisodate li.machisodate_no2{/* 活動内容の真ん中のボタン */
	margin:0 0 10px 0;
}
#main.machisodate li.machisodate_link img{ /* 各ボタンホバー時に透過させない */
display:none;
}

#main.machisodate #two #left_content{
	width:100%;
}
#main.machisodate #two #right_content{
	width:100%;
	margin-bottom:60px;
}
	
#main.machisodate .intro{
	padding:0 !important;
}
	
}






/*===============================================*/
/*                      まちそだて詳細                        */
/*===============================================*/
/* まちそだて活動　全体 */
#main.machisodate_detail .h2_style{
	color:#2d302e;
}
#main.machisodate_detail .header_black {
	background:url(../images/bg_header_or.png) repeat 0 0 !important;
}
#main.machisodate_detail #two{
	 margin-bottom:60px;
}
.mb60{
	margin-bottom:60px;
}
#main.machisodate_detail .intro{
 	background: url(../images/wp/intro_machisodate.jpg) 50% 0 no-repeat !important;
	position:relative;
	background-size:cover !important;
	height:380px;
	padding:82px 0 0 0 !important;
}

/* 街育て活動の左コンテンツ */
#main.machisodate_detail #two #left_content{
	float:left;
	width:26.9%;
}
#main.machisodate_detail #two #left_content div{ /* カテゴリとアーカイブ */
	background-color:#eee;
	padding:0 10px 10px 10px;
	margin-bottom:10px;
}
#main.machisodate_detail #two #left_content div p{ /* タイトル */
	padding:20px 0 20px 10px;
	font-weight:bold;
}
#main.machisodate_detail #two #left_content li{ /* 各項目 */
	background-color:white;
	margin-bottom:2px;
}
#main.machisodate_detail #two #left_content li a{ /* 各項目のリンク */
	display:block;
	padding:20px 0 20px 10px;
}
#main.machisodate_detail #two #left_content li a:hover{
	opacity:0.5;
}
#main.machisodate_detail #two #left_content #category li:first-child a{
	color:#e84f85;
	background-image:url(../images/wp/arrow_red.gif);
	background-repeat:no-repeat;
	background-position:90% center;
}
#main.machisodate_detail #two #left_content #category li:nth-child(2) a{
	color:#7cb622;
	background-image:url(../images/wp/arrow_green.gif);
	background-repeat:no-repeat;
	background-position:90% center;	
}
#main.machisodate_detail #two #left_content #category li:last-child a{
	color:#5d5ae0;
	background-image:url(../images/wp/arrow_blue.gif);
	background-repeat:no-repeat;
	background-position:90% center;		
}
#main.machisodate_detail #two #left_content #archive li{
	background-image:url(../images/wp/arrow_grey.gif);
	background-repeat:no-repeat;
	background-position:90% center;		
}

/* 活動内容の右コンテンツ */
#main.machisodate_detail #two #right_content{
	float:right;
	width:70.2%;
}
#main.machisodate_detail li.machisodate_link{
	float:left;
	width:32%;
	border:1px solid #ccc;
}
#main.machisodate_detail li.machisodate_no2{
	margin:0 2%;
}
#main.machisodate_detail p.machisodate_link{
	color:#1ba042;
	font-size:16px;
	padding:10px 0 10px 20px;
	background-image:url(../images/icon_link01.png);
	background-repeat:no-repeat;
	background-position:90% center;
}
#main.machisodate_detail .machisodate_txt{
	background-color:white;
	padding:10px;
}
#main.machisodate_detail li.machisodate_link a{
	background-color:#e5efe8;
}
#main.machisodate_detail li.machisodate_link a:hover{
	background-color:#b0e1be;
}
#main.machisodate_detail li.machisodate_link a:hover img{
	opacity:1;
}
#main.machisodate_detail .machisodate_mark{
	width:80px;
	height:80px;
	float:left;
}
#main.machisodate_detail .machisodate_news + p{
	clear:both;
	margin:25px 0 55px;
}
#main.machisodate_detail div.machisodate_title{
	border-bottom:1px solid #999;
	min-height:80px;
}
#main.machisodate_detail .mark_no1{
	background-color:#e84f85;
}
#main.machisodate_detail .mark_no2{
	background-color:#5d5ae0;
}
#main.machisodate_detail .mark_no3{
	background-color:#7cb622;
}
#main.machisodate_detail .machisodate_date{
	padding:0 0 0 100px;
	color:#666;
}
#main.machisodate_detail p.machisodate_title{
	padding:5px 0 0 100px;
	font-size:16px;
	color:#3366cc;
}

/* 活動内容の各ボタン */
#main.machisodate_detail li.machisodate_link{
	float:left;
	width:32%;
	border:1px solid #ccc;
}
/* 活動内容の真ん中のボタン */
#main.machisodate_detail li.machisodate_no2{
	margin:0 2%;
}
/* 活動内容のテキスト部分 */
#main.machisodate_detail p.machisodate_link{
	color:#1ba042;
	font-size:16px;
	padding:10px 0 10px 20px;
	background-image:url(../images/icon_link01.png);
	background-repeat:no-repeat;
	background-position:90% center;
}
/* 活動内容のリンク */
#main.machisodate_detail li.machisodate_link a{
	background-color:#e5efe8;
}
#main.machisodate_detail li.machisodate_link a:hover{
	background-color:#b0e1be;
}
#main.machisodate_detail li.machisodate_link a:hover img{
	opacity:1;
}

#main.machisodate_detail h2.screen-reader-text{
	display:none;
}

#main.machisodate_detail .nav-links{ /* 全体をまとめてるdiv */
	margin:60px 0;
	border-top:1px solid #999;
	padding-top:30px;
}
#main.machisodate_detail .btn a:hover{
	opacity:0.5;
}
#main.machisodate_detail .nav-previous a{
	text-align:center;
	width:160px;
	height:40px;
	background-color:#eee;
	display:block;
	float:left;
	line-height:3em;
	background-image:url(../images/wp/news_prev.gif);
	background-repeat:no-repeat;
	background-position:10% center;
}
#main.machisodate_detail .nav-next a{
	text-align:center;
	width:160px;
	height:40px;
	background-color:#eee;
	display:inline-block;
	line-height:3em;
	float:right;
	background-image:url(../images/wp/news_next.gif);
	background-repeat:no-repeat;
	background-position:90% center;	
}
#main.machisodate_detail .btn{
	position:relative;
}
#main.machisodate_detail .lastnews_btn{
	position:absolute;
	text-align:center;
	top:31px;
	left:0;
	right:0;
	bottom:0;
	height:0;
}
#main.machisodate_detail .lastnews_btn a{
	text-align:center;
	width:160px;
	height:40px;
	background-color:#eee;
	display:inline-block;
	line-height:3em;
}
#main.machisodate_detail #naiyou{ /* 活動内容の３つのボタンを囲うボックス */
	padding-top:60px;
	border-top:1px solid #999;
}


@media screen and (max-width:768px){
#main.machisodate_detail #two #left_content{
	width:100%;
	margin-bottom:20px;
}
#main.machisodate_detail #two #right_content{
	width:100%;
	margin-bottom:120px;
}
/* 活動内容 */
#main.machisodate_detail li.machisodate_link{/* 活動内容の各ボタンを囲むボックス */
	width:100%;
	margin-bottom:10px;
}
#main.machisodate_detail li.machisodate_no2{/* 活動内容の真ん中のボタン */
	margin:0 0 10px 0;
}
#main.machisodate_detail li.machisodate_link img{/* ボタンの画像をなくす */
display:none;
}

/* 前の記事ボタン */
#main.machisodate_detail .nav-previous{
	display:block;
	width:100%;
}
#main.machisodate_detail .nav-previous a{
	display:block;
	width:100%;
}
/* 次の記事ボタン */
#main.machisodate_detail .nav-next{
	display:block;
	width:100%;
	margin-top:50px;	
}	
#main.machisodate_detail .nav-next a{
	display:block;
	width:100%;
}	
/* 最新記事一覧ボタン */
#main.machisodate_detail .lastnews_btn{
	top:110px;
}
#main.machisodate_detail .lastnews_btn a{
	width:100%;
}
/* 活動内容の３つのボタンを囲うボックス */
#main.machisodate_detail #naiyou{
	margin-top:60px;
	padding-top:20px;
	border-top:1px solid #999;
}

#main.machisodate_detail .nav-links{
	padding-top:10px;
}
#main.machisodate_detail #two{
	margin-bottom:10px;
}
#main.machisodate_detail div.contents{
	margin-bottom:0px !important;
}

#main.machisodate_detail .intro{
	padding:0 !important;
}

}