/*
Theme Name: Naked
Theme URI: http://blog.hatena.ne.jp/-/store/theme/6653812171397406126
Description: *概要オシャレ・レスポンシブ対応・カスタマイズ可能なテーマです。-記事部分を白・黒・灰色のみでつくることで、多くの背景色・背景画像とマッチ-簡単にカスタマイズできるナビ・フッター機能-初期状態でデザインされた目次・カエレバ・ヨメレバ・アプリーチ<span style="font-size: 80%">ぜひ、「デモブログ」や、「利用中のブログ」からデザインを覗いてみてください。非常にシンプルな色の構成になっているので、様々なヘッダー画像・ヘッダー色にマッチしていると思います。</span>*デモブログ-[http://theme-naked.hatenablog.jp:title]（ヘッダー画像など遊んだりしていますがご了承ください）*テーマの詳細-[http://www.yukihy.com/entry/theme-naked-release:title] <span style="font-size: 80%">（このテーマを紹介してくださる方は、このテーマストアでなく、左のURLのリンクを貼ってくださると嬉しいです）</span>*カスタマイズ例-ナビゲーションバー：[http://theme-naked.hatenablog.jp/entry/2016/05/20/192404:title]（子カテゴリを入れたい方は、[http://theme-naked.hatenablog.jp/entry/2016/06/09/155741:title]をご覧ください）-フッター：[http://theme-naked.hatenablog.jp/entry/2016/05/19/180330:title]-コピーライト：[http://theme-naked.hatenablog.jp/entry/2016/05/20/201352:title]その他にもデモブログからカスタマイズ方法を紹介しています。*利用上の注意点背景画像を変更する際に、一部の画像で崩れる可能性があります。崩れる可能性のある画像と対処を [http://theme-naked.hatenablog.jp/entry/2016/05/22/083311:title] に書いています。*ログ2016/5/22　公開2016/5/23　サイドバーのリンク色の優先度を変更（他のカスタマイズとの干渉を防ぎました）2016/6/1　表の線を、上下だけでなく全体をくくるように変更2016/6/7　300インストールありがとうございます！2016/6/8　編集リンクの位置を右下から右上に変更2016/6/9　子カテゴリ付きナビゲーションバーを設置できるように変更2016/8/17　1000インストール！！2017/2/3　3000インストール！！！
Author: ftmaccho
Author URI: http://blog.hatena.ne.jp/ftmaccho/
*/


/*フォント*/

@import url(https://fonts.googleapis.com/css?family=Cabin);
@import url(https://fonts.googleapis.com/css?family=Montserrat);

/*
Theme: Naked
Author: Yukihy
Description: this theme can be customized flexibly
Responsive: yes
*/


/*サイドバー黒線#acacac　日付など灰色#888　薄い灰色#ccc 背景など薄い灰色#f5f5f5　リンク青#0693cd*/

body {
color: #444;
font-family: 'arial', 游ゴシック, YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
font-size: 16px;
background-color: #f5f5f5;
}

#content a:hover {
text-decoration: none;
}


/*
************レイアウト・フォント************
*/


/*レイアウト*/

#content {
position: relative;
background-color: #f5f5f5;
}

#blog-title-inner, #content-inner {
margin: 0 auto;
}

#content-inner::after {
display: block;
visibility: hidden;
clear: both;
height: 0;
content: '';
}

#wrapper {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-right: -340px;
padding-right: 340px;
width:100%;
}

#box2 {
float: right;
width: 300px;
padding-bottom: 40px;
margin-top: 10px;
}

article {
position: relative;
margin: 10px 0 40px 0;
padding: 20px 10px 10px 10px;
background-color: #fff;
}

#footer-inner {
padding-top: 20px;
padding-bottom: 30px;
}

@media screen and (max-width: 768px) {
#wrapper {
float: none;
margin-right: 0;
padding-right: 0;
}
#box2 {
float: none;
width: 90%;
margin: 20px auto 0 auto;
}
}

@media screen and (max-width: 680px) {
#blog-title-inner, #content-inner {
width: 100%;
}
#content-inner {
padding-top: 20px;
}
#blog-title-content {
padding: 20px 10px 5px 10px;
}
article {
margin: 10px 0 40px 0;
padding: 10px 10px 20px 10px;
}
#box2 {
width: 300px;
}
}


/*数字フォントの変更部分*/

.entry-date a, #box2 .urllist-date-link a, #box2 .hatena-module-archive .hatena-module-body a, .archive-entry-header .date a {
font-family: 'Montserrat', sans-serif;
}


/*
/*
************ブログの説明************
*/

#blog-description {
color: #ececec;
font-family: 'Cabin', sans-serif;
font-size: 12px;
font-weight: normal;
letter-spacing: 1px;
}

@media screen and (max-width: 680px) {
#blog-description {
font-size: 10px;
}
}


/*

/*
************記事************
*/

.entry-header {
position: relative;
}


/*日付*/

.entry-date a {
color: #888;
font-size: 12px;
text-decoration: none;
}

.entry-date a::before {
margin-right: 1px;
font-family: 'blogicon';
content: '\f043';
}

.entry-date .hyphen {
display: none;
}

.entry-date .date-month::before, .entry-date .date-day::before {
content: '.';
}


/*記事タイトル*/

.entry-title {
margin: 0;
padding: 10px 0 0 0;
line-height: 1.2;
}

.entry-title a {
color: #222;
font-size: 26px;
letter-spacing: 1px;
}

@media screen and (max-width: 680px) {
.entry-title {
margin: 0;
}
.entry-title a {
font-size: 20px;
letter-spacing: 0;
}
}


/*カテゴリ*/

.entry-categories {
margin: 5px 0 0 0;
padding-top: 5px;
}

.entry-categories a {
margin: 10px 4px 0 0;
color: #888;
font-size: 7px;
padding: 3px 15px;
text-decoration: none;
}


/*編集リンク*/

.entry-header-menu {
position: absolute;
right: 0;
top: 0;
}

.entry-header-menu a {
display: inline-block;
padding: 10px 20px;
border: double #ccc;
color: #222 !important;
font-size: 12px;
font-weight: bold;
}


/*記事*/

.entry-content {
color: #444;
font-size: 16px;
}

.entry-content a {
color: #0693cd;
text-decoration: underline;
}

.etnry-content p {
margin: 1em 0;
line-height: 1.7em;
}

@media screen and (max-width: 680px) {
.entry-content {
font-size: 15px;
}
}

h1 a {
text-decoration: none;
}

.entry-content h1 {
margin: 36px -32px 20px -32px;
padding: 20px 5px 20px 20px;
border-left: 5px solid #444;
color: #444;
font-size: 20px;
font-weight: bold;
line-height: 1.4;
letter-spacing: 2px;
}

.entry-content h2 {
margin: 36px -32px 20px -32px;
padding: 20px 5px 20px 20px;
background-color: #444;
color: #fff;
font-size: 20px;
font-weight: bold;
line-height: 1.4;
letter-spacing: 2px;
}

.entry-content h3 {
margin: 32px -32px 20px -32px;
padding: 12px 16px;
border-left: 6px solid #444;
background-color: #f6f6f6;
color: #444;
font-size: 20px;
font-weight: bold;
line-height: 1.4;
letter-spacing: 1px;
}

.entry-content h4 {
margin: 28px -16px 20px -16px;
padding: 0 12px;
border-bottom: 10px solid #f6f6f6;
font-size: 18px;
font-weight: bold;
line-height: 1.4;
letter-spacing: 1px;
}

.entry-content h5 {
position: relative;
margin: 28px 0 20px 16px;
color: #444;
font-size: 16px;
font-weight: bold;
line-height: 1.4;
padding-left: 20px;
}

.entry-content h5::before {
position: absolute;
top: -webkit-calc(50% - 4px);
top: calc(50% - 4px);
border: 5px solid #444;
content: '';
left: 0;
}

.entry-content h6 {
margin: 28px 0 20px 0;
font-size: 16px;
font-weight: bold;
line-height: 1.4;
}

@media screen and (max-width: 680px) {
.entry-content h1 {
margin: 30px -5px 20px -5px;
padding: 15px 5px 15px 10px;
border-left: 5px solid #444;
color: #444;
font-size: 16px;
letter-spacing: 0;
}
.entry-content h2 {
margin: 30px -5px 20px -5px;
padding: 15px 5px 15px 10px;
background-color: #444;
color: #fff;
font-size: 16px;
letter-spacing: 1px;
}
.entry-content h3 {
margin: 30px -5px 20px -5px;
padding: 10px;
border-left: 5px solid #444;
background-color: #f6f6f6;
color: #444;
font-size: 16px;
letter-spacing: 0;
}
.entry-content h4 {
margin: 20px 0 16px 0;
padding: 0;
border-bottom: 10px solid #f6f6f6;
font-size: 16px;
letter-spacing: 0;
}
.entry-content h5 {
position: relative;
margin: 20px 0 16px 16px;
color: #444;
font-size: 16px;
}
.entry-content h6 {
margin: 20px 0 16px 0;
font-size: 16px;
}
}

a.entry-see-more {
display: inline-block;
padding: 10px 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #444;
color: #fff;
font-size: 14px;
text-align: center;
letter-spacing: 1px;
}

@media screen and (max-width: 680px) {
.entry-see-more {
font-size: 12px;
}
}

.entry-content blockquote {
position: relative;
margin: 0;
padding: 30px;
background-color: #f6f6f6;
}

.entry-content blockquote::before {
position: absolute;
z-index: 1;
top: 0;
left: 0;
opacity: .2;
font-family: serif;
font-size: 500%;
line-height: 1;
content: '"';
}

.entry-content blockquote::after {
position: absolute;
right: 0;
bottom: 0;
opacity: .2;
font-family: serif;
font-size: 500%;
line-height: 0;
content: '"';
}

.entry-content blockquote p {
margin-top: 0;
}

.entry-content blockquote cite {
font-weight: bold;
font-style: italic;
}

@media screen and (max-width: 680px) {
.entry-content blockquote {
padding: 20px;
font-size: 90%;
}
.entry-content blockquote::before, .entry-content blockquote::after {
font-size: 400%;
}
}

.entry-content ul {
margin: 16px 0;
padding: 0 0 0 40px;
}

.entry-content ul ul {
margin-top: 0;
margin-bottom: 0;
}

.entry-content ol {
margin: 16px 0;
padding: 0 0 0 40px;
}

.entry-content ol ol {
margin-top: 0;
margin-bottom: 0;
}

@media screen and (max-width: 680px) {
.entry-content ul, .entry-content ol {
margin: 16px 0;
padding: 0 0 0 24px;
}
}

.entry-content dt {
margin-top: 1.7em;
border-bottom: 5px solid #f6f6f6;
font-weight: bold;
}

.entry-content dd {
margin-bottom: 1.7em;
}

@media screen and (max-width: 680px) {
.entry-content dd {
margin-left: 20px;
}
}

.entry-content table {
border-spacing: 0;
border-collapse: collapse;
max-width: none;
width: 100%;
margin: 0 0 1.7em;
border: 1px solid #ccc;
font-size: 90%;
line-height: 1.6;
}

.entry-content th, .entry-content td {
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
}

.entry-content th:first-child, .entry-content td:first-child {
border-left: none;
}

.entry-content th {
display: table-cell;
padding: 1em;
background-color: #efefef;
font-weight: bold;
}

.entry-content tbody {
display: table-row-group;
border-color: inherit;
vertical-align: middle;
}

.entry-content td {
padding: 1em;
text-align: center;
}

.entry-content pre {
padding: 24px;
background-color: #222;
color: #eee;
}


/*記事下*/

.entry-footer {
font-size: 90%;
}


/*コメント欄*/

.comment-box {
padding-bottom: 40px;
}

.comment-box .comment {
list-style: none;
margin: 10px 0;
padding: 0;
}

.comment-box .entry-comment {
margin-bottom: 10px;
}

.comment-box .comment-user-name {
margin-bottom: 0;
}

.comment-box .comment-user-id {
color: #333;
font-weight: bold;
}

.comment-box .hatena-id-icon {
width: 40px;
height: 40px;
}

.comment-box .comment-content {
padding: 10px 30px;
background-color: #f6f6f6;
}


/*
************サイドバー************
*/

#box2 {
font-size: 90%;
}

.hatena-module-title a, .hatena-module-body a {
color: #444;
}

#box2 .hatena-module {
margin-bottom: 40px;
}

.hatena-module-title {
margin-bottom: 10px;
padding: 5px 15px;
border-left: 5px solid #ccc;
color: #444;
font-size: 16px;
font-weight: bold;
letter-spacing: 2px;
}

@media screen and (max-width: 680px) {
#box2 .hatena-module {
margin-bottom: 20px;
}
.hatena-module-title {
margin-bottom: 5px;
padding: 5px 10px;
font-size: 16px;
letter-spacing: 1px;
}
}


/*プロフィール*/

.profile-description a {
color: #0693cd;
}

.profile-icon {
margin: 0 16px 16px 0;
border-radius: 4px;
float: left;
overflow: hidden;
}


/*検索*/

.search-form {
position: relative;
height: 40px;
padding: 10px 0;
}

.search-module-input {
width: 240px;
width: -webkit-calc(100% - 60px);
width: calc(100% - 60px);
height: 100%;
margin: 0 auto;
padding: 0 40px 0 20px;
border: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #fff;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.search-module-input:focus {
background-color: #555;
color: #fff;
}

.search-module-button {
position: absolute;
top: 10px;
right: 0;
width: 40px;
height: 40px;
padding: 0;
border: none;
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
background: transparent url(https://cdn.blog.st-hatena.com/images/theme/search.png) no-repeat right center;
background-position: center;
text-indent: -9999px;
}


/*リンク*/

.hatena-module-links .hatena-urllist {
list-style: none;
margin: 0;
padding: 8px 0;
}

.hatena-module-links li {
display: block;
border-top: 1px solid #acacac;
}

.hatena-module-links li:last-child {
border-bottom: 1px solid #acacac;
}

.hatena-module-links a {
display: block;
padding: 8px 0;
color: #0693cd !important;
}


/*最新記事・関連記事・注目記事*/

.recent-entries, .entries-access-ranking, .related-entries {
margin: 0 0 10px 0;
padding: 0;
}

.urllist-item {
list-style-type: none;
margin-bottom: 10px;
padding: 10px;
background-color: #fff;
}

.urllist-item a {
color: #444;
text-decoration: none;
}

.urllist-date-link a, .urllist-categories a {
color: #888;
font-size: 10px;
}

.urllist-date-link a::before {
font-family: 'blogicon';
content: '\f043';
}

.urllist-categories a::before {
font-family: 'blogicon';
content: '\f022';
}

.urllist-title-link {
font-size: 13px;
font-weight: bold;
}

.urllist-entry-body {
color: #888;
font-size: 10px;
}


/*カテゴリ*/

.hatena-module-category .hatena-urllist {
list-style: none;
margin: 10px 0;
padding: 0;
}

.hatena-module-category li {
display: block;
width: 100%;
padding: 0;
border-bottom: 1px solid #acacac;
font-size: 14px;
}

.hatena-module-category a {
display: block;
padding: 10px 20px;
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
transition: .3s;
text-decoration:none;
}

.hatena-module-category a:hover {
padding: 10px 5px 10px 30px;
color:#e50051;
}

.hatena-module-category a::before {
margin-right: 5px;
font-family: 'blogicon';
content: '\f006';
}


/*月間アーカイブ*/

.hatena-module-archive .hatena-urllist {
margin: 10px 0;
font-size: 14px;
}

.archive-module-year {
padding: 8px 0;
}

.archive-module-months {
font-size: 13px;
}

.archive-module-month {
padding-left: 30px;
}


/*最新のコメント*/

.recent-comments {
list-style: none;
margin: 10px 0;
padding: 0;
}

.recent-comments li {
padding: 10px 0;
border-bottom: 1px solid #acacac;
}

.recent-comments a::before {
font-family: 'blogicon';
content: '\f01d';
}


/*参加グループ*/

.hatena-module-circles .hatena-urllist {
margin: 10px 0;
padding: 0;
}

.hatena-module-circles li {
margin-bottom: 10px;
}

.hatena-module-circles a {
font-weight: bold;
}


/*
************ページャー************
*/

.pager {
overflow: hidden;
margin-bottom: 40px;
}

.pager a {
color: #0693cd;
}

.pager .pager-prev {
float: left;
text-align: left;
}

.pager .pager-next {
float: right;
text-align: right;
}


/*
************フッター************
*/


/*フッター*/

#footer {
color: #ccc;
text-align: center;
}

#footer a {
color: #ccc;
font-weight: bold;
text-decoration: none;
}

#footer a:hover {
opacity: .6;
}


/*オリジナルフッター*/

#n-footer {
padding: 40px 0 10px 0;
background-color: #eee;
}

#n-footer-inner {
overflow: hidden;
width: 300px;
margin: 0 auto;
}

#n-footer .content {
width: 300px;
margin-bottom: 10px;
}

@media screen and (min-width: 680px) {
#n-footer-inner {
width: 640px;
}
#n-footer .content {
float: left;
margin-right: 10px;
margin-left: 10px;
}
}

@media screen and (min-width: 1110px) {
#n-footer-inner {
max-width: 1024px;
width: 90%;
}
#n-footer .content {
float: none;
display: inline-block;
vertical-align: top;
margin-right: 15px;
margin-left: 15px;
}
}

#n-copyright {
padding-top: 30px;
padding-bottom:0;
margin-bottom:0;
}

#n-copyright h4, #n-copyright a {
color: #fff;
font-size: 14px;
text-align: center;
text-decoration: none;
font-weight:200;
}


/*
************Aboutページ************
*/

.page-about .entry-content .profile-icon {
width: 32px;
height: 32px;
}


/*
************Archive************
*/

.page-archive .archive-heading {
margin: 0 0 20px 0;
font-size: 24px;
}

.page-archive .archive-entries {
margin: 10px 0 40px 0;
}

.page-archive .archive-entry {
position: relative;
margin-bottom: 20px;
padding: 24px 32px;
background-color: #fff;
border: #efefef thin solid;
}


/*日付*/

.page-archive .date a {
color: #888;
font-size: 12px;
text-decoration: none;
}

.page-archive .date a::before {
margin-right: 1px;
font-family: 'blogicon';
content: '\f043';
}


/*記事タイトル*/

.page-archive .entry-title {
margin: 0;
padding: 10px 0 0 0;
line-height: 1.2;
}

.page-archive .entry-title a {
color: #222;
font-size: 26px;
letter-spacing: 1px;
}


/*カテゴリ*/

.page-archive .categories {
margin: 5px 0 10px 0;
padding-top: 5px;
}

.page-archive .categories a {
margin: 10px 4px 0 0;
color: #888;
font-size: 7px;
padding: 3px 15px;
text-decoration: none;
}

@media screen and (max-width: 680px) {
.page-archive .archive-heading {
margin: 0 0 10px 0;
font-size: 16px;
text-align: center;
}
.page-archive .archive-entries {
margin-bottom: 30px;
}
.page-archive .archive-entry {
margin-bottom: 20px;
padding: 20px;
background-color: #fff;
}
.page-archive .entry-title a {
font-size: 20px;
letter-spacing: 0;
}
.page-archive .entry-description {
font-size: 90%;
}
}


/*
************カテゴリページ************
*/


/*パンくずリスト*/

#top-box {
height: 60px;
border-bottom: 1px solid #ccc;
background-color: #f8f8f8;
}

#top-box .breadcrumb {
height: 100%;
}

#top-box .breadcrumb-inner {
max-width: 1024px;
width: 90%;
height: 100%;
margin: 0 auto;
font-size: 14px;
line-height: 60px;
}

#top-box .breadcrumb-link, #top-box .breadcrumb-child {
color: #444;
font-weight: bold;
text-decoration: none;
}

#top-box .breadcrumb-gt {
margin: 0 10px;
}


/*from Yukihy Life*/


/*目次*/

ul.table-of-contents {
list-style-type: decimal;
padding: 80px 10px 20px 40px!important;
border: 1px solid #e4e4e4;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position:relative;
}
.table-of-contents a {
display: block;
margin: 5px 0px;
}
.table-of-contents li {
border-top: 1px dotted #bbb;
}
ul.table-of-contents ul {
list-style-type: decimal;
margin: 0;
}
ul.table-of-contents::before {
margin-left:210px;
top:500px;
font-size: 150%;
font-weight: bold;
content: 'この記事の目次';
position:absolute;
top:30px;
}
ul.table-of-contents a {
text-decoration:none;
}
ul.table-of-contents li a:hover {
text-decoration:underline !important;
}



/****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/


.entry-content p {
line-height: 1.7;
letter-spacing: 0.1em;
font-size: 18px;
color: #444444;
}

.entry-content img {
max-width: 100%;
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
margin: 1.3em 0 0.8em 0;
line-height: 1.5;
}

.entry-content h1 {
font-size: 160%;
}

.entry-content h2 {
font-size: 150%;
}


.entry-content h3, .entry-content h3:after, .entry-content h3:before, .entry-content h4, .entry-content h4:after, .entry-content h4:before {
background: 0;
border: 0;
border-radius: 0;
content: none
}

.entry-content h3 {
font-size: 140%;
padding-left: 13px;
line-height: 1.6em;
padding: 0.3em;
color: #494949;
background: #f7f7f7;
border-left: solid 5px #e50051;
font-weight: nomal;
margin-top: 3em;
}



.entry-content h4 {
font-size: 120%;
margin: 35px 0 20px;
}

.entry-content h4:before {
content: "\f029";
font-family: "blogicon";
position: relative;
padding-right: 10px;
color: #6C9FCE;
}

.entry-content h5 {
font-size: 110%;
}

.entry-content h6 {
font-size: 100%;
}

.entry-content table {
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 1em;
}

.entry-content table img {
max-width: none;
}

.entry-content table th, .entry-content table td {
border: 1px solid #ddd;
padding: 5px 10px;
}

.entry-content table th {
background: #f5f5f5;
}

.entry-content blockquote {
border: 1px solid #dddddd;
margin: 0 0 10px;
padding: 20px;
}

.entry-content blockquote p {
margin-top: 0;
margin-bottom: 0;
}

.entry-content pre {
border: 1px solid #dddddd;
margin: 0 0 10px;
padding: 20px;
white-space: pre;
}

.entry-content pre>code {
margin: 0;
padding: 0;
white-space: pre;
border: 0;
background: transparent;
font-family: 'Monaco', 'Consolas', 'Courier New', Courier, monospace, sans-serif;
}

.entry-content code {
font-size: 90%;
margin: 0 2px;
padding: 0 5px;
border: 1px solid #eaeaea;
background-color: #f8f8f8;
border-radius: 3px;
font-family: 'Monaco', 'Consolas', 'Courier New', Courier, monospace, sans-serif;
}

.entry-content ul, .entry-content ol {
padding: 15px 20px 7px;
color: #566AA0;
border: solid #566AA0 2px;
}

.entry-content ul li {
list-style-type: disc;
margin: 3px 17px;
}

.entry-content ol li {
list-style-type: decimal;
margin: 3px 17px;
}

.entry-content ul li ul, .entry-content ol li ol {
border: 0px;
}

.entry-content .hatena-asin-detail li {
line-height: 1.4;
}

.entry-footer {
margin-top: 10px;
}

.entry-footer-section {
font-size: 80%;
color: #999999;
}

.entry-footer-section a {
color: #999999;
}


/****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

@media screen and (min-width: 1110px) {

#wrapper {
margin-right: -398px;
padding-right: 398px;
}

#box2 {
width: 358px;
}

#content-inner {
max-width: 1120px;
margin-top: 30px;
}

}






html, body {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue","Helvetica","Hiragino Kaku Gothic Pro","Yu Gothic",YuGothic,Meiryo,Verdana,Arial,sanselif;
}
.entry-content {
border-bottom: 1px solid #ddd;
margin: 0 10px;
line-height: 1.7;
letter-spacing: 0.1em;
font-size: 18px;
color: #444;
}

div.permalink.pager {
display: none;
}


.pager-next{
font-size:16px;
}
.pager-next a {
color: #fff;
background-color:#444;
text-decoration: none;
display:block;
padding:0.5em 2em;
}
.pager-next a:hover {
color: #fff;
background-color:#e50051;
transition: 0.3s;
}
.pager-next a:after {
font-family:FontAwesome; 
content: "\f101";
font-size:130%;
padding-left:0.5em;
}






.pager-prev{
font-size:16px;
}
.pager-prev a {
color: #fff;
background-color:#444;
text-decoration: none;
display:block;
padding:0.5em 2em;
}
.pager-prev a:hover {
color: #fff;
background-color:#e50051;
transition: 0.3s;
}
.pager-prev a:before {
font-family:FontAwesome; 
content: "\f100";
font-size:130%;
padding-right:0.5em;
}







.entry-title {
color: #444;
}

.entry-content a {
color: #0e6ace;
text-decoration: underline;
}

.entry-content a:hover {
color: #3e72c1;
}

.breadcrumb a, .breadcrumb-child {
color: #bcbcbc;
text-decoration: none;
}

.entry-content ul {
border-color: #333;
color: #333;
line-height: 1.5em;
}

.entry-content ul li {
color: #222;
}


.entry-content ol {
border-color: #333;
color: #333;
line-height: 1.5em;
}

.entry-content ol li {
color: #222;
}


.entry-content h3, .entry-content h3:after, .entry-content h3:before, .entry-content h4, .entry-content h4:after, .entry-content h4:before {
background: 0;
border: 0;
border-radius: 0;
content: none
}

.entry-content h3 {
padding: 0.3em;
color: #494949;
background: #f7f7f7;
border-left: solid 5px #e50051;
font-weight: nomal;
margin-top: 3em;
font-weight: lighter;
}

.hatena-module-body {
border-color: #999;
}

.entry-content h4 {
position: relative;
padding: 0 .5em .5em 1.7em;
font-weight: lighter;
border-bottom:#494949 solid 1px;
margin-top: 3em;
}

.entry-content h4::after {
position: absolute;
top: .4em;
left: .4em;
z-index: 2;
content: '';
width: 12px;
height: 12px;
background-color: #e50051;
}

.entry-content h5 {
border-bottom: solid 1px #494949;
font-weight: normal;
}

.hatena-module-title {
color: #494949;
font-size: 20px;
border-color: #494949;
}
.hatena-module .hatena-module-body a:hover {
text-decoration: underline;
}

.hatena-module-body .search-form {
border-color: #494949;
}

.archive-heading {
color: #494949;
border-color: #494949;
}

.prof_button {
float: right;
}

.square_btn {
display: block;
margin-left: 10px;
margin-bottom: 5px;
padding: 0.5em 1em;
width: 110px;
text-decoration: none;
color: #fff !important;
background-color: #444 !important;
transition: 0.3s;
text-align: center;
border-radius: 3px;
}

.square_btn:hover {
background: #e50051 !important;
color: white !important;
text-decoration: none !important;
border: #e50051;
}

.page-archive .categories a {
font-size: 90%;
background-color: #e50051;
color: #fff;
}

.categories a {
font-size: 90%;
background-color: #e50051;
color: #fff;
}

#blog-description {
color: #fff;
display: inline;
}

#blog-title {
color: #fff;
background: #e50051;
display: inline;
}

#title {
display: inline;
color: #fff;
font-size: 80%;
}

#title a {
color: #fff;
}

#title a:hover {
color: #ff8ca5;
}

#blog-title-content {
text-align: center;
background: #e50051;
width: 100%;
padding: 3px 0;
}

.headimg {
min-height: 0px;
-moz-background-size: cover;
background-size: cover;
padding: 40px 0px 60px 0px;
margin-bottom: -40px;
background: #111;
text-align: center;
}

#menu {
width: 100%;
margin: 10px auto 0 auto;
background: #111;
border-top: solid 1px #333;
}

#menu-inner {
max-width: 1000px;
height: 40px;
margin: 0 auto;
background: #111;
}

#menu-btn {
display: none;
}

#menu-content {
padding-left: 0;
margin: 0;
width: 100%;
height: 100%;
list-style-type: none;
}

#menu-content>li {
position: relative;
float: left;
height: 100%;
text-align: center;
width: 16%;
}

#menu-content>li>a {
position: relative;
display: block;
height: 100%;
width: 100%;
line-height: 40px;
background: #111;
color: #fff;
font-size: 70%;
text-decoration: none;
z-index: 2;
}

#menu-content>li>a:hover {
background: #333;
color: #fff;
}

#menu-content>li>a>.blogicon-chevron-down {
margin-right: 5px;
}

#menu-content>li>ul.second-content {
visibility: hidden;
position: absolute;
top: 0;
margin: 0;
padding-left: 0;
list-style-type: none;
z-index: -1;
}

#menu-content>li:hover>ul.second-content {
visibility: visible;
top: 40px;
z-index: 1;
transition: all .3s;
}

#menu-content>li>ul.second-content>li {
text-align: center;
width: 200px;
height: 40px;
}

#menu-content>li>ul.second-content>li>a {
display: block;
line-height: 40px;
background: #111;
color: #fff;
font-size: 70%;
text-decoration: none;
}

#menu-content>li>ul.second-content>li>a:hover {
background: #333;
color: #fff;
}

.booklink-box, .kaerebalink-box {
font-family: Lucida Grande, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
padding: 22px 25px;
width: 100%;
margin: 0 auto 15px;
border: 3px solid #dfdfdf;
box-sizing: border-box;
display: table
}

.booklink-image, .kaerebalink-image {
vertical-align: top;
box-sizing: border-box;
display: table-cell;
width: 111px;
text-align: center
}

.booklink-image img, .kaerebalink-image img {
max-width: 100%
}

.booklink-info, .kaerebalink-info {
line-height: 125%;
vertical-align: top;
box-sizing: border-box;
display: table-cell;
padding-left: 25px
}

.booklink-name, .kaerebalink-name {
margin: 0 0 24px
}

.booklink-name a, .kaerebalink-name a {
color: #06c;
text-decoration: underline
}

.booklink-name>a, .kaerebalink-name>a {
font-size: 1pc
}

.booklink-name a:hover, .kaerebalink-name a:hover {
color: #f90
}

.booklink-powered-date, .kaerebalink-powered-date {
font-size: 8px;
margin: 6px 0 0
}

.booklink-detail, .kaerebalink-detail {
color: #333;
font-size: 9pt;
margin: 0 0 14px
}

.booklink-link2 a, .kaerebalink-link1 a {
display: block;
padding: 10px 1px;
text-align: center;
text-decoration: none;
font-size: 14px;
font-weight: 700;
box-shadow: 2px 2px 1px #dcdcdc
}

.booklink-link2 a:hover, .kaerebalink-link1 a:hover {
opacity: .6
}

.booklink-link2>div, .kaerebalink-link1>div {
width: 33.33%;
padding: 0 5px 5px 0;
box-sizing: border-box;
float: left
}

.shoplinkamazon a {
color: #fff;
background: #ff9901;
border: 2px solid #ff9901
}

.shoplinkrakuten a {
color: #fff;
background: #bf0000;
border: 2px solid #bf0000
}

.shoplinkkindle a {
color: #fff;
background: #0074c1;
border: 2px solid #0074c1
}

.emp {
position: relative;
margin: 36px 0 1pc;
padding: 1pc 10px 0 10px;
border: 2px solid #333;
background-color: #f9f9f9;
}

.emp p:last-child {
margin-bottom: 0
}

.emp:before {
position: absolute;
top: -9pt;
left: 10px;
padding: 0 10px;
content: "あわせて読みたい";
background-color: #333;
border-radius: 10px;
color: #fff;
font-size: 14px;
font-weight: 500;
line-height: 20px
}

.emp a {
margin: 5px 0 1pc 0;
position: relative;
padding-left: 20px;
color: #0e6ace;
display:inline-block;
line-height:1.3em;
text-decoration: none;
}

.emp a:hover {
color: #e50051;
}

.emp a:after, .emp a:before {
content: '';
display: block;
position: absolute;
top: 4px;
left: 8px;
height: 11px;
width: 4px;
background: #e50051;
border-radius: 10px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg)
}

.emp a:before {
top: 8px;
left: 3px;
height: 8px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg)
}

.page-index .hatena-star-add-button, .page-index .hatena-star-inner-count, .page-index .hatena-star-star, .page-index .hatena-star-star-container, .page-index .hatena-star-user {
display: none
}

.clearfix {
zoom: 1
}

.clearfix:after {
content: "";
display: block;
clear: both;
height: 0;
visibility: hidden
}

.sns_circle {
position: relative;
width: 167px;
height: 50px;
margin: 0 3px;
background-color: #111;
float: left;
list-style: none;
border-radius: 3px;
}

.sns_circle span {
position: absolute;
font-size: 35px;
color: #fff;
line-height: 0
}

.sns_circle.hatebu.sns_circle span {
font-size: 30px
}

.sns_circle.hatebu.sns_circle span, .sns_circle.twitter.sns_circle span {
position: absolute;
padding: 8px 0 0 67px;
color: #fff
}

.sns_circle.facebook.sns_circle span {
padding: 8px 0 0 73px
}

.sns_circle.googleplus.sns_circle span {
position: absolute;
padding: 10px 0 0 55px;
color: #fff;
font-size: 30px
}

.sns_circle.pocket.sns_circle span {
position: absolute;
padding: 9pt 0 0 50pt;
font-size: 28px;
color: #fff
}

.sns_circle a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-indent: -999px;
color: #fff
}

.sns_circle.hatebu:hover {
background-color: #006fbb;
transition: .3s
}

.sns_circle.twitter:hover {
background-color: #00acec;
transition: .3s
}

.sns_circle.facebook:hover {
background-color: #265a96;
transition: .3s
}

.sns_circle.googleplus:hover {
background-color: #dd4b39;
transition: .3s
}

.sns_circle.pocket:hover {
background-color: #ee4256;
transition: .3s
}

ul.circle_group {
list-style: none;
padding: 7px 0
}

.fa-hatena:before {
content: "B!";
font-family: Verdana;
font-weight: 700
}

.sns_circle.facebook, .sns_circle.googleplus, .sns_circle.hatebu, .sns_circle.pocket, .sns_circle.twitter {
background-color: #111
}

.entry-content .cc {
text-align: center;
color: #ccc;
font-size: 80%;
margin: -1.5em 0 1em;
text-decoration: none;
}

.entry-content .cc a {
color: #ccc;
text-decoration: none;
}

.entry-content blockquote .cc {
color: #ccc;
font-size: 80%;
text-align: left;
margin-top: 1em;
text-decoration: none;
}

.page-archive .entry-thumb {
width: 300px;
height: 200px;
}

.hatena-module .hatena-module-body .urllist-title-link {
color: #494949;
}

.entry-content blockquote {
padding: 20px 55px;
background: rgba(245, 245, 245, 0.8);
color: #222;
position: relative;
border: solid 1px #fff;
argin: 0.8em 0;
}

#n-footer {
background-color: #111;
}

#n-footer .hatena-module-title {
color: #fff;
border-color: #fff;
font-weight: 500;
letter-spacing: 0.1em;
}

.foot_lis {
padding: 0 0 0 15px;
margin: 0 0 0 5px;
color: #fff;
}

.foot_lis li {
padding-bottom: 0.5em;
list-style-type: disc;
}

.foot_lis li a {
color: #fff;
font-weight: 100;
letter-spacing: 0.2em;
text-decoration: none;
font-size: 14px;
}

.foot_lis li a:hover {
opacity: 0.6;
text-decoration: underline;
}

.footlink {
color: #e50051;
font-weight: 100;
text-decoration: none;
display:block;
padding-left:15px;
}

.footlink:hover {
opacity: 0.6;
text-decoration: underline;
}
.rss img:hover {
opacity: 0.6;
}
/* テーブルの線非表示,中央寄せ */
.entry-content .table-css, .entry-content .td-css { 
border-style:none;
margin:0 auto;
}
/*サイドレコメンド*/
.siderecomend{
padding:10px 0 10px 0;
background-color: #ffffff;
}
.siderecomend_inner{
margin: 19px 29px 19px 29px;
padding-bottom: 20px;
font-size: 18px;
}
.siderecomend_inner a{
color:#0e6ace !important;
text-decoration:none;
}
.siderecomend_inner a:hover{
text-decoration:underline!important;
}


.siderecomend_inner img{
margin-bottom: 10px;
}

/*強調文字*/
.hl1{
font-weight:bold;
}
.hl2{
font-weight:bold;
background: linear-gradient(transparent 50%, #ffffa3 50%);
}
.hl3{
font-weight:bold;
background: linear-gradient(transparent 50%, #ffffa3 50%);
font-size:120%;
}
.link_btn {
display: block;
margin:10px auto;
width: 400px;
height:60px;
padding:0 2em;
text-decoration: none;
background-color: #ff9901 ;
transition: .3s;
text-align: center;
border-radius: 30px;
position:relative;
flex-direction: column;
}

.link_btn a {
letter-spacing:0.1em;
color:#fff;
text-decoration:none;
font-size:95%;
position:absolute;
display:block;
top:0;
left:0;
height:100%;
width:100%;
vertical-align:middle;
height: 60px;
line-height: 60px;
}

.link_btn a:hover {
text-decoration:none;
color: #ffffff!important;
}

.link_btn:hover {
background: #e50051 ;
color: #ffffff!important;
text-decoration: none ;
border: #e50051;
}

.link_btn a:before {
font-family: "FontAwesome";
content: "\f0a9";
font-size:130%;
left: 1em;
font-size:130%;
display: block;
position: absolute;
color: #ffffff!important;
}
.hatena-module .hatena-module-body .urllist-title-link{
font-size:16px;
}
.reader_btn{
display:inline-block;
background:#f5f5f5;
border:thin solid #bbb;
border-radius:3px;
padding:0 0.3em;
font-size:18px;
color:#555;
margin-top:0px;
}
.reader_btn a{
color:#555;
text-decoration:none;
}
.reader_btn a:hover{
color:#fff!important;
}
.reader_btn a:before{
font-family: "FontAwesome";
content: "\f067";
padding-right:0.2em;
}
.reader_btn:hover{
background:#555;
color:#fff!important;
transition: 0.3s;
border:thin solid #555;
}
.reader_btn:hover a{
color:#fff!important;
transition: 0.3s;
}

.bubble {
position: relative;
display: inline-block;
margin: 0 0 0 10px;
min-width: 120px;
max-width: 100%;
color: #454545;
background: #FFF;
border: solid 1px #bbb;
border-radius:3px;
box-sizing: border-box;
font-size:18px;
padding:0 0.3em;
}

.bubble:before {
content: "";
position: absolute;
top: 50%;
left: -12px;
margin-top: -6px;
border: 6px solid transparent;
border-right: 6px solid #FFF;
z-index: 2;
}

.bubble:after {
content: "";
position: absolute;
top: 50%;
left: -15px;
margin-top: -7px;
border: 7px solid transparent;
border-right: 7px solid #bbb;
z-index: 1;
}

.bubble p {
margin: 0;
padding: 0;
}
.leave-comment-title {
display:inline-block;
width:685px;
text-align:center;
padding:1em 0;
border:thin solid #bbb;
border-radius:3px;
transition: 0.3s ;
font-size:16px;
}
.leave-comment-title:before {
font-family: "FontAwesome";
content: "\f0e5";
padding-right:0.2em;
}

.leave-comment-title:hover {
color:#fff;
background-color:#111;
}


.entry-content blockquote:before {
color: #aaa;
content: "\f10d";
font-family: "FontAwesome";
font-size: 200%;
line-height: 1em;
top: 0.3em;
left: 0.3em;
position: absolute;
}
.entry-content blockquote:after {
color: #aaa;
content:"\f10e";
font-family: "FontAwesome";
font-size: 200%;
line-height: 1;
bottom: 0.3em;
right: 0.3em;
position: absolute;
}
.entry-content .table-css .td-css{
padding-left:0;
}
/*記事下レコメンド*/
.reco-wrap{
display:none;
padding:20px 0 10px 0;
border-bottom:solid 1px #ddd;
}
.reco-text{
margin:0 0 15px 0;
line-height:1.5em;
font-size:18px;
}
.reco-text a{
color:#0e6ace;
text-decoration: none;
}
.reco-text a:hover{
color:#e50051;
}

.reco-text .reco-icon{
background-color:#e5001a;
color:#ffff35;
display:inline-block;
padding:0 0.5em;
font-size:80%;;
border-radius:5px;
font-style:normal;
margin-right:0.5em;
}
.category-バイク .reco-bike {
display: block;
}
.category-生活 .reco-blog {
display: block;
}
.category-映画 .reco-vod {
display: block;
}
.category-海外ドラマ .reco-vod {
display: block;
}
/* サイドバー選択 */
input[name="tab_item"] {
display: none;
}
#select-tab01:checked ~ #select-tab01_content,
#select-tab02:checked ~ #select-tab02_content,
#select-tab03:checked ~ #select-tab03_content{
display: block;
}
div.tabs-select input:checked + .tab_item {
background-color: #111;
color: #fff;
}
.tab_item {
width:50px;
padding:10px 10px;
background-color: #dedede;
text-align: center;
line-height:1em;
color: #111;
display:inline-block;
margin:0 5px 0 0;
border-radius:10px 10px 0 0;
}
.tab_item:hover {
background:#aaa;
transition: 0.3s;
}
.tab_content {
display: none;
background-color:#fff;
border-radius:0 5px 5px 5px;
margin:0;
border:1px solid #111;
padding:0 20px;
}
.tab_content a{
color:#444;
text-decoration: none;
}
.tab_content a:hover{
color:#e50051;
}
.tab_content a:before {
content: "\f00c";
font-family: "FontAwesome";
color:#e50051;
padding-right:0.5em
}
.select-more{
margin:25px auto;
border-radius:3px;
width:100px;
text-align:center;
padding:0.2em;
background-color:#444;
}
.select-more a{
display:block
margin:0 auto;
padding0.2em;
color:#fff;
}
.select-more:hover{
background-color:#e50051;
color:#fff;
transition: 0.3s;
}
.select-more a:hover{
color:#fff;
}
.select-more a:before {
content:none;
}
/*でょおが使ってる動画サイト*/
.sidereco-vod-wrap{
display:block;
background-color:#fff;
padding:10px;
}
.sidereco-vod-container{
display:flex;
border-top:#ddd solid 1px;
padding-top:10px;
}
.sidereco-vod-img{
width:120px;
margin-right:5px;
}
.sidereco-vod-item{
flex:1;
line-height:1.2em;
}
.sidereco-vod-item p{
margin-top:-10px;
}
.sidereco-vod-title a{
font-weight:600;
display:block;
font-size:18px;
color:#111;
text-decoration:none;
}
.sidereco-vod-title a:hover{
color:#e5001a;
}
.sidereco-vod-wrap {
display:none;
}
.category-映画 .sidereco-vod-wrap {
display: block;
}
.category-海外ドラマ .sidereco-vod-wrap {
display: block;
}
/*rss*/
.footer-rss-wrap{
padding:15px 0 0 15px;
}
.feedly-icon{
padding:0.2em 1em;
border-radius:4px;
background-color:#87bf31;
margin:0.5em 0.5em 1em 0;
display:inline-block;
}
.feedly-icon a,.rss-icon a{
color:#fff;
text-decoration:none;
display:block;
}
.feedly-icon:hover,.rss-icon:hover{
opacity: .6;
transition:0.3s;
}
.feedly-icon a:hover,.rss-icon a:hover{
color:#fff;
}
.rss-icon{
padding:0.2em 1em;
border-radius:4px;
background-color:#f29700;
margin:0.5em 0.5em 1em 0;
display:inline-block;
}
.footer-rss-wrap p{
padding:0;
margin:0;
color:#fff;
font-weight:100;
letter-spacing:0.1em;
}
.footer-rss-wrap p a{
color:#ddd;
text-decoration:none;
}
.footer-rss-wrap p a:hover{
opacity: .6;
text-decoration:underline;
}
.categories a.category-広告禁止 {
    display: none;
}
.ad_firstview {
margin: 0 auto;
width: 1200px;
margin-top: 50px;
}

/*トップページボタン*/
.toppage-add-all ul{
display: flex;
list-style: none;
padding:0;
margin:0;
}
.toppage-add-all ul li{
width:25%;
background:#e50051;
text-align:center;
font-size:20px;
margin:5px;
padding-bottom:5px;
}
.toppage-add-all ul li a{
display:block;
color:#fff;
text-decoration:none;
}

.toppage-add-all a:hover{
transition:0.3s;
opacity:0.5;
}
.toppage-add-all{
background-color: #fff;
border: #efefef thin solid;
padding:15px;
margin:10px 0 80px 0;
}
.toppage-add-all ul li a p{
margin:0;
padding:0;
font-size:20px;
}
.toppage-add-all ul li a img{
padding-bottom:5px;
}
.top-midashi{
font-size:150%;
background-color:#111;
padding:0.5em;
color:#fff;
}
.categorypage-add-all ul{
display: flex;
list-style: none;
padding:0;
margin:0;
}
.categorypage-add-all ul li{
width:50%;
text-align:center;
font-size:20px;
margin:5px;
background:#ff9901;
}
.categorypage-add-all ul li a{
display:block;
color:#fff;
text-decoration:none;
font-size:20px;
padding:1em 0;
}
.categorypage-add-all ul li a::after{
font-family: blogicon;
content: "\f006";
padding-left:1em;
}
.categorypage-add-all a:hover{
transition:0.3s;
background:#e50051;
}
.categorypage-add-all{
background-color: #fff;
border: #efefef thin solid;
padding:15px;
margin:10px 0 80px 0;
}

.categorypage-add-entry ul{
display: flex;
list-style: none;
padding:0;
margin:0 0 30px 0;
}
.categorypage-add-entry ul li{
width:50%;
font-size:18px;
margin:15px 15px 0 15px;
background:#fff;
}
.categorypage-add-entry ul li a{
display:block;
color:#494949;
text-decoration:none;
font-weight: bold;
}
.categorypage-add-entry a:hover{
transition:0.3s;
opacity:0.7;
}

.categorypage-add-entry{
background-color: #fff;
border: #efefef thin solid;
padding:15px;
margin:10px 0 80px 0;
}
.rank{
border:#333 2px solid;
padding:30px 20px;
margin:80px 0 50px 0;
position: relative;
font-size:14px;
letter-spacing:0em;
background:#f9f9f9;
}
.rank:before{
content: '評価 / RATING';
background:#333;
padding:0.3em 5em 0.3em 1em;
margin:0;
color:#fff;
position: absolute;
top:-32px;
left:-2px;
}
.rank p{
margin:0;
padding:0;
}
.rank p:nth-child(1):before{
content: 'IMDb';
background:#f3ce00;
color:#000;
padding:0.3em 0.5em;
font-weight:bold;
margin-right:1em;
border-radius:2px;
}
.rank p:nth-child(1):after{
content: '/10';
font-size:80%;
}
.rank p:nth-child(1){
margin-bottom:1em;
}
.rank p:nth-child(2):before{
content: 'RottenTomato';
background:#FA320A;
color:#fff;
padding:0.3em 0.5em;
font-weight:bold;
border-radius:2px;
}
.rank p:nth-child(2){
display:inline-block;
}
.rank p:nth-child(3):after{
content: '%';
}
.rank p:nth-child(3){
display:inline-block;
margin-right:20px;
}
.rank p:nth-child(3):before{
content: 'Tomatometer';
font-weight:bold;
margin-right:0.5em;
}
.rank p:nth-child(4){
display:inline-block;
}
.rank p:nth-child(4):after{
content: '%';
}
.rank p:nth-child(4):before{
content: 'Audience Score';
font-weight:bold;
margin-right:0.5em;
}

/*カウデ*/
.kaude{
border:#bbb solid thin;
border-radius:3px;
padding:20px;
display:table;
margin:1pc 0;
}
.kaude_img{
width:160px;
heigth:160px;
text-align:center;
display:table-cell;
vertical-align:top;
}
.kaude_right{
display:table-cell;
vertical-align:top;
padding-left:20px;
}
.kaude_btn_wrap{
width:100%;
}
.kaude_btn{
display:inline-block;
width: 148px;
position: relative;
text-align:center;
vertical-align:center;
margin-top:30px;
height:50px;
border-radius:3px;
font-size:16px;
}
.kaude_btn:hover{
transition:0.3s;
}
.kaude_btn a{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-decoration:none;
color:#fff;
line-height:50px;
}
.kaude_btn a:hover{
color:#fff;
}
.kaude_title a{
color:#0e6ace;
text-decoration:none;
}
.kaude_title a:hover{
color:#e50051;
}
.kaude_bland{
font-size:70%;
color:#555;
}
.orange_btn{
background:#ff9901;
}
.orange_btn:hover{
background:#c97900;
}
.red_btn{
background:#bf0000;
}
.red_btn:hover{
background:#820000;
}
.blue_btn{
background:#006ece;
}
.blue_btn:hover{
background:#005096;
}