/*
Theme Name:ikepm
Theme URI:localhose/ikepm
Description:Felica Data Download
*/


/*リセット*/

html,body,h1,p,ul,li,ol,h2,h3,h4{
	line-height:1.0;
	padding:0;
	margin:0;
	color: #666;
	height:100%;
	font-family:
	"Hiragino Kaku Gothic ProN",
	Meiryo, 
	sans-serif;
}
html,body{
	margin:0!important;
	padding:0;
	background:#ddd;
}
img{
	max-width:100%;
	height:auto;
	border:0;
}
a{
text-decoration:none;
color:inherit;
}

/*全体囲み*/
#container {
	width: 960px;
	margin:0 auto;
	overflow:hidden;
}

/*ヘッダー*/
header{
	padding:20px 0;
	background: linear-gradient(to bottom, rgba(2,100,163,1) 0%,rgba(0,130,200,1) 50%,rgba(2,100,163,1) 52%,rgba(105,138,158,1) 100%); 
	/*background:#0264a3;*/
	
}
header h1,header p{
	font-family: 'Exo', sans-serif;
	text-align:center;
	color:#fff;
	margin:0;
}
header h1{
	font-size:40px;
}
header h1 a{
	text-decoration:none;
	color: #fff;
}
header p{
letter-spacing:1px;
}

/*--------------Category Menu-------------*/
#categories-2>h2{
display:none;
}

#catMenu #categories-3>h2{
display:none;
}
#categories-4>h2{
display:none;
}
#categories-5>h2{
display:none;
}
#catMenu ul{list-style:none;padding-left:70px;overflow:hidden;height:60px;margin:20px 0;}
#catMenu ul li{float:left;margin:0 15px 0 0;width:60px;height:60px;}
#catMenu ul li:last-child{margin-right:0;}
#catMenu ul li a{
	display:block;
	width:60px;height:60px;
	opacity:0;
	transition:0.3s;
}
#catMenu ul .cat-item-1{background:url(img/html.png) no-repeat;background-size:contain;transition:0.3s;}
#catMenu ul .cat-item-2{background:url(img/html.png) no-repeat;background-size:contain;transition:0.3s;}
#catMenu ul .cat-item-9{background:url(img/sogo.png) no-repeat;background-size:contain;}
#catMenu ul .cat-item-3{background:url(img/ai.png) no-repeat;background-size:contain;}
#catMenu ul .cat-item-4{background:url(img/javaS.png) no-repeat;background-size:contain;}
#catMenu ul .cat-item-7{background:url(img/rwd.png) no-repeat;background-size:contain;}
#catMenu ul .cat-item-6{background:url(img/ps.png) no-repeat;background-size:contain;}
#catMenu ul .cat-item-8{background:url(img/wp.png) no-repeat;background-size:contain;}
#catMenu ul .cat-item-15{background:url(img/dw.png) no-repeat;background-size:contain;}
#catMenu ul .cat-item-5{background:url(img/jq.png) no-repeat;background-size:contain;}


/*hover時*/
#catMenu ul .cat-item-2:hover{background:url(img/html_on.png) no-repeat;background-size:contain;}
#catMenu ul .cat-item-4:hover{background:url(img/javaS_on.png) no-repeat;background-size:contain;}
#catMenu ul .cat-item-7:hover{background:url(img/rwd_on.png) no-repeat;background-size:contain;}
#catMenu ul .cat-item-1:hover{background:url(img/html_on.png) no-repeat;background-size:contain;}
#catMenu ul .cat-item-9:hover{background:url(img/sogo_on.png) no-repeat;background-size:contain;}
#catMenu ul .cat-item-15:hover{background:url(img/dw_on.png) no-repeat;background-size:contain;}
#catMenu ul .cat-item-3:hover{background:url(img/ai_on.png) no-repeat;background-size:contain;}

#catMenu ul .cat-item-8:hover{background:url(img/wp_on.png) no-repeat;background-size:contain;}
#catMenu ul .cat-item-6:hover{background:url(img/ps_on.png) no-repeat;background-size:contain;}
#catMenu ul .cat-item-5:hover{background:url(img/jq_on.png) no-repeat;background-size:contain;}




/*ナビゲーション*/
nav ul{list-style:none;padding-left:70px;overflow:hidden;height:60px;margin:40px 0;}
nav ul li{float:left;margin:0 10px 0 0;width:60px;height:60px;}
nav ul li:last-child{margin-right:0;}
nav ul li img{width:60px;height:60px;}
nav ul li a{
	display:block;
	-moz-transition:opacity .5s;
	-webkit-transition:opacity .5s;
	transition:opacity 0.5s;
}
nav ul li a:hover{
	-moz-opacity:0;
	-webkit-opacity:0;
	opacity:0;
}

nav ul .javaS{background:url(img/javaS_on.png) no-repeat;background-size:contain;}
nav ul .rwd{background:url(img/rwd_on.png) no-repeat;background-size:contain;}
nav ul .html{background:url(img/html_on.png) no-repeat;background-size:contain;}
nav ul .css{background:url(img/css_on.png) no-repeat;background-size:contain;}
nav ul .dw{background:url(img/dw_on.png) no-repeat;background-size:contain;}
nav ul .ai{background:url(img/ai_on.png) no-repeat;background-size:contain;}
nav ul .ps{background:url(img/ps_on.png) no-repeat;background-size:contain;}
nav ul .js{background:url(img/js_on.png) no-repeat;background-size:contain;}
nav ul .fl{background:url(img/fl_on.png) no-repeat;background-size:contain;}
nav ul .fw{background:url(img/fw_on.png) no-repeat;background-size:contain;}
nav ul .wp{background:url(img/wp_on.png) no-repeat;background-size:contain;}
nav ul .jq{background:url(img/jq_on.png) no-repeat;background-size:contain;}

/*コンテンツ*/
div#content{
	width: 700px;
	float: left;
}
div#content div.post{
	width: 620px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 20px;
	font-size:90%;
	border: 1px solid #ddd;
	padding-right: 10px;
	padding-left: 20px;
	padding-bottom:20px;
	background:#fff;
	box-shadow:0 0 6px #ccc;
	overflow:hidden;
}
div#content div.post h2{
	box-shadow:3px 3px 5px #ddd;
	font-size:15px;
	padding:3px 5px;
	color:rgb(181,198,209);
	border-left:7px solid #aaa;
	font-weight:bold;
	margin-top:20px;
	
/* Firefox v3.6+ */
background-image:-moz-linear-gradient(50% 0% -90deg,rgb(237,242,245) 0%,rgb(219,227,233) 50%,rgb(181,198,209) 50%,rgb(206,225,237) 96%,rgb(208,227,239) 100%); 
/* safari v4.0+ and by Chrome v3.0+ */
background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(237,242,245)),color-stop(0.5, rgb(219,227,233)),color-stop(0.5, rgb(181,198,209)),color-stop(0.96, rgb(206,225,237)),color-stop(1, rgb(208,227,239)));
/* Chrome v10.0+ and by safari nightly build*/
background-image:-webkit-linear-gradient(-90deg,rgb(237,242,245) 0%,rgb(219,227,233) 50%,rgb(181,198,209) 50%,rgb(206,225,237) 96%,rgb(208,227,239) 100%);
background-image:linear-gradient(180deg,rgb(237,242,245) 0%,rgb(219,227,233) 50%,rgb(181,198,209) 50%,rgb(206,225,237) 96%,rgb(208,227,239) 100%);
width:299px;

border-color:rgb(138,155,168);
border-width:1px;
border-style:solid;
/* Firefox v3.5+ */
-moz-box-shadow:inset 0px 0px 9px rgba(214,232,243,0.68);
/* Safari v3.0+ and by Chrome v0.2+ */
-webkit-box-shadow:inset 0px 0px 9px rgba(214,232,243,0.68);
/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
box-shadow:inset 0px 0px 9px rgba(214,232,243,0.68);
}

#content div.post h2 a{
	/*color:rgb(181,198,209);*/
}
img.alignright{
	float:right;
	margin:0 10px 10px 0;
}
img.aligncenter{
	display:block;
	margin:0 auto;
}
div.post_main{
	width:620px;
	font-size:14px;
	line-height:1.4;
	overflow:hidden;
}
div.post_main p{
	line-height:1.5;
}
div.post_main h2{
	width:400px;
	float:left;
	margin-bottom:20px;
}
div.post_main h2 a{
	color:#777;
	text-decoration:none;
	display:block;
}

div.post_main h2 a:hover{
	color:#00f;}

div.post_main h3{
	height:20px;
	line-height:20px;
	padding-left:25px;
	background:url(img/jedi-order.svg) no-repeat left center;
}

div.post_main h3{
	clear:both;
	}


div.post_main p,div.post_main div{
	/*background:url(img/icon_arw.gif) no-repeat left top;*/
	padding:10px 0 0 0;
}

.postinfo{
	width:100px;
	float:right;
	padding:0;
	margin-top:5px;
	margin-bottom:-30px;
}
.title-date {
	text-align:center;
	width:70px;
	height:60px;
	background: linear-gradient(to bottom, rgba(2,100,163,1) 0%,rgba(0,160,224,1) 50%,rgba(2,100,163,1) 52%,rgba(105,138,158,1) 100%); 
	color:#FFF;
	border-radius:5px;
}
.title-date-day {
	display:block;
	height:40px;
	font-size:40px;
	line-height:38px;
	overflow:hidden;
}
.title-date-month {
	display:block;
	height:20px;
	overflow:hidden;
	font-size:12px;
	line-height:14px;
	margin-bottom:10px;
}

/*記事中li下マージン*/
.post_main li{
margin-bottom:10px;
}

/*記事中グレイ背景*/
.post_main .graybg{
background: #DCE6EB; padding: 20px; margin: 20px 20px 50px; color: red; font-weight: bold;
font-size:16px;
}

div.post_main .thumb-ex{
	width:450px;
	padding:0;
	float:left;
}

/*アイキャッチ画像*/
.thumb-ex .thumb{
	clear:both;
	width:50px;
	height:50px;
	float:left;
	margin:0 10px 0 0;
	padding:0;
}

p.thumb img{
margin:0 10px 20px 0;
}
div.post_main .excerpt{
	padding:0;
}
div.post_main .excerpt p{
	margin:0;
	padding:0;
}

/*サイドバー*/
div#sidebar{
	width: 220px;
	float: right;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0;
}
div#sidebar ul	{margin: 0;
	padding: 0 0 20px 0;}

div#sidebar li	{list-style-type: none}

div#sidebar .widget	{
	background-color: #fff;
	/*padding: 0 16px 16px;*/
	margin-bottom: 10px}

div#sidebar h2.widgettitle{
	font-size: 0.75em;
	padding:4px 16px;
	color:rgb(100,100,150);
	margin-bottom:10px;

/* Firefox v3.6+ */
background-image:-moz-linear-gradient(50% 0% -90deg,rgb(237,242,245) 0%,rgb(219,227,233) 50%,rgb(181,198,209) 50%,rgb(206,225,237) 96%,rgb(208,227,239) 100%); 
/* safari v4.0+ and by Chrome v3.0+ */
background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(237,242,245)),color-stop(0.5, rgb(219,227,233)),color-stop(0.5, rgb(181,198,209)),color-stop(0.96, rgb(206,225,237)),color-stop(1, rgb(208,227,239)));
/* Chrome v10.0+ and by safari nightly build*/
background-image:-webkit-linear-gradient(-90deg,rgb(237,242,245) 0%,rgb(219,227,233) 50%,rgb(181,198,209) 50%,rgb(206,225,237) 96%,rgb(208,227,239) 100%);
background-image:linear-gradient(180deg,rgb(237,242,245) 0%,rgb(219,227,233) 50%,rgb(181,198,209) 50%,rgb(206,225,237) 96%,rgb(208,227,239) 100%);

border-color:rgb(138,155,168);
border-width:1px;
border-style:solid;
/* Firefox v3.5+ */
-moz-box-shadow:inset 0px 0px 9px rgba(214,232,243,0.68);
/* Safari v3.0+ and by Chrome v0.2+ */
-webkit-box-shadow:inset 0px 0px 9px rgba(214,232,243,0.68);
/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
box-shadow:inset 0px 0px 9px rgba(214,232,243,0.68);

}

div#sidebar li li{
	font-size: 0.75em;
	margin-bottom: 4px;
	background-image: url(listmark.gif);
	background-repeat: no-repeat;
	background-position:5px 0;
	padding-left:20px;}

div#sidebar li li a	{text-decoration: none;
	color: #666}
	
div#sidebar li#recent-posts-3 ul{
	padding-bottom:10px;
}
div#sidebar li#text-2｛
	padding-bottom:10px;
}

/* カレンダー */
.widget_calendar h2	{display: none}

#wp-calendar	{
	font-size: 0.75em;
	color: #aaa;
	padding:0 10px 10px;
	width: 100%;
}

#wp-calendar a	{
	color: #00f;
	text-decoration:none;
}

#wp-calendar td, #wp-calendar th{
	text-align: center;
	padding:3px;}

#wp-calendar caption	{
	font-weight: bold;
	text-align: left;
	padding:4px 16px;
	color:rgb(100,100,150);
	margin-bottom: 8px;

/* Firefox v3.6+ */
background-image:-moz-linear-gradient(50% 0% -90deg,rgb(237,242,245) 0%,rgb(219,227,233) 50%,rgb(181,198,209) 50%,rgb(206,225,237) 96%,rgb(208,227,239) 100%); 
/* safari v4.0+ and by Chrome v3.0+ */
background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(237,242,245)),color-stop(0.5, rgb(219,227,233)),color-stop(0.5, rgb(181,198,209)),color-stop(0.96, rgb(206,225,237)),color-stop(1, rgb(208,227,239)));
/* Chrome v10.0+ and by safari nightly build*/
background-image:-webkit-linear-gradient(-90deg,rgb(237,242,245) 0%,rgb(219,227,233) 50%,rgb(181,198,209) 50%,rgb(206,225,237) 96%,rgb(208,227,239) 100%);
background-image:linear-gradient(180deg,rgb(237,242,245) 0%,rgb(219,227,233) 50%,rgb(181,198,209) 50%,rgb(206,225,237) 96%,rgb(208,227,239) 100%);

border-color:rgb(138,155,168);
border-width:1px;
border-style:solid;
/* Firefox v3.5+ */
-moz-box-shadow:inset 0px 0px 9px rgba(214,232,243,0.68);
/* Safari v3.0+ and by Chrome v0.2+ */
-webkit-box-shadow:inset 0px 0px 9px rgba(214,232,243,0.68);
/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
box-shadow:inset 0px 0px 9px rgba(214,232,243,0.68);

	}

#wp-calendar #prev{
	text-align: left;
	color: #09c;
	padding-top: 3px}

#wp-calendar #next{
	text-align: right;
	color: #09c;
	padding-top: 3px}

/*Search form*/
#search-2{
	padding:10px;
	font-size:12px;
}
#s{
	margin-bottom:5px;
}

/*前後記事へのリンク*/
.pagenav a {
	border: 1px solid #ccc;
	padding: 5px 10px;
	border-radius: 10px;
	font-size: 12px;
	color: #666;
	text-decoration: none;
}
.pagenav .new a {
	float: left;
}
.pagenav .old a {
	float: right;
}
.pagenav {
	overflow: hidden;
	margin-bottom: 40px;
}
/*#Gifanim*/
#content #gifanim li{
font-size:20px;
}
#content #gifanim li a{
padding-left:22px;
}
#content #gifanim li a:hover{
background:url(img/arrow.gif) no-repeat left center;
}

/*記事内リスト*/
#content ul{
	padding-left:40px;
}
#content .post .post_main h2{
	color:#777;

}
.post i{
	margin-right:5px;
	color:#9EB4C2;
}
.post .post_main h3{
	margin-bottom:0;
	
}
.post .post_main ol{
	list-style-position:inside;
	margin-top:0;
}
.post ol li{
margin:15px 0 10px;
font-weight:bold;
}
.post ol li ul,.post ol li ul li{
margin:5px 0 0;
font-weight:normal;
}
.post ol li{
margin:5px 0 0;
font-weight:normal;
}
.post .red{
	color:red;
	font-weight:bold;
}
.post .blue{
	color:blue;
	font-weight:bold;
}

/*記事内Table*/
.post .tbl{
border-collapse:collapse;
margin-left:20px;
}
.post .tbl,.post .tbl th,.post .tbl td{
border:1px solid #aaa;
padding:5px;
}
.post .tbl th{
background:#eee;
}
/*記事内太字*/
.post .bold{
	font-weight:bold;
}

/*----2カラムレイアウト----*/
.post .twocol{overflow:hidden;margin-bottom:10px;}
#content .post .post_main .twocol img{float:right;}
#content .post .post_main .twocol p{margin:0;padding:0;}
.post .twocol p.col_l{width:270px;float:left;}
	
/*フッター*/
footer {
	clear: both;
	text-align: center;
	padding: 30px 0;
	background:#0264a3;

}
footer p,footer a{
	color:#fff;
}

/*ポートフォリオページ*/
#content #portfolio{
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:30px 0 0 0;
	padding:0;
}
#portfolio li{
	width:23%;
}