@charset "UTF-8";

/*
Font
*/

@import url(https://fonts.googleapis.com/css?family=Lato:400,100,300,700,900);

/*
Base
*/

html,body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,
blockquote,th,td,p,img {
margin:0;
padding:0;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display: block;
}

body{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif;
background: #F5F3EF !important;
font-size: 14px;
color: #222;
line-height: 1;
word-wrap: break-word;
word-break: break-all;
}

img,a img{
border:none;
vertical-align: bottom;
}

ul, ol, li, dl, dt, dd {
list-style:none;
}

*, *:before, *:after {
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

a {
outline: none;
text-decoration: none;
color: #3A3A3A;
font-weight: bold;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

/*
Layout
*/

.l-inner {
width: 1068px;
margin: 0 auto;
}

.l-main-visual {
margin-bottom: 40px;
}

.l-header {
background: #fff;
position: relative;
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.11);
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.11);
box-shadow: 0px 2px 4px rgba(0,0,0,0.11);
margin-bottom: 40px;
min-width:1068px;
}

.l-rss-top {
overflow: hidden;
margin-bottom: 40px;
}

.l-contents {
margin-bottom: 20px;
}

.l-main {
width: 728px;
float: left;
}

.l-message,
.l-latest,
.l-comment {
padding: 20px;
margin-bottom: 20px;
}

.l-popular-bottom {
padding: 20px 20px 10px;
margin-bottom: 20px;
}

.l-pager-single {
margin-bottom: 20px;
}

.l-parts-a {
width: 300px;
float: right;
position: relative;
}

.l-footer {
border-top: 1px solid #e6e6e6;
background: #fff;
min-width: 1068px;
}

.clear:after,
.l-inner:after,
.side ul.recent-article-image li:after,
div.popularArticlesWithImage.A ul:after,
div.popularArticlesWithImage.B ul li a:after,
.related-articles.with-image ul:after {
content: "";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

/*
Module
*/

/* ヘッダー */

.header-top {
padding: 12px;
text-align:center;
border-top: 3px solid #00336c;
}

.header-bottom {
position: relative;
}

.header-bottom:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 5px;
background: #eaeaea;
z-index: 5;
}

/* ヘッダーのタイトル */

.header-title {
display:inline-block;
}

.header-title p{
text-align: center;
padding-top: 10px;
color: #1C6592;
font-size: 10px;
}

/* ヘッダー左のアイテム */
.blog-title {
margin-bottom: 10px;
}

.blog-title > a {
display: block;
font-size: 25px;
color: #4C4C4C;
}

/* ナビゲーション（ヘッダー） */
.nav-global {
position: relative;
z-index: 10;
float: left;
}

.nav-global-list {
border-left: 1px solid #dadada;
}

.nav-global-item {
float: left;
border-right: 1px solid #dadada;
}

.nav-global-item > a {
font-size: 13px;
font-weight: bold;
display: block;
text-align: center;
color: #B3B3B3;
position: relative;
}

.nav-global-item > a:hover {
color: #2A7CAF;
}

.nav-global-item > a:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 5px;
background: #eaeaea;
z-index: 5;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.current-page > a:before {
background: #2A7EB3;
}

.nav-global-item > a:hover:before {
height: 100%;
}

.nav-global-item span {
display: block;
padding: 0 28px;
height: 60px;
position: relative;
z-index: 10;
}

.nav-global-item span:before {
content: "\f006";
font-family: FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: block;
padding: 13px 0 10px;
}

.current-page > a {
background: #3A9AD6;
color: #fff !important;
}

.current-page span:before {
content: "\f005";
}

/* SNSのカラー */

.tw-bg {
background: #55acee;
}

.tw-bg:hover {
background: #81C9FF;
}

.fb-bg {
background: #4368BD;
}

.fb-bg:hover {
background: #6387D8;
}

.hb-bg {
background: #008fde;
}

.hb-bg:hover {
background: #33ADF1;
}

.gp-bg {
background: #dd4b39;
}

.gp-bg:hover {
background: #F37162;
}

.pk-bg {
background: #f13d53;
}

.pk-bg:hover {
background: #F3697A;
}

.rs-bg {
background: #ff8c00;
}

.rs-bg:hover {
background: #FFB862;
}

/* SNSのフォローボタン */

.sns-search-list {
float: right;
}

.sns-search-item {
float: left;
overflow: hidden;
}

.sns-search-item > a {
display: block;
height: 60px;
line-height: 60px;
font-size: 16px;
margin-right: 25px;
}

.search-item {
margin-right: 0;
}

.tw-follow {
color: #55acee;
}

.rs-follow {
color: #ff8c00;
}

.sns-follow-item {
float: left;
margin-left: 5px;
}

.sns-follow-item:first-child {
margin-left: 0;
}

.sns-follow-item > a {
display: block;
width: 28px;
height: 28px;
line-height: 28px;
text-align: center;
background: #f2f2f2;
font-size: 13px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.sns-follow-item > .tw-follow:hover {
background: #55acee;
color: #fff;
}

.sns-follow-item > .rs-follow:hover {
background: #ff8c00;
color: #fff;
}

/* シェア */

.sns-share {
height: 20px;
overflow: hidden;
}

.article-meta .sns-share {
float: left;
}

.article-small .sns-share {
float: right;
}

/* セクションのタイトル */

.section-title {
color: #2A7CAF;
font-size: 14px;
font-weight: bold;
padding: 20px 20px 20px 73px;
margin: -20px -20px 20px;
border-top: 3px solid #3A9AD6;
border-bottom: 1px solid #ddd;
position: relative;
letter-spacing: 2px;
}

.section-title:after {
content: "";
position: absolute;
display: block;
top: -7px;
left: 20px;
width: 38px;
height: 53px;
background:url(http://exawarosu.net/img/design2.png) no-repeat;
}

.all-section-title{
color: #2A7CAF;
font-size: 14px;
font-weight: bold;
padding: 20px 20px 20px 73px;
border-top: 3px solid #3A9AD6;
position: relative;
letter-spacing: 2px;
}

.all-section-title:after {
content: "";
position: absolute;
display: block;
top: -7px;
left: 20px;
width: 38px;
height: 53px;
background:url(http://exawarosu.net/img/design2.png) no-repeat;
}

/* メッセージボード */

div.message-board-outer {
margin-bottom: 0;
}

.message-board {
font-size: 14px;
line-height: 1.6;
}

/* 記事の大枠 */

.article {
border-top: 3px solid #efefef;
padding: 20px;
position: relative;
}

.article-row {
width: 50%;
float: left;
border-right: 1px solid #efefef;
}

.article-even {
border-right: none;
}

.article-small {
clear: both;
}

.article-single {
margin-bottom: 20px;
}

.article-text,
.article-small .article-thumb {
display: table-cell;
}

.article-small .article-thumb {
width: 10%;
padding-right: 20px;
position: relative;
}

.article-thumb > a {
display: block;
}

.article-text {
width: 90%;
vertical-align: top;
}

/* 記事のサムネイル */

.article-thumb img {
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.article-row .article-thumb img {
width: 100%;
height: 195px;
}

.article-small .article-thumb img {
width: 200px;
height: 130px;
}

.article-thumb > a:hover > img {
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
}

/* 記事のヘッダー・タイトル */

.article-header {
margin: -20px -20px 20px;
padding: 20px;
border-bottom: 1px solid #efefef;
position: relative;
}

.article-title {
padding-bottom: 13px;
margin-top: 13px;
line-height: 1.5;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.article-large .article-title {
font-size: 24px;
color: #3A3A3A;
}

.article-small .article-title {
font-size: 21px;
}

.article-title > a {
display: block;
overflow: hidden;
color: #3A3A3A;
}

.article-row .article-title > a {
font-size: 20px;
height: 90px;
}

.article-small .article-title > a {
font-size: 20px;
height: 60px;
}

.article-title > a:hover {
text-decoration: underline;
}

/* 記事のメタ情報（日付etc） */

.article-time {
font-size: 13px;
font-family: 'Lato', sans-serif;
font-weight: 400;
color: #999;
display: block;
margin-right: 20px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

/* カテゴリー*/

.keyword-list {
font-size: 0;
}

.article-meta .keyword-list {
float: right;
position: relative;
top: -4px;
}

.keyword-item {
display: inline-block;
margin-left: 10px;
}

.keyword-item:first-child {
margin-left: 0;
}

.keyword-item > a {
display: block;
font-size: 10px;
font-weight: normal;
padding: 0 8px;
color: #555;
height: 27px;
line-height: 27px;
background: #E6E6E6;
-webkit-box-shadow: 0 2px 0 #B9B9B9;
-moz-box-shadow: 0 2px 0 #B9B9B9;
box-shadow: 0 2px 0 #B9B9B9;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.keyword-item > a:hover {
-webkit-transform: translate3d(0px,2px,0);
-moz-transform: translate3d(0px,2px,0);
transform: translate3d(0px,2px,0);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

/* 記事のコメント */

.article-comment {
position: absolute;
top: -3px;
right: 0;
background: #2AABA7;
border-top: 3px solid #187D7A;
font-weight: bold;
color: #fff;
min-width: 100px;
text-align: center;
height: 38px;
line-height: 35px;
-moz-border-radius: 0 0 0 8px;
-webkit-border-radius: 0 0 0 8px;
border-radius: 0 0 0 8px;
overflow: hidden;
}

.article-comment > a {
display: block;
color: #fff;
}

.article-comment > a:hover {
background: #187D7A;
}

.article-comment i {
font-size: 16px;
margin-right: 5px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.comment-count {
font-size: 14px;
font-family: 'Lato', sans-serif;
font-weight: 700;
margin-right: 5px;
}

.comment-text {
font-size: 10px;
}

/* 続きを読むボタン */

.more-btn {
text-align: left;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.more-btn > a {
display: inline-block;
text-align: center;
text-shadow: 0 0 1px #96791D;
height: 29px;
line-height: 29px;
background: #E8BF3B;
-webkit-box-shadow: 0 2px 0 #BB9D40;
-moz-box-shadow: 0 2px 0 #BB9D40;
box-shadow: 0 2px 0 #BB9D40;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 0 15px;
font-size: 12px;
color: #fff;
font-weight: bold;
}

.article-row .more-btn > a {
display: block;
height: 36px;
line-height: 36px;
font-size: 13px;
padding: 0 20px;
margin-top: 20px;
}

.more-btn i {
margin-left: 5px;
}

.more-btn > a:hover {
-webkit-transform: translate3d(0px,2px,0);
-moz-transform: translate3d(0px,2px,0);
transform: translate3d(0px,2px,0);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

/* 本文のアイテム */

.article-body {
font-size: 16px;
line-height: 1.6;
}

.article-body-before,
.article-body-after {
margin-bottom: 40px;
}

.article-body img {
max-width: 100%;
height: auto;
}

.article-body a {
color: #1148B3;
text-decoration: underline;
}

.article-body a:hover {
text-decoration: none;
}

/* 本文下のタグ */

.tag-wrapper {
margin-bottom: 35px;
}

.tag-wrapper > i {
float: left;
font-size: 15px;
margin: 0 10px 5px 0;
line-height: 27px;
color: #999;
}

.tag-list {
float: left;
}

.tag-item {
float: left;
margin: 0 5px 5px 0;
}

.tag-item > a {
display: block;
font-size: 10px;
font-weight: normal;
padding: 0 8px;
color: #555;
height: 27px;
line-height: 27px;
background: #E6E6E6;
-webkit-box-shadow: 0 2px 0 #B9B9B9;
-moz-box-shadow: 0 2px 0 #B9B9B9;
box-shadow: 0 2px 0 #B9B9B9;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.tag-item > a:hover {
-webkit-transform: translate3d(0px,2px,0);
-moz-transform: translate3d(0px,2px,0);
transform: translate3d(0px,2px,0);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

/* カテゴリの最新記事 */

.related-articles {
padding: 20px;
background: #fff;
-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
border-bottom: 2px solid #d7d7d7;
margin-bottom: 20px;
}

.related-articles.with-image h3 {
color: #2A7CAF;
font-size: 14px;
font-weight: bold;
padding: 20px 20px 20px 73px;
margin: -20px -20px 20px;
border-top: 3px solid #3A9AD6;
border-bottom: 1px solid #ddd;
position: relative;
letter-spacing: 2px;
}

.related-articles.with-image h3:after {
content: "";
position: absolute;
display: block;
top: -7px;
left: 20px;
width: 38px;
height: 53px;
background:url(http://exawarosu.net/img/design2.png) no-repeat;
}

.related-articles.with-image ul {
margin: -20px -10px 0;
}

.related-articles.with-image ul li {
width: 25%;
float: left;
padding: 0 10px;
margin: 20px 0 0 !important;
}

.related-articles.with-image ul li a {
display: block;
position: relative;
}

.related-articles.with-image .related-article-image {
display: block;
padding: 0;
}

.related-articles.with-image .related-article-image img {
width: 100%;
height: 110px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.related-articles.with-image ul li a:hover > .related-article-image img {
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
}

.related-articles.with-image .related-article-title {
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
font-size: 12px;
line-height: 1.8;
font-weight: blod;
height: 49px;
padding: 4px 10px;
background: rgba(51,51,51,0.85);
color: #fff;
overflow: hidden;
}

/* コメント */

.article-option ol {
margin: 10px 0 0 0;
}

/* コメント一覧 */

.comments-title {
font-size: 16px;
margin-bottom: 24px;
}

.comment-list {
margin-bottom: 40px;
}

.comment-item {
padding: 15px 0;
border-bottom: 1px dotted #d7d7d7;
}

.comment-item:first-child {
padding-top: 0;
}

.comment-meta {
margin-bottom: 10px;
}

.comment-meta > p {
float: left;
font-size: 12px;
margin-right: 10px;
line-height: 24px;
}

.comment-author {
color: #2A7CAF;
font-weight: bold;
}

.comment-date,
.comment-id {
color: gray;
}

.comment-reply {
float: right !important;
margin-right: 0 !important;
}

.comment-reply > a {
display: block;
padding: 0 15px;
font-size: 10px;
font-weight: bold;
color: #D2A000;
height: 24px;
line-height: 24px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}

.comment-reply > a:hover {
color: #fff;
text-shadow: 0 0 1px #96791D;
background: #E8BF3B;
}

.comment-reply i {
margin-right: 5px;
}

.comment-body {
font-size: 16px;
font-weight: normal;
line-height: 1.6;
padding-left: 20px;
}

/* コメントフォーム */

.comment-form-email,
.comment-form-url,
#comment-form .comment-form-body .facemark,
#comment-form .comment-form-body .rating,
#comment-form .comment-form-body .memorize {
display: none;
}

#comment-form fieldset {
border: none;
}

#comment-form legend {
display: block;
font-size: 14px;
font-weight: bold;
color: #333;
padding: 15px 20px 15px 35px;
margin-bottom: 20px;
background: #F7F5F2;
width: 100%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
position: relative;
}

#comment-form legend:before {
content: "";
position: absolute;
display: block;
top: 14px;
left: 20px;
width: 3px;
height: 16px;
background: #3A9AD6;
}

.comment-form-author {
margin-bottom: 20px;
}

.comment-form-author label,
.comment-form-body label {
display: block;
font-size: 13px;
color: #777;
margin-bottom: 10px;
}

#comment-form input,
#comment-form textarea {
width: 100%;
border: 1px solid #efefef;
-webkit-box-shadow: 0 2px 0 #efefef;
-moz-box-shadow: 0 2px 0 #efefef;
box-shadow: 0 2px 0 #efefef;
font-size: 14px;
line-height: 1.6;
padding: 8px 10px !important;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

#comment-form textarea {
height: 180px;
margin-bottom: 20px;
}

#comment-form input:focus,
#comment-form textarea:focus {
-webkit-box-shadow: 0 2px 0 #c5c5c5;
-moz-box-shadow: 0 2px 0 #c5c5c5;
box-shadow: 0 2px 0 #c5c5c5;
}

#comment-form-tools button[type="submit"] {
width: 180px;
margin: 0 auto;
font-weight: bold;
font-size: 13px;
color: #fff;
border: none;
display: block;
padding: 12px 0;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
text-shadow: 0 0 1px #96791D;
background: #E8BF3B;
-webkit-box-shadow: 0 2px 0 #BB9D40;
-moz-box-shadow: 0 2px 0 #BB9D40;
box-shadow: 0 2px 0 #BB9D40;
line-height: 1;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

#comment-form-tools button[type="submit"]:hover {
-webkit-transform: translate3d(0px,2px,0);
-moz-transform: translate3d(0px,2px,0);
transform: translate3d(0px,2px,0);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

/* ページネーション */

.pagination {
position: relative;
border-top: 3px solid #efefef;
padding-top: 20px;
}

ul.index-navigator li {
font-size: 0;
display: inline-block;
}

.paging-first:after {
content: "...";
font-size: 12px;
display: inline-block;
position: relative;
top: -3px;
color: #B5B5B5;
margin: 0 5px;
}

.paging-last:before {
content: "...";
font-size: 12px;
display: inline-block;
padding: 0 10px;
height: 32px;
line-height: 32px;
}

ul.index-navigator li.paging-number ol.paging-number li.current {
margin: 0;
}

ul.index-navigator li.paging-number ol.paging-number li.current span,
ul.index-navigator li a {
font-size: 12px;
margin: 0 3px;
display: inline-block;
padding: 0 10px;
height: 36px;
line-height: 32px;
border: 3px solid #efefef;
font-family: 'Lato', sans-serif;
font-weight: 400;
color: #A9A9A9;
}

ul.index-navigator li.paging-number ol.paging-number li.current span {
border: 3px solid #3A9AD6;
color: #2A7CAF;
font-weight: 700;
}

ul.index-navigator li a:hover {
color: #2A7CAF;
background: #f7f7f7;
}

/* 個別記事の前後の記事 */

.pager-single-item {
width: 50%;
float: left;
}

.pager-single-item:first-child {
border-right: 1px solid #efefef;
}

.pager-single-item > a {
display: block;
position: relative;
padding: 40px 20px 20px 20px;
}

.pager-single-item > a:hover {
background: #3A9AD6;
}

.pager-single-item > a:before {
content: "";
position: absolute;
display: block;
top: 0px;
border: 10px solid transparent;
border-top-color: #3A9AD6;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.pager-single-item > a:hover:before {
border-top-color: #fff;
}

.prev > a:before {
left: 0px;
border-left-color: #3A9AD6;
}

.prev > a:hover:before {
border-left-color: #fff;
}

.next > a:before {
right: 0px;
border-right-color: #3A9AD6;
}

.next > a:hover:before {
border-right-color: #fff;
}

.pager-single-item > a:after {
content: "";
position: absolute;
display: block;
bottom: 0px;
border: 10px solid transparent;
border-bottom-color: #fff;
}

.prev > a:after {
right: 0px;
border-right-color: #fff;
}

.next > a:after {
left: 0px;
border-left-color: #fff;
}

.pager-single-label {
position: absolute;
top: 20px;
font-size: 11px;
font-weight: normal;
color: #666;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.prev .pager-single-label {
left: 20px;
}

.next .pager-single-label {
right: 20px;
}

.pager-single-item > a:hover > .pager-single-label {
color: #fff;
}

.pager-single-title {
font-size: 13px;
font-weight: bold;
line-height: 1.5;
display: block;
height: 38px;
overflow: hidden;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.pager-single-item > a:hover > .pager-single-title {
color: #fff;
}

/* ホームへ戻るボタン */

.home-btn {
text-align: center;
margin-bottom: 20px;
}

.home-btn > a {
width: 180px;
display: inline-block;
border: 2px solid #3A9AD6;
font-size: 13px;
height: 40px;
line-height: 40px;
color: #2A7CAF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.home-btn > a:hover {
color: #fff;
background: #3A9AD6;
}

.home-btn i {
font-size: 18px;
margin-right: 8px;
position: relative;
top: 1px;
}
 
/* ブログパーツ */


.sidewrapper {
margin-bottom: 20px;
}

.l-footer .sidewrapper {
width: 33.33333333%;
float: left;
padding: 0 20px;
}

.sidetop,
.sidebottom {
display: none;
}

.sidetitlebody {
font-size: 0;
margin-bottom: 15px;
}

.sidetitlebody:before {
content: "\f005";
font-family: FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 26px;
height: 26px;
line-height: 26px;
text-align: center;
background: #3A9AD6;
-webkit-box-shadow: 0 1px 0 #104161;
-moz-box-shadow: 0 1px 0 #104161;
box-shadow: 0 1px 0 #104161;
border-radius: 50%;
margin-right: 10px;
color: #fff;
font-size: 14px;
display: inline-block;
}

.sidetitle {
font-size: 13px;
font-weight: bold;
color: #2A7CAF;
display: inline-block;
letter-spacing: 1.5px;
}

.sidetitle > a {
color: #fff;
}

.side {
background: #fff;
-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
border-bottom: 2px solid #d7d7d7;
}

/* 記事検索 */

.plugin-search_internal > .side {
padding: 15px;
}

.plugin-search_internal form {
position: relative;
}

.plugin-search_internal input {
font-size: 12px;
height: 32px;
line-height: 32px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.plugin-search_internal .sf {
border: 1px solid #efefef;
width: 100% !important;
-webkit-box-shadow: 0 2px 0 #efefef;
-moz-box-shadow: 0 2px 0 #efefef;
box-shadow: 0 2px 0 #efefef;
padding: 0 59px 0 10px;
}

.plugin-search_internal .sf:focus {
-webkit-box-shadow: 0 2px 0 #c5c5c5;
-moz-box-shadow: 0 2px 0 #c5c5c5;
box-shadow: 0 2px 0 #c5c5c5;
}

.plugin-search_internal .sfbtn {
width: 50px;
position: absolute;
top: 0;
right: 0;
text-align: center;
border: none;
color: #fff;
text-shadow: 0 0 1px #96791D;
background: #E8BF3B;
-webkit-box-shadow: 0 2px 0 #BB9D40;
-moz-box-shadow: 0 2px 0 #BB9D40;
box-shadow: 0 2px 0 #BB9D40;
}

.plugin-search_internal .sfbtn:hover {
background: #D2A925;
}

/* フリーエリア */

.plugin-memo > .side {
padding: 15px;
}

/* カテゴリー、月別アーカイブのプルダウンリスト */

.plugin-categorize > .side form,
.plugin-monthly > .side form {
padding: 15px !important;
}

/* 最新の記事 */

.side ul.recent-article-image li {
line-height: 1.5;
padding: 0;
border-top: 1px solid #efefef;
}

.side ul.recent-article-image li:first-child {
border-top: none;
}

.recent-article-image a {
font-size: 13px;
font-weight: bold;
padding: 15px;
display: block;
overflow: hidden;
color: #3A3A3A;
}

.recent-article-image a:first-child {
float: left;
padding: 15px 0 15px 15px;
}

.recent-article-image a:hover {
text-decoration: underline;
}

.side ul.recent-article-image li img {
float: none;
margin: 0;
background: #f3f3f3;
border: 1px solid #eaeaea;
-webkit-box-shadow: 0 1px 0 #cacaca;
-moz-box-shadow: 0 1px 0 #cacaca;
box-shadow: 0 1px 0 #cacaca;
padding: 3px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
-ms-transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.l-parts-a .side ul.recent-article-image li img {
width: 75px;
height: 75px;
}

.side ul.recent-article-image li:hover img {
background: #E8BF3B;
border: 1px solid #BB9D40;
-ms-transform:rotateY(180deg);
-webkit-transform:rotateY(180deg);
transform:rotateY(180deg);
}

/* アーカイブ、最新の記事のテキストリンク */

.plugin-categorize .sidebody,
.plugin-monthly .sidebody,
.plugin-recent_articles .sidebody,
.plugin-rss .sidebody,
.plugin-link .sidebody {
border-top: 1px solid #efefef;
}

.plugin-categorize .sidebody:first-child,
.plugin-monthly .sidebody:first-child,
.plugin-recent_articles .sidebody:first-child,
.plugin-rss .sidebody:first-child,
.plugin-link .sidebody:first-child {
border-top: none;
}

.plugin-categorize .sidebody > a,
.plugin-monthly .sidebody > a,
.plugin-recent_articles .sidebody > a,
.plugin-rss .sidebody > a,
.plugin-link .sidebody > a {
display: block;
font-size: 13px;
line-height: 1.5;
padding: 10px 15px;
font-family: 'Lato', sans-serif;
font-weight: 400;
}

.plugin-categorize .sidebody > a:hover,
.plugin-monthly .sidebody > a:hover,
.plugin-recent_articles .sidebody > a:hover,
.plugin-rss .sidebody > a:hover,
.plugin-link .sidebody > a:hover {
text-decoration: underline;
}

/* 人気の記事 */

div.popularArticlesWithImage.A {
margin: 0;
padding: 15px !important;
}

.l-popular-bottom div.popularArticlesWithImage.A {
margin: 0 -5px;
padding: 0 !important;
}

div.popularArticlesWithImage.A ul li {
display: block;
margin-bottom: 0;
margin-top: 10px;
}

div.popularArticlesWithImage.A ul li:first-child {
margin-top: 0;
}

.l-popular-bottom div.popularArticlesWithImage.A ul li {
float: left;
width: 25%;
padding: 0 5px;
margin: 0 0 10px;
}

div.popularArticlesWithImage.A ul li a {
position: relative;
height: auto !important;
border: none;
}

.l-popular-bottom div.popularArticlesWithImage.A ul li a {
width: 100% !important;
height: 110px !important;
}

.l-parts-a div.popularArticlesWithImage.A ul li a {
width: 270px !important;
height: 150px !important;
}

div.popularArticlesWithImage.A div.retweet,
div.popularArticlesWithImage.A div.comment,
div.popularArticlesWithImage.A div.pv {
text-shadow: none;
text-align: center;
color: #fff !important;
padding: 5px 7px;
font-size: 10px;
background: #2AABA7 !important;
border-top: 3px solid #187D7A;
color: #fff !important;
-moz-border-radius: 0 0 0 8px;
-webkit-border-radius: 0 0 0 8px;
border-radius: 0 0 0 8px;
}

.l-parts-a div.popularArticlesWithImage.A div.retweet,
.l-parts-a div.popularArticlesWithImage.A div.comment,
.l-parts-a div.popularArticlesWithImage.A div.pv {
font-size: 11px;
padding: 7px 10px;
}

div.popularArticlesWithImage.A div.title {
filter: alpha(opacity=100);
opacity: 1;
-moz-opacity: 1;
font-size: 12px;
line-height: 1.8;
width: 100% !important;
height: 49px;
padding: 4px 10px;
background: rgba(51,51,51,0.85) !important;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

div.popularArticlesWithImage.A li div.image {
overflow: hidden;
}

div.popularArticlesWithImage.A li div.image img {
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.l-popular-bottom div.popularArticlesWithImage.A li div.image img {
width: 100% !important;
height: 110px !important;
}

.l-parts-a div.popularArticlesWithImage.A li div.image img {
width: 270px !important;
height: 150px !important;
}

div.popularArticlesWithImage.A li a:hover div.image img {
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
}

div.popularArticlesWithImage.B ul li {
margin: 0;
border-top: 1px solid #efefef;
}

div.popularArticlesWithImage.B ul li:first-child {
border-top: none;
}

div.popularArticlesWithImage.B ul li a {
padding: 15px;
}

div.popularArticlesWithImage.B div.image {
margin: 0 15px 0 0;
}

div.popularArticlesWithImage.B div.image > img {
background: #f3f3f3;
border: 1px solid #eaeaea;
-webkit-box-shadow: 0 1px 0 #cacaca;
-moz-box-shadow: 0 1px 0 #cacaca;
box-shadow: 0 1px 0 #cacaca;
padding: 3px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
-ms-transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.l-parts-a div.popularArticlesWithImage.B div.image > img {
width: 75px;
height: 75px;
}

div.popularArticlesWithImage.B ul li a:hover div.image > img {
background: #E8BF3B;
border: 1px solid #BB9D40;
-ms-transform:rotateY(180deg);
-webkit-transform:rotateY(180deg);
transform:rotateY(180deg);
}

div.popularArticlesWithImage.B div.comment,
div.popularArticlesWithImage.B div.retweet,
div.popularArticlesWithImage.B div.pv {
-moz-border-radius: 8px 0 0 0;
-webkit-border-radius: 8px 0 0 0;
border-radius: 8px 0 0 0;
padding: 6px 10px;
font-size: 10px;
margin-bottom: 0;
text-shadow: none;
position: absolute;
bottom: 0;
right: 0;
background: #2AABA7 !important;
border-right: 3px solid #187D7A;
color: #fff !important;
}

div.popularArticlesWithImage.B div.title {
line-height: 1.5;
font-weight: bold;
margin-bottom: 15px;
overflow: hidden;
color: #3A3A3A;
}

div.popularArticlesWithImage.B ul li a:hover div.title {
text-decoration: underline;
}

/* タグクラウド */

.side ul.tagcloud {
font-size: 0;
line-height: 1;
padding: 15px 10px 10px 15px;
}

.side ul.tagcloud li {
display: inline-block;
margin: 0 5px 5px 0;
}

.tagcloud a {
display: block;
font-size: 10px;
font-weight: normal;
padding: 0 8px;
color: #555;
height: 27px;
line-height: 27px;
background: #E6E6E6;
-webkit-box-shadow: 0 2px 0 #B9B9B9;
-moz-box-shadow: 0 2px 0 #B9B9B9;
box-shadow: 0 2px 0 #B9B9B9;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.tagcloud a:hover {
-webkit-transform: translate3d(0px,2px,0);
-moz-transform: translate3d(0px,2px,0);
transform: translate3d(0px,2px,0);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

/* はてブのウィジェット */

.sidewrapper .hatena-bookmark-widget * {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif;
}

.sidewrapper .hatena-bookmark-widget a:link {
color: #3A3A3A;
text-decoration: none;
}

.sidewrapper .hatena-bookmark-widget a:visited {
color: #3A3A3A;
}

.sidewrapper .hatena-bookmark-widget a:active {
color: #3A3A3A;
}

.sidewrapper .hatena-bookmark-widget a:hover {
text-decoration: underline;
}

.hatena-bookmark-widget {
margin: -15px;
}

.hatena-bookmark-widget div.hatena-bookmark-widget-title {
display: none;
}

.sidewrapper .hatena-bookmark-widget ul {
border: none;
background: #fff;
}

.sidewrapper .hatena-bookmark-widget ul li {
border-top: 1px solid #efefef;
border-bottom: none;
font-size: 13px;
padding: 0;
height: auto;
}

.hatena-bookmark-widget ul li:first-child {
border-top: none;
}

.sidewrapper .hatena-bookmark-widget ul li a.hatena-bookmark-entrytitle {
padding: 10px 15px 30px 15px;
height: auto;
font-size: 13px;
line-height: 1.5;
font-weight: normal;
}

.sidewrapper .hatena-bookmark-widget span.hatena-bookmark-count {
display: block;
position: absolute;
bottom: 0;
right: 0;
}

.sidewrapper .hatena-bookmark-widget span.hatena-bookmark-count a {
display: block;
text-decoration: none;
-moz-border-radius: 8px 0 0 0;
-webkit-border-radius: 8px 0 0 0;
border-radius: 8px 0 0 0;
padding: 6px 10px;
font-size: 10px;
line-height: 1;
color: #fff;
background: #2AABA7 !important;
border-right: 3px solid #187D7A;
}

.hatena-bookmark-widget div.hatena-bookmark-widget-footer {
display: none;
}

/* QRコード*/

.plugin-qr_code > .side {
padding: 15px;
}

/* ABOUT */

.blog-description {
font-size: 13px;
line-height: 1.5;
color: #666;
margin-bottom: 25px;
}

/* 逆アクセスランキング */

#i2i-rc00614348-outer,
#i2i-rc00614348-viewwrap,
#i2i-rc00614348-viewtable {
width: 100% !important;
}

/* 検索 */

.search-btn {
width: 60px;
height: 60px;
line-height: 60px;
font-size: 16px;
text-align: center;
background: #3A9AD6;
color: #fff;
position: relative;
float: left;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.search-open > .search-btn {
background: #1C6592;
}

.search-btn:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 5px;
background: #2A7EB3;
z-index: 5;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.search-btn:hover:before {
height: 100%;
}

.search-btn > i {
position: relative;
z-index: 10;
}

.search-open > .search-btn > i:before {
content: "\f00d";
}

.search-form {
float: left;
width: 0;
background: #2C88C1;
height: 60px;
position: relative;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.search-open > .search-form {
width: 248px;
background: #1C6592;
}

.search-form:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 5px;
background: #1C6592;
z-index: 5;
}

.in-text,
.submit-btn {
border: none;
font-size: 12px;
position: absolute;
top: 15.5px;
height: 32px;
line-height: 32px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.in-text {
background: #fff;
color: #000;
width: 230px;
left: 0;
padding: 10px;
}

.submit-btn {
padding: 0;
color: #fff;
width: 50px;
left: 180px;
background: #E8BF3B;
text-shadow: 0 0 1px #96791D;
}

.submit-btn:hover {
background: #D2A925;
}

/* RSS */

.rss-label {
width: 180px;
float: left;
background:url(http://exawarosu.net/img/design1.png) no-repeat;
height: 351px;
font-size: 20px;
text-align: center;
color: #fff;
text-shadow: -1px -1px 2px #175882;
}

.rss-label > i {
display: block;
margin: 130px 0 10px;
font-size: 34px;
}

.rss-list {
width: 888px;
float: right;
font-size: 0;
}

.rss {
overflow: auto;
}

.rss-item {
display: inline-block;
width: 50%;
height: 351px;
}

.rss-item:first-child {
border-right: 1px solid #efefef;
}

.rss-main {
height: 470px;
margin-bottom: 20px;
}

.rss-latest {
clear: both;
border-top: 3px solid #efefef;
height: 195px;
}

.rss-single {
/**height: 585px;**/
border: 1px solid #efefef;
/**margin-bottom: 40px;**/
}

.blogroll-list {
border-bottom: 1px solid #efefef;
}

.blogroll-icon,
.blogroll-favicon,
.blogroll-hatebu,
.blogroll-link-time,
.blogroll-new-entry {
display: none;
}

.blogroll-category-name{
display:none;
}

.blogroll-link,
.blogroll-ad-text > a {
display: block;
font-size: 14px;
font-weight: bold;
line-height: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding: 12px 15px;
position: relative;
color: #1148B3;
}

.blogroll-link:before,
.blogroll-ad-text > a:before {
content: "\f138";
font-family: FontAwesome;
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 10px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.blogroll-link:hover,
.blogroll-ad-text > a:hover {
text-decoration: underline;
}

.blogroll-ad-img {
padding: 12px 15px 0;
}

.blogroll-ad-default {
padding: 12px 15px;
}

.blogroll-ad-default > a {
font-size: 12px;
font-weight: normal;
line-height: 1;
}

/* 広告 */

.ad {
text-align: center;
margin-bottom: 20px;
}

.ad-list {
font-size: 0;
text-align: center;
margin-bottom: 40px;
}

.ad-item {
display: inline-block;
margin: 0 10px;
}

/* 追従する広告 */

#ad-both-sidesL,
#ad-both-sidesR {
position: fixed;
top: 6px !important;
left: auto !important;
z-index: 1000;
}

#ad-both-sidesL {
margin-left: -166px;
}

#ad-both-sidesR {
margin-left: 1074px;
}

/* 追従するナビゲーション */

.page-nav-list {
position: fixed;
bottom: 20px;
left: auto;
margin-left: 1074px;
}

.page-nav-item {
margin-top: 5px;
}

.page-nav-item:first-child {
margin-top: 0;
}

.page-nav-item > a  {
display: block;
width: 38px;
height: 38px;
line-height: 38px;
font-size: 15px;
font-weight: normal;
text-align: center;
color: #fff;
background: #D8D4CC;
-webkit-box-shadow: 0 1px 0 #528FCE;
-moz-box-shadow: 0 1px 0 #528FCE;
box-shadow: 0 1px 0 #AFA99F;
position: relative;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.page-nav-item > a:hover {
background: #3A9AD6;
-webkit-box-shadow: 0 1px 0 #104161;
-moz-box-shadow: 0 1px 0 #104161;
box-shadow: 0 1px 0 #104161;
}

.page-nav-item span {
position: absolute;
display: block;
width: 85px;
top: 0;
left: 43px;
font-size: 11px;
background: #D8D4CC;
-webkit-box-shadow: 0 1px 0 #528FCE;
-moz-box-shadow: 0 1px 0 #528FCE;
box-shadow: 0 1px 0 #AFA99F;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-ms-transform-origin: left center;
-webkit-transform-origin: left center;
transform-origin: left center;
-ms-transform: perspective(1000px) rotateY(90deg);
-webkit-transform: perspective(1000px) rotateY(90deg);
transform: perspective(1000px) rotateY(90deg);
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "alpha(opacity=0)";
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.page-nav-item > a:hover > span {
background: #3A9AD6;
-webkit-box-shadow: 0 1px 0 #104161;
-moz-box-shadow: 0 1px 0 #104161;
box-shadow: 0 1px 0 #104161;
-ms-transform: none;
-webkit-transform: none;
transform: none;
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
}

/* フッター */

.footer-top {
padding: 40px 0 20px;
}

.footer-parts-wrapper {
margin: 0 -20px;
}

.footer-bottom {
background: #274252;
padding: 15px 0;
min-width: 1068px;
}

/* コピーライト */

.copyright {
font-size: 12px;
text-align: center;
color: #A0A9AF;
}

/* 共通のスタイル */

.box-style {
background: #fff;
-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
border-bottom: 2px solid #d7d7d7;
}

.center {
text-align: center;
}

.mb40 {
margin-bottom: 40px;
}

.article-body blockquote {
background: #f5f5f5;
font-size: 14px;
padding: 16px;
font-weight: normal;
}

.article-body img {
width: 100%;
text-align: center;
margin-bottom: 16px;
margin-top: 16px;
}

.s-content{
margin-bottom: 36px;
}

.t_h{
font-size: 12px;
}

.fixed { position: fixed; 
	top: 12px; }

#breadcrump{
    width: 1068px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 32px;
}

#breadcrump ol li{
float: left;
line-height:110%; 
list-style-type:none;
color:#333;
}

#breadcrump ol li a{
margin-right:4px; 
padding-right:10px;
font-weight: normal;
color:#333;
}

#breadcrump li a:after {
    content:"　＞";
}

#scroll span{
    width: 300px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
    display: block;
    padding: 8px;
    background: #2C88C1;
    color: #fff;
    height: 72px;
    overflow: hidden;
    position: relative;
    top: -72px;
    opacity:  0.9;
}

#scroll a{
    display: block;
    height: 250px;
    width: 300px;
}

#scroll a:hover{
    transition: 0.8s ;
    opacity: 0.5 ;
}
.appollo_pcNone { display:none;}

.img-links{
background:#fff;
margin-bottom:32px;
}

.img-link a{
display: inline-block;
padding: 11px 0px 11px 11px;
}

.img-link a:hover{
transition: 0.8s ;
opacity: 0.5 ;
}

.img-link span{
width:250px;
display:block;
line-height:1.5;
padding:8px;
height: 72px;
overflow: hidden;
}

/** ---------- Google AdSense ---------- **/
.google-user-ad { margin:10px; }
.google-user-ad-728 { margin:0px auto; }
.google-user-ad-side { margin:0px; }
.google-user-ad-side1 { margin:0 0 30px; }
.ad-center { text-align:center; }

div.google-2ad-h {
 margin:0px 10px 20px;; 
 height:280px;
}
div.google-2ad-m {
 margin:0px -10px 30px; 
 height:280px;
}
div.google-2ad-b {
 margin:0px -10px 50px; 
 height:280px;
}
div.g-ad1 {
 float:left;
 margin-left:0px; 
}
div.g-ad2 {
 float:left;
 margin-left:35px; 
}