/*
Theme Name: CoolTemplate-1440
Description: MTテンプレート Ver.14 レスポンシブ版
Version: 14.0.0
Author: エーエフ・パートナー
Author URI: http://www.jp-soft.com/
*/

/* ------ 初期設定 ------ */
html {overflow-y: scroll;}

body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption {margin: 0;padding: 0;}

address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;font-weight: normal;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th {text-align: left;}
q:before ,q:after {content: '';}
object, embed {vertical-align: top;}
hr, legend {display: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
img, abbr, acronym, fieldset {border: 0;}
img {vertical-align: bottom;-ms-interpolation-mode: bicubic;}
ul li {list-style-type: none;}
.textwidget{margin: 0;padding: 0;}
*{-webkit-box-sizing: border-box; box-sizing: border-box;}


/* BODY */
body {font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo,'ＭＳ Ｐゴシック', sans-serif;
	color: #444; font-size: 87.5%; line-height: 1.6em; text-align: left; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased;}

#wrapper {width: 100%;}

/* ------ リンクの属性（未指定の時）------ */
a {color: #444; text-decoration: none;}
a:hover {color: #3CF;text-decoration: underline;}

/* ------ 画像属性等 ------ */
img {max-width: 100%; height: auto; -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; vertical-align: bottom;}
.alignleft {float: left;  margin: 5px 10px 5px 0;}
.alignright{float: right; margin: 5px 0 5px 10px;}
.aligncenter{margin: 5px auto;display:block;}
.mt-image-left {float: left;  margin: 5px 10px 5px 0;}
.mt-image-right {float: right; margin: 5px 0 5px 10px;}
.mt-image-center {margin: 5px auto;display:block;}
.link a img, a.link img,a img.link {margin: 0; overflow: hidden;}
.link a:hover img, a:hover.link img,a:hover img.link{transform: scale(1.15,1.15); -webkit-transform:scale(1.15,1.15);}

/* ヘッダー */
header {width: 100%; border-bottom: 1px solid #CCC;}
#header-inner {width: 100% ; height: auto;}
#header-title {position: relative; width: 940px; margin: 0 auto;  padding: 0 10px; text-align: left;}
#ptitle {padding: 20px 0 10px; font-size: xx-large; font-weight: bold; line-height: 1.2em; color: #444;}
#ptitle-description {padding-bottom: 20px; font-size: 0.85em; line-height: 1.4em; color: #555; text-align: center;}

/* ヘッダーナビゲーション */
#gnav-btn {display :none;}
#gnav {width: 100%; margin: 0; padding: 0; background-color: #FFF;}
#gnav nav {position: relative; width: 940px; margin: 0 auto; padding: 0; font-size: 95%; text-align: left; z-index: 1000;}
#gnav nav  ul {list-style-type: none; height: 36px; margin: 0; padding: 0;}
#gnav nav > ul > li {position: relative; float: left; width: 20%; height: 36px; line-height:36px; margin: 0; text-align: center; border-right: 1px solid #222;}
#gnav nav > ul > li > a > .target{padding: 0 10px; display:inline-block; vertical-align: middle; line-height:1.1em;}
#gnav nav  ul  li a { display: block; color: #FFF; font-weight: bold;  text-align: center; text-decoration: none;}
#gnav nav  ul  li  ul {position: absolute; top: 100%; left:  0; list-style: none; margin: 0;}
#gnav nav  ul  li  ul li{margin: 0; overflow: hidden; width: 150%; height: 0; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s; transition: .2s;}
#gnav nav  ul  li:last-child  ul li {left: -50%;}
#gnav nav  ul  li  ul li a{padding: 0 1em; height: 36px; line-height: 36px; color: #FFF; text-align: left; background-color: #000; border-top: 1px solid #DDD; overflow: hidden; opacity: 0.5;}
#gnav nav  ul >  li:hover a {background-color: #000;}
#gnav nav  ul  li ul li:hover a {background-color: #000; opacity: 1.0;}
#gnav nav  ul  li:hover ul li {overflow: hidden; height: 36px;}
.fixed {position: fixed; top: 0; width: 100%; border-bottom: 1px solid #CCC; opacity: 1.0; z-index: 10000;}
#gnav .color-1 {background-color: #555;}
#gnav .color-2 {background-color: #BD4165;}
#gnav .color-3 {background-color: #627842;}
#gnav .color-4 {background-color: #6B5B8E;}
#gnav .color-5 {background-color: #173844;}
#gnav .color-6 {background-color: #725D4E;}
#gnav .color-7 {background-color: #2B618F;}
#gnav .color-8 {background-color: #80273F;}

/* ヘッダー画像 */
#mainvisual {margin: 15px auto 0; max-width: 900px; z-index: 10;}

/* メイン */
#containar {position: relative; width: 900px;margin: 0 auto; padding-top: 20px;overflow: hidden; z-index: 20;}

   /* アイテム画像 */
.eyepicture {position: relative; width: 100%; margin-bottom: 15px; padding-top: 300px; overflow: hidden; z-index: 10;}
.eyepicture {background: url('img/header.jpg') center center no-repeat;  -webkit-background-size: cover; background-size: cover;}

/* パンくずリスト */
#plist {width: 100%;padding-bottom: 10px;font-size: 0.78em; color: #999; text-align: justify; text-justify: inter-ideograph;}

/* コンテンツ */
#contents {float: none; width: 90%; margin: 0 auto 20px; z-index: 30; letter-spacing: 0;}
.home #contents {float: none; width: 100%; margin-bottom: 20px; z-index: 30; letter-spacing: -.4em;}

/* 見出し */
h1{font-weight: normal; font-size: 180%; line-height: 1.2em; margin: 0; padding-bottom: 0.2em;}
h2{font-weight: normal; font-size: 160%; line-height: 1.2em; margin: 0; padding-bottom: 0.2em;}
h3{font-weight: normal; font-size: 150%; line-height: 1.2em; margin: 0; padding-bottom: 0.2em;}
h4{font-weight: normal; font-size: 140%; line-height: 1.2em; margin: 0; padding-bottom: 0.2em;}
h5{font-weight: normal; font-size: 130%; line-height: 1.2em; margin: 0; padding-bottom: 0.2em;}
h6{font-weight: normal; font-size: 115%; line-height: 1.2em; margin: 0; padding-bottom: 0.2em;}
.main-title{margin: 0; padding: .5em 1em .5em 1em; font-size: 1.1em; line-height: 1.2em; font-weight: bold; color: #FFF; background-color: #555; border-left: 3em solid #2B5F75; display: block;}
.post-title{margin: 0 0 15px; padding: .5em 1em .5em 1em; font-size: 1.3em; line-height: 1.2em; font-weight: bold; color: #FFF; background-color: #555; border-left: 3em solid #2B5F75; display: block;}
.parts-title {margin: 0; padding: 0; font-size: 0.85em; font-weight: normal; line-height: 1.6em; color: #444; text-align: center; background-color: #EFEFEF; display: block;}
.comment-reply-title{font-size: 1.3em; font-weight: bold; color: #444;}
.comment-reply-title:before {font-family: 'FontAwesome'; content:'\f086'; font-size: 1.2em; font-weight: bold; vertical-align: middle; margin-right: 2px; color: #2B5F75;}

#info-cover { margin-bottom: 15px; padding: 15px; line-height: 1.5em; text-align: justify; text-justify: inter-ideograph;}


/* 投稿 */
.doc {margin-bottom: 15px; padding: 10px 1em; font-size: 108%; line-height: 2.0em; text-align: justify; text-justify: inter-ideograph; background-color: #FFF;}
.doc-page {margin-bottom: 15px; padding: 10px 1em; font-size: 108%; line-height: 1.5em; text-align: justify; text-justify: inter-ideograph; background-color: #FFF;}
.doc h2{font-weight: normal; font-size: 180%; line-height: 1.2em; margin: 0; padding-bottom: 15px;}
.doc h3{font-weight: normal; font-size: 160%; line-height: 1.2em; margin: 0; padding-bottom: 15px;}
.doc h4{font-weight: normal; font-size: 140%; line-height: 1.2em; margin: 0; padding-bottom: 10px;}
.doc h5{font-weight: normal; font-size: 120%; line-height: 1.2em; margin: 0; padding-bottom: 10px;}
.doc h6{font-weight: normal; font-size: 110%; line-height: 1.2em; margin: 0; padding-bottom: 10px;}
.waku {border: 1px solid #CCC;}
.doc ul {margin-left: 2em;}
.doc ul li {list-style-type: disc;}

#info-cover h2{ margin: 0; padding: 15px 20px; letter-spacing: 0;}
.info {padding: 0 2em 1em; font-size: 100%; line-height: 1.5em; letter-spacing: 0; text-align: justify; text-justify: inter-ideograph;}

/* カテゴリー */
.cat-description {margin:0 0 10px; padding: 10px; font-size: 1.1em;  color: #444; font-weight: bold; background-color: #F2F2F2;  text-align: justify; text-justify: inter-ideograph;}

/* 記事表示 */
#left-contents {display: inline-block; width: 40%; vertical-align: top; margin: 0; padding: 0 1.5% 0 0; letter-spacing: 0;}
#right-contents {display: inline-block; width: 60%; vertical-align: top; margin: 0; padding: 0 0 0 1.5%; letter-spacing: 0;}
#post-list {padding-bottom: 20px;}
#post-list  article{margin-top: 5px; padding-bottom: 10px ; border-bottom: 5px solid #CCC;}
#post-list  article:first-child {margin-top: 0;}
#post-list  article .img-set {float: left; margin-right: 20px; max-width: 150px; border: 1px solid #CCC; overflow: hidden;}
#post-list  article .img-set-big {float: left; margin-right: 20px; max-width: 180px; border: 1px solid #CCC; overflow: hidden;}
#post-list  article h3 {position: relative; margin: 0; padding: 10px 0 5px 1em; color: #444; font-size: large; font-weight: bold; line-height: 1.3em; text-align: justify; text-justify: inter-ideograph; overflow: hidden; letter-spacing: -0.06em;}
#post-list  article h3:before{font-family: FontAwesome;content: "\f14a"; position: absolute; left: 2px; top: .6em; padding: 0em; color: #DEA0B1; font-size: 0.8em;}
#post-list  article h3 a{color: #444;}
#post-list  article h3 a:hover{color: #444; text-decoration: none;}
#post-list  article p {padding: 0 0 10px; font-size: .85em; line-height: 1.5em;}
a.more {margin: 0; padding: 3px 10px; font-size: small; line-height: 1.0em; font-weight: bold; color: #444; text-decoration: none; 
  -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;  background-color: #EEE;}
a:hover.more {color: #FFF; background-color: #2B5F75;}

/*  更新日等表示  */
.p-cate {margin: 0 0 5px; font-size: .86em; line-height: 1.2em; color: #999; text-align: right; display: block;}
.p-cate:before{font-family: 'FontAwesome'; content:'\f07c'; margin-right: 2px; vertical-align: middle;}
.k-date {margin-left: 2em;}
.k-date:before {font-family: 'FontAwesome'; content:'\f073'; margin-right: 2px; vertical-align: middle;}
#top-post-list .p-cate, #sub-post-list .p-cate{padding-left: 0;}
.p-list .p-cate{font-size: .78em; line-height: 1.2em;}

/* テキスト段落表示 */
.txt-column{margin: 10px 0; letter-spacing: -.4em;}
.txt-column .d-text {display: inline-block; vertical-align: top; width: 33.33%; margin: 0; padding: 0 1%; letter-spacing: 0; text-align: justify; text-justify: inter-ideograph; overflow: hidden;}
.column-index{margin-bottom: 15px; text-align: center; font-size: 8em; display: block;}

/* アイキャッチ画像リスト */
#list-img {margin: 0; padding: 0; width: 100%; letter-spacing: -.4em;}
#list-img .image-set {display: inline-block; vertical-align: top; width: 25%; padding: 0; border: none; letter-spacing: 0; overflow: hidden;}

/* 注目記事表示 */
#at-post-list{padding-bottom: 10px;letter-spacing: -.4em;}
#at-post-list article {display: inline-block; vertical-align: top; width: 50%; margin: 0; padding: 2px; letter-spacing: 0; overflow: hidden; z-index: 100;}
#at-post-list article .carousel-set {position: relative; border: 1px solid #CCC; overflow: hidden;}
#at-post-list .idx {position: absolute; top: calc(100% - 1em) ; left: auto; width: 100%; height: 100%; background: rgba(0,0,0,.2); overflow: hidden; z-index: 200; -webkit-transition: .2s;	transition: .2s;}
#at-post-list article:hover .idx {top: 0; padding-top: 10%;}
#at-post-list .idx h3{padding: 0 20px; font-size: .9em; line-height: 1.2em; color: #FFF; font-weight: bold; text-align: center;  z-index: 600; display: block;}
#at-post-list .idx p { padding: 20px 20px 0; font-size: .75em; line-height: 1.2em; font-weight: normal; text-align: justify; color: #FFF; text-justify: inter-ideograph;}
#at-post-list .idx a {color: #FFF; text-decoration: none;}
#at-post-list .idx a:hover{text-decoration: underline;}

/* アドセンス属性 */  
#ads-parallel {max-width: 660px; margin: 10px auto 15px auto;}
.ads-left {float: left; display: block;}
.ads-right {float: right; display: block;}
#ads-parallel img {max-width: 300px;}
.ads-res {margin: 0 0 10px; text-align: center;}
.ads-rec {text-align: center;}

/* 関連記事リスト属性 */
#related-posts{margin: 0; letter-spacing: -.4em;}
#related-posts  article {display: inline-block; vertical-align: top; width: 25%; margin: 0; padding: 5px; letter-spacing: 0; overflow: hidden;}
#related-posts  article .img-set {　margin: 0; border: 1px solid #CCC; width:100%; overflow: hidden;}
#related-posts  article h5 {margin: 0; padding: 0.2em 5px ; font-size: 100%; font-weight: bold; line-height: 1.2em;}
#related-posts  article h5 a {margin: 0; color: #444; text-decoration: none; display: block; overflow: hidden;}
#related-posts  article h5 a:hover {color: #3CF; text-decoration: underline; display: block;}

/* ---- コメント----- */
#comments {margin: 0;}
.comments-open label {display: block;}
#comment-author, #comment-email, #comment-url, #comment-text { width: 80%;}
#comment-bake-cookie {margin-left: 0; vertical-align: middle;}
#top-comment-nav, #comment-nav {list-style: none; width: 100%; margin: 0 0 1em 0; padding: 0; text-align: center;}
#top-comment-nav li, #comment-nav li {display: inline; padding: 0;}
#top-prev-comments, #prev-comments {text-align: left; margin: 0 1em 0 0;}
#top-next-comments, #next-comments {text-align: right; margin: 0 0 0 1em;}
#top-num-comments, #num-comments {text-align: center;}
#comment-submit {font-weight: bold;}
.comment,.trackback {margin: 0 0 .5em 1em; border-bottom: 1px dotted #ccc; padding-bottom: .5em; font-size: 100%;}
.comment .asset-meta,.trackback .asset-meta { border: 0; margin-bottom: .5em; font-size: 92%;}
.comment-content {clear: none; line-height: 150%; margin-bottom: 1em; font-size: 100%;}
.comment-content p {margin-bottom: .5em;}
.comments-open-content{margin-left: 1em;}
.trackbacks-info{ margin-left: 1em; font-size: 12px;}

/* サイドバー */
#sidebar {float: right; width: 301px;}
.sidebar-wrapper {margin-bottom: 20px;}
.sidebar-wrapper h4{position: relative; font-size: 1em; font-weight: bold; line-height: 1.6em; color: #FFF; background: #555; padding: 0.2em 0.5em; border-left: solid 2.5em #306073;}
.sidebar-wrapper h4:before{font-family: FontAwesome; content: "\f024"; position: absolute; padding: 0em; color: #FFF; font-weight: normal; left: -1.6em; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.sidebar-wrapper form {padding: 10px; font-size: 85%;}
.sidebar-wrapper .tagcloud{padding: 10px; font-size: 85%;}
.sidebar-wrapper ul {padding: 0; border-bottom: 1px solid #CCC;}
.sidebar-wrapper ul li {border-top: solid 1px #D5D5D5;}
.sidebar-wrapper ul li:first-child {border-top: none;}
.sidebar-wrapper ul li a {display: block;padding: 10px 20px 10px 10px; font-size: 85%; line-height: 1.5em; color: #333;text-decoration: none;background: url(img/arrow_04.png) no-repeat right center;}
.sidebar-wrapper ul li a:hover{color: #3CF;}
.sidebar-wrapper ul.children {padding: 0; border: none;}
.sidebar-wrapper ul.children li{border-top: solid 1px #D5D5D5; text-indent: 10px;}
.sidebar-wrapper ul.children li:first-child{border-top: solid 1px #D5D5D5;}
.sidebar-wrapper .post-date {padding-left: 15px; line-height: 1.0em; font-size: 77%;}

/* フッター */
footer {width: 100%; background-color: #F5F5F5;}
#footer-inner {width: 940px; margin: 0 auto; padding: 20px 0; font-weight: normal; letter-spacing: -.4em;}
#footer-inner .f-left, #footer-inner .f-center, #footer-inner .f-right{display: inline-block; vertical-align: top; width: 33.33%; letter-spacing: 0; margin: 0; padding: 0 .5%; font-size: .9em ; line-height: 1.3em;}
.footer-wrapper h4 {margin: 0 0 0.6em 0; padding: 0.2em 0.2em 0.2em 0.5em; color: #444; font-size: 1.0em; font-weight: bold; line-height: 1.4em; background-color: #EFEFEF; border-bottom: 1px solid #CCC; border-left: 2em solid rgba(48,96,115,0.4); }
.footer-wrapper ul{margin: 0 0 10px ; list-style: none;}
.footer-wrapper ul li {line-height: 2.0em; padding: 0 10px; font-weight: normal;}
.footer-wrapper ul > li:before {font-family: 'FontAwesome'; content:'\f105'; font-weight: normal; padding-right: 5px; vertical-align: bottom; color: #2B5F75;}
.footer-wrapper ul.children {margin: 0;}
.footer-wrapper ul.children li {padding-left: 25px;}
.footer-wrapper form, .footer-wrapper p, .footer-wrapper .tagcloud{padding: 10px; font-size: 0.86em;}
.footer-wrapper .post-date{font-size: 84%;}
.footer-wrapper ul li a{color: #444;}
.footer-wrapper ul li a:hover{text-decoration: none;}
#copyright {width: 100%; padding: 10px 0; text-align:center; font-size: 92%;color: #444; font-weight: bold; border-bottom: 10px solid #222; background-color: #EFEFEF;}

/*ページ分割*/
.e_page{text-align: center; font-size: 80%; padding: 15px 0;}
.e_page .link_before,.e_page .link_page,.e_page .current_page,.e_page .link_next {color: #444;padding: 2px 6px; background: #FFF; display: inline-block; border: solid 1px #CCC;text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.e_page .current_page {color: #444; font-weight: bold; display: inline-block; padding: 2px 6px; background: #F5F5F5; border: solid 1px #CCC; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.e_page a {color: #444;padding: 2px 6px; background: #FFF; display: inline-block; border: solid 1px #CCC;text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.e_page a:hover{background: #F5F5F5; color: #444; font-weight: normal;}

/* ------ スクロールトップ------ */
.pagetop {display: none; position: fixed; bottom: 30px; right: 0;}

/* ピックアップ記事等 */
.rank-post {margin-top: 0; padding: 0 ; overflow: hidden;}
.rank-post .p-post {padding: 10px 0; border-bottom: 1px solid #EFEFEF;}
.rank-post  h5{display: block; padding: 0 0 5px ; font-size: .92em; font-weight: bold; line-height: 1.2em; text-align: left; text-align: justify; text-justify: inter-ideograph;}
.rank-post .p-post:last-child {border-bottom: none;}
.rank-post .p-post a {color: #444; text-decoration: none;}
.rank-post .p-post a:hover {color: #444; text-decoration: underline;}
.rank-post .p-post p {font-size: 77%; line-height: 1.2em; color: #444; text-align: justify; text-justify: inter-ideograph;}
.rank-post .p-post .img-set{position: relative; float: left; margin-right: 8px; max-width: 120px; border: 1px solid #CCC; display: block; overflow: hidden;}
.rank-post .p-post .num2 {position: absolute; top: 5px; left: 5px; font-size: 12px; line-height: 12px; font-weight: bold; color: #FFF; padding: 4px 6px; background-color: #306073;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.rank-post .eday {float: right; color: #999; font-size: 9px;}

/* 検索フォーム */
#h-search {position: absolute; top: 30px; right: 0; width: 250px; text-align: right;}
#searchform .ti {width: 75%; height: 30px; padding-left: 5px; font-size: 92%; border-radius: 0; border: 1px solid #CCC;}
#searchsubmit {width: 60px; height: 30px; margin: 0 0 0 -5px; font-size: 92%; border: none; border-radius: 0; background: transparent; cursor: pointer; background-color: #CCC; color: #FFF; font-weight: 600;}
#searchsubmit:hover {background-color: #2B5F75;}
#n-search {display: none;}

/* タグクラウド */
.widget-tag-cloud {margin: 10px;}
.widget-tag-cloud a {display: inline-block; line-height: 100%; color: #444;  background: #F5F5F5; border: 1px solid #CCC; text-decoration: none; padding: 4px 6px 4px; margin: 0 5px 5px 0;
	 -webkit-transition: .3s ease; transition: .3s ease; -webkit-border-radius: 5px; border-radius: 5px;}
.footer-wrapper .widget-tag-cloud a { background: #FFF; color: #444;}
.widget-tag-cloud a:hover {background: #6f828a; color: #FFF; font-weight: bold; text-decoration: none;}

/* コンテンツ内タグ表示 */
#contents .tagcloud, #contents-2column .tagcloud{margin: 15px 5px;}
#contents .tagcloud a, #contents-2column .tagcloud a {font-size: 100% !important; line-height: 1em; background: #FFF; color: #666; font-weight: normal; display: inline-block; white-space: nowrap; padding: 4px 8px; margin: 3px; border: 1px solid #CCC;  -webkit-border-radius: 4px;  border-radius: 4px; text-decoration: none;}
#contents .tagcloud a:hover, #contents-2column .tagcloud a:hover {background: #EFEFEF; color: #666;}

/* ソーシャルボタン等 */
#header-social-button {position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);display: block;}
#header-social-button a {font-size: 2.0em; text-decoration: none; color: #CCC;}
.icon-feed:before {font-family: 'FontAwesome'; content:'\f143'; margin: 0 2px;}
.icon-facebook:before {font-family: 'FontAwesome'; content:'\f082'; margin: 0 2px;}
.icon-gplus:before {font-family: 'FontAwesome'; content:'\f0d4'; margin: 0 2px;}
.icon-twitter:before {font-family: 'FontAwesome'; content:'\f081'; margin: 0 2px;}
#header-social-button a.icon-feed:hover {color: #FB9F3B;}
#header-social-button a.icon-facebook:hover{color: #3953A1;}
#header-social-button a.icon-gplus:hover {color: #C62E00;}
#header-social-button a.icon-twitter:hover {color: #00B1EA;}

/*  SNSシェアボタン  */
.sns_btn{width: 100%; margin: 10px auto 20px; letter-spacing: -.4em;}
.sns_btn .parts{display: inline-block; vertical-align: top; width: 20%; margin: 0; padding: 0; letter-spacing: 0; text-align: center; list-style-type: none; border: 2px solid #FFF;}
.parts a{width: 100%; padding: 0.8em 0; color: #FFF; font-size: 92%; font-weight: bold; ; text-decoration: none;}
.parts a:hover{color: #FFF; text-decoration: none;}
.parts.twitter {padding: 10px 0; background-color: #00acee;}
.parts.twitter a:before {font-family: 'FontAwesome'; content:'\f081'; font-size: 1.8em; vertical-align: bottom; margin: 0 5px;}
.parts.facebook {padding: 10px 0;background-color: #3b5998;}
.parts.facebook a:before {font-family: 'FontAwesome'; content:'\f082'; font-size: 1.8em; vertical-align: bottom; margin: 0 5px;}
.parts.google_plus {padding: 10px 0;background-color: #dd4b39;}
.parts.google_plus a:before {font-family: 'FontAwesome'; content:'\f0d4'; font-size: 1.8em; vertical-align: bottom; margin: 0 5px;}
.parts.pocket {padding: 10px 0;background-color: #EB4257;}
.parts.pocket a:before {font-family: 'FontAwesome'; content:'\f265'; font-size: 1.8em; vertical-align: bottom; margin: 0 5px;}
.parts.hatena {padding: 10px 0;background-color: #2D4C86;}
.parts.hatena a:before {font-family: Arial Bold; content: "B!"; font-size: 120%; font-weight: bold; vertical-align: bottom; margin: 0 5px;}

/* テーブル */
table {width: 96%; margin: 0 auto; border-collapse: collapse; border-spacing:0; border: 1px solid #CCC;}
th {padding: 5px; font-weight: bold; border: 1px solid #CCC; text-align: center; background-color: #EFEFEF;}
td {padding: 5px; border: 1px solid #CCC;}

/* Youtube */
.youtube {position: relative; width: 100%; padding-top: 56.25%;}
.youtube iframe {position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}

/* 引用 */
blockquote {color: #666; font-size: 100%; font-style: italic; font-weight: bold; background-color:#F5F5F5; padding:1em 1em 1em 3em; position:relative;}
blockquote:before{content: '“'; font-size: 4em; line-height:1em; color:#CCC; position:absolute; left:0; top: 10px;;}

/* 出典 */
.source{font-size: 11px; font-weight: normal; color: #888;}
.source a {font-weight: normal; color: #999; text-decoration: none;}
.source a:hover {color: #C00; text-decoration: underline;}

/*  アーカイブウィジェット */
.footer-wrapper .screen-reader-text, .footer-wrapper .screen-reader-text {display: none;}
.footer-wrapper select, .footer-wrapper select {margin: 5px 0 5px 10px; width: 90%!important; border-radius: 0!important;}

/* その他属性 */
.red_uline{border-bottom: 3px solid #F30;}
.uline{border-bottom: 1px solid #F63;}  
.dotline{clear: both;margin: 5px 0; border-bottom: 1px dotted #CCC;}
.clr{clear: both;}
strong {font-weight: bold;}
em{color: red;}
.txtcenter{text-align: center;}
.red{color: #C00;}
.pink{color: #C09;}
.blue{color: #22b2da;}
.green{color: #00ad7c;}
.c06{color: #C06;}
.bg_yellow{background-color: #f4f56e;}
.bg_cyan {background-color: #CCF4FE;}
.bld {font-weight: bold;}
#sitemap_list li a {font-weight: normal;}
.comments label {font-weight: bold;}

_::-webkit-full-page-media, _:future, :root strong { font-weight: bold;}
_::-webkit-full-page-media, _:future, :root .bld { font-weight: bold;}
_::-webkit-full-page-media, _:future, :root .comments label { font-weight: bold;}

/* 線の属性 */
.dot{border-bottom:1px dotted #CCC;}
.solid{border-bottom:1px solid #CCC;}

/* 付録の属性 */
.tab-title:before {font-family: 'FontAwesome'; content:'\f0a9'; font-weight: normal; padding-right: 5px; vertical-align: bottom; color: #C06;}