@charset "UTF-8";

/*-----------------------------------
■レイアウト（タブレット・スマホ）
-----------------------------------*/
@media
only screen and (max-width : 999px){

/*外側*/
#top,
#global-nav,
#main,
#main-image,
#sidebar,
#footer,
#footer-menu,
#copyright,
#page-top,
#page-top-in {
	width: 100%;
	min-width: 100%;
	max-width: 999px;
	margin: 0;
}

/*内側*/
#top-in,
#global-nav-in,
#main-in,
#footer-in,
#copyright p{
	width: 100%;
	min-width:  95%!important;
	max-width: 95%!important;
	margin: auto!important;
}

.contents{
	width: 100%;
	padding: 0!important;
}
.hentry{
	padding: 0.5em 15px;
}
.entry-content, .entry-summary{
	padding: 0;
}

/*コンテンツ配置*/
#sidebar{ float: none; }
#main-contents{ float: none; }

img {
	height: auto;
	max-width: 100%;
}

/*パソコン表示との切り替え*/
.pc{display: none;}
.mobile{display: inline-block;}


.fl-l_l{
	text-align: center;
	float: none!important;}

.fl-r_l{
	text-align: center;
	float: none!important;}

}

/*-----------------------------------
■タブレットサイズ以下向け
-----------------------------------*/
@media
only screen and (max-width : 999px){


#top{
	clear: both;
	background: none;
}
#top-in h1{
	color: #000;
}

/*ヘッダー*/
#header{	display: none;}

/*グローバルナビゲーション非表示*/
#global-nav{
	display: none;
}
/*サイドバー回り込み*/
#sidebar{
	clear: both;
}
#main-image{
	height:auto;
	margin-bottom:2em;
}


/*--------------------レスポンシブヘッダー--------------------*/


/* ■ レスポンシブアコーディオンメニュー ■ */
#res-nav{	margin: 0;}
#res-nav-menu {
	clear: both;
	margin: 0;
	display: none;
}
ul#contact-mo li#res-nav-menu{	max-width: 100%!important;}
#res-nav-ul{
	clear: both;
	width:100%;
	margin: 0;
	border-top: solid 1px #000;
	border-bottom: solid 2px #000793;
}
#res-nav-ul li{
	display: block!important;
	text-align: center;
	width: 100%;
	border-bottom: 1px solid #ddd;
	padding: 0!important;
	font-size:1.2em;
	font-weight: bold!important;
}

/*メニューのデザイン*/
#res-nav-ul li a{
	display: block;
	padding: 0.6em 2em 0.6em 3em!important;
	text-decoration: none;
}

#res-nav-ul li a:link,
#res-nav-ul li a:visited{ background: url(./images/icon/icon-arrow.png) 1em no-repeat #fff; } /*すでに訪れたリンクの背景色*/
#res-nav-ul li a:hover,
#res-nav-ul li a:active{ background: url(./images/icon/icon-arrow.png) 1em no-repeat #eee; } /*マウスカーソルを乗せた時の背景色*/


/*--------------------/レスポンシブヘッダー--------------------*/


/*バナー２つ*/
#banner-top li{
	float:none;
	width: 100%!important;
	margin-bottom: 20px;
}

/*ブログの最新記事*/
#news-top{
	font-size:1.0em;
}
#news-top #news-top-midashi{
	background: url(./images/title/h2-news-top.png) 10px 18px no-repeat #000793;
}
#news-top h3 span{}
#news-top a.itiran-btn{
	margin-right: 10px;
}
#news-top-in{
	width: 97%;
}
#news-top .block,
#news-top dt,
#news-top-in dd{}
#news-top .block{}
#news-top-in dd{}
#news-top dt{}
#news-top dd p.news-cat{
	font-size: 1.0em;
}


/*SNS窓*/
#top-sns{
	width: auto;
}
#top-sns h3{}
#top-sns .fb-box,
#top-sns .instagram-box{
	width:auto;
	float: none;
	margin-bottom:2em;
}


/* ■ レスポンシブ用　問い合わせボタン ■ */
#contact-mo{
	display: block;
	margin: 0.5em auto 0.5em;
	width: 98%;
	overflow: hidden;
}
.res-tel,
.res-form{
	width: 49%;
	height: auto;
	text-align: center;
}
.res-tel{
	float: left;
}
.res-form{
	float: right;
}
.res-tel a,
.res-form a{
	display: block;
	padding: 0.5em 0.5em;
	/*以下角丸設定*/
	border-radius: 3px!important;/* CSS3草案 */
	-webkit-border-radius: 3px!important; /* Safari,Google Chrome用 */
	-moz-border-radius: 3px!important; /* Firefox用 */
}
.res-tel a:link,
.res-tel a:visited{
	background-color: #008e2e;
}
.res-form a:link,
.res-form a:visited{
	background-color: #ff6c00;
}
.res-tel a:hover,
.res-tel a:active{
	background-color: #2ca35e;
}
.res-form a:hover,
.res-form a:active{
	background-color: #ff8a00;
}
.contact-mo a img{
	width: auto;
}


/*新入会員の声*/
.member-voice{ }
.member-voice-face{margin-bottom:1em;}
.member-voice-face,
.member-voice-text{
	float:none;
	width: 100%;

}



/* ■ 404ページ ■ */
div.img-404 {
	float: none;
	text-align: center;
	margin-right: 0 0 1.5em;
}
div.img-404 img{
	margin: auto;
	width: 100px;
	height: auto;
}
.text-404{
	width: 100%;
	float: none;
}
.text-404{
	width: 100%!important;
	float: none;
}


/* ■ （タブレットサイズ以下）ブログメニューを展開 ■ */
#blogmenu-head{
	clear: both;
	margin-bottom: 0.5em;
	padding: 0.5em 0em 0.29em 0em;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	background: url(./images/icon/icon-arrow.png) 10px center no-repeat #fff;
	border: 1px solid #333;
	display:block!important;
	cursor: pointer;
}
#blogmenu #blogmenu-in{
	display:none;
}
.blog-open{ display: block!important; }
#sidebar .side-contents-blog{
	font-size: 1.1em;
}


/* ■アクセス マップ■ */
textarea,input{ max-width: 95%; }
.map{
	width: 100%!important;
}


/*■ページトップ■*/
#page-top{
	font-size: 1.1em;
	position: fixed;
	bottom: 0;
	z-index: 99;
	text-align: center;
	background: #eee;
	right: 0;
	border-top: 2px solid #000;
	padding: 0;
}
#page-top a{
	display: block;
	padding: 0.6em 0 0.3em;
	width: 100%;
}
#copyright{
	padding: 1em 0 6.0em;
}

/*-----------------------------------
■2.0記事一覧TOP用追加項目
-----------------------------------*/
ul.new-posts{
	padding-left: 0;
}

ul.new-posts li{
	margin: auto!important;
	margin-right: 0;
	margin-bottom: 1em!important;
	padding: 5px;
	width: 100%;
	max-width: 90%;
	min-height: auto!important;
	float: none;
	display: block;
}

ul.new-posts .blogdata,
ul.category-posts .blogdata{
	margin-bottom: 5em;
	}

ul.category-posts{
	margin-bottom: 1em!important;
}

ul.category-posts li{
	min-height: auto!important;
	margin: auto!important;
	margin-right: 0;
	margin-bottom: 1em!important;
	padding: 5px;
	width: 100%;
	max-width: 90%;
	float: none!important;
}
ul.category-posts li:last-child {
	margin: auto!important;
}

/* ■フッター■ */
#footer {
	clear: both;
	overflow: hidden;
	background-color: #120893;
	border-top: 7px solid #fdf044;
	color: #333333;
	height: auto;

}
#footer-in {
	padding: 30px 0px 5em;
}
#footer-right,
#footer-menu {
	float: none;
	width: auto;
	overflow: hidden;
	margin-bottom: 2.0em;
}
#footer-menu ul {
	/* float: none; */
	overflow: hidden;
	width: 50%;
	font-size:1.5em;
}
#footer-menu li{
	float: none;
	padding: 9px 12px;
}


/*活動実績ページ*/
td.jisseki-date,
table.katudou-jisseki td.jisseki-c{
	width:auto!important;
}

/*------- 委員会方針-------*/
ul#iinkai-ul{

}
ul#iinkai-ul li{
	clear:both;
	float: none;
	width: 80%;
	overflow:hidden;

}


/*------- 委員会方針の下層（＋理事長）-------*/
#houshin-top{
	margin-bottom: 2em;
	overflow:hidden;
	text-align: center;
}

/*------- 会員紹介ページ-------*/
.intro-box{
	width:100%;

}
.intro-box table{
	clear:both;
	width:100%;
	font-size:0.8em;

	border: none!important;
	border-left: 5px solid #fff!important;
}
.intro-box table th{
	border: none!important;
	border-bottom: 1px solid #e3c300!important;
	background:#fff!important;
	padding: 0.2em!important;
}
.intro-box table td{
	border: 0!important;
	/* padding: 0.3em!important; */
}
.intro-box table tr:nth-child(odd) { background-color:#ececec; }
.intro-box table tr:nth-child(even) { background-color: #fff; }



#new-member .under-text{
	padding: 10px;
}
#new-member .under-text img{
	float: left;
	margin-right: 1em;

}

}



/*-----------------------------------
■Nexus7対策
-----------------------------------*/
@media
only screen and (max-width : 739px){


}



/* =スマホ限定追加要素
--------------------------------------------------------*/
@media
only screen and (max-width : 599px){
#res-nav-btn{
	width: 70px;
	margin: 5px;
}

.hentry {
	margin: 0 0 2em 0;
}
#main-contents h2{
	font-size: 1.5em;
	color: #000793;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #ebebeb;
}
#main-contents h3{
	font-size: 1.15em!important;
}
#main-contents h4{
	font-size: 1.13em;
}
#main-contents h5{
	font-size: 1.1em!important;
}
#main-contents h6{
	font-size: 1.0em!important;
}


/*ブログの最新記事*/
#news-top dd{
	width: auto;
}
#news-top dt{
	margin: 0 0 1em 0;
}


/*バナーエリア*/
#top-banner ul{
	width: auto;
}
#top-banner li{
	width: 48%;
	margin: 0 1% 0;
}

/*■ ページャーボタン（アーカイブ） ■*/
.old-new #nav-below .nav-previous{
	float: left;
}
.old-new #nav-below .nav-next{
	float: right;
}

#nav-below .nav-previous{
	float: none;
	width: auto;
}
#nav-below .nav-next{
	float: none;
	width: auto;
}


/*■ 投稿記事 ■*/
/*続きを読むリンク*/
.moretxt{
	padding-top: 1em;
}
/*メタ情報*/
.entry-meta {
	text-align: left;
}
.entry-utility {
	clear: both;
}
.cat-links,.tag-links{
	float: none;
}

/*■ SNSボタン ■*/
#entry-sns {
	float: none;
}





/*お問い合わせフォーム*/
form#mailformpro dl dt {
	float: none!important;
	width: auto!important;
	padding: 0.5em!important;
	text-align: left!important;
}
form#mailformpro dl dd {
	border-top: 0!important;
	padding: 1em!important;
}

/*■ 404ページ ■*/
p.notfound{
	padding-top: 2em;
	text-align: left!important;
}


/*floatの解除*/
.fl-l{
	text-align: center;
	float: none!important;}
.fl-r{
	text-align: center;
	float: none!important;}



/*------- 委員会方針-------*/
ul#iinkai-ul{

}
ul#iinkai-ul li{
	clear:both;
	float: none;
	width: 80%;
	overflow:hidden;
}
ul#iinkai-ul li h3{
}
ul#iinkai-ul li dl{

}
ul#iinkai-ul li dt{

}
ul#iinkai-ul li dd{

}
ul#iinkai-ul li hr{

}
ul#iinkai-ul li .houshin-btn{
	clear: both;
	float: none;
	width: 105px;
	margin: auto;
}

/*-------入会案内-------*/
#new-member .nm-photo{
	width:80px;
}

/*------- 尼崎JCの歴史-------*/
ul#history-top{
	margin: auto;
	width: auto;
}
ul#history-top li{
	margin-right: 20px;
	margin-bottom: 2em;
	float:left;
	list-style: none;
}
table.history td.td-year,
table.history td.td-age,
table.history td.td-rijicho,
table.history td.td-slogan{width:auto;}

/*------- 活動実績-------*/
#katudo-link{
	width: auto;
}
td.jisseki-date,
table.katudou-jisseki td.jisseki-c{	width:auto;}



}