@charset "UTF-8";
/* CSS Document */

/*
Theme Name: 駒場自治会
Description:テーマの説明
Theme URI: テーマの URL
Author: 作った人の名前
Author URI: 作った人の URL
Version: バージョン
License: ライセンス
License URI: ライセンスの URL
*/

table {
  border-collapse: collapse;
  width: 100%;
}
ul { margin: 0 0 0 1.5em; padding: 0; }

.norobo {
	width:90%;
	border:solid 1px #a0d8ef;
	margin:0 auto 16px;
	padding:8px;
	text-align:center;
	}

@media screen and (min-width:961px) {
/*pc用のcssを記述*/
#wrap { width:100%; margin:0 auto; padding:0; font-size:14px;
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'sans-serif; }
.inner { width:960px; margin:0 auto; padding:0; }

/*header*/
#header { width:100%; margin:0 auto; padding:0; margin-top:24px; }
#header h1 {
	margin:0;
	padding:0;
	font-size:48px;
	color:#009d84;
	letter-spacing:0.1em;
	line-height:1.3;
	font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ＭＳ 明朝', 'MS Mincho','ＭＳ Ｐ明朝','MS PMincho','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
	margin-right:auto;
}
#header h1 span {
	font-size:38%;
	letter-spacing:0em;
	font-weight:nomal;
	font-family: 'ＭＳ Ｐゴシック','MS PGothic','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
}
#menu { margin-top:16px; padding:8px 0; 
	border-top: 1px solid #009d84; border-bottom: 1px solid #009d84; }
#menu ul { list-style-type: none; font-size:18px;
	 margin: 0px auto 0px; padding: 0; text-align:center; }
#menu ul li { display:inline; }
#menu ul li:after { content:" | "; color:#009d84; padding:0 8px; }
#menu ul li:last-child:after {content: none; }
.slicknav_menu { display:none; }
#menu a { color:#000; }
#menu a:hover { color:#009d84; }
/*--*/

/*main*/
#top_img { width:100%; height:560px; background-color:#a3a3a2; }
#main { width:100%; margin:0 auto; padding:40px 0; }
/*--*/

/*side*/
#side { width:222px; float:right; }
#side h2 { padding:4px 16px; margin-bottom:8px; font-size:18px; letter-spacing:0.1em;
	 color: #494949; background: #f4f4f4; font-weight: normal;
	 border-left: solid 8px #009d84; border-bottom: solid 1px #d7d7d7; }
#side ul { list-style-type: none; margin: 0px auto 0px; padding: 0; margin-bottom:16px; }
#side ul li { padding:8px 0; border-bottom: dashed 1px silver; }
#side ul li:last-of-type{ border-bottom: none; }
.widget {}
.widget table { width:100%; text-align:center; margin-bottom:16px;
	border:1px solid #d7d7d7; border-collapse: collapse; }
.widget th,td { padding:4px; border:1px solid #d7d7d7; } 
/*--*/

/*post*/
#post { width:690px; float:left; }
.post_wrap { margin-bottom:32px; }
.post_wrap hr { border:none; border-bottom:1px solid #adadad; margin-top:16px; }
.post_wrap table { width: 100%; border:none; margin-bottom:16px; border-collapse: collapse; }
.post_wrap th { padding:8px; border:1px solid #d7d7d7; 
	background-color:#009d84; color:#fff; }
.post_wrap td { padding:8px; border:1px solid #d7d7d7; }
.post_head { padding:8px 16px; margin-bottom:16px; padding-bottom:8px;
	 color: #494949; background: #f4f4f4; font-weight: normal;
	 border-left: solid 8px #009d84; border-bottom: solid 1px #d7d7d7; }
.post_title { font-size:18px; letter-spacing:0.1em; }
.post_title a { color: #494949; }
.post_title a:hover { color: #009d84; }
.post_date { font-size:80%; }
.post_category a { margin-right:8px; font-size:80%; padding:2px 4px; background-color:#f19072; color:#fff; }
.post_category a:hover { margin-right:8px; font-size:80%; padding:2px 4px; background-color:#df7163; color:#fff; }
/*--*/

/*pager*/
.navigation { width:100%; text-align:center; }
/*--*/
/*footer*/
#footer { width:100%; margin:0 auto; padding:12px 0; 
 	background-color:#009d84; color:#fff; }
.copy { font-size:80%; }
/*--*/

/*最新情報*/
#news { width:550px; }
#news a { color:#727171; }
#news a:hover { color:#009d84; }
#news ul { padding: 0 0.5em; position: relative; }
#news ul li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 1.4em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}
#news ul li:before {
  font-family: FontAwesome;
  content: "\f138";/*アイコン種類*/
  position: absolute;
  left : 0.5em; /*左端からのアイコンまで*/
  color: #f19072; /*アイコン色*/
}
#news ul li:last-of-type{ border-bottom: none; }
#news ul li span.top_date { margin-right:8px; }
#news ul li span.top_category a { margin-right:8px; font-size:80%; padding:2px 4px; background-color:#f19072; color:#fff; }
#news ul li span.top_category a:hover { margin-right:8px; font-size:80%; padding:2px 4px; background-color:#df7163; color:#fff; }
/*--*/
/*年間スケジュール*/
#top_schedule { width:370px; }
table.top_schedule_t { width:100%; border-top:1px dotted #adadad; }
table.top_schedule_t th,
.top_schedule_t td { padding:8px 0; vertical-align: top; border:none; border-bottom:1px dotted #adadad; }
/*--*/
/*自治会マップ*/
#komabamap { width:550px; margin:24px 0; font-size:16px; }
#komabamap ul { list-style-type: none; margin: 0px auto 0px; padding: 0; text-align:center; }
#komabamap ul li { display:inline; }
#komabamap ul li:after { content:" ／ "; color:#a3a3a2; padding:0 8px; }
#komabamap ul li:last-child:after {content: none; }
/*--*/

/*float*/
.f_left { float:left; }
.f_right { float:right; }
.c_right { float:right; }
.f_left550 { width:550px; float:left; }
.f_right370 { width:370px; float:right; }
/*--*/

.sp_contents {display:none;}
}
  
@media only screen and (min-width:769px) and (max-width:960px) {
/*tablet用のcssを記述*/
img{
max-width: 100%;
height: auto;
width /***/:auto;
	}
#wrap { width:100%; margin:0 auto; padding:0; font-size:14px; overflow:hidden; 
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'sans-serif; }
.inner { margin:0 auto; padding:16px; }

/*header*/
#header { margin:0 auto; padding:0; margin-top:24px; }
#menu { margin-top:16px; padding:8px 0; 
	border-top: 1px solid #009d84; border-bottom: 1px solid #009d84; }
#menu ul { list-style-type: none; font-size:18px;
	 margin: 0px auto 0px; padding: 0; text-align:center; }
#menu ul li { display:inline; }
#menu ul li:after { content:" | "; color:#009d84; padding:0 8px; }
#menu ul li:last-child:after {content: none; }
#menu a { color:#000; }
#menu a:hover { color:#009d84; }
.slicknav_menu { display:none; }
/*--*/

/*main*/
#top_img { width:100%; height:560px; background-color:#a3a3a2; }
#main { margin:0 auto; padding:40px 0; }
/*--*/

/*side*/
#side { width:25%; float:right; }
#side h2 { padding:4px 16px; margin-bottom:8px; font-size:18px; letter-spacing:0.1em;
	 color: #494949; background: #f4f4f4; font-weight: normal;
	 border-left: solid 8px #009d84; border-bottom: solid 1px #d7d7d7; }
#side ul { list-style-type: none; margin: 0px auto 0px; padding: 0; margin-bottom:16px; }
#side ul li { padding:8px 0; border-bottom: dashed 1px silver; }
#side ul li:last-of-type{ border-bottom: none; }
.widget {}
.widget table { width:100%; text-align:center; margin-bottom:16px;
	border:1px solid #d7d7d7; border-collapse: collapse; }
.widget th,td { padding:4px; border:1px solid #d7d7d7; } 
/*--*/

/*post*/
#post { width:70%; float:left; }
.post_wrap { margin-bottom:32px; }
.post_wrap hr { border:none; border-bottom:1px solid #adadad; margin-top:16px; }
.post_wrap table { width: 100%; border:none; margin-bottom:16px; border-collapse: collapse; }
.post_wrap th { padding:8px; border:1px solid #d7d7d7; 
	background-color:#009d84; color:#fff; }
.post_wrap td { padding:8px; border:1px solid #d7d7d7; }
.post_head { padding:8px 16px; margin-bottom:16px; padding-bottom:8px;
	 color: #494949; background: #f4f4f4; font-weight: normal;
	 border-left: solid 8px #009d84; border-bottom: solid 1px #d7d7d7; }
.post_title { font-size:18px; letter-spacing:0.1em; }
.post_date { font-size:80%; }
.post_category a { margin-right:8px; font-size:80%; padding:2px 4px; background-color:#f19072; color:#fff; }
.post_category a:hover { margin-right:8px; font-size:80%; padding:2px 4px; background-color:#df7163; color:#fff; }
/*--*/

/*footer*/
#footer { width:100%; margin:0 auto; padding:12px 0; 
 	background-color:#009d84; color:#fff; }
.copy { font-size:80%; }
/*--*/

/*最新情報*/
#news { width:70%; float:right; }
#news a { color:#727171; }
#news a:hover { color:#009d84; }
#news ul { padding: 0 0.5em; position: relative; }
#news ul li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 1.4em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}
#news ul li:before {
  font-family: FontAwesome;
  content: "\f138";/*アイコン種類*/
  position: absolute;
  left : 0.5em; /*左端からのアイコンまで*/
  color: #f19072; /*アイコン色*/
}
#news ul li:last-of-type{ border-bottom: none; }
#news ul li span.top_date { margin-right:8px; }
#news ul li span.top_category a { margin-right:8px; font-size:80%; padding:2px 4px; background-color:#f19072; color:#fff; }
#news ul li span.top_category a:hover { margin-right:8px; font-size:80%; padding:2px 4px; background-color:#df7163; color:#fff; }
/*--*/
/*年間スケジュール*/
#top_schedule { width:25%; float:left; }
table.top_schedule_t { width:100%; border-top:1px dotted #adadad; }
table.top_schedule_t th,
.top_schedule_t td { padding:8px 0; vertical-align: top; border:none; border-bottom:1px dotted #adadad; }
/*--*/
/*自治会マップ*/
#komabamap { width:70%; float:right; margin:24px 0; font-size:16px; }
#komabamap ul { list-style-type: none; margin: 0px auto 0px; padding: 0; text-align:center; }
#komabamap ul li { display:inline; }
#komabamap ul li:after { content:" ／ "; color:#a3a3a2; padding:0 8px; }
#komabamap ul li:last-child:after {content: none; }
/*--*/

/*float*/
.f_left { float:left; }
.f_right { float:right; }
.c_right { float:right; }
.f_left550 { width:550px; float:left; }
.f_right370 { width:370px; float:right; }
/*--*/

.sp_contents {display:none;}
 }

@media screen and (max-width:768px) {
/*スマホ用のcssを記述*/
img{
max-width: 100%;
height: auto;
width /***/:auto;
	}
#wrap { width:100%; margin:0 auto; padding:0; font-size:14px; overflow:hidden; 
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'sans-serif; }
.inner { margin:0 auto; padding:16px; }

/*header*/
#header { margin:0 auto; padding:0; }
#menu { display:none; }
.js .slicknav_menu { display:block; }
/*--*/

/*main*/
#top_img { width:100%; height:240px; background-color:#a3a3a2; }
#main { margin:0 auto; padding:0; }
/*--*/

/*side*/
#side { margin-bottom:16px; }
#side h2 { padding:4px 16px; margin-bottom:8px; font-size:18px; letter-spacing:0.1em;
	 color: #494949; background: #f4f4f4; font-weight: normal;
	 border-left: solid 8px #009d84; border-bottom: solid 1px #d7d7d7; }
#side ul { list-style-type: none; margin: 0px auto 0px; padding: 0; margin-bottom:16px; }
#side ul li { padding:8px 0; border-bottom: dashed 1px silver; }
#side ul li:last-of-type{ border-bottom: none; }
.widget {}
.widget table { width:100%; text-align:center; margin-bottom:16px;
	border:1px solid #d7d7d7; border-collapse: collapse; }
.widget th,td { padding:4px; border:1px solid #d7d7d7; } 
/*--*/

/*post*/
#post { margin-bottom:16px; }
.post_wrap { margin-bottom:32px; }
.post_wrap hr { border:none; border-bottom:1px solid #adadad; margin-top:16px; }
.post_wrap table { width: 100%; border:none; margin-bottom:16px; border-collapse: collapse; }
.post_wrap th { width:auto; display:block; padding:8px; border:1px solid #d7d7d7; 
	background-color:#009d84; color:#fff; }
.post_wrap td { width:auto; display:block; padding:8px; border:1px solid #d7d7d7; }
.post_head { padding:8px 16px; margin-bottom:16px; padding-bottom:8px;
	 color: #494949; background: #f4f4f4; font-weight: normal;
	 border-left: solid 8px #009d84; border-bottom: solid 1px #d7d7d7; }
.post_title { font-size:18px; letter-spacing:0.1em; }
.post_date { font-size:80%; }
.post_category a { margin-right:8px; font-size:80%; padding:2px 4px; background-color:#f19072; color:#fff; }
.post_category a:hover { margin-right:8px; font-size:80%; padding:2px 4px; background-color:#df7163; color:#fff; }
/*--*/

/*footer*/
#footer { margin:0 auto; padding:12px 0; 
 	background-color:#009d84; color:#fff; }
.copy { font-size:80%; }
/*--*/

/*最新情報*/
#news { margin-bottom:16px; }
#news a { color:#727171; }
#news a:hover { color:#009d84; }
#news ul { padding: 0 0.5em; position: relative; }
#news ul li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 1.4em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}
#news ul li:before {
  font-family: FontAwesome;
  content: "\f138";/*アイコン種類*/
  position: absolute;
  left : 0.5em; /*左端からのアイコンまで*/
  color: #f19072; /*アイコン色*/
}
#news ul li:last-of-type{ border-bottom: none; }
#news ul li span.top_date { margin-right:8px; }
#news ul li span.top_category a { margin-right:8px; font-size:80%; padding:2px 4px; background-color:#f19072; color:#fff; }
#news ul li span.top_category a:hover { margin-right:8px; font-size:80%; padding:2px 4px; background-color:#df7163; color:#fff; }
/*--*/
/*年間スケジュール*/
#top_schedule { margin-bottom:16px; }
table.top_schedule_t { width:100%; border-top:1px dotted #adadad; }
table.top_schedule_t th,
.top_schedule_t td { padding:8px 0; vertical-align: top; border:none; border-bottom:1px dotted #adadad; }
/*--*/
/*自治会マップ*/
#komabamap { margin-bottom:16px; font-size:16px; }
#komabamap ul { list-style-type: none; margin: 0px auto 0px; padding: 0; text-align:center; }
#komabamap ul li { display:inline; }
#komabamap ul li:after { content:" ／ "; color:#a3a3a2; padding:0 8px; }
#komabamap ul li:last-child:after {content: none; }
/*--*/

/*float*/
.f_left { margin-bottom:16px; }
.f_right { margin-bottom:16px; }
.c_right { text-align:center; margin-bottom:16px; }
.f_left550 { margin-bottom:16px; }
.f_right370 { margin-bottom:16px; }
/*--*/

.sp_contents {text-align:center}
.pc_contents {display:none;}

}