/* ////////////////////////////////////////
スマートフォン向けのスタイル：(481px)736px以下（iPhone6 Plusを横位置にすると736pxなので）
////////////////////////////////////////*/
@media screen and (max-width: 736px) {



/*============================================================
左ペイン
============================================================*/


/*カテゴリメニュー*/
nav#content-menu{
	width:95%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
	margin-top:30px;
}

ul.children li{
	border:none !important;
	margin-left:15px;
}

nav#content-menu p#content-title{
	margin:0px;
	height:35px;
	line-height:35px;
	border:1px solid #ccc;
	color:#000;
	padding-left:10px;
	background:#f3f3f3;
}

p#content-title{
	height: 17px;
	line-height: 17px;
	margin-bottom:5px;
}

nav#content-menu ul li{
	line-height: 1.6;
	padding:5px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px solid #fff;
}


nav#content-menu ul li a{
	text-decoration:none;
	display: block;
	padding-left:25px;
	margin-left:5px;
	margin-right:10px;
}

nav#content-menu ul li:last-child{
}

div#right-container{
	width:88%;
	margin-left:auto;
	margin-right:auto;
}

h3#h3title{
	font-size:120%;
	border-bottom:1px dotted #ccc;
	padding-bottom:15px;
	margin-bottom:19px;
	margin-top:20px;
	line-height:1.3 !important;
}

div#right-container h4{
	font-size:120%;
	color:#999;
}
	
div#right-container p{
	margin-top:10px;
}


h3#h3title span{
	color:#ff0000;
	font-size:60%;
	margin-left:5px;
}


/*-----------
テーブルカレンダー
------------*/

table#wp-calendar{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

table#wp-calendar a{
	text-decoration:underline;
}

table#wp-calendar th{
	background:#fcfcfc;
	border:1px solid #D5C5C1;
}

table#wp-calendar td{
	border:1px solid #D5C5C1;
}

table#wp-calendar tbody tr td{
	padding:5px;
}

/*土曜日*/
thead th:nth-child(6){
	background:#F6F9FF !important;
	color:#105EB6;
}

/*日曜日*/
thead th:nth-child(7){
	background:#FFF7F8 !important;
	color:#F96DA0;
}

tfoot tr td{
	border:none !important;
}










/*============================================================
右ペイン
============================================================*/


/*SNSボタン*/
div.wp_social_bookmarking_light{
	padding-top:30px !important;
}



/*---------------------
記事コメント
---------------------*/

h3#reply-title{
	background:none !important;
	font-size:110% !important;
	padding-left:0px !important;
	margin-top:50px;
	border-bottom:1px dashed #ccc;
}

p.logged-in-as{
	color:#999;
}

p.logged-in-as a{
	color:#666;
}


#comment{
	width:80%;
}


p.form-submit input{
	border:3px solid #D3D3C9;
	border-radius: 10px;
	box-shadow: 0px 0px 15px -5px rgba(110, 110, 110, 0.8);
	padding:20px 50px 20px 50px;
	background:url(../images/arrow.png) no-repeat 10px center;
	margin-top:0px;
	margin-bottom:50px;
	cursor:pointer;
	width:280px;
}

input{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor:none;
	padding:10px;
	width:200px;
}

div#respond label{
	display: block; 
}



/*記事送り*/

p.pagenation{
	clear:both;
	margin-bottom:15px;
}

.previous {
	width:38%;
	float: left;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:25px;
	background:#fff url(../images/sub-arrow.png) no-repeat 3px center;
	border:1px solid #ccc;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
	/*以下、長い場合...*/
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.next {
	width:38%;
	float: right;
	padding:10px 20px 10px 10px;
	text-align:left;
	background:#fff url(../images/sub-arrow.png) no-repeat 97% center;
	border:1px solid #ccc;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
	/*以下、長い場合...*/
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}








/*******************************************
お知らせ一覧
*******************************************/


div#table-container{
	font-size:90%;
	width:96%;
	margin-left:auto;
	margin-right:auto;
}

div#info-title{
	margin-top:47px;
	border-bottom:1px solid #AAAAAA;
}

div#info-title h3 img{
	float:left;
	width:151px;
	padding-bottom:15px;
	border-bottom:3px solid #555555;
}

div#info-title p{
	float:right;
	width:30%;
	text-align:right;
	font-size:90%;
}



/*テーブル用*/
div.table-container{
	border-top:1px solid #E6E5E5;
	border-bottom:1px solid #E6E5E5;
}

div.th-left{
	float:left;
	width:20%;
	font-weight:normal;
	padding:1.2em 0.6em 1.2em 0.6em;
	margin-right:5px;
}

div.td-left-2{
	float:left;
	width:60%;
	font-weight:normal;
	padding:1.0em 0.6em 1.0em 0.6em;
}

div.td-left-3{
	clear:both;
	width:96%;
	font-weight:normal;
	padding:0em 0.6em 1.2em 0.6em;
}

/*カテゴリ*/

div.td-left-2 p a{
	padding:5px;
	color:#fff;
	display:block;
}
p.info-cat a{background:#88B5D7;text-align:center;width:120px;}	/*カテゴリ１（お知らせ）*/
p.intro-cat{background:#BCE044;text-align:center;width:130px;}	/*カテゴリ２（ブログ）*/
p.goal-cat{background:#C1913E;text-align:center;width:120px;}	/*カテゴリ３*/
p.news-cat{background:#E7BD3F;text-align:center;width:120px;}	/*カテゴリ４*/

/*NEW表記*/

span.new{
	padding:3px;
	font-size:80%;
	background:#FF8000;
	border-radius: 5px;/* CSS3草案 */  
	color:#fff;
	margin-left:5px;
	display:inline;
	width:30px;
}



}




/* ////////////////////////////////////////
スマホ　iPhone5系 縦位置
////////////////////////////////////////*/
@media screen and (max-width: 400px) {/*400px以下（iPhone5系 縦位置）だった場合*/


}


/* ////////////////////////////////////////
スマホ＆タブレット適用　ランドスケープは横向きの場合のみ
////////////////////////////////////////*/
@media screen and (min-width: 568px) and (max-device-width: 736px) { /*568px（iPhone5系横位置） ～ 736px（iPhone6 Plus横位置）だった場合*/

}


/*////////////////////////////////////////
 タブレット向けのスタイル：737px ～ 768px（iPhone6 Plusを横位置にすると736pxで一番需要が多いiPadの縦位置は768pxなので）
////////////////////////////////////////*/
@media only screen and (min-width: 737px) {



/*メインコンテンツ*/

div#l-r-container{
	width:720px;
	margin-left:auto;
	margin-right:auto;
	margin-top:45px;
}

/*============================================================
左ペイン
============================================================*/

/*カテゴリメニュー*/
dvi#left-content{
	float:left;
	width:280px;
	margin-right:10px;
}

ul.children li{
	border:none !important;
	margin-left:15px;
}

nav#content-menu{
	width:280px;
	margin-bottom:35px;
}

nav#content-menu p#content-title{
	margin:0px;
	height:35px;
	line-height:35px;
	border:1px solid #ccc;
	color:#000;
	background:#f3f3f3;
}

p#content-title{
	height: 17px;
	line-height: 17px;
	padding-left:20px;
	margin-bottom:5px;
}

nav#content-menu ul li{
	line-height: 1.6;
	padding:5px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px solid #fff;
}

/*カレント*/
nav#content-menu ul li.current span{
	text-decoration:none;
	display: block;
	padding-left:25px;
	margin-left:5px;
	margin-right:10px;
	color:#999;
}

/*通常*/
nav#content-menu ul li a{
	text-decoration:none;
	display: block;
	padding-left:25px;
	margin-left:5px;
	margin-right:10px;
}

nav#content-menu ul li:last-child{
}


li.days span{
	margin-left:5px;
	color:#FFBF00;
}


/*-----------
テーブルカレンダー
------------*/

table#wp-calendar{
	width:280px;
}

table#wp-calendar a{
	text-decoration:underline;
}

table#wp-calendar th{
	background:#fcfcfc;
	border:1px solid #D5C5C1;
}

table#wp-calendar td{
	border:1px solid #D5C5C1;
}

table#wp-calendar tbody tr td{
	padding:5px;
}

/*土曜日*/
thead th:nth-child(6){
	background:#F6F9FF !important;
	color:#105EB6;
}

/*日曜日*/
thead th:nth-child(7){
	background:#FFF7F8 !important;
	color:#F96DA0;
}

tfoot tr td{
	border:none !important;
}



/*============================================================
右ペイン
============================================================*/

div#right-container{
	float:right;
	width:408px;
}

h3#h3title{
	line-height:1.3;
	font-size:140%;
	border-bottom:1px dotted #ccc;
	padding-bottom:15px;
	margin-bottom:19px;
}

h3#h3title span{
	color:#ff0000;
	font-size:60%;
	margin-left:5px;
}


div#right-container h4{
	font-size:120%;
	color:#999;
}

div#right-container p{
	margin-top:10px;

}





/*記事float*/
div#info-staff{
	width:900px;
}

p.staff-left{
	float:left;
	width:70%;
}

p.staff-right{
	float:right;
}


/*SNSボタン*/
div.wp_social_bookmarking_light{
	padding-top:50px !important;
}


/*---------------------
記事コメント
---------------------*/
div#respond{
	font-size:80% !important;
}

h3#reply-title{
	background:none !important;
	font-size:110% !important;
	padding-left:0px !important;
	margin-top:50px;
	border-bottom:1px dashed #ccc;
}

p.logged-in-as{
	color:#999;
}

p.logged-in-as a{
	color:#666;
}


#comment{
	width:600px;
}


p.form-submit input{
	border:3px solid #D3D3C9;
	border-radius: 10px;
	box-shadow: 0px 0px 15px -5px rgba(110, 110, 110, 0.8);
	padding:20px 200px 20px 200px;
	background:url(../images/arrow.png) no-repeat 10px center;
	margin-top:0px;
	margin-bottom:50px;
	cursor:pointer;

	width:600px;
	margin-left:auto;
	margin-right:auto;
}

input{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor:none;
	padding:5px;
	width:400px;
}


div#respond label{
	display: block; 
}


/*---------------------
記事（index.php）ページナビ（プラグイン）
---------------------*/
div.wp-pagenavi{
	margin-top:30px;
}


p#blog-cat{
	font-size:90%;
	padding:10px;
	background:#fcfcfc;
	border-top:1px solid #ccc;
}

/*singleページナビ*/
.pagenation {
	margin: 0px 0px 60px 0px;
	padding: 10px 15px;
	overflow: hidden;
	background:url(../images/info/navi-line.png) repeat-x left top;
}

.pagenation span a:hover {
}

.previous {
	width:45%;
	float: left;
	padding-top:15px;
	padding-bottom:30px;
}

.next {
	width:45%;
	float: right;
	padding-top:15px;
	padding-bottom:30px;
	text-align:right;
}

.right-inner-container{
	clear:both;
	margin-bottom:100px;
}






/*******************************************
お知らせ一覧
*******************************************/

div#table-container{
	font-size:90%;
	width:680px;
	margin-left:auto;
	margin-right:auto;
}

div#info-title{
	margin-top:47px;
	border-bottom:1px solid #AAAAAA;
}

div#info-title h3 img{
	float:left;
	width:151px;
	padding-bottom:15px;
	border-bottom:3px solid #555555;
}

div#info-title p{
	float:right;
	width:30%;
	text-align:right;
	font-size:90%;
}



/*テーブル用*/
div.table-container{
	border-top:1px solid #E6E5E5;
	border-bottom:1px solid #E6E5E5;
}

div.th-left{
	float:left;
	width:12%;
	font-weight:normal;
	padding:1.2em 0.6em 1.2em 0.6em;
}

div.td-left-2{
	float:left;
	width:20%;
	font-weight:normal;
	padding:1.0em 0.6em 1.0em 0.6em;
}

div.td-left-3{
	float:left;
	width:60%;
	font-weight:normal;
	padding:1.2em 0.6em 1.2em 0.6em;
}

/*カテゴリ*/

div.td-left-2 p a{
	padding:5px;
	color:#fff;
	display:block;
}
p.info-cat a{background:#88B5D7;text-align:center;width:120px;}	/*カテゴリ１（お知らせ）*/
p.intro-cat{background:#BCE044;text-align:center;width:130px;}	/*カテゴリ２（ブログ）*/
p.goal-cat{background:#C1913E;text-align:center;width:120px;}	/*カテゴリ３*/
p.news-cat{background:#E7BD3F;text-align:center;width:120px;}	/*カテゴリ４*/

/*NEW表記*/

span.new{
	padding:3px;
	font-size:80%;
	background:#FF8000;
	border-radius: 5px;/* CSS3草案 */  
	color:#fff;
	margin-left:5px;
	display:inline;
	width:30px;
}





}






/*////////////////////////////////////////
PC向けのスタイル：769px～960px 
////////////////////////////////////////*/
@media only screen and (min-width: 769px) {

div#l-r-container{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}

/*
右ペイン
*/
div#right-container{
	float:right;
	width:660px;
}


}