@charset "UTF-8";

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain) */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after {
content: '';
content: none;
}
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a { text-decoration: none; }
input, textarea, select { margin: 0; }
input:focus, textarea:focus, select:focus { outline: none; }
textarea { overflow: auto; }
button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner {
padding: 0 !important;
border: 0 none !important;
}

/* Web Icon Fonts */
@font-face {
font-family: 'web-service';
src:url('_tmpl/fonts/web-service/web-service.eot?-qz7pb2');
src:url('_tmpl/fonts/web-service/web-service.eot?#iefix-qz7pb2') format('embedded-opentype'),
  	url('_tmpl/fonts/web-service/web-service.woff?-qz7pb2') format('woff'),
		url('_tmpl/fonts/web-service/web-service.ttf?-qz7pb2') format('truetype'),
		url('_tmpl/fonts/web-service/web-service.svg?-qz7pb2#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'web-service';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-evernote:before { content: "\e004"; }
.icon-feedly:before { content: "\e007"; }
.icon-pocket:before { content: "\e008"; }
.icon-line:before { content: "\e009"; }
.icon-hatena:before { content: "\e00a"; }
.icon-feedly-square:before { content: "\e601"; }
.icon-googleplus:before { content: "\e608"; }
.icon-facebook:before { content: "\e60d"; }
.icon-instagram:before { content: "\e610"; }
.icon-twitter:before { content: "\e611"; }
.icon-feed:before { content: "\e614"; }
.icon-youtube:before { content: "\e617"; }
.icon-flickr2:before { content: "\e61e"; }
.icon-githubmark:before { content: "\e626"; }
.icon-github:before { content: "\e627"; }
.icon-wordpress:before { content: "\e629"; }
.icon-tumblr:before { content: "\e62d"; }
.icon-yahoo:before { content: "\e62f"; }
.icon-apple:before { content: "\e631"; }
.icon-android:before { content: "\e633"; }
.icon-windows:before { content: "\e634"; }
.icon-windows8:before { content: "\e635"; }
.icon-skype:before { content: "\e636"; }
.icon-delicious:before { content: "\e638"; }
.icon-pinterest:before { content: "\e63a"; }

/*=====================================*/
/* 基本設定 */
/*=====================================*/

html { font-size: 12pt; }
@media only screen and (max-width:767px) {
	html { font-size: 103%; }
}
body {
min-width: 320px;
word-wrap: break-word;
color: #2b2b2b;
background: #f0f0f0;
font-family: Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-size: 1rem;
font-style: normal;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
line-height: 2rem;
}
body:before {
content: "";
display: block;
height: 0.5rem;
background: #0599d9;
}
i { font-style: normal; }
img { border: 0; }
small { font-size: 13px; font-weight: 400; }
textarea {
font-family: Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-size: 0.9rem;
}
::selection {
color: #f1f1f1;
background: #06aef7;
}
.clrfix { zoom: 1; }
.clrfix:after {
content: "";
display: block;
visibility: hidden;
clear: both;
height: 0;
}
a, a:link, a:visited, a:active {
color: #0599d9;
text-decoration: none;
-webkit-transition: all 250ms linear;
-moz-transition: all 250ms linear;
-ms-transition: all 250ms linear;
-o-transition: all 250ms linear;
transition: all 250ms linear;
}
a:hover, a:focus { color: #06aef7; text-decoration: underline; }
.facebook-bg { background: #3b5998; }
.twitter-bg { background: #00aef1; }
.hatebu-bg { background: #156fc3; }
.gplus-bg { background: #dd4b39; }
.pocket-bg { background: #ea4654; }
.feedly-bg { background: #72c640; }
.line-bg { background: #09b701; }
.facebook-btn { border-radius: 3px; box-shadow: 0 4px 0 rgba(42,64,109,1); }
.twitter-btn { border-radius: 3px; box-shadow: 0 4px 0 rgba(0,126,170,1); }
.line-btn { border-radius: 3px; box-shadow: 0 4px 0 rgba(7,132,1,1); }
.new-publish {
display: inline-block;
margin: 0 6px 0 0;
color: #ff0000;
}
.btn {
display: block;
width: 80%;
margin: 0 auto;
text-align: center;
border: 2px solid #2b2b2b;
}
.btn:hover, .btn:active {
border: 2px solid #06aef7;
}
.btn a, .btn a:link, .btn a:visited, .btn a:active {
display: block;
padding: 0.5rem 1rem;
color: #2b2b2b;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.btn a:hover, .btn a:focus { color: #06aef7; text-decoration: none; }
.boxshadow {
-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.05);
-moz-box-shadow: 0 0 0 1px rgba(0,0,0,.05);
box-shadow: 0 0 0 1px rgba(0,0,0,.05);
}
.bdrs03 {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.post-date .fa, .post-category .fa { margin: 0 0.5rem 0 0; }

/*=====================================*/
/* レイアウト設定 */
/*=====================================*/

#page { width: 100%; margin: 0; }
#header-wrapper, #footer-wrapper { width: 100%; zoom: 1; }
#header-wrapper { position: relative; margin: 0 0 3rem; }
#header-inner, #footer-inner { max-width: 1200px; margin: 0 auto; }
#content-wrapper { max-width: 900px; margin: 0 auto 3rem; }
#footer-wrapper { background: #0599d9; }

/*=====================================*/
/* Ranklet配置設定 */
/*=====================================*/

#ranklet-wrapper { margin: 0 1rem 1rem; }
.footer-ranklet { padding: 0 0 1px; }

/*=====================================*/
/* アドセンス配置設定 */
/*=====================================*/

#ads-top-wrapper { width: 728px; margin: 0 auto; padding: 1rem 0 0; }
#ads-index-wrapper { width: 728px; margin: 2rem auto; }
#ads-top-wrapper h3, #ads-index-wrapper h3, #ads-post-wrapper h3 { font-size: 0.7rem; font-weight: 400; }
#ads-post-wrapper { max-width: 728px; margin: 0 auto; padding:0 0 1px; }
#ads-post-wrapper ins { display: block !important; margin: 0 auto; }
.ads-rectangle-300 { width: 300px; margin: 0 auto 2rem; }
.ads-left { float: left; } .ads-right { float: right; }
.ads-left, .ads-right {
width: 300px;
height: 250px;
background: #cccccc;
}
.related--google { margin: 0 0 1.7rem; padding: 0 1rem; }
@media only screen and (min-width:320px) and (max-width:767px) {
	#ads-top-wrapper { width: 90%; }
	#ads-index-wrapper { width: 90%; }
	#ads-post-wrapper { width: 90%; overflow: hidden; }
	.ads-left { float: none; margin: 0 0 1rem; } .ads-right { float: none; }
}

/*=====================================*/
/* ブログヘッダー設定 */
/*=====================================*/

/* ブログロゴ */
.blog-title { width: 300px; margin: 0 auto; padding: 3rem 0 0; }
.blog-title a {
display: block;
height: 0;
background:transparent url("_tmpl/img/netafull-logo.png") no-repeat top left;
background-size: contain;
padding-top: 123px;
overflow: hidden;
}
@media  only screen and (min-width:320px) and (max-width:767px) {
	.blog-title { width: 200px; margin: 0 auto; padding: 1rem 0 0; }
	.blog-title a {
	padding-top: 82px;
	}
}

/* グローバルナビ */
.navi-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.featured-category { height: 32px; background: #0599d9; overflow: hidden; }
.featured-category h2 { display: none; }
.navi-inner {
display: table;
width: 100%;
margin: 0;
overflow: hidden;
}
.navi-inner a, .navi-inner a:link, .navi-inner a:visited, .navi-inner a:active { display: block; color: #ffffff; text-decoration: none; }
.navi-inner a:hover, .navi-inner a:focus { color: #ffffff; background: #00aef1; }
.navi-inner > li {
display: table-cell;
width: -webkit-calc(100% / 8);
width: -moz-cale(100% / 8);
width: calc(100% / 8);
font-family: 'Noto Sans Japanese', sans-serif;
font-weight: 700;
font-size: 0.8rem;
text-align:center;
box-sizing: border-box;
}
.navi-inner > li .fa, .navi-inner > li [class^="icon-"] { margin: 0 0.5rem 0 0; }
@media only screen and (min-width:768px) and (max-width:1024px) {
	.navi-inner > li { text-indent: 0.5rem }
}
@media only screen and (max-width:767px) {
	#header-wrapper { margin: 0 0 1rem; }
	.navi-wrapper { position: static; margin: 1rem 0 0; }
	.featured-category { height: inherit; }
	.navi-inner { display: block; }
	.navi-inner > li {
	display: block;
	width: -webkit-calc(100% / 2);
	width: -moz-calc(100% / 2);
	width: calc(100% / 2);
	float: left;
	}
}

/*=====================================*/
/* ブログフッター設定 */
/*=====================================*/

/* カテゴリ・月別プルダウン設定 */
#pulldown-wrapper { max-width: 900px; margin: 0 auto 2rem; text-align: center; }
.widget-archive-monthly-dropdown { display: inline-block; margin: 0 10% 0 0; }
.widget-cat-archive-dropdown { display: inline-block; }
.widget-content { position: relative; width: 400px; height: 40px; }
.widget-content:after {
position: absolute;
display: block;
content: "\f0ca";
font-family: "FontAwesome";
color: #fafafa;
width: 40px;
height: 40px;
padding: 4px 0 0;
top: 0;
right: 0;
background: #036893;
box-sizing: border-box;
}
.widget-content select {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
width: 400px;
height: 40px;
vertical-align: middle;
font-size: 1rem;
text-indent: 1rem;
color: #fafafa;
background: #0599d9;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
@media only screen and (max-width:893px) {
.widget-archive-monthly-dropdown { display: block; margin: 0 0 1rem; }
.widget-cat-archive-dropdown { display: block; }
.widget-content { width: 300px; margin: 0 auto; }
.widget-content select { width: 300px; }
}

/* オーサーボックス設定 */
.author-box { color: #2b2b2b; background: #fafafa; padding: 0 0 1px; }
.author-head-area {
position: relative;
width: 100%;
height: 80px;
margin: 0 0 2rem;
background:-webkit-gradient(linear, left top, right bottom, from(#0599d9), color-stop(0.25, #0599d9), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.5, #0599d9), color-stop(0.75, #0599d9), color-stop(0.75, white), to(white));
background:-moz-linear-gradient(-45deg, #0599d9 25%, white 25%, white 50%, #0599d9 50%, #0599d9 75%, white 75%, white);
background:linear-gradient(-45deg, #0599d9 25%, white 25%, white 50%, #0599d9 50%, #0599d9 75%, white 75%, white);
background-size:4px 4px;
}
.author-icon {
position: absolute;
width: 90px;
height: 90px;
margin: 0 auto;
bottom: -35px;
right: 0;
left: 0;
}
.author-content, .blog-description { max-width: 700px; margin: 0 auto 1rem; padding: 0 3rem; box-sizing: border-box; }
.author-content p, .blog-description p { line-height: 1.8rem; }
.author-name, .blog-info { font-size: 1.1rem; text-align: center; }

/* スポンサーバナー設定 */
#sponsor-bnr-wrapper { background: #fafafa; }
#sponsor-bnr-wrapper ul { max-width: 900px; margin: 0 auto; padding: 0 0 1rem; text-align: center; }
#sponsor-bnr-wrapper li { display: inline-block; }
@media only screen and (max-width:616px) {
	#sponsor-bnr-wrapper li { display: block; }
}

/* フッター/コピーライト設定 */
#footer-inner { padding: 1rem 0; }

.navi-footer { text-align: center; color: #ffffff; }
.navi-footer a,
.navi-footer a:link,
.navi-footer a:visited,
.navi-footer a:active { color: #ffffff; }
.navi-footer a:hover,
.navi-footer a:focus { color: #ffffff; text-decoration: none; }
.navi-footer ul > li { display: inline-block; font-size: 14px; margin: 0 1rem; }

.copyright { text-align: center; color: #ffffff; line-height: 1.4rem; }
.copyright a,
.copyright a:link,
.copyright a:visited,
.copyright a:active { color: #ffffff; }
.copyright a:hover,
.copyright a:focus { color: #ffffff; text-decoration: none; }
.copyright small { font-family: 'Play', sans-serif; }

@media only screen and (max-width:517px) {
	.navi-footer, .copyright { text-align: left; padding: 0 0 0 1rem; }
	.navi-footer a,
	.navi-footer a:link,
	.navi-footer a:visited,
	.navi-footer a:active { display: block; padding: 0.5rem 0; }
	.navi-footer ul > li { display: block; margin: 0; }
}

.tothetopfixed { background: #fafafa; }
.tothetopfixed a, .tothetopfixed a:link, .tothetopfixed a:visited, .tothetopfixed a:active {
display: table;
font-family: "Play", sans-serif;
font-weight: 700;
font-size: 0.9rem;
text-align: center;
text-decoration: none;
color: #ffffff;
background: #0599d9;
width: 80px;
margin: 0 auto;
padding: 0;
vertical-align: middle;
}
.tothetopfixed a:hover, .tothetopfixed a:focus { opacity:0.8; }

/*=====================================*/
/* Googleカスタム検索設定 */
/*=====================================*/

#gsearch-wrapper { max-width: 900px; margin: 0 auto 2rem; line-height: 1rem; }
.gsc-control-cse { padding: 0 1rem !important; border: 0 !important; background-color: transparent !important; }

/*=====================================*/
/* インデックスページ設定 */
/*=====================================*/

/* トップ新着2件 大枠エリア */
#big-post-wrapper { height: 320px; margin: 0 0 1rem; }
#big-post-wrapper a,
#big-post-wrapper a:link,
#big-post-wrapper a:visited,
#big-post-wrapper a:active { color: #000000; }
#big-post-wrapper a:hover,
#big-post-wrapper a:focus { color: #000000; text-decoration: none; }
.big-post-inner {
position: relative;
width: 40%;
height: 320px;
margin-left: 60%;
padding: 1.2rem;
background: rgba(255,255,255,.9);
box-sizing: border-box;
-webkit-transition: background 250ms linear;
-moz-transition: background 250ms linear;
-ms-transition: background 250ms linear;
-o-transition: background 250ms linear;
transition: background 250ms linear;
}
.big-post-inner:hover, .big-post-inner:focus {
color: #ffffff;
background: rgba(0,174,241,.8);
}
.big-post-head { margin: 0 0 1rem; }
.big-post-head h1 { font-size: 1.4rem; line-height: 1.7rem; }
.big-post-body { margin: 0 0 1rem; }
.big-post-body p { font-size: 0.9rem; line-height: 1.4rem; }
.big-post-footer { position: absolute; bottom: 1rem; right: 1rem; }
.big-post-meta { text-align: right; }
.big-post-meta .post-date { display: inline-block; font-size: 0.7rem; }
.big-post-meta .post-category { display: inline-block; font-size: 0.7rem; margin: 0 0 0 2rem; }

@media only screen and (max-width:767px) {
	.big-post-inner {
	width: 100%;
	height: 320px;
	margin: 0;
	background: rgba(255,255,255,.8);
	}
	.big-post-head h1 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	}
}

/* ミドル記事ブロック */
#block-post-wrapper {
position: relative;
width: 430px;
height: 270px;
margin: 0 0 2rem;
}
#block-post-wrapper:nth-child(odd) { float: left; }
#block-post-wrapper:nth-child(even) { float: right; }
.block-post-head {
position: absolute;
/* display: table; */
bottom: 0;
left: 0;
color: #000000;
width: 100%;
padding: 1rem;
background: rgba(255,255,255,.8);
box-sizing: border-box;
z-index: 1;
-webkit-transition: background 250ms linear;
-moz-transition: background 250ms linear;
-ms-transition: background 250ms linear;
-o-transition: background 250ms linear;
transition: background 250ms linear;
}
.block-post-head:hover, .block-post-head:focus { color: #ffffff; background: rgba(0,174,241,.9); }
.block-post-head h1 {
/* display: table-cell; */
font-size: 1.3rem;
line-height: 1.6rem;
vertical-align: middle;
}
.block-post-thumbnail {
position: relative;
width: 430px;
height: 270px;
margin: 0 auto;
overflow: hidden;
}
.block-post-thumbnail img {
position: absolute;
top: -50px;
right: -86px;
width: 600px;
height: auto;
}
.block-post-footer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2rem;
background: #036893;
}
.block-post-footer .post-date {
position: absolute;
display: inline-block;
left: 0;
padding: 0 0 0 1rem;
font-size: 0.8rem;
color: #fafafa;
}
.block-post-footer .post-category {
position: absolute;
display: inline-block;
right: 0;
padding: 0 1rem;
color: #fafafa;
font-size: 0.8rem;
background: #0599d9;
}
.block-post-footer a,
.block-post-footer a:link,
.block-post-footer a:visited,
.block-post-footer a:active { color: #fafafa; }
.block-post-footer a:hover,
.block-post-footer a:focus { color: #fafafa; text-decoration: none; }

@media only screen and (min-width:768px) and (max-width:859px) {
	#block-post-wrapper { width: 365px; }
	.block-post-thumbnail { width: 365px; }
}
@media only screen and (max-width:767px) {
	#block-post-wrapper:nth-child(odd), #block-post-wrapper:nth-child(even) { float:none; }
	#block-post-wrapper { width: 90%; height: 250px; margin: 0 auto 1rem; }
	.block-post-head h1 {
	overflow: hidden;
	max-height: 130px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	}
	.block-post-thumbnail { width: 100%; height: 250px; }
}

/*=====================================*/
/* カテゴリー・月別アーカイブページ設定 */
/*=====================================*/

.archive-title {
position: relative;
width: 80%;
margin: 0 auto 2rem;
padding: 0.5rem 0;
font-size: 1.2rem;
color: #fafafa;
background: #0599d9;
text-align: center;
}
.archive-title:before {
position: absolute;
display: block;
content: "";
bottom: -10px;
left: 0;
right: 0;
width: 0px;
height: 0px;
margin: 0 auto;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #0599d9 transparent transparent transparent;
}
.archive-title span { font-size: 0.8rem; }

#list-post-wrapper { position: relative; margin: 0 0 1rem; background: #fafafa; }
.list-post-head { position: absolute; top: 5px; left: 210px; }
.list-post-head h1 { font-size: 1rem; line-height: 1.5rem }
.list-post-thumbnail { position: relative; width: 200px; height: 100px; overflow: hidden; }
.list-post-thumbnail img { position: absolute; width: 400px; height: auto; top: -30px; left: -50px; }
.list-post-footer { position: absolute; bottom: 0; right: 10px; font-size: 0.8rem; }
.list-post-footer .post-category { display: inline; margin: 0 0 0 0.5rem; }
@media only screen and (min-width:320px) and (max-width:479px) {
	.list-post-head { left: 100px; }
	.list-post-head h1 {
	font-size: 0.9rem;
	line-height: 1.3rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	}
	.list-post-thumbnail { width: 90px; }
	.list-post-thumbnail img { width: 200px; }
}

/*=====================================*/
/* 記事ページ設定 */
/*=====================================*/

/* パンくずリスト設定 */
#breadcrumb {
height: 24px;
margin: 0 0 0.5rem;
padding: 0 1rem;
font-size: 0.9rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
#breadcrumb div { display: inline; }
#breadcrumb span { font-family: 'Play', sans-serif; font-weight: normal; margin: 0 0.5rem 0 0; }
@media only screen and (min-width:768px) and (max-width: 859px) {
	#breadcrumb { font-size: 0.9rem; line-height: 1.4rem; }
}
@media only screen and (max-width:767px) {
	#breadcrumb { height: 15px; font-size: 0.7rem; line-height: 1rem; overflow: hidden; }
}

/* 記事本体設定 */
#post-wrapper { background: #fafafa; }

.post-head { position: relative; display: table; width: 100%; background: #ffffff; }
.post-head a,
.post-head a:link,
.post-head a:visited,
.post-head a:active { color: #2b2b2b; }
.post-head a:hover,
.post-head a:focus { color: #2b2b2b; text-decoration: none; }
.post-head h1 { display: table-cell; width: 100%; font-size: 2.2rem; line-height: 2.5rem; padding: 3rem 2rem 1rem; vertical-align: middle; }
.post-meta { position: absolute; top: 0; left: 0; width: 100%; background: #036893; }
.post-meta a,
.post-meta a:link,
.post-meta a:visited,
.post-meta a:active { color: #ffffff; }
.post-meta a:hover,
.post-meta a:focus { color: #ffffff; text-decoration: none; }
.post-meta .post-date { font-size: 0.9rem; color: #ffffff; padding: 0 0.5rem; }
.post-meta .post-category { position: absolute; display: inline-block; top: 0; right: 0; padding: 0 0.5rem; font-size: 0.9rem; color: #ffffff; background: #0599d9; }
@media only screen and (min-width:768px) and (max-width: 859px) {
	.post-head h1 { font-size: 1.7rem; line-height: 2rem; }
}
@media only screen and (max-width:767px) {
	.post-head h1 { font-size: 1.1rem; line-height: 1.5rem; padding: 3rem 1rem 1rem; }
}
.post-tags {
max-width: 700px;
margin:0 auto;
box-sizing: border-box;
}
.post-body {
max-width: 700px;
margin: 0 auto;
padding: 2rem 1.5rem 1px;
box-sizing: border-box;
}
.post-body h2 { font-size: 1.6rem; line-height: 2.1rem; margin: 0 -1rem 1.8rem; padding: 0 0 0 0.5rem; border-left: 6px solid #0599d9; }
.post-body h3 { font-size: 1.4rem; line-height: 1.9rem; margin: 0 -0.5rem 1.8rem; padding: 0.2rem 0.5rem; background: rgba(0,174,241,.2); border-bottom: 1px dashed #0599d9; }
.post-body p { margin: 0 0 2rem; line-height: 2rem; }
.post-body p:after { content: ""; height: 0; clear: both; display: block; visibility: hidden; }
.post-body img { max-width: 100%; height: auto; }
.post-body img[src*="apple.com"] { margin-right: 5px; display: inline !important; }
.post-body img[src*="valuecommerce.com"] { margin: 0; display: inline !important; }
.post-body img[src*="amazon-adsystem.com"] { margin: 0; display: inline !important; }
.post-body blockquote {
position: relative;
width: 100%;
margin: 0 0 2rem; padding: 1rem 1rem 1rem 1.5rem;
font-size: 0.9rem;
line-height: 1.8rem;
box-sizing: border-box;
border: 1px dashed #2b2b2b;
}
.post-body blockquote:before {
position: absolute;
content: "\f10d";
font-family: "FontAwesome";
font-size: 1.5rem;
top: -4px;
left: -4px;
width: 26px;
height: 33px;
background: #fafafa;
}
.post-body blockquote p { line-height: 1.8rem; }
.post-body blockquote p:last-child { margin: 0; }
.post-body hr { border-top: 1px dashed #bbbbbb; border-bottom: 1px dashed #ffffff; margin: 0 0 2rem; }
@media only screen and (max-width:767px) {
	.post-body h2 { font-size: 1.3rem; line-height: 1.8rem; }
	.post-body h3 { font-size: 1.1rem; line-height: 1.6rem; }
	/* .post-body img { -webkit-transform: scale(1.1); transform: scale(1.1); } */
	.post-body img[src*="apple.com"] { -webkit-transform: none; transform: none; }
	.post-body img[src*="valuecommerce.com"] { -webkit-transform: none; transform: none; }
}
.post-body ul { margin: 0 0 2rem; }
.post-body ul li { margin: 0 0 0 1.5rem; }
.post-body ul li:before {
	content: "\f0f6";
	font-family: "FontAwesome";
	margin: 0 0.5rem 0 -1.5rem;
}
.post-body table.table-01 { width: 100%; border: 1px solid #dddddd; border-collapse: collapse; border-spacing: 0; }
.post-body table.table-01 th { padding: 0.4rem; border: 1px solid #dddddd; border-width: 0 1px 1px 1px; background: #eeeeee; font-weight: bold; line-height: 1.2rem; text-align: center; }
.post-body table.table-01 td { padding: 0.4rem; border: 1px solid #dddddd; border-width: 0 0 1px 1px; background: transparent; }
.post-body table { margin: 0 auto 2rem; }
.post-body table img { -webkit-transform: none; transform: none; }
.post-body table table { margin: 0; }
.post-body table, .post-body tr, .post-body td { line-height: 1.4rem; vertical-align: middle; }
@media only screen and (max-width:413px) {
	.post-body td { display: block; }
}
.post-body iframe[src*="player.vimeo.com"],
.post-body iframe[src*="youtube.com"],
.post-body iframe[src*="youtube-nocookie.com"],
.post-body iframe[src*="ted.com"],
.post-body iframe[src*="kickstarter.com"][src*="video.html"],
.post-body iframe[src*="vine.co"],
.post-body iframe[src*="ustream.tv"],
.post-body iframe[src*="slideshare.net"],
.post-body embed,
.post-body object { display: block; max-width: 100% !important; margin: 0 auto; }
.post-body iframe[src*="google.com/maps"], .post-body iframe[src*="google.co.jp/maps"] { display:block; max-width: 100%; margin: 0 auto; }
.post-body iframe[src*="instagram.com"] { margin: 1px 1px 1.7rem !important; }
@media only screen and (max-width: 480px) {
	.post-body iframe[src*="player.vimeo.com"],
	.post-body iframe[src*="youtube.com"],
	.post-body iframe[src*="youtube-nocookie.com"],
	.post-body iframe[src*="ted.com"],
	.post-body iframe[src*="kickstarter.com"][src*="video.html"],
	.post-body iframe[src*="ustream.tv"],
	.post-body embed,
	.post-body object { height:56.75%; }
	.post-body iframe[src*="google.com/maps"], .post-body iframe[src*="google.co.jp/maps"] { height: 240px; }
	.post-body iframe[src*="vine.co"] { height: 315px; }
}
.post-body iframe[src*="tabelog.com"] { max-width: 100%; }
.post-body .balloon--wrap {
  border-collapse: separate;
  border-spacing: 24px 2px;
  display: table;
  margin: 0 0 1.7rem;
  table-layout: fixed;
  width: 100%;
}
.post-body .balloon--img {
  display: table-cell;
  vertical-align: top;
  width: 100px;
}
.post-body .balloon--img img {
  border-radius: 50%;
  width: 100px;
}
.post-body .balloon--txt {
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  border-radius: 4px;
  display: table-cell;
	width: 90%;
  padding: 1.7rem;
  position: relative;
}
.post-body .balloon--left:after {
  content: '';
  position: absolute;
  border-right: 12px solid #fff;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  left: -12px;
  top: 40px;
}
.post-body .balloon--right:after {
  content: '';
  position: absolute;
  border-left: 12px solid #fff;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  right: -12px;
  top: 40px;
}
.post-body .balloon--txt p {
  margin: 0 0 1.7rem;
}
.post-body .balloon--txt p:last-child {
	margin: 0;
}
@media only screen and (max-width:480px) {
	.post-body .balloon--wrap { border-spacing: 18px 2px; }
	.post-body .balloon--img { width:48px; }
	.post-body .balloon--txt { padding: 1rem; font-size: 0.9rem; }
	.post-body .balloon--left:after, .post-body .balloon--right:after { top:16px; }
	.post-body .balloon--txt p { line-height: 1.7rem; }
}

/* ウェブページ設定 */
.page .post-head { display: block; background:none; text-align:center; overflow: hidden; }
.page .post-head h1 { display:inline-block; position: relative; width: auto; max-width:80%; padding: 2rem 0.5rem; }
.page .post-head h1:before {
	position: absolute;
	display: block;
	content: "";
	background: #0599d9;
	width: 1200px;
	height: 2px;
	top: 50%;
	right: 100%;
	margin: -1px 0 0;
}
.page .post-head h1:after {
	position: absolute;
	display: block;
	content: "";
	background: #0599d9;
	width: 1200px;
	height: 2px;
	top: 50%;
	left: 100%;
	margin: -1px 0 0;
}
.page .post-body { padding: 2rem 3rem 1px; }
.page .post-body ul { margin: 0 0 2rem; }
.page .post-body ul li { margin: 0 0 0 1.5rem; }
.page .post-body ul li:before {
	content: "\f0f6";
	font-family: "FontAwesome";
	margin: 0 0.5rem 0 -1.5rem;
}

/* サイトマップ設定 */
.sitemap .post-head { margin: 0 0 2rem; }
.sitemap .post-head h1 { padding: 2rem 0; text-align: center; }
.sitemap .post-body h2 { margin: 0 0 1rem -1rem; border-left: none; }
.sitemap-cat-ttl:before {
	content: "\f07c";
	font-family: "FontAwesome";
	margin: 0 0.5rem 0 0;
	color: #9abbd4;
}
.sitemap-list { margin: 0 0 2rem; }
.sitemap-list li { margin: 0 0 0 1.5rem; }
.sitemap-list li:before {
	content: "\f0f6";
	font-family: "FontAwesome";
	margin: 0 0.5rem 0 -1.5rem;
}

/* ソーシャルボタン設定 */
.post-head-social {
margin: 0 0 2rem; padding: 1rem 0;
background:-webkit-gradient(linear, left top, right bottom, from(#0599d9), color-stop(0.25, #0599d9), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.5, #0599d9), color-stop(0.75, #0599d9), color-stop(0.75, white), to(white));
background:-moz-linear-gradient(-45deg, #0599d9 25%, white 25%, white 50%, #0599d9 50%, #0599d9 75%, white 75%, white);
background:linear-gradient(-45deg, #0599d9 25%, white 25%, white 50%, #0599d9 50%, #0599d9 75%, white 75%, white);
background-size:4px 4px;
text-align:center;
}
#share-btn-wrapper {
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:box;
-webkit-box-pack:center;
-moz-box-pack:center;
-ms-box-pack:center;
box-pack:center;
margin: 0 auto;
padding: 0;
text-align: center;
}
.share-btn {
margin: 0 0.1rem;
padding: 0;
line-height: 1;
box-sizing: border-box;
}
.line-hbutton a, .line-hbutton a:link, .line-hbutton a:visited, .line-hbutton a:active { color: #ffffff; display: block; }
.line-hbutton a:hover, .line-hbutton a:focus { color: #ffffff; text-decoration: none; }

#share-big-btn-wrapper { max-width: 700px; margin: 0 auto; padding: 0 3rem 2rem; box-sizing: border-box; }
#share-big-btn-wrapper a, #share-big-btn-wrapper a:link, #share-big-btn-wrapper a:visited, #share-big-btn-wrapper a:active { color: #ffffff; }
#share-big-btn-wrapper a:hover, #share-big-btn-wrapper a:focus { color: #ffffff; text-decoration: none; opacity: 0.8; }
.share-big-btn {
display: block;
float: left;
width: 24.25%;
padding: 0.4rem 0 0;
text-align: center;
box-sizing: border-box;
}
.share-big-btn + .share-big-btn { margin: 0 0 0 1%; }
.share-big-btn i { font-size: 2.5rem; }
.share-big-btn span { display: block; font-family: "Noto Sans Jananese", sans-serif; font-size: 0.8rem; line-height: 1.5rem; margin: -0.5rem 0 0; }
.line-button { display: none; }
@media only screen and (max-width:767px) {
	.share-big-btn span { display: none; }
	.line-button { display: block; }
	.feedly-button { display: none; }
}

/* 独自Facebook Likebox設定 */
#post-like-wrapper {
display: table;
width: 100%;
max-width: 604px;
height: 168px;
margin: 2rem auto; background: #fdfdfd; color: #212121;
-webkit-transition: all 250ms linear;
-moz-transition: all 250ms linear;
-ms-transition: all 250ms linear;
-o-transition: all 250ms linear;
transition: all 250ms linear;
-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.05);
-moz-box-shadow: 0 0 0 1px rgba(0,0,0,.05);
box-shadow: 0 0 0 1px rgba(0,0,0,.05);
}
#post-like-wrapper:hover, #post-like-wrapper:focus {
-webkit-box-shadow: 0 0 0 2px rgba(0,0,0,.05);
-moz-box-shadow: 0 0 0 2px rgba(0,0,0,.05);
box-shadow: 0 0 0 2px rgba(0,0,0,.05);
}
.post-like-thumb { display: table-cell; width: 40%; }
.post-like-right { position: relative; display: table-cell; width: 60%; }
.post-like-text {
position: absolute;
top: 20px;
right: 0;
left: 0;
font-size: 0.9rem;
font-weight: 700;
line-height: 1.35rem;
text-align: center;
}
.post-like-text span { font-size: 1.1rem; }
.post-like-foot {
position: absolute;
left: 0;
right: 0;
bottom: 21px;
font-size: 0.7rem;
text-align: center;
}
.post-like-btn {
position: absolute;
top: 77px;
right: 0;
left: 0;
width: 85px;
margin: 0 auto;
text-align: center;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}

/* 独自コグレカテゴリー誘導設定 */
#post-category-wrapper {
display: table;
width: 100%;
max-width: 604px;
height: 110px;
margin: 2rem auto; background: #fdfdfd; color: #212121;
-webkit-transition: all 250ms linear;
-moz-transition: all 250ms linear;
-ms-transition: all 250ms linear;
-o-transition: all 250ms linear;
transition: all 250ms linear;
-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.05);
-moz-box-shadow: 0 0 0 1px rgba(0,0,0,.05);
box-shadow: 0 0 0 1px rgba(0,0,0,.05);
}
#post-category-wrapper:hover, #post-category-wrapper:focus {
-webkit-box-shadow: 0 0 0 2px rgba(0,0,0,.05);
-moz-box-shadow: 0 0 0 2px rgba(0,0,0,.05);
box-shadow: 0 0 0 2px rgba(0,0,0,.05);
}
.post-category-thumb { display: table-cell; width: 0%; }
.post-category-right { position: relative; display: table-cell; width: 60%; }
.post-category-text {
position: absolute;
top: 20px;
right: 0;
left: 0;
font-size: 0.9rem;
font-weight: 700;
line-height: 1.35rem;
text-align: center;
}
.post-category-text span { font-size: 1.1rem; }
.post-category-foot {
position: absolute;
left: 0;
right: 0;
bottom: 21px;
font-size: 0.7rem;
text-align: center;
}
.post-category-btn {
position: absolute;
top: 77px;
right: 0;
left: 0;
width: 85px;
margin: 0 auto;
text-align: center;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}

/* 前後の記事設定 */
#post-paging-wrapper { display: table; margin: 0 auto 2rem; table-layout: fixed; }
#post-paging-wrapper a:hover, #post-paging-wrapper a:focus { text-decoration: none; }
.post-paging-next { position: relative; width: 50%; display: table-cell; border-left: 1px solid #dddddd; box-sizing: border-box; }
.post-paging-prev { position: relative; width: 50%; display: table-cell; box-sizing: border-box; }
.post-paging-next h2, .post-paging-prev h2 {
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
height: 140px;
padding: 57px 0 0 0;
font-family: "Play", sans-serif;
font-size: 2rem;
text-align: center;
color: #ffffff;
background: rgba(0,0,0,.4);
box-sizing: border-box;
z-index: 1;
}
.post-paging-thumbnail { position: relative; width: 100%; height: 140px; overflow: hidden; }
.post-paging-thumbnail img { position: absolute; width: 500px; height: auto; top: -30px; left: -23px; }
.post-paging-meta { font-size: 0.8rem; text-align: center; }
.post-paging-meta .post-date { margin: 0 2rem 0 0; color: #777777; }
.post-paging-meta .post-category { display: inline; color: #dd2222; }
.post-paging-title { font-size: 0.9rem; line-height: 1.4rem; padding: 0 1rem; color: #2b2b2b; }
@media only screen and (max-width:767px) {
	.post-paging-thumbnail img { position: absolute; width: 450px; height: auto; top: -30px; left: -23px; }
	.post-paging-meta .post-date { margin: 0; }
	.post-paging-meta .post-category { display: block; margin: -10px 0 0; }
}

/* 関連記事設定 */
#related-post { position: relative; width: 300px; float: left; }
.related-post-head {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 1rem;
color: #000000;
background: rgba(255,255,255,.8);
z-index: 1;
box-sizing: border-box;
-webkit-transition: background 250ms linear;
-moz-transition: background 250ms linear;
-ms-transition: background 250ms linear;
-o-transition: background 250ms linear;
transition: background 250ms linear;
}
.related-post-head:hover, .related-post-head:focus { color: #ffffff; background: rgba(0,174,241,.9); }
.related-post-head h1 { font-size: 1rem; line-height: 1.5rem; }
.related-post-head p { font-size: 1rem; line-height: 1.5rem; }
.related-post-thumb { position: relative; width: 300px; height: 250px; overflow: hidden; }
.related-post-thumb img { position: absolute; top: -30px; left: -50px; width: 400px; height: auto; }
.related-post-footer a,
.related-post-footer a:link,
.related-post-footer a:visited,
.related-post-footer a:active { color: #fafafa; }
.related-post-footer a:hover,
.related-post-footer a:focus { color: #fafafa; text-decoration: none; }
.related-post-footer .post-date { position: absolute; display: block; top: 0; left: 0; width: 100%; padding: 0 0 0 0.5rem; font-size: 0.8rem; color: #fafafa; background: #036893; box-sizing: border-box; }
.related-post-footer .post-category { position: absolute; top: 0; right: 0; padding: 0 0.5rem; font-size: 0.8rem; color: #fafafa; background: #0599d9; }
@media only screen and (min-width:600px) and (max-width:899px) {
	#related-post-wrapper { width: 600px; margin: 0 auto; }
}
@media only screen and (max-width:599px) {
	#related-post-wrapper { width: 90%; margin: 0 auto; }
	#related-post { width: 100%; 0 0 1rem; float: none; }
	.related-post-thumb { width: 100%; }
	.related-post-thumb img { left: -25px; }
}

/* カエレバ・ヨメレバ 表示設定 */
.kaerebalink-box, .booklink-box {
position: relative;
overflow: hidden;
margin: 0 0 2rem;
padding: 1rem;
background: #ffffff;
border: 1px solid;
border-color: #eaeaea #dddddd #d0d0d0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
zoom:1;
}
.kaerebalink-box:after, .booklink-box:after {
content:"";
display:block;
visibility:hidden;
height:0;
clear:both;
}
.kaerebalink-image, .booklink-image {
float:left;
width:128px;
margin:0;
text-align:center;
}
.kaerebakink-image img, .booklink-image img {
width:128px;
height:auto;
}
.kaerebalink-info, .booklink-info { margin: 0 0 0 140px; line-height: 1.6rem; }
.kaerebalink-name, .booklink-name {
font-size: 1.0625rem;
font-weight: bold;
margin: 0;
}
.kaerebalink-name a, .booklink-name a { color: #2b2b2b; }
.kaerebalink-name a:hover, .booklink-name a:hover { text-decoration: underline; }
.kaerebalink-powered-date, .booklink-powered-date { font-size: 0.75rem; font-weight: normal; }
.kaerebalink-detail, .booklink-detail { font-size: 0.9375rem; margin: 0 0 0.5em; }
.kaerebalink-link1, .booklink-link2 { width:100%; }
.kaerebalink-link1 div, .booklink-link2 div {
float: left;
width: 49.5%;
margin-bottom: 1%;
font-size: 0.875rem;
font-weight: bold;
text-align: center;
box-sizing: border-box;
}
.kaerebalink-link1 div:nth-child(even), .booklink-link2 div:nth-child(even) { margin-left: 1%; }
.kaerebalink-link1 div a, .booklink-link2 div a { display:block; padding:3px 0; text-decoration:none; }
.shoplinkamazon a, .shoplinkrakuten a, .shoplinkyahoo a, .shoplinkyahooAuc a,
.shoplinkseven a, .shoplinkbellemaison a, .shoplinkcecile a, .shoplinkkakakucom a,
.shoplinkkindle a, .shoplinkbk1 a, .shoplinkehon a, .shoplinkkino a,
.shoplinkjun a, .shoplinktoshokan a {
	display:block;
	text-decoration:none;
}
.shoplinkamazon a { color:#ffffff; background:#ff9900; }
.shoplinkkindle a { color:#ffffff; background:#1882c9; }
.shoplinkrakuten a { color:#ffffff; background:#bf0000; }
.shoplinkyahoo a { color:#ffffff; background:#fc1d2f; }
.shoplinkyahooAuc a { color:#252525; background:#ffdb00; }
.shoplinkseven a { color:#ffffff; background:#225093; }
.shoplinkbellemaison a { color:#ffffff; background:#83be00; }
.shoplinkcecile a { color:#ffffff; background:#6b053d; }
.shoplinkkakakucom a { color:#ffffff; background:#00138e; }
.shoplinkbk1 a { color:#ffffff; background:#0484d2; }
.shoplinkehon a { color:#ffffff; background:#00006a; }
.shoplinkkino a { color:#ffffff; background:#003e9d; }
.shoplinkjun a { color:#4b5854; background:#d8c9b7; }
.shoplinktoshokan a { color:#ffffff; background:#29b6e9; }
.booklink-footer { clear:both !important; }

@media only screen and (min-width:460px) and (max-width:640px) {
	.kaerebalink-image, .booklink-image {
	float:none;
	width:100%;
	margin:0;
	text-align:center;
	-webkit-transform: none;
	transform: none;
	}
	.kaerebalink-link1 div, .booklink-link2 div { float: none; width: 100%; }
	.kaerebalink-link1 div:nth-child(even), .booklink-link2 div:nth-child(even) { margin-left: 0; }
}
@media only screen and (max-width:459px) {
	.kaerebalink-image, .booklink-image {
	float:none;
	width:100%;
	margin:0;
	text-align:center;
	-webkit-transform: none;
	transform: none;
	}
	.kaerebalink-image img, .booklink-image img { width:180px; height:auto; }
	.kaerebalink-info, .booklink-info { margin: 0; }
	.kaerebalink-link1 div, .booklink-link2 div { float: none; width: 100%; }
	.kaerebalink-link1 div:nth-child(even), .booklink-link2 div:nth-child(even) { margin-left: 0; }
}

/* Apphtml Settings */
.apphtml-wrapper {
	width: 100%;
	margin: 0 auto 1.7rem;
	background: #ffffff;
	border: 1px solid;
	border-color: #eaeaea #dddddd #d0d0d0;
}
.apphtml-wrapper h1 {
	font-size: 16.5px;
	line-height: 1.4rem;
	background: #3498db;
	padding: 0.5rem;
	box-sizing:border-box;
	overflow: hidden;
	text-overflow: ecllipsis;
	white-space: nowrap;
}
.apphtml-wrapper h1 a { color: #f1f1f1; text-decoration:none; }
.apphtml-img + br, .apphtml-app-name + br, .apphtml-inner + br { display:none; }
.apphtml-img { width:100px; float:left; }
.apphtml-img img { width:100px; height:auto; -webkit-transform:scale(1); transform:scale(1); }
.apphtml-info {
	font-size: 14px;
	line-height: 1.4rem;
	margin: 0 0 0 100px;
	padding: 0.3rem 1rem;
}
.apphtml-info p {
	display: -webkit-box;
	max-height: 490px;
	margin: 0;
	line-height: 1.6rem;
	text-overflow: ecllipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
}
.apphtml-info	span { font-size: 16px; }
.apphtml-btn {
	width: 100%;
	background: #3498db;
	margin: 0;
	font-size: 14px;
	text-align: center;
	-webkit-trasition: all 250ms linear;
	transition: all 250ms linear;
}
.apphtml-btn a {
	display:block;
	color:#f1f1f1;
	text-decoration:none;
}
.btn-itunes {
	display: inline-block;
	overflow: hidden;
	background: url(http://linkmaker.itunes.apple.com/htmlResources/assets//images/web/linkmaker/badge_appstore-sm.png) no-repeat;
	width: 61px;
	height: 15px;
}
.btn-macapp {
	display: inline-block;
	overflow: hidden;
	background: url(http://linkmaker.itunes.apple.com/htmlResources/assets//images/web/linkmaker/badge_macappstore-sm.png) no-repeat;
	width: 81px;
	height: 15px;
}
.btn-ebook {
	display: inline-block;
	overflow: hidden;
	background: url(http://linkmaker.itunes.apple.com/htmlResources/assets//images/web/linkmaker/badge_ibooks-sm.png) no-repeat;
	width: 65px;
	height: 15px;
}
.btn-song {
	display: inline-block;
	overflow: hidden;
	background: url(http://linkmaker.itunes.apple.com/htmlResources/assets//images/web/linkmaker/badge_itunes-sm.png) no-repeat;
	width: 45px;
	height: 15px;
}
@media only screen {
	.btn-itunes { background: url(http://linkmaker.itunes.apple.com/htmlResources/assets//images/web/linkmaker/badge_appstore-sm.svg) no-repeat; }
	.btn-macapp { background: url(http://linkmaker.itunes.apple.com/htmlResources/assets//images/web/linkmaker/badge_macappstore-sm.svg) no-repeat; }
	.btn-ebook { background:url(http://linkmaker.itunes.apple.com/htmlResources/assets//images/web/linkmaker/badge_ibooks-sm.svg) no-repeat; }
	.btn-song { background:url(http://linkmaker.itunes.apple.com/htmlResources/assets//images/web/linkmaker/badge_itunes-sm.svg) no-repeat; }
}