@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Quicksand:500,700');
/*
Theme Name: New World_child
Theme URI: http://www.webcreatormana.com/newworld-ja/
Description: WordPress 3.0の新機能を搭載したカラフルだけど落ち着きのあるデザインのテーマ
Version: 1.4
Author: Mana
Template: newworld
Author URI: http://webcreatormana.com
*/

/*Webフォント*/
@font-face {
  font-family: 'hannari';
  src: url('./font/hannari.eot');
  src: url('./font/hannari.eot?#iefix') format('embedded-opentype'),
       url('./font/hannari.otf') format('opentype');
}

@font-face {
  font-family: 'ricty';
  src: url('./font/ricty.ttf') format('truetype'),
}
#image-inner100 {
    font-size: 12px;
	font-family: ricty;
    color: #fff;
    letter-spacing: 0.1em;
    margin: 15px 20px;
    padding: 15px;
    background-color: #000;
    border: 1px solid #fff;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    -moz-border-radius: 0px 20px 0px 0px;
    -webkit-border-radius: 0px 20px 0px 0px;
    -ms-border-radius: 0px 20px 0px 0px;
    -o-border-radius: 0px 20px 0px 0px;
    border-radius: 0px 20px 0px 0px;
}



.example { font-size: 3em; line-height: 1em;}
.example2 { font-size: 3em; font-family: hannari; line-height: 1em;}
/****************************************
		1. General Setting 
*****************************************/

html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style:none;
	}
*:focus {
  outline: none;
}
html{
	background: url(images/bg_header.png) no-repeat top center;
	background-color: #142233;
	-webkit-text-size-adjust: 100% !important;
    }

body{
	background: url(images/bg_footer2.png) no-repeat bottom center;
	font: 14px/22px "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ", Meiryo,Helvetica,Arial,Sans-Serif;
	color: #333;
	} 

hr { margin: 0px 20px;}

a{ color: #333631; text-decoration: underline;}
	a:hover{ color: #ccc; }

.clear{ clear: both; line-height: 0}
	
/* ポスト内のリンクにのみ適用される */
.post a{ color: #007cf9; text-decoration: underline;}
	.post a:hover{ color: #0072e5;}

/****** フロントページ用CSS ******/
.frontpage-post {
	width: 48%;
	height: 370px;
	margin: 0 15px 15px 0;
	border: 1px solid #c0c0c0;
	overflow: hidden;
	float: left;
	display: block;
	position: relative;
	}
.frontpage-post p { padding: 5px 10px; letter-spacing: 0.05em;}
.frontpage-post a { text-decoration: none; color: #1a1a1a;}

.frontpage-title {
	color:#fff;
	width: 100%;
	font-size:110% !important;
	letter-spacing: 0.12em;
	font-weight: 400;
	text-shadow: 1px 1px 1px #000;
	position:absolute;
	bottom: 140px;
	background: rgba(0, 0, 0, 0.25);
	border-top: 1px solid #fffafa;
	border-bottom: 1px solid #fffafa;
	padding: 5px 10px;
	opacity: 0.5;
		}
		.frontpage-title a {color: #fff; text-decoration:none;}

.frontpage-post img.attachment-post-thumbnail {
	margin: 0;
	-webkit-transform: translate( -20%, 0%);
	-ms-transform: translate( -20%, 0%);
	transform: translate( -20%, 0%);
	-webkit-filter: blur(2px);
	filter: blur(2px);
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	}
.frontpage-post:hover img.attachment-post-thumbnail {
	-webkit-filter: blur(0);
	filter: blur(0);
	}
.frontpage-blog_info {
	width: 100%;
	position: absolute;
	bottom: 0px;
	background: rgba(0, 0, 0, 0.1);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#20000000,endColorstr=#20000000); /* IE */
	zoom: 1; /* IE */
	color: #fff;
	font-size:85%;
	text-shadow: none;
	padding: 5px;
	margin: 0px;
	}
	div.frontpage-blog_info ul{margin:0;}
		div.frontpage-blog_info li{
			float: left;
			padding-left:20px;
			margin:0 15px 0 5px !important;
			list-style: none !important;
			}
			div.frontpage-blog_info li a{color: #fff; text-decoration: none;}
				div.frontpage-blog_info li a:hover{color: #4cc3ff; text-decoration: underline;}
	div.frontpage-blog_info li.cal{background: url(images/icon_cal.png) no-repeat 0 2px;}
	div.frontpage-blog_info li.cat{background: url(images/icon_cat.png) no-repeat 0 2px;}
	div.frontpage-blog_info li.tag{background: url(images/icon_tag.png) no-repeat 0 2px;}





/****************************************
		2. Basic Layout 
*****************************************/
#page{background: url(images/bg_header_black_2.png) repeat-x top left;}
#wrapper{width: 1240px; margin: 0 auto;}/* 元の幅は1140px */
#header{height: 90px; margin-bottom:35px;padding-top: 22px;}
#contents{
	border: 1px #ddd solid;
	min-height: 663px;
	background: rgba(255, 255, 255, 0.6) url(images/bg_contents_top.png) no-repeat bottom center;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70ffffff,endColorstr=#70ffffff); /* IE */
	zoom: 1; /* IE */
	-moz-border-radius: 0px 10px 10px 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
	-ms-border-radius: 0px 10px 10px 0px;
	-o-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
	}
#main{width: 854px; padding:30px; float: left;}/* 元のwidthは730px,paddingは35px */
#side{width: 300px; padding: 30px 20px 20px 0; float: left;}/* 元のpaddingは35px */
#footer{height: 80px;
	background: url(images/bg_contents_bottom.png) no-repeat top center;
	padding-top: 25px;
	}
	*:first-child+html #footer{margin-top:-5px;}

/* ワイドページ用 */
#wide{width: 1165px; padding:35px; float: left;}
#wide p.privacy{ margin: 20px 20px 50px 20px; font-family: 'Quicksand', sans-serif;}

/****************************************
		3.  Header, Menu
*****************************************/
.blog_title{
	color: #fff;
	font-size:2.5em !important;
	font-weight: 400;/* nomal=400 */
	text-shadow: 2px 2px 2px #000;
	text-decoration:none;
	font-family: hannari,"HGP明朝E","Hiragino Mincho ProN","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ", Meiryo;
	}
	.blog_title:hover{color: #ccc}
#header p{color:#999;font-size:90%;margin-top:10px;}
#header h1 { font-weight: 400 !important;}

/*** Main Menu ***/
ul#nav, div.menu ul{
	position:absolute;
	top:100px;
	height: 38px;
	font-size:90%;
	border-left:1px solid #000;
	}
	.admin-bar ul#nav, .admin-bar div.menu ul{top:132px;}

	ul#nav li, div.menu ul li{
		float: left;
		position: relative;
		border-right:1px solid #999;
		}
	ul#nav > li:first-child, div.menu ul > li:first-child{
		border-left:1px solid #999;
		}
		ul#nav li > a, div.menu ul li > a{
			color: #fff;
			padding:8px 13px;
			text-decoration:none;
			display: block;
			border-right:1px solid #000;
			}
			ul#nav li:hover > a,
			ul#nav > li.current_page_item > a,
			ul#nav > li.current_page_ancestor > a,
			ul#nav > li.current-menu-item > a,
			ul#nav > li.current-category-ancestor > a,
			div.menu ul li:hover > a,
			div.menu ul > li.current_page_item a,
			div.menu ul > li.current_page_ancestor > a,
			div.menu ul > li.current-menu-item > a,
			div.menu ul > li.current-category-ancestor > a{
				 /* Webkit */
				background: -webkit-gradient(linear, left top, left bottom,
					from(rgba(0,0,0,0.1)),
					to(rgba(0,0,0,0.95)),
					color-stop(.5,#333333));
					
				 /* FF */
				background: -moz-linear-gradient(rgba(
					0, 0, 0, 0.1),
					rgba(0, 0, 0, 0.95));
					
				 /* IE */
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#10000000,endColorstr=#95000000);
				zoom:1;
				}
	/*** Children Menu ***/
	ul#nav ul, div.menu ul ul{
		display: none;
		border:1px solid #ccc;
		position: absolute;
		top: 38px;
		left: 0;
		float: left;
		width: 180px;
		z-index: 99999;
		}
		ul#nav ul li, div.menu ul ul li { width: 180px;border:none;}/* 元は180px、横幅を増やした */
			ul#nav ul li ul, div.menu ul ul li ul { left: 100%; top: 0; }
				ul#nav ul li a, div.menu ul ul li a {
					background: #000;
					background: rgba(0, 0, 0, 0.8);
					filter:alpha(opacity=70);  /* IE7 */
    				-ms-filter: "alpha(opacity=70)"; /* IE8 */
					}
					ul#nav ul li:hover > a, div.menu ul ul li:hover{background: #666;}
	ul#nav li:hover > ul, div.menu ul li:hover > ul{ display: block;}


/****************************************
		4.  Main
*****************************************/
/*** Blog info ***/
div.blog_info{
	background: rgba(0, 0, 0, 0.1);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#20000000,endColorstr=#20000000); /* IE */
	zoom: 1; /* IE */
	color: #fff;
	font-size:85%;
	font-family: 'Quicksand', 'YuGothic', 'Yu Gothic', '游ゴシック', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo;
	text-shadow: none;
	padding: 5px;
	margin: 10px 0px 10px;/*元は 5 0 20 */
	}
	div.blog_info ul{margin:0;}
		div.blog_info li{
			float: left;
			padding-left:25px;
			margin:0 15px 0 5px !important;
			list-style: none !important;
			}
			div.blog_info li a{color: #fff; text-decoration: none;}
				div.blog_info li a:hover{color: #4cc3ff; text-decoration: underline;}
	div.blog_info li.cal{background: url(images/icon_cal.png) no-repeat 2px 4px;}
	div.blog_info li.cat{background: url(images/icon_cat.png) no-repeat 0px 4px;}
	div.blog_info li.tag{background: url(images/icon_tag.png) no-repeat 2px 5px;}
	
/*** Contents ***/
/** アイキャッチ **/
.post img.attachment-post-thumbnail {
	margin: 0px 0px 10px 0px;
	padding: 1px;
	}/* 変更 */

.post a.more-link{
	color:#fffafa;
	font-family: 'YuGothic', 'Yu Gothic', '游ゴシック', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo;
	border-bottom: 1px dotted;
	font-size:90%;
	letter-spacing: 0.3em;
	text-decoration: none;
	padding: 0px 5px 1px 5px;
	margin-top: 20px;
	margin-left: 720px;
	display: inline-block;
	line-height: 1em;
	}
.post p a.more-link{
	margin-left: 700px;
	}
	
/*** Bottom Navigation, Comment Navigation ***/
div.nav-below{margin: 20px 0px 10px 0px;overflow:auto;}/*元は30px 0 0*/
div.navigation{overflow:auto;}
	div.navigation a{margin-bottom:10px}

	.nav-previous a, .nav-next a,
	div.navigation .alignleft a, div.navigation .alignright a{
		color:#44617b;
		font-size:120%;/* 85% */
		text-decoration:none;
		}
		.nav-previous a:hover, .nav-next a:hover,
		div.navigation .alignleft a:hover, div.navigation .alignright a:hover{
			color: #f5f5f5
			}
			
	.nav-previous a, div.navigation .alignleft a{
		float:left;
		padding:0px 10px 2px 20px;
		/* background:url("images/arrow_prev.png") no-repeat left top; */
		}
	.nav-next a, div.navigation .alignright a{
		float:right;
		text-align:right;
		padding:1px 20px 2px 10px;
		/* background:url("images/arrow_next.png") no-repeat right top; */
		}
		

/****************************************
		5. Post Entry 
*****************************************/
.post .title{
	color:#fff;
	font-family: 'YuGothic', 'Yu Gothic', '游ゴシック', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo;
	font-size:120% !important;
	letter-spacing: 0.12em;
	font-weight: 400;
	text-shadow: 1px 1px 1px #000;
	margin: 0px 0px 5px 0px !important;
	background: rgba(0, 0, 0, 0.25);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#20000000,endColorstr=#20000000); /* IE */
	zoom: 1; /* IE */
	border-left:3px solid #e6e6e6 !important;
	border-bottom: 1px solid #fffafa;
	padding: 12px 0px 12px 15px !important;
	border-radius: 0px 8px 0px 8px;
	}
	div.post:first-child .title{margin-top:0 !important;}
	.post .title a {color: #fff; text-decoration: none;}
		.post .title a:hover {color: #d3d3d3;}
		
.post h2, .post h3, .post h4, .post h5, .post h6{margin: 30px 0 10px}
/* h2はトップページ、上のTITLEは個別記事の記事タイトルに反映される */
.post h2{font-size:160%; padding-bottom: 10px;}	
.post h3{font-size:140%; color: #333;}
.post h4{font-size:120%;}
.post h5{font-size:110%;}

/*記事本文のフォント*/
.post { 
	color: #050505;
	font-size: 14px;/* 元は90％ */
	letter-spacing: 0.05em;
	line-height: 1.8em;
	}

.post p {
	margin:15px 0px;
	padding: 0px 20px;
	font-family: 'Quicksand', 'YuGothic', 'Yu Gothic', '游ゴシック', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo;
	font-size: 15px;
	font-weight: 500;
	}
.post p b { font-weight: 600; margin: 0px 5px;}
.post em{font-style: italic;}


.post code{color: #06c; font-family:'Courier New',Courier,monospace;}
.post img{
	border:1px #ccc solid;
	vertical-align: text-bottom;
	background: #fff;
	padding: 3px;
	margin:10px 0px 5px 20px;
	}
	.post img.wp-smiley{border:none;padding:0;background:none;margin:0;}
/* gifffer */
.gifffer {
	vertical-align: text-bottom;
	margin-left: 20px;
	padding: 3px !important;
	background: #fff !important;
	outline: none;
	max-width: 100%;
	}
.gifffer img {
	border: none !important;
	margin: 0;
	padding: 0;
	}
.post blockquote{
	border-left:8px solid #ddd;
	background: #eee;
	padding: 10px;
	margin:20px;
	font-style:italic;
	}
	.post blockquote p{margin:0;}
blockquote:after{
	content:"”";
	display:block;
	text-align: right;
	font-style: oblique;
	font-family: hannari;
	line-height: 0em;
	margin-right: 5px;
	font-size: 300%;
	color: #696969;
}
.post div.wp-caption{margin: 10px 0;}
	.post div.wp-caption img{ margin: 0;}
	.post div.wp-caption p{ font-size:85%;}
.post ul, .post ol{margin:20px 0;}
	.post ul li{
		list-style: none;
		margin-left:20px;
		}
	.post ol li{list-style: decimal outside;margin-left:20px;}

.post p a{ color: #007cf9; text-decoration: none; border-bottom: 1px solid; padding-bottom: 0px;}
.post a:hover{ color: #0072e5;}

/****************************************
		6. Comments/下部にDISQUS用追記
*****************************************/
h3#comments{
	padding: 10px 0 10px 10px;
	clear: both;
	margin-top:40px;
	border-top:1px solid #ddd;
	}
	
.commentlist{margin-bottom:30px;}
	.commentlist li {
		border-top:1px solid #ddd;
		padding:15px 0 0 55px;
		position:relative;
		}
	.commentlist .avatar {
		background:#fff;
		border:1px solid #ddd;
		left:0;
		margin:0 16px 0 0;
		padding:3px;
		position:absolute;
		top:15px;
		}
	.commentlist .comment-meta{margin-bottom:10px;}
		.commentlist .comment-meta a{
			color: #999;
			font-size:85%;
			text-decoration:none;
			}
			.commentlist .comment-meta a:hover{color: #ccc;}
	.commentlist p{margin-bottom:15px;}
	.commentlist .reply a{
		position: absolute;
		top: 15px;
		right: 0;
		padding: 2px 10px;
		background: #ddd;
		font-size: 85%;
		color: #333;
		text-decoration: none;
		}
		.commentlist .reply a:hover {color: #999}
		
/*** Comment form ***/
#respond{margin-top:20px;}/* 70から20へ */
#respond h3{
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	padding:10px 0 10px 10px;
	}

#commentform{margin-top:20px;}
	#commentform p{clear: both}
	#commentform label{margin: 10px 5px;font-size:85%;}
	/* *:first-child+html #commentform label{ position:relative\9; top: -15px\9; } /* IE7 */ 
	#commentform input[type="text"], #commentform textarea{
		margin: 5px 0 10px;
		}
		#commentform input[type="text"]:focus, #commentform textarea:focus{
			border:1px solid #06c;
			}

/* DISQUS用 */
#disqus-inner {
		font-family: "メイリオ", Meiryo,"Hiragino Mincho ProN","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN";		
}
.disqus-all { }
#disqus-inner p.disqus-exp {
		font-size: 12px;
		color: #ebf6f7;
		background: #44617b;
		border-bottom: 1px solid #ebf6f7;
		padding: 5px 15px;
	-moz-border-radius:    0px 20px 0px 0px;
	-webkit-border-radius: 0px 20px 0px 0px;
	-ms-border-radius:     0px 20px 0px 0px;
	-o-border-radius:      0px 20px 0px 0px;
	border-radius:         0px 20px 0px 0px;
}
#disqus-inner
#disqus-exp2 {
		font-size: 12px;
		color: #d4dcda;
		background: #2c4f54;
		border: 1px solid #c8c2be;
		margin: 10px 0px 0px 0px;
		padding: 10px 10px;
	-moz-border-radius:    3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-ms-border-radius:     3px 3px 3px 3px;
	-o-border-radius:      3px 3px 3px 3px;
	border-radius:         3px 3px 3px 3px;
}
#disqus-exp2 > dt {}
#disqus-exp2 > dd { margin-top: 10px;}


/****************************************
		7.  widget
*****************************************/

#side h3{
	background: #165e83;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	-ms-border-radius: 5px 5px 0px 0px;
	-o-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	color: #fff;
	margin: 10px 0 3px 0;
	padding:5px 20px 3px 20px;
	font-family: "メイリオ", Meiryo;
	text-align: right;
	letter-spacing: 0.2em;
	font-weight: 400;
	}
	#side li:first-child h3 { margin-top: 0px;}

/*サイドのカテゴリー*/
.widget-container a{ color: #1a1a1a; text-decoration:none; transition: 0.6s;}
.widget-container ul { margin-left: 5px;}
.widget-container ul li{
	margin: 0 5px;
	padding: 2px 0px 2px 10px;
	font-size: 90%;
	letter-spacing: 0.1em;
	border-top: 1px solid #949495;
	}
#side ul li ul li:first-child { border: none; margin-top: 10px;}

.widget-container a:hover { color: #000;}
.cat-item a:hover { color: #2ca9e1;}
li.cat-item:hover { background: #ddd; transition: 1.0s;}

/* カテゴリの記事数 */
.side_count {
	width: 15px;
	float: right;
	border-left: 1px dotted #949495;
	padding: 0 10px;
	text-align: center;
	font-weight: 500;
	font-family: 'Quicksand', 'YuGothic', 'Yu Gothic', '游ゴシック', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo;
}

/* カテゴリごとのアイコン設定 */
/* baseball  */ li.cat-item-142 a:before { font-family: "icomoon"; content: "\e900"; padding-right: 10px;}
/* wordpress */ li.cat-item-25 a:before { font-family: "FontAwesome"; content: "\f19a"; padding-right: 10px;}
/* wp-plugin */ li.cat-item-10 a:before { font-family: "FontAwesome"; content: "\f1e6"; padding-right: 10px;}
/* vps       */ li.cat-item-50 a:before { font-family: "FontAwesome"; content: "\f120"; padding-right: 10px;}
/* html      */ li.cat-item-4 a:before { font-family: "FontAwesome"; content: "\f13b"; padding-right: 10px;}
/* css       */ li.cat-item-5 a:before { font-family: "FontAwesome"; content: "\f13c"; padding-right: 10px;}
/* jquery    */ li.cat-item-63 a:before { font-family: "FontAwesome"; content: "\f03b"; padding-right: 10px;}
/* php       */ li.cat-item-6 a:before { font-family: "FontAwesome"; content: "\f038"; padding-right: 10px;}
/* android   */ li.cat-item-81 a:before { font-family: "FontAwesome"; content: "\f17b"; padding-right: 10px;}
/* game      */ li.cat-item-102 a:before { font-family: "FontAwesome"; content: "\f11b"; padding-right: 10px;}
/* etc       */ li.cat-item-1 a:before { font-family: "FontAwesome"; content: "\f0e8"; padding-right: 10px;}


/*サイドバー新着記事*/
#side h3.newentry_top { text-align: center;}
#side .newentry li:first-child { margin-top: 0;}
ul.newentry {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul.newentry li {
    height: 81px;
    padding: 0px;
    margin-bottom: 5px;
    position: relative;
}
ul.newentry p { position: absolute; bottom: 0px;
                color: #fff;
		font-size: 12px;
		line-height: 1.2em;
		padding: 0px 6px 2px 10px;
		opacity: 0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha(opacity=80)";
		-moz-opacity:0.8;
		-khtml-opacity: 0.8;
}
ul.newentry li img {
    -webkit-filter: brightness(50%);
    -moz-filter: brightness(50%);
    -o-filter: brightness(50%);
    -ms-filter: brightness(50%);
    filter: brightness(50%);
}
ul.newentry li img:hover { filter: brightness(90%); transition: 1.0s;}
ul.newentry li a:hover img { filter: brightness(90%); transition: 1.0s;}
ul.newentry li a { text-decoration: none;}

/*サイドバーランダム記事*/
#side h3.randomentry_top { text-align: center;}
#side .randomentry li:first-child { border: 2px solid #494a41; margin-top: 0;}
ul.randomentry {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul.randomentry li {
    height: 115px;
    background-color: #494a41;
    margin-bottom: 5px;
    position: relative;
    border-radius: 2px;
    border: 2px solid #494a41;
}
ul.randomentry p { position: absolute; bottom: 0px;
                color: #fff;
		font-size: 12px;
		line-height: 1.3em;
		padding: 2px 5px 1px 5px;
		opacity:0.7;
}
ul.randomentry li img { filter: brightness(70%);}
ul.randomentry li img:hover { filter: brightness(100%); transition: 1.0s;}
ul.randomentry li a:hover img { filter: brightness(100%); transition: 1.0s;}
ul.randomentry li a { text-decoration: none;}


/*サイドバータグクラウド*/
ul.wp-tag-cloud {overflow: hidden;
		margin-top: 10px;
		}
ul.wp-tag-cloud a {
	text-decoration: none;
	transition: 0.6s;
	border: 1px solid #949495;
	padding: 0px 2px 0px 2px;
	margin: 1px 0px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	}
ul.wp-tag-cloud a:hover { background: #fff; color: #2ca9e1;}

hr.tagline{
	border: 0;
	height: 1px;
	margin: 5px 0px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,136,153,0.75), rgba(0,0,0,0));
	background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,136,153,0.75), rgba(0,0,0,0));
	background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,136,153,0.75), rgba(0,0,0,0));
	background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,136,153,0.75), rgba(0,0,0,0));
	}

/* footer部分のfamilyを指定 */
#footer h3{
	background: url(images/) no-repeat;
	background-position: center;
	padding:5px 0px 0px 55px;
	height: 12px;
	border: none;
	color:#d3d3d3;
	letter-spacing: 0.2em;
	text-shadow: 1px 1px 1px #000;
	font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ", Meiryo;
	}
#footer ul li { border: none;}
.blogroll a { color: #fff; text-shadow: none;}
.blogroll a:hover { color: #ff69b4; text-shadow: none;}


/****************************************
		8.  Form
*****************************************/
input[type="text"], textarea{
	border:1px solid #ccc;
	padding: 5px;
	color: #666;
	
	/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#eee),
		to(#fff)
		);
	
	/* FF */
	background: -moz-linear-gradient(
		top,
		#eee,
		#fff
		);
		
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#ffffffff);
	zoom: 1;
	}
	
input[type="submit"]{
	border:1px solid #ccc;
	padding: 4px 10px;
	color: #666;
	cursor: pointer;

	/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#eee),
		to(#ccc)
		);
	
	/* FF */
	background: -moz-linear-gradient(
		top,
		#eee,
		#ccc
		);
		
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#ffcccccc);
	zoom: 1;
	}



/****************************************
		9.  Footer
*****************************************/
#footer .widget-area{
	width:290px;
	margin-left:35px;
	float: left;
	}
	#footer ul li{list-style: none;}
	#footer .widget-area:first-child{margin-left:0;}


p.copy{
	clear: both;
	font-size:80%;
	text-align:center;
	padding:40px 0px 15px 0px;
	color: #fff;
	}
	p.copy a{color: #fff;}
		p.copy a:hover{color: #dc143c;}
		
		
/*-----------------------------
検索フォーム:これも付け加えたもの
-----------------------------*/
#gsc{
    width:300px;
    margin:0 auto;
    position:relative;
}
#gsc .gsc-control-cse, 
#gsc .gsc-control-cse-ja,
#gsc .gsib_a{
    margin:0 !important;
    padding:0 !important;
}
/* テキスト入力フォームとボタンの位置 */
#gsc table.gsc-search-box td,
#gsc table.gsc-search-box input {
    vertical-align: top !important;
}
/* テキスト入力フォーム */
#gsc input[type="text"]{
    border: 1px solid #dddddd !important;
    height:25px !important;
}
#gsc input[type="text"]:focus {
    border: 1px solid #ccc !important;
    outline: 0;  /*safariの自動フォーカスを切る */
}
/* テキスト入力フォームの影を消す */
#gsc #gsc-iw-id1{
    border:none !important;
}
/* テキスト入力フォームの背景画像位置調整 */
#gsc #gs_tti0 input{
    background-position:5px 5px !important;
}
/* ボタンの色 */
#gsc input.gsc-search-button {
background: #165e83 !important;
background: -ms-linear-gradient(top,  #008ee1 0%,#008ee1 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ee1', endColorstr='#008ee1',GradientType=0 ); /* IE6-9 */
border: 1px solid #165e83 !important;
}
/* ボタンの位置調整と角丸消し */
#gsc .gsc-search-button{
    margin:0 0 0 -16px !important;
    border-radius:0;
}
/* 入力時に出る「×」ボタンの位置調整 */
#gsc .gsib_b a{
    position:absolute;
    top:3px;
    left: -25px;
}
/* 入力時に出る×ボタン -- Firefox位置調整 -- */
#gsc .gsib_b span{
        box-sizing: border-box;
   -moz-box-sizing: border-box;
        padding:2px 0 0 0;
}
/*** 結果ページ ***/
#search-results-area .gsc-control-cse {
	background: #ddd;
}
#search-results-area .gs-snippet { letter-spacing: 0em; line-height: 1.5em; margin-left: 30px;}
#search-results-area .gsc-cursor-current-page,
#search-results-area .gsc-cursor-page,
#search-results-area .post img { background: #ddd;}

/**********************************
  サイトマップ:これも付け加えたもの
***********************************/
#mndangler_sitemap { margin: 0px 30px 100px 30px; color: #1a1a1a;}
#mndangler_sitemap a { color: #1a1a1a; text-decoration: none;}
#mndangler_sitemap a:hover { color: #2ca9e1;}
#mndangler_sitemap .wsp-posts-title { margin: 50px 0px 30px 0px;}
#mndangler_sitemap .wsp-nana4s-title { margin: 50px 0px 30px 0px;}
#mndangler_sitemap .wsp-pages-title { margin: 50px 0px 30px 0px;}
#mndangler_sitemap li ul.wsp-posts-list { background: #fff; opacity: 0.7; border-radius: 5px; padding: 10px 0px; margin: 20px 20px 20px 0px;}
#mndangler_sitemap ul.wsp-nana4s-list { background: #fff; opacity: 0.7; border-radius: 5px; padding: 10px 0px; margin: 20px;}
#mndangler_sitemap ul.wsp-pages-list { background: #fff; opacity: 0.7; border-radius: 5px; padding: 10px 0px; margin: 20px;}

/*****************
	404	 
******************/
#notfound_page {}
.akahana404 { display: block; margin: 50px auto 0px auto; max-width: 100%;}
#notfound_page p { color: #1a1a1a; font-size: 16px; margin: 5px 0px;}
.arrow_box {
	position: relative;
	background: #e5e6df;
	border: 1px solid #d1e5f0;
	margin: 0px auto;
	padding: 20px 50px;
	border-radius: 50px;
	width: 65%;
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 40%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(92, 189, 213, 0);
	border-bottom-color: #e5e6df;
	border-width: 30px;
	margin-left: -30px;
}
.arrow_box:before {
	border-color: rgba(209, 229, 240, 0);
	border-bottom-color: #d1e5f0;
	border-width: 31px;
	margin-left: -31px;
}

/****************************************
	    勝手に足したもの 
*****************************************/
/* スマホメニュー用のanimatedModal.js */
#animatedModal { font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ", Meiryo; }
#animatedModal a{ color: #fff; font-size: 200%; text-decoration: none;}
.close-animatedModal{ margin-top: 50px; font-weight: bold; text-align: center;}
.modal-content{ max-width: 600px; font-weight: 500; width: auto; margin: 20px auto; padding: 0 10px;}
.modal-content ul li { margin: 5px 0px;}
/* カテゴリごとのアイコン設定スマホ用 */
/* baseball  */ li.menu-item-7551 a:before { font-family: "icomoon"; content: "\e900"; padding-right: 10px;}
/* wordpress */ li.menu-item-5272 a:before { font-family: "FontAwesome"; content: "\f19a"; padding-right: 10px;}
/* wp-plugin */ li.menu-item-5273 a:before { font-family: "FontAwesome"; content: "\f1e6"; padding-right: 10px;}
/* htmlphpcss*/ li.menu-item-7512 a:before { font-family: "FontAwesome"; content: "\f13b"; padding-right: 15px;}
/* vps       */ li.menu-item-7511 a:before { font-family: "FontAwesome"; content: "\f13c"; padding-right: 10px;}
/* javajquery*/ li.menu-item-5280 a:before { font-family: "FontAwesome"; content: "\f03b"; padding-right: 10px;}
/* android   */ li.menu-item-7513 a:before { font-family: "FontAwesome"; content: "\f17b"; padding-right: 15px;}
/* game      */ li.menu-item-5748 a:before { font-family: "FontAwesome"; content: "\f11b"; padding-right: 10px;}
/* etc       */ li.menu-item-5274 a:before { font-family: "FontAwesome"; content: "\f0e8"; padding-right: 10px;}




#example-inner{
		margin: 15px 20px;
		padding: 10px;
		}/* marginを左に20px取るためだけの囲み */
#multi-inner{
		font-size: 13px;
		text-shadow: 1px 1px 1px #d3d3d3;
		letter-spacing : 0.1em;
		margin: 15px 20px;
		padding: 10px 10px;
		background-color: #dcdcdc;
		border: 1px solid #d3d3d3;
		-moz-border-radius: 0px 20px 0px 0px;
		-webkit-border-radius: 0px 20px 0px 0px;
		-ms-border-radius: 0px 20px 0px 0px;
		-o-border-radius: 0px 20px 0px 0px;
		border-radius: 0px 20px 0px 0px;
		}

#multi-inner2{
		font-size: 12px;
		color: #333;
		text-shadow: none;
		margin: 15px 20px;
		letter-spacing: 0.1em;
		padding: 10px;
		background-color: #e5eeff;
		border: 1px solid #2da8e5;
		-moz-border-radius: 0px 20px 0px 0px;
		-webkit-border-radius: 0px 20px 0px 0px;
		-ms-border-radius: 0px 20px 0px 0px;
		-o-border-radius: 0px 20px 0px 0px;
		border-radius: 0px 20px 0px 0px;
		}

/* 目次用 */
.vpsmenu-line{ margin: 15px 20px;}
#multi-inner3{
		font-size: 12px;
		color: #cc181e;
		letter-spacing : none;
		line-height: 1.6em;
		margin: 15px 20px;
		padding: 5px 10px;
		background-color: #dcdcdc;
		background-image: url("http://mndangler.net/wp-content/themes/newworld_child/images/onamaevps.png");
		background-repeat: no-repeat;
		background-position: right 3px bottom 5px;
		border: 1px solid #fff;
		border-right: 2px solid #fff;
		border-left: 2px solid #fff;
		opacity:0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
		-moz-opacity:0.7;
		-khtml-opacity: 0.7;
		}
#multi-inner3 a { color: #000; text-decoration: none;}
#multi-inner3 a:hover { color: #0072e5;}
#multi-inner3 ul { margin: 0px; padding: 0px; text-align: center;}
#multi-inner3 li { margin: 3px 0px 0px 0px; padding: 0px; text-align: left; line-height: 1.7;}
.mokuji-title{
		padding: 10px 0px;
		font-size: 1.2em;
		letter-spacing: 0.1em;
		color: #333;
}

/* 緑色のちょっときもいインナー */
#multi-inner4{
		font-size: 12px;
		color: #333;
		text-shadow: none;
		margin: 15px 20px ;
		letter-spacing: 0.1em;
		padding: 15px;
		background-color: #66cdaa;
		border: 1px solid #2f4f4f;
		-moz-border-radius: 0px 20px 0px 0px;
		-webkit-border-radius: 0px 20px 0px 0px;
		-ms-border-radius: 0px 20px 0px 0px;
		-o-border-radius: 0px 20px 0px 0px;
		border-radius: 0px 20px 0px 0px;
		}


/* コマンド打ち込み用の囲み */
#image-inner{
		font-size: 12px;
		color: #000;
		letter-spacing : 0.2em;
		margin: 20px;
		padding: 15px;
		background-color: #ffffe0;
		border: 1px solid #fff;
		opacity:0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
		-moz-opacity:0.7;
		-khtml-opacity: 0.7;
		-moz-border-radius: 0px 20px 0px 0px;
		-webkit-border-radius: 0px 20px 0px 0px;
		-ms-border-radius: 0px 20px 0px 0px;
		-o-border-radius: 0px 20px 0px 0px;
		border-radius: 0px 20px 0px 0px;
		}

/* コマンド返信用の囲み */
#image-inner2{
		font-size: 12px;
		color: #fff;
		letter-spacing : 0.1em;
		margin: 15px 20px;
		padding: 15px;
		background-color: #000;
		border: 1px solid #fff;
		opacity:0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
		-moz-opacity:0.7;
		-khtml-opacity: 0.7;
		-moz-border-radius: 0px 20px 0px 0px;
		-webkit-border-radius: 0px 20px 0px 0px;
		-ms-border-radius: 0px 20px 0px 0px;
		-o-border-radius: 0px 20px 0px 0px;
		border-radius: 0px 20px 0px 0px;
		}
/* まとめ用にスッキリしたものを作製 */
#image-inner3 {
		color: #000;
		font-size: 90%;
		display: inline-block;
		letter-spacing : 0.2em;
		margin: 10px 20px;
		background-color: #ffffe0;
		border: 1px solid #fff;
		opacity:0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
		-moz-opacity:0.7;
		-khtml-opacity: 0.7;
		-moz-border-radius: 0px 15px 0px 0px;
		-webkit-border-radius: 0px 15px 0px 0px;
		-ms-border-radius: 0px 15px 0px 0px;
		-o-border-radius: 0px 15px 0px 0px;
		border-radius: 0px 15px 0px 0px;
		}
#image-inner3 p { margin: 10px; padding: 10px 15px 10px 10px;}

/* Q&Aセット */
#que_inner{
		font-size: 12px;
		color: #fff;
		letter-spacing : 0.1em;
		margin: 15px 20px 0px 20px;
		padding: 10px 15px;
		background-color: #000b00;
		opacity:0.7;
		}
#ans_inner{
		font-size: 12px;
		color: #000;
		letter-spacing : 0.1em;
		margin: 0px 20px 15px 20px;
		padding: 10px 15px;
		background-color: #f8f4e6;
		opacity:0.7;
		}


/* ハイライターカバー */
.highlight-title{ background: #fff;
		  font-size: 12px;
		  display: inline-block;
		  color: #c9171e;
		  letter-spacing: 0.1em;
		  margin: 0px 20px;
		  padding: 4px 20px 3px 20px;
		  border-left: 1px solid #44617b;
		  border-radius: 0px 5px 0px 0px;
		  opacity:0.7;
		  filter: alpha(opacity=70);
		  -ms-filter: "alpha(opacity=70)";
		  -moz-opacity:0.7;
		  -khtml-opacity: 0.7;}
#highlight-cover{
		color: #fff;
		font-size: 12px;
		border-left: 1px solid #44617b;
		letter-spacing : 0.1em;
		margin: 0px 20px 15px 20px;
		padding: 0.2em 1px;
		background-color: #fff;
		opacity:0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
		-moz-opacity:0.7;
		-khtml-opacity: 0.7;
		}
	.syntaxhighlighter table { word-break: break-all;}
/* syntaxhighlighterのスクロールバーをWebkitでカスタマイズ */
div.syntaxhighlighter{ scrollbar-base-color:#fff; }
div.syntaxhighlighter::-webkit-scrollbar { width: 3px; height: 8px; }
div.syntaxhighlighter::-webkit-scrollbar-track { background: #fff; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); }
div.syntaxhighlighter::-webkit-scrollbar-thumb { background:#6c848d; border-radius: 0px 5px 5px 0px; }

.prism-title{   background: #111;
		font-size: 90%;
		display: inline-block;
		color: #ec6d71;
		letter-spacing: 0.1em;
		margin: 15px 20px 0px 20px;
		padding: 3px 15px 0px 15px;
		border: 1px solid #1a1a1a;
		border-radius: 0px 5px 0px 0px;
		}
#mnd_prism { font-size: 95% !important; letter-spacing: 0em !important;}
pre[class*="language-"] { margin: 0px 20px 15px 20px !important; background: #000 !important;}
pre.line-numbers { border-radius: 0 0.3em 0.3em 0.3em !important;}
.line-highlight { background: linear-gradient(to right, hsla(212, 64%, 55%,0.3) 70%, hsla(24, 20%, 50%,0)) !important;}
pre.code-toolbar .toolbar a { border-radius: 0em !important; text-decoration: none !important;}
/* スクロールバー */
pre[class*="language-"]{ scrollbar-base-color:#fff; }
pre[class*="language-"]::-webkit-scrollbar { width: 3px; height: 15px; }
pre[class*="language-"]::-webkit-scrollbar-track { background: #fff; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); }
pre[class*="language-"]::-webkit-scrollbar-thumb { background:#6c848d; border-radius: 0px 5px 5px 0px; }




/* Webフォント説明記事の例を囲むインナー */
.font_ex_cover_title {
	margin: 10px 20px 0px 20px;
	padding: 2px 10px 0px 10px;
	background: #00a381;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	letter-spacing: 0.2em;
	border-radius: 5px 5px 0 0;
	}
.font_ex_cover {
	margin: 0px 20px 10px 20px;
	padding: 5px 10px;
	background: #f5f5f5;
	border: 1px solid #8fccbf;
	}
.font_ex_cover p { margin: 0; padding: 0;}


/* relatedpost用 */
.wp_rp_wrap_inner { margin: 0px 0px 0px 25px;}
ul.related_post li a { transition: 0.2s;}


/* 画像の回り込み */
.float { float: left; margin-right: 1em;}
.floatclear { clear: both;}

/* 大きい見出し(inline-block) */
.b-title-inline{
		border-left: 6px solid #007bbb;
		border-bottom: 1px dotted #007bbb;
		margin: 10px;
		padding: 10px 20px;
		font-size: 130%;
		font-weight: bold;
		letter-spacing: 0.3em;
		display: inline-block;
	}
.post h2.b-title-inline{
		border-left: 6px solid #007bbb;
		border-bottom: 1px dotted #007bbb;
		margin: 10px;
		padding: 10px 15px;
		font-size: 130%;
		font-weight: bold;
		letter-spacing: 0.3em;
		display: inline-block;
	}
.post h2.big-title-inline{
		margin: 10px;
		padding: 25px 30px;
		background: #165e83;
		color: #dcdcdc;
		border-radius: 5px;
		font-size: 150%;
		font-weight: 700;
		letter-spacing: 0.2em;
		display: inline-block;
		font-family: 'Quicksand', 'YuGothic', 'Yu Gothic', '游ゴシック', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo;
	}
.post h2.big-wide-title{
		text-align: center;
		margin: 10px;
		padding: 25px 30px;
		background: #165e83;
		color: #dcdcdc;
		border-radius: 5px;
		font-size: 150%;
		font-weight: 700;
		letter-spacing: 0.2em;
		font-family: 'Quicksand', 'YuGothic', 'Yu Gothic', '游ゴシック', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo;
	}
/* 結論用 */
.post h2.last-title-inline{
		margin: 10px;
		padding: 10px 10px 10px 20px;
		background: #d9333f;
		color: #f5f5f5;
		border-radius: 5px;
		font-size: 150%;
		font-weight: 700;
		letter-spacing: 0.5em;
		display: inline-block;
		font-family: 'Quicksand', 'YuGothic', 'Yu Gothic', '游ゴシック', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo;
	}

/* 小さい見出し(inline-block) */
.s-title-inline{
		border-left: 4px solid #165e83;
		border-bottom: 1px dotted #165e83;
		margin: 10px;
		padding: 10px 15px;
		font-size: 16px;
		font-weight: 600;
		letter-spacing: 0.2em;
		display: inline-block;
	}
.post h3.s-title-inline{
		border-left: 4px solid #165e83;
		border-bottom: 1px dotted #165e83;
		margin: 10px;
		color: #1a1a1a;
		padding: 10px 15px;
		font-size: 16px;
		font-weight: 600;
		letter-spacing: 0.2em;
		display: inline-block;
	}
.post h3.small-title-inline{
		margin: 10px;
		padding: 5px 20px;
		background: #3eb370;
		color: #f5f5f5;
		border-radius: 5px;
		font-size: 130%;
		font-weight: 600;
		letter-spacing: 0.2em;
		display: inline-block;
		font-family: 'Quicksand', 'YuGothic', 'Yu Gothic', '游ゴシック', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo;
	}

/* 見出し一新計画その1、左にリボンな見出し */
.long-title {
	background: #000;
	font-size: 130%;
	letter-spacing: 0.2em;
	color: #fff;
	margin:50px 0px 30px -50px !important;
	padding-left: 70px;
	border-right: 4px solid #00a3af;
	width: 830px;
	opacity: 0.9;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	line-height: 50px;
	font-family: 'Quicksand', 'YuGothic', 'Yu Gothic', '游ゴシック', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo;;
	position: relative;
		-moz-border-radius: 7px 0px 0px 0px;
		-webkit-border-radius: 7px 0px 0px 0px;
		-ms-border-radius: 7px 0px 0px 0px;
		-o-border-radius: 7px 0px 0px 0px;
		border-radius: 7px 0px 0px 0px;
	}
.long-title:before{ position: absolute; top: 100% !important; left: -0px !important; content: "";
		border-width:0 19px 19px 0 ; 
		border-style: solid;
		border-color: transparent;
		border-right-color: #000;
		z-index:-1;
		opacity:0.6;}

/* 見出し一新計画その2、左にリボンな見出しの細いやつ */
.slim-title {
	background: #315c7f;
	font-size: 100%;
	letter-spacing: 0.2em;
	color: #fff;
	margin:50px 0px 30px -40px !important;
	padding: 3px 0px 3px 60px;
	border-right: 2px solid #c0c0c0;
	width: 830px;
	opacity: 0.9;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	line-height: 35px;
	position: relative;
		-moz-border-radius: 7px 0px 0px 0px;
		-webkit-border-radius: 7px 0px 0px 0px;
		-ms-border-radius: 7px 0px 0px 0px;
		-o-border-radius: 7px 0px 0px 0px;
		border-radius: 7px 0px 0px 0px;
	}
.slim-title:before{ position: absolute; top: 100% !important; left: -0px !important; content: "";
		border-width:0 9px 9px 0 ; 
		border-style: solid;
		border-color: transparent;
		border-right-color: #63b9ff;
		z-index:-1;
		opacity:0.6;}

/* 線だけで囲うキーボードを表現するインナー */
.roap-inner {
	font-size: 100%;
	background: #d3d3d3;
	margin: 0px 2px;
	padding: 1px 5px;
	font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ", Meiryo,Helvetica,Arial,Sans-Serif;
	letter-spacing: 0.1em;
	border: 1px solid #f5f5f5;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	}
.roap-in { color: #f5f5f5;}

.plugin-cover{
		letter-spacing : 0.1em;
		padding: 10px 15px;
		margin: 10px 20px;
		background-color: #f5f5f5;
		border: 2px solid #d3d3d3;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
		display: inline-block;
		}
.plugin-cover a { text-decoration: none; border-bottom: 1px dotted;}

/*項目説明用のラップ*/
#item-wrap{
		border: 1px solid #c0c0c0;
		padding: 0px;
		margin: 0px 20px;
}
#item-wrap p { padding: 0px 10px; margin: 10px 0px;}
#item-wrap img { margin: 0px 10px;}
#item-wrap .ss-title {
		margin: 0px 0px;
		padding: 3px 20px;
		letter-spacing: 0.1em;
		border: none!important;
		background: #c0c0c0;
		opacity:0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha(opacity=80)";
		-moz-opacity:0.8;
		-khtml-opacity:0.8;
} 
.item-title{
		background: #c0c0c0;
		font-size: 1.4em;
		font-weight: bold;
		padding: 15px 10px;
		letter-spacing: 0.1em;
		color: #666;
}
.item-s-title{
		background: #ccc;
		font-size: 1.1em;
		border: 1px solid #f5f5f5;
		border-right: none;
		border-left: 2px solid #f5f5f5;
		margin: 20px 0px 0px 10px;
		padding: 5px 10px;
		color: #000;
		opacity:0.5;
		filter: alpha(opacity=50);
		-ms-filter: "alpha(opacity=50)";
		-moz-opacity:0.5;
		-khtml-opacity:0.5;
}
table.item-t{ margin: 0px auto; border-collapse: collapse; width: 96%;}
table.item-t td { border: 1px solid #07224c; vertical-align: middle; padding: 0px 5px; font-size: 1.0em;}

/* コンタクトフォーム */
#wpcf7-f141-p190-o1 .con{
		width:350px;
		font-size:14px;
		text-align:left;
			}

#wpcf7-f141-p190-o1 .mess{
		height:200px;
		width:450px;
		font-size:14px;
		overflow-y:auto;
		_overflow-y:hidden;  /* IEでスクロールバーを消す為に記述 */
			}


/*フォルダ階層表示用のテーブル*/
table.kaisou { border-collapse: collapse;}
table.kaisou img { padding: 0px 0px 2px 0px; margin: 0px 3px 0px 0px; background: none; border: none; vertical-align: middle;}

/* フォルダ階層構造用のインナー */
.kaisou-inner {
		border-left: 1px solid #142233;
		margin: 15px 20px;
		padding: 20px 40px;
		background-color: #fff;
		opacity:0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
		-moz-opacity:0.7;
		-khtml-opacity: 0.7;
}



/*文字装飾系*/
span.under { border-bottom: 1px solid #ff4c4c; padding-bottom: 0px; display: inline;}
/* span.under { background:linear-gradient(transparent 95%, #ff4c4c 0%);} 背景画像として下線を付ける*/

span.fontback{ background:linear-gradient(transparent 40%, #f5f5f5 80%);}

.black { color: #1a1a1a;}/* 下線引いた時にすべての色が変わらないようにするための黒 */
.red { color: #d3381c;}
.pink { color: #ff69b4;}
.gold { color: #ff8c00;}
.green { color: #228b22;}
.blue { color: #0000ff;}

/*モンハン系記事用のカラー*/
.rare1 { color: #fff; text-shadow: none;}/*武器アイテムなどの色、レアで指定*/
.rare2 { color: #c4f;}
.rare3 { color: #ff5;}
.rare4 { color: #ffb2bb; text-shadow: none;}
.rare5 { color: #4f4; text-shadow: none;}
.rare6 { color: #4169e1;}
.rare7 { color: #f00; text-shadow: none;}
.rare8 { color: #2af;}
.rare9 { color: #f90;}
.rare10 { color: #f4c;}

.fire { color: #ff4400; text-shadow: none;}/*属性*/
.water { color: #6ef; text-shadow: none;}
.thunder { color: #fc4; text-shadow: none;}
.ice { color: #4af; text-shadow: none;}
.dragon { color: #af9; text-shadow: none;}

.doku { color: #d9e; text-shadow: none;}/*状態異常*/
.mahi { color: #ff5; text-shadow: none;}
.suimin { color: #adf; text-shadow: none;}
.kizetu { color: #fff; text-shadow: none;}
.genki { color: #4af; text-shadow: none;}
.bakuha { color: #f83; text-shadow: none;}

.otoshi { color: #9e9;}/*罠・道具*/
.shibire { color: #d9e;}
.senkou { color: #ff5;}
.koyashi { color: #dc3;}
.oto { color: #ccc;}
.niku { color: #f44;}

.kaifuku { color: #4f3; text-shadow: none;}/*弾・矢*/
.hokaku { color: #f44; text-shadow: none;}
.paint { color: #f8e; text-shadow: none;}
.kijin { color: #c22; text-shadow: none;}
.kouka { color: #f83; text-shadow: none;}
.kyougeki { color: #f22; text-shadow: none;}

.limit { color: #ff0000; text-shadow: none;}/*リミッター解除*/
.plus { color: #44ccff; text-shadow: none;}/*弾追加*/

/*ここまでモンハン系記事用のカラー*/


/*モンハン武器テーブル*/

table.mh4_gun { 
		width: 90%;
		margin: 20px auto;
		background-color: #1a1a1a;
		color: #ccc;
		border: 1px solid #ccc;
		border-collapse:collapse;
		}

.mh4_gun th { 
		background-color: #fff;
		color: #1a1a1a;
		border: 1px solid #ccc;
		letter-spacing: 0.2em;
		text-align: center;
		}
		
.mh4_gun td {   border: 1px solid #ccc;
		text-align: center;
		vertical-align: middle;}
.mh4_gun td.mh4_gun_etc { text-align: left; padding-left: 10px; font-size: 0.5em;}

/*ここまでモンハン武器テーブル*/


/*モンハンガンナーページのテーブル*/

table.mh4_gunskill { 
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		background-color: #1a1a1a;
		color: #ccc;
		border: 1px solid #ccc;
		border-collapse:collapse;
		}
		
.mh4_gun td {   border: 1px solid #ccc;
		text-align: center;
		vertical-align: middle;}
		
td.handouti { width: 10%;}
td.bullet-name { width: 48%;}
td.handou { width: 6%; color: #6ef;}
td.h-t { color: #fc4;}/*反動中の色指定*/
td.h-d { color: #f00;}/*反動大の色指定*/
		
td.bullet { text-align: left; padding-left: 10px;}
td.bullet2 { text-align: left; padding-left: 10px; border-bottom: none;}
td.bullet3 { text-align: left; padding-left: 10px; border-top: none;}

/*ここまでモンハンガンナーページのテーブル*/

/*野球用スコアボード*/
table.baseballscore{ width: 95%; margin: 5px 20px 0px 20px; color: #fff; border-collapse:collapse;}
table.baseballscore th { margin: 0px; padding: 0px 5px; text-align: right; color: #333; font-weight: 400;}
table.baseballscore tr.kai { font-size: 90%;}
table.baseballscore td { text-align: center; border: 1px solid #c0c0c0; background: #333; padding: 4px 0px;}
table.baseballscore td.erace { border: none; background: none; width: 25%;}
table.baseballscore td.teamname { letter-spacing: 0.2em;}
table.baseballscore td.en { border-right: 4px double #c0c0c0;}
table.baseballscore td.kei { width: 10%;}
#record{margin: 5px 20px 20px 20px;
	padding: 10px;
	background: #332d30;
	color: #c0c0c0;
	font-size: 90%;
}
/*延長線用*/
table.baseballscore tr.kai2 { border-bottom: 4px double #c0c0c0;}
table.baseballscore td.pl { width: 8.3%;}
table.baseballscore td.en2 { width: 8.3%; border-right: 3px double #c0c0c0;}
/*簡易結果*/
#simpleresult { width: 100%; margin: 15px auto; }
table.s-res { width: 95%; text-align: center; color: #fff; margin: 10px auto;}
table.s-res tr.bar { letter-spacing: 1.3em; color: #333;}
table.s-res td.game-n { padding-left: 20px; letter-spacing: 0.4em; color: #ffff00;}
table.s-res td.r-l { text-align: left; padding-left: 15px;} table.s-res td.r-r { text-align: right;}
table.s-res td.s-name {width: 200px; background: #332d30; border: 1px solid #c0c0c0; letter-spacing: 1.1em;}
table.s-res td.s-10 { width: 50px; background: #333; border: 1px solid #c0c0c0;}
table.s-res td.s-11 { width: 50px; border: 1px solid #c0c0c0; border: none;}
table.s-res td.vs { padding: 0px 10px; color: #333;}

/*Linuxコマンド解説用*/
#linuxword{ margin: 0px 20px; background: #6b6f59; color: #ddd; padding: 10px 15px; border: 1px solid #a9a9a9; font-size: 120%; border-radius: 5px 5px 0 0;}
#linux-des{ margin: 0px 20px; background: #dcdcdc; color: #333; padding: 5px 10px; border: 1px solid #a9a9a9; border-top: none; margin-bottom: 20px; font-size: 12px;}

/* トラックバックのところ */
#pingbacks { color: #f3f3f3; padding: 5px;}
#pingbacks h3 { color: #4d4d4d; margin: 10px 0px; padding-top: 10px; border-top: 1px solid #c0c0c0;}
#pingbacks li { padding: 10px 0px; border-top: 1px solid #c0c0c0; font-size: 90%;}
#pingbacks.comment-meta { font-size: 30% !important; text-decoration: none !important;}

/* パンくずリスト */
div.breadcrumbs {
    color: #d3d3d3;
    font-size: 12px;
    padding: 5px 10px;
    /*background: rgba(255, 255, 255, 0.2);*/
}

/* SNS系カラー Facebook、Twitter、Google、DISQUS、YouTube */
.fb-c{color: #fff; background: #455e9c; padding: 0px 3px; border-radius: 2px;}
.tw-c{color: #fff; background: #10a9e8; padding: 0px 3px; border-radius: 2px;}
.go-c{color: #fff; background: #db2a3b; padding: 0px 3px; border-radius: 2px;}
.di-c{color: #fff; background: #3b9df7; padding: 0px 3px; border-radius: 2px;}
.yo-c{color: #fff; background: #cc181e; padding: 0px 3px; border-radius: 2px;}
/* DISQUS説明のメールアドレスの文字を変えるだけのCSS */
.mlad{color: #fff; background: #80989b; padding: 0px 3px; border-radius: 2px;}

/* アフィリエイト */
.sponsore_link { font-size: 80%; text-align: right;}
#contents_top_afi{ width: 100%;
		   margin-left: auto; margin-right: auto;
		   text-align: center;
		   margin-bottom: 10px;
		 }
/* RSSフィードの囲み */
#rssfeed { height: 64px; opacity: 0.8;}

/* span div 説明用 */
.example-title{
	border-bottom: 1px solid #333;
	background: #ff6347;
	margin: 0px 20px;
	}
.example-title-2{
	border-bottom: 1px solid #333;
	background: #ff6347;
	padding: 10px;
	margin: 30px 50px;
	}
.example-title-3{
	border-bottom: 1px solid #333;
	background: #ff6347;
	padding: 10px;
	margin:  30px 50px;
	display: inline-block;
	}

/* Borderlands2 */
.legendary{ color: #feb200;}

/* google apli紹介インナー */
#g-apli{ 
	background: #f5f5f5;
	border: 2px solid #d3d3d3;
	margin: 10px 20px;
	border-radius: 5px;
	display: inline-block;
	}



/* プロスピA */
table.prospi_ability{
	width: 100%;
	margin: 0px auto;
	text-align: center;
	border-collapse: collapse;
}
table.prospi_ability td{ border: 1px solid #333; padding: 3px 0px; width: 16.6%;}

table.prospi_ability tr.prospi_name_table td{ border: none; font-size: 1.5em;}
table.prospi_ability tr.prospi_scl td{ background: #4b4b4b; color: #b5b5b5; font-size: 1.1em; letter-spacing: 0.5em; font-weight: 700;}
table.prospi_ability td.prospi_s{ background: #98851b;}
table.prospi_ability td.prospi_c{ background: #30668b;}
table.prospi_ability td.prospi_l{ background: #474747;}

/*********************** ここからアクシズの脅威V用 *******************************/


/* アクシズの脅威用ワイドページ対応タイトルバー */
.slim-title_wide {
	background: #315c7f;
	font-size: 100%;
	letter-spacing: 0.2em;
	color: #fff;
	margin:20px 0px 30px -45px !important;
	padding-left: 60px;
	border-right: 2px solid #c0c0c0;
	width: 1083px;
	opacity: 0.9;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	line-height: 55px;
	position: relative;
		-moz-border-radius: 7px 0px 0px 0px;
		-webkit-border-radius: 7px 0px 0px 0px;
		-ms-border-radius: 7px 0px 0px 0px;
		-o-border-radius: 7px 0px 0px 0px;
		border-radius: 7px 0px 0px 0px;
	}
.slim-title_wide:before{ position: absolute; top: 100% !important; left: -0px !important; content: "";
		border-width:0 9px 9px 0 ; 
		border-style: solid;
		border-color: transparent;
		border-right-color: #63b9ff;
		z-index:-1;
		opacity:0.6;}

table.axis_nt_table {
	width: 100%;
	margin: 10px auto;
	text-align: center;
	border-collapse: collapse;
}
table.axis_nt_table td { border: 1px solid #808080; padding: 3px 0px; width: 25%; background: #f5f5f5;}

table.axis_nt_table td.axis_nt_table_th { border: none; background: none; font-weight: 700;}






/*********************** ここまでアクシズの脅威V用 *******************************/

/***************************************************** まとめ用 *****************************************************/
/* CategoryArchives用 */
.matome_title{
	color:#fff;
	font-size:110% !important;
	letter-spacing: 0.12em;
	font-weight: 400;
	text-shadow: 1px 1px 1px #000;
	margin: 0px 0px 10px 0px !important;
	background: rgba(0, 0, 0, 0.25);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#20000000,endColorstr=#20000000); /* IE */
	zoom: 1; /* IE */
	border-left:3px solid #e6e6e6 !important;
	border-bottom: 1px solid #fffafa;
	padding: 8px 15px !important;
	border-radius: 0px 8px 0px 8px;
	}
	div.post:first-child .matome_title{margin-top:0 !important;}
	.matome_title a{color: #fff;text-decoration:none;}
		.matome_title a:hover{color: #d3d3d3;}
.matome_cal { font-size: 90%; text-align: right;}

#m_inner {
		background: #dcdcdc;
		padding: 15px 20px 0px 20px;
		margin: 0px 20px;
		box-sizing: border-box;
		-moz-border-radius: 0px 15px 0px 0px;
		-webkit-border-radius: 0px 15px 0px 0px;
		-ms-border-radius: 0px 15px 0px 0px;
		-o-border-radius: 0px 15px 0px 0px;
		border-radius: 0px 15px 0px 0px;
	}
#m_inner p { margin: 0px; padding: 10px 20px;}
.m_title {
	font-size: 1.5em;
	line-height: 1.1em;
	display: inline-block;
	margin: 15px 0px;
	padding-left: 15px;
	color: red;
	font-weight: 700;
	letter-spacing: 0.2em;
	}
.m_774{		margin-bottom: 5px;
		font-size: 1em;
		font-weight: 400;
		text-shadow: none;
		color: #006400;
		display: inline-block;
	}
#m_inner img { max-width: 700px;}
#m_inner .img-center { display: block; margin: 30px auto;}
#m_inner .original-thread { background: #f2f2f2; text-align: right; padding: 5px 20px 5px 5px; margin: 0px -20px; font-size: 80%;}
#m_inner .original-thread a { color: #FE9A2E; text-decoration: none;}
/* 引用 */
#m_inner .bassui { border: 1px solid #fafafa; margin: 0 0 10px 0; padding: 10px 0px; background: #eaf4fc;}/* 記事本文 */
#m_inner .bassui_2 { line-height: 1.8em; text-align: right; font-size: 85%; padding: 0 25px 20px 20px; word-break: break-all;}/* 引用元 */

/* 投手成績用テーブル */
table.pitcher_t { width: 95%; text-align: center; border-collapse: collapse; margin: 0px 20px;}
table.pitcher_t td { width: 7%; border: 1px solid #333; padding: 5px 0px;}
table.pitcher_t td.p_name { width: 10%; border: none;}

/*** まとめ用（まとめくす） ***/
#m_inner .t_h { padding: 5px 15px; font-size: 90%;}/* 名無し部分 */
#m_inner .t_b { padding: 0px 20px;}/* レス */
#m_inner .t_i { padding: 0px 20px 0px 50px;}/* レスにレス */

#m_inner .m_quote { border: 1px solid #fff; padding: 5px 20px; background: #fafad2; display: inline-block;}
#m_inner .m_twitter { word-break: break-all; max-width: 100%; font-size: 90%; border: 1px solid #55acee; border-radius: 5px; background: #fff; display: inline-block;}/* Twitter用囲み */
#m_inner .m_twitter a { border: none;}

#m_inner .b_12 { font-size: 1.2em;}

#m_inner .gold { color: #ffd700; text-shadow: 1px 1px #808080;}
#m_inner .blue { color: #1e90ff;}
#m_inner .red { color: #e2041b;}

/* さらに改編用 */
#m_inner .m_na { color: green; font-weight: bold;}
#m_inner .m_id { color: gray;}
#m_inner .m_an { color: mediumblue;}


/***************************************************** /ここまでまとめ用 *****************************************************/

/* SNSボタン */
#sns_b { font-size: 0;}
#sns_b.share {margin-top : 20px;}
#sns_b.share ul {margin : 0; padding : 0; list-style : none; font-family: 'Quicksand', 'YuGothic', 'Yu Gothic', '游ゴシック', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo;}
#sns_b.share li a { padding : 5px; color : #fff; text-decoration : none; transition: 1.0s;}
#sns_b.share li a:hover { opacity :0.6; color : #fff;}
#sns_b.share li a:visited{ color: #fff;}

#sns_b .tweet a{background-color : #55acee; display: block;}
#sns_b .facebook a{background-color : #315096; display: block;}
#sns_b .googleplus a{background-color : #dd4b39; display: block;}
#sns_b .hatena a{background-color : #008fde; display: block;}
#sns_b .line a{background-color: #00c300; display: block;}
#sns_b .pocket a{background-color :#f03e51; display: block;}

#sns_b .rss a{ border: 1px solid #ccc; display: block; border-radius: 5px;}
#sns_b .feedly a{ border: 1px solid #ccc; display: block; border-radius: 5px;}
#sns_b .rss a:hover {background-color: #ff8c00;}
#sns_b .feedly a:hover {background-color: #6cc655;}

#sns_b.share li {
	display : inline-block;
	font-size : 12px; text-align : center;
	width: 20%;
	margin: 0px 0px 0px 0px;
	}
/* RSSとFeedly用 */
#sns_b.sns_sidebar ul {
margin : 10px 0 0 0;
padding : 0;
list-style : none;
font-family: 'Quicksand', 'YuGothic', 'Yu Gothic', '游ゴシック', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo;}
#sns_b.sns_sidebar li a { padding : 5px; color : #ccc; text-decoration : none; transition: 1.0s;}
#sns_b.sns_sidebar li a:hover { opacity :0.9; color : #fff;}
#sns_b.sns_sidebar li a:visited{ color: #fff;}
#sns_b.sns_sidebar li {
	display : inline-block;
	font-size : 16px;
	text-align : center;
	width: 25%;
	float: right;
	margin: 0px 5px 0px 0px;
	}
/* LINEをPCから消す */
.blog_dis { display: none;}
/* ここまでSNSボタン */

/****************************************************
レスポンシブページネーション(レスポンシブ部分もここにある)
*****************************************************/
.pagination{ list-style-type: none; padding-left: 0; margin: 0;}

.pagination,
.pagination li a { display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}

.pagination a {
  font-weight: 300;
  padding-top: 1px;
  text-decoration:none;
  border: 1px solid #2c4f54;
  border-left-width: 0;
  min-width:36px; min-height:36px;
  color: #1a1a1a;
}

.pagination li:not([class*="current"]) a:hover {
  background-color: #80aba9;
}

.pagination li:first-of-type a {
  border-left-width: 1px;
}

.pagination li.first span,
.pagination li.last span,
.pagination li.previous span,
.pagination li.next span {
  /* screen readers only */
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.pagination li.first a::before,
.pagination li.last a::after,
.pagination li.previous a::before,
.pagination li.next a::after {
  display: inline-block;
  font-family: Fontawesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

.pagination li.first a::before { content: "\f100"; }
.pagination li.last a::after { content: "\f101"; }

.pagination li.previous a::before { content: "\f104"; }
.pagination li.next a::after { content: "\f105"; }

.pagination li.current a {
 background-color: #80989b;
 cursor: default;
 pointer-events: none;
}

.pagination > li:first-child > a {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > li:last-child > a {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

@media only screen and ( max-width: 680px ) {
  .pagination{ margin: 10px 0px 30px 0px;}
  .pagination li.first,
  .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .pagination li.previous a { border-left-width: 1px; }
}

@media only screen and ( max-width: 500px ) {
  .pagination li {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .pagination li.current,
  .pagination li.first,
  .pagination li.last,
  .pagination li.previous,
  .pagination li.next{
    position: initial;
    top: initial;
    left: initial;
  }

  .pagination li.previous a { border-left-width: 0; }
}

@media only screen and ( max-width: 400px ) {
  .pagination li.first,
  .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .pagination li.previous a { border-left-width: 1px; }
}

@media only screen and ( max-width: 240px ) { /* For watches? */
  .pagination li { width: 50%;}

  .pagination li.current {
    order: 2;
    width: 100%;
    border-left-width: 1px;
  }
}

/**** Bootstrapボタン ****/
#bootstrap_link_cover { margin: 20px;}
#bootstrap_link_cover a { text-decoration: none; color: #333;}

/**** WP to Top メインCSSより下に来るのでimportantを使うしかない****/
/* widthとheightを取って画像を背景として使い、文字を0pxにして消した */
.wp-to-top {
	bottom: 0px !important;
	opacity: 0;
	width: 100px;
	height: 100px;
	font-size: 0px !important;
	line-height: 0px !important;
	padding: 0px !important;
	box-shadow: none !important;
	background: url(./images/totop.png) no-repeat top center !important;
}

.post .font-trial {
font-family: 'Quicksand', 'YuGothic', 'Yu Gothic', '游ゴシック', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo;
font-weight: 500;
font-size: 15px;
}
.post .font-trial-round { font-family: "Rounded Mplus 1c";}


/*
font-family: 'Quicksand', 'YuGothic', 'Yu Gothic', '游ゴシック', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo;
*/

/* 画像中央寄せ、ちょっと強引*/
.img_center_sp { display: block !important; margin: 10px auto !important;}