/*
Theme Name: 美しさにこだわった「cosmo」
Theme URI: https://blog.hatena.ne.jp/-/store/theme/17680117126989116845
Description: *憧れのトップページをあなたのブログに見やすさ、美しさにこだわったデザインテーマです。通常ブログはトップページに記事の内容がずらずらと表示されトップページという概念がないものですが、このテーマではブログでありながら一つのサイトのようにレイアウトができます。ホームページとしての分かりやすさ、使いやすさを追求しておりトップページにこだわる方にオススメです。トップページは一つのホームページのようにレイアウトされ記事ページは通常通りの2カラムで表示されます。有料（Pro版）：トップページの表示形式をカード形で表示する事が出来ます。無料版　　　  ：全文表示のみ選択できます。トップページ１カラムレイアウトになります。記事の一覧表示はPro版のみに実装されており、設定の表示形式より変更する事が出来ます。是非ご利用ください。記事ページは右カラムになります。左に本文、右にサイドバーを表示させる事で本文を見やすく、カテゴリ検索、記事検索をしやすいデザインになっています。■デモサイトhttps://newtheme.hateblo.jp/■メインビジュアルの変更などカスタマイズ方法をまとめました！ご覧ください。https://www.golyat.jp/entry/cosmo**仕様|*機能 |*内容 || 記事一覧 | ブログカード型デザイン || カラム | 右カラム（トップページのみ1カラム） || レスポンシブ | レスポンシブ対応 || ブラウザ | -InternetExplorer -Firefox -Chrome -Ege |**アップデート|*日時 |*内容 || 2019/3/27 | 無料版全文形式のトップページの表示形式を1カラムレイアウトに修正 |**トップページは1カラムの美しいブログカード型デザインブログの顔となるトップページはブログカード形式1カラムの美しいデザインにすることができます（Pro版のみ）。ブログカードでは記事ごとに画像が必要です。※推奨サイズ　横800×縦600程度の多きさ表示形式を「一覧形式」にしている方はメイン画像を指定できます。カテゴリ、日付アーカイブなどの情報もサイトマップ風に見やすくレイアウトしています。**記事ページ、一覧ページは右カラムレイアウトの読みやすいデザイン-記事ページ[f:id:tableturning:20190306230900p:plain]各記事と記事の一覧ページは右カラムのレイアウトになっています。記事を読みやすく、また他の記事も探しやすいデザインにしました。ソースコード、表、段落などもレイアウトされているためよりわかりやすい記事を作成することができます。-記事一覧ページ[f:id:tableturning:20190306231242p:plain]カテゴリ、日付など一覧ページはカードが2枚ずつ表示されます。**メニューの設置下記のコードを設置するとメニューを表示できます。「＃」にリンク先を変え、中のテキストを変えて中のコードを管理画面のデザイン　→　ヘッダ　→　タイトル下に入れてください。>|html|<div class="menu_block clearfix"><ul>    <li><a href="#">メニュー1</a></li>    <li><a href="#">メニュー2</a></li>    <li><a href="#">メニュー3</a></li>    <li><a href="#">メニュー4</a></li>    <li><a href="#">メニュー5</a></li>    <li><a href="#">メニュー6</a></li></ul></div>||<
Author: tableturning
Author URI: http://blog.hatena.ne.jp/tableturning/
*/
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);
/*
	Theme: cosmo
	Author: Golyat
	Description:美しさにこだわったブログテーマ
	ver: 1.01
	Responsive: yes
 */

/*------------------------
classリセット
------------------------*/
html, body {color: #000;font-family: 'ヒラギノ丸ゴ ProN','Hiragino Maru Gothic ProN','メイリオ', Meiryo,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;line-height: 150%;}
/* clearfix */
.clear {clear:both;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

#blog-title, #blog-title #blog-description, #blog-title #title {margin: 0 !important;}
#blog-title #blog-title-inner {padding: 3em;height: auto;}
#blog-title-inner #title a, #blog-title #blog-description {padding: 0.5em 0;text-decoration: none;font-size: 1.0em;color: #00aeff;}
#container h1.entry-title {margin: 0;line-height: 1.15;}
#container h1.entry-title a {font-size: 20px;}
#container .menu_block ul li {padding: 0.5em 4.9%;}
#footer #footer-inner .services {margin: 0 !important;}
.archive-entry a,#footer a, #footer,a.hatena-id-link,.entry-content dl dd a {text-decoration: none;}
.header-image-enable #blog-title #title a,.header-image-enable #blog-title #blog-description {text-shadow: none !important;text-decoration: none !important;}
.hatena-module-title a,.hatena-module-body a,.pager-prev a,.pager-next a,ul.comment a.comment-user-id,#container .breadcrumb a,#container .breadcrumb span,body.page-index article.entry .entry-inner a,#container .menu_block ul li a {color: #dc3545;text-decoration: none;}

/*------------------------
共通
------------------------*/
#container #container-inner #blog-title #blog-title-inner,body.page-index #container #content #content-inner #wrapper,#footer #footer-inner,#container .breadcrumb .breadcrumb-inner,body:not(.page-index) #container #content #content-inner,#container .menu_block ul {margin: 0 auto;width: 1200px;}
#container #container-inner #blog-title,#footer {background-color: #dc3545 !important;}

/* ヘッダー
----------------------*/
#container #container-inner #blog-title #blog-title-inner #blog-title-content {
	margin: auto;
	padding: 5em;
	width: 70%;
	line-height: 1.2;
	background-color: ;
	text-align: center;
}
#container #container-inner #blog-title {
	background-position: center center;
	background-repeat: repeat-x;
	background-image: url("");
}
body.header-image-enable #container #container-inner #blog-title,body.header-image-only #container #container-inner #blog-title {
	background-image: none !important;
}
body.header-image-only #container #container-inner #blog-title #blog-title-inner #blog-title-content {
	background-color: inherit;
}

/**　パンくず　**/
#container .breadcrumb {
	padding: 5px 0;
	background-color: #edeef4;
}

/**　ナビゲーション　**/
body.page-index #container .menu_block,body.page-about #container .menu_block {
	border-bottom: 1px solid #CCC;
	background-color: #FFF;
}
#container .menu_block ul {
	padding: 0;
}
#container .menu_block ul li {
	float: left;
	margin: 10px 0;
	padding: 0.5em 3.9em;
	border-right: 1px solid #CCC;
	list-style: none;
	font-weight: bold;
}
#container .menu_block ul li:hover {background-color: #edeef4;}
#container .menu_block ul li:first-child {border-left: 1px solid #CCC;}

/**　トップページ　記事一覧表示　**/
body.page-index #main {
	padding: 0;
}
body.page-index #main-inner .archive-entries {
	display: grid;
	grid-template-columns: 33% 33% 33%;
	
	/*　IE11　*/
	display: -ms-grid;
	-ms-grid-columns:1fr 1fr 1fr;
}

/*　IE11　*/
body.page-index #main-inner .archive-entries section:nth-child(1n) {-ms-grid-column:1;}
body.page-index #main-inner .archive-entries section:nth-child(2n) {-ms-grid-column:2;}
body.page-index #main-inner .archive-entries section:nth-child(3n) {-ms-grid-column:3;}
body.page-index #main-inner .archive-entries section:nth-child(n+4):nth-child(-n+6) {-ms-grid-row:2}
body.page-index #main-inner .archive-entries section:nth-child(n+7):nth-child(-n+9) {-ms-grid-row:3}
body.page-index #main-inner .archive-entries section:nth-child(n+10):nth-child(-n+12) {-ms-grid-row:4}
body.page-index #main-inner .archive-entries section:nth-child(n+13):nth-child(-n+15) {-ms-grid-row:5}

body.page-index article.entry {
	position: relative;
	margin: 10px;
	border: 1px solid;
}
body.page-index #main-inner > article.entry {
	background-color: #FFF;
}
body.page-index #main-inner::after {
	display: block;
	content: "";
	clear: both;
}
body.page-index #main-inner > article.entry .entry-inner {
	background-color: #FFF;
	padding: 0 10px;
}
body.page-index article.entry .entry-inner .entry-header {
	margin: 10px 0;
}
h1.entry-title {
	margin: 0;
	border-bottom: 1px solid #dc3545;
}
.archive-entries .archive-entry .archive-entry-header {
	margin: 215px 0 0 0;
	line-height: 1.5;
}
.archive-entries .archive-entry {
	position: relative;
	margin: 10px;
	padding: 0.5em;
	border: 1px solid #AFB9BC;
	background-color: #FFF;
	background-image: url('https://cdn-ak.f.st-hatena.com/images/fotolife/t/tableturning/20190313/20190313101239.jpg');
	background-repeat: no-repeat;
	background-position: top;
}
.archive-entries .archive-entry:hover {
	opacity: 0.8;
}

.archive-entry .categories a,.entry-categories a {
	display: inline-block;
	margin: 10px 0 0;
	padding: 5px;
	background-color: #edeef4;
}
.archive-entry a {
	color: #dc3545;
}
.archive-entries .entry-thumb {
	position: absolute;
	float: none;
	margin: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 210px;
	background-size: cover;
	background-position: center 45%;
	background-color: #edeef4;
}

/**　トップページ　全文表示　**/
body.page-index #main-inner article.entry{
	border:none !important;
}
body.page-index #main-inner article header {
	line-height: 2.3;
	text-align: center;
}

/**　トップページ　フッター　**/
body.page-index #box2 {
	margin: 1.0em 0 0;
	padding: 1px 0;
	background-color: white;
}
body.page-index #box2-inner {
	margin: 0 auto;
	max-width: 1200px;
}

/**　プロフィール　**/
body.page-index .profile-activities {
	float: right;
}

/**　最新記事 注目記事　**/
body.page-index ul.entries-access-ranking::after,body.page-index .hatena-module-recent-entries ul::after {
	display: block;
	content: "";
	clear: both;
}
body.page-index ul.entries-access-ranking li,body.page-index .hatena-module-recent-entries ul {
	display: block;
}
body.page-index ul.entries-access-ranking li,body.page-index .hatena-module-recent-entries ul li {
	float: left;
	width: 30%;
	min-height: 50px;
}
body.page-index .hatena-module-body ul.entries-access-ranking li {
	margin: 10px 5px;
}

/**　カテゴリ　**/
body.page-index .hatena-module.hatena-module-links ul li,body.page-index .hatena-module.hatena-module-category ul li {
	float: left;
	padding: 0 2.0em 0 0;
}
body.page-index .hatena-module.hatena-module-category ul::after,body.page-index .hatena-module.hatena-module-links ul::after {
	content: "";
	clear: both;
	display: block;
}

/* サイドコンテンツ
----------------------*/
.hatena-module {
	margin: 2em 0;
}
.hatena-module-title {
	border-bottom: 1px solid #dc3545;
	font-size: 1.3em;
	font-weight: bold;
	color: #dc3545;
}
.hatena-module-body {
	margin: 1.0em 0;
}
.hatena-module-body ul {
	padding: 0;
}

/**　モジュールタイトル　**/
.hatena-module-title::after {
	margin: 0 auto 0 0;
	vertical-align: top;
	font-size: 0.7em;
	font-weight: normal;
	text-align: right;
	color: #666;
}
.hatena-module-profile .hatena-module-title::after {content: "～Profile～";}
.hatena-module-related-entries .hatena-module-title::after {content: "～Related Article～";}
.hatena-module-search-box .hatena-module-title::after {content: "～Search～";}
.hatena-module-links .hatena-module-title::after {content: "～Link～";}
.hatena-module-recent-entries .hatena-module-title::after {content: "～New Entry～";}
.hatena-module-archive .hatena-module-title::after {content: "～Archive～";}
.hatena-module-category .hatena-module-title::after {content: "～Category～";}
.hatena-module-recent-comments .hatena-module-title::after {content: "～Comment～";}
.hatena-module-entries-access-ranking .hatena-module-title::after {content: "～Pick Up～";}
.hatena-module-circles .hatena-module-title::after {content: "～Group～";}
.hatena-module-authors-list .hatena-module-title::after {content: "～Authors～";}

/**　プロフィール　**/
.profile-description p {
	margin: 0;
}
.hatena-module-profile .id a {
	vertical-align: top;
	color: #000;
}
.hatena-follow-button-box {
	display: inline-block;
	vertical-align: top;
}
a.urllist-category-link {
	display: inline-block;
	padding: 0;
	margin: 0;
	background-color: #edeef4;
}

/**　リンクボタン　**/
.hatena-module-body ul li {
	list-style-type: none;
}
.hatena-module-category ul li a::before,.hatena-module-links ul li a::before {
	position: absolute;
	margin-top: -4px;
	top: 50%;
	left: 0;
	content: '';
	width: 7px;
	height: 7px;
	border-top: solid 1px #dc3545;
	border-right: solid 1px #dc3545;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.hatena-module-category ul li a,.hatena-module-links ul li a {
	position: relative;
	padding: 0 0 0 1.0em;
}

/** カレンダー　**/
.archive-module-calendar {
	max-width: 340px;
}
.archive-module-calendar table {
	max-width: 340px;
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: #FFF;
}
.archive-module-calendar-highlight {
	background-color: yellow;
	font-weight: bold;
}
td.calendar-day:nth-child(1), th.calendar-sunday {
	color: red;
}
td.calendar-day:nth-child(7), th.calendar-saturday {
	color: #1DA1F2;
}
.archive-module-calendar th {
	font-size: .8em;
	text-align: center;
	padding: .3em 0;
}
.archive-module-calendar .archive-module-calendar-week td {
	text-align: center;
}
td.calendar-day, .js-archive-module-calendar-container th {
	border: 1px solid #efefef;
	width: 10%;
}
.calendar-day span {
	padding: 10px;
	display: block;
}

/**　検索ボックス　**/
.search-module-input {
	padding: 0 0 0 0.5em;
	width: 270px;
	height: 27px;
	border: 1px solid #dc3545;
}
.search-module-button {
	padding: 5.5px 10px;
	background-color: #dc3545;
	border: none;
	border-radius: 2px;
	vertical-align: top;
	color: #FFF;
}

/** サークル一覧 **/
.hatena-urllist.circle-urllist::after {
	display: block;
	content: "";
	clear: both;
}
.hatena-module-body .circle-urllist li {
	float: left;
	display: block;
	margin: 0 0.5em 0 0;
	padding: 5px;
	min-width: 130px;
	background-color: #FFF;
	*zoom: 1;
}
.hatena-module-body .circle-urllist li img.circle-image {
	border: 1px solid;
}

/**　最新記事　**/
body.page-index ul.entries-access-ranking li,.hatena-module-recent-entries ul li {
	margin: 5px;
	padding: 5px;
	background-color: #FFF;
}
body.page-index ul.entries-access-ranking li .urllist-image,.urllist-with-thumbnails li .urllist-image {
	float: left;
	margin: 0 10px 0 0;
}

/**　関連記事　**/
body.page-index ul.entries-access-ranking li{
	border: none !important;
}
ul.entries-access-ranking li,ul.related-entries li,body.page-entry .hatena-module-recent-entries ul li {
	margin: 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dashed #dc3545;
}

/**　記事一覧、記事ページ　**/
body.page-archive:not(.page-index) #content #wrapper,body.page-entry #content #wrapper,body.page-about #content #wrapper {
	float: left;
	margin: 10px 0 10px 0;
	padding: 0 40px 0 0;
	max-width: 1200px;
	width: 100%;
}
body.page-entry #content #main {
	padding:0;
}
body.page-archive:not(.page-index) #content #box2,body.page-entry #content #box2,body.page-about #content #box2 {
	display: inline-block;
	margin: .5em 0;
	padding: 0 0 0 1.0em;
	max-width: 340px;
}
body.page-archive:not(.page-index) #content-inner::after,body.page-entry #content-inner::after {
	display: block;
	content: "";
	clear: both;
}
body.page-archive:not(.page-index) .archive-entries,body.page-entry .archive-entries {
	display: grid;
	grid-template-columns: 50% 50%;

	/*　IE11　*/
	display: -ms-grid;
	-ms-grid-columns:1fr 1fr;
}
body.page-archive:not(.page-index) .archive-entries section:nth-child(odd){-ms-grid-column:1;}
body.page-archive:not(.page-index) .archive-entries section:nth-child(even){-ms-grid-column:2;}
body.page-archive:not(.page-index) .archive-entries section:nth-child(n+3):nth-child(-n+4){-ms-grid-row:2}
body.page-archive:not(.page-index) .archive-entries section:nth-child(n+5):nth-child(-n+6){-ms-grid-row:3}
body.page-archive:not(.page-index) .archive-entries section:nth-child(n+7):nth-child(-n+8){-ms-grid-row:4}
body.page-archive:not(.page-index) .archive-entries section:nth-child(n+9):nth-child(-n+10){-ms-grid-row:5}
body.page-archive:not(.page-index) .archive-entries section:nth-child(n+11):nth-child(-n+12){-ms-grid-row:6}
body.page-archive:not(.page-index) .archive-entries section:nth-child(n+13):nth-child(-n+14){-ms-grid-row:7}
body.page-archive:not(.page-index) .archive-entries section:nth-child(n+15):nth-child(-n+16){-ms-grid-row:8}
body.page-archive:not(.page-index) .archive-entries section:nth-child(n+17):nth-child(-n+18){-ms-grid-row:9}
body.page-archive:not(.page-index) .archive-entries section:nth-child(n+19):nth-child(-n+20){-ms-grid-row:10}

body.page-archive:not(.page-index) .archive-header-category,body.page-entry .archive-header-category {margin: 0;}
body.page-archive:not(.page-index) .archive-heading,body.page-entry .archive-heading {text-align: center;}
body.page-archive:not(.page-index) .archive-header-category,body.page-entry .archive-header-category {margin: 0;}
body.page-archive:not(.page-index) .hatena-module-recent-entries ul li{background-color: #edeef4;}

/**　記事ページ　**/
body.page-entry .entry-header a {
	color: #dc3545;
	text-decoration: none;
}
body.page-entry .entry-header {
	margin: 0.25em 0 0;
	line-height: 1.5;
}
body.page-entry .entry-content h3,body.page-about .entry-content h3{
	margin: 1.5em 0 0 0;
	line-height: 1.0;
	font-size: 1.5em;
	font-weight: bold;
	color: #dc3545;
}
body.page-entry .entry-content h3::after,body.page-about .entry-content h3::after {
	display: block;
	margin: 10px 0 0;
	content: "　";
	border-top: 5px solid #dc3545;
	width: 30px;
}
body.page-entry .entry-content h4 {
	margin: 1.5em 0 0 0;
	line-height: 1.5;
	border-bottom: 1px dotted #dc3545;
	font-size: 1.3em;
	font-weight: normal;
	color: #dc3545;
}
body.page-entry .entry-content h5,body.page-entry .entry-content h6 {
	margin: 1.5em 0 0 0;
	font-size: 1.3em;
	font-weight: normal;
	color: #dc3545;
}
.entry-content h3 a,.entry-content h4 a,.entry-content h5 a,.entry-content h6 a {
	text-decoration: none;
}
body.page-entry .entry-content p {
	margin: 0.5em 0;
	font-size: 1.1em;
	line-height: 1.2;
}
/**　表組　**/
.entry-content table {
	margin: 10px 0;
	border-collapse: collapse;
}
.entry-content table th {
	background-color: #efefef;
}
.entry-content table td, .entry-content table th {
	margin: 0;
	padding: 0.3em;
	border: 1px solid #888;
}
/**　定義リスト　**/
.entry-content dl::after {
	display: block;
	clear: both;
	content: "";
}
.entry-content dl {
	padding: 10px;
	border: 2px solid #CCC;
	border-radius: 5px;
}
.entry-content dl dt {
	float: left;
	padding: 0 0.5em 0 0;
	width: 150px;
	color: #2992e5;
	font-weight: bold;
}
.entry-content dl dd ul::after {
	display: block;
	content: "";
	clear: both;
}
.entry-content dl dd li {
	float: left;
	padding: 0 1.0em 0 0;
	list-style-position: inside;
}

/**　目次　**/
.entry-content ul.table-of-contents {
	margin: 10px auto;
	padding: 10px;
	background-color: beige;
}
.entry-content .table-of-contents > li {
	list-style-type: decimal;
	list-style-position: inside;
}

/**　引用　**/
.entry-content blockquote {
	padding: 2.0em 1.0em;
	background-color: #FBFBEF;
}
.entry-content blockquote p {
	line-height: 1.0 !important;
	font-size: 1.1em !important;
}
.entry-content blockquote p::after,.entry-content blockquote p::before {
	position: absolute;
	content: "\f704";
	font-size: 1.5em;
	font-family: blogicon;
	color: orange;
}
.entry-content blockquote p::after,.entry-content blockquote p::before {
	right: 15px;
	bottom: 0px;
}
.entry-content blockquote p::before {
	top: 0px;
	left: 15px;
}

/**　ソースコード　**/
.entry-content pre.code {
	padding: 10px;
	background-color: #364549;
	color: #FFF;
}
.synIdentifier {color: aqua;}
.synStatement {color: aqua;}
.synComment {color: #58ACFA;}
.synPreProc {color: #9F81F7;}
.synType {color: #3ec63e;}

/**　コメント　**/
ul.comment {
	padding: 0;
}
ul.comment li {
	margin: 10px 0;
	padding: 0 10px;
	border: 1px solid #dc3545;
	list-style-type: none;
}
ul.comment .comment-user-id {
	vertical-align: top;
}
ul.comment .comment-user-name {
	float: left;
	margin: 1.0em 1.0em 1.0em 0;
	max-width: 100px;
}
body.page-entry .comment-box a.leave-comment-title {
	display: block !important;
	margin: 0 auto 3em;
	padding: 0.5em;
	width: 300px;
	background-color: #dc3545;
	color: #FFF;
	text-align: center;
}
body.page-entry .comment-box a:hover {
	opacity: 0.5;
}

.entry-comment .hatena-id-icon {
	display: block;
	width: auto;
	height: auto;
}


/**　ページャー　**/
.pager.pager-permalink.permalink {
	margin: 1.0em 0;
}
.pager-prev,.pager-next {
	display: block;
	padding: 5px 1.5em;
	background-color: #edeef4;
	border: 1px solid #dc3545;
}
.pager-prev{text-align:left;float: left;}
.pager-next {text-align: right;float:right; }
.pager::after {
	display: block;
	content: ".";
	height: 0;
	clear: both;
	font-size: 0;
	visibility: hidden;
}

/*　フッター
----------------------*/
#footer {
	padding: 0.5em;
}
#footer a, #footer {
	line-height: 1.2;
	font-size: 0.9em;
	text-align: center;
	color: #FFFC9C;
}

/*------------------------
　レスポンシブ
------------------------*/

/*　ipad
----------------------*/
@media screen and (min-width:769px) and (max-width:1024px) {
	body{font-size: 80%;}
	#container .menu_block ul li{	margin: 0;padding: 1.0em 2em;}
	#container #container-inner #blog-title #blog-title-inner, body.page-index #container #content #content-inner #wrapper, #footer #footer-inner, #container .breadcrumb .breadcrumb-inner, body:not(.page-index) #container #content #content-inner, #container .menu_block ul{width:auto;}
	body.page-index #main-inner .archive-entries{grid-template-columns: 1fr 1fr 1fr;}
	body.page-archive:not(.page-index) #content #wrapper, body.page-entry #content #wrapper, body.page-about #content #wrapper{padding: 0 20px;width:65%;}
	body.page-archive:not(.page-index) #content #box2, body.page-entry #content #box2, body.page-about #content #box2{width:25%;}
	.search-module-input {width: 50%;}
}

/*　iphone
----------------------*/
@media screen and (max-width: 768px) {
	/**　共通　**/
	img{max-width:100%;height:auto;}
	
	#container #container-inner #blog-title #blog-title-inner #blog-title-content {padding:15px;width: 80%;}
	#container #container-inner #blog-title #blog-title-inner,body.page-index #container #content #content-inner #wrapper,#footer #footer-inner,#container .breadcrumb .breadcrumb-inner,body:not(.page-index) #container #content #content-inner,body.page-index #box2-inner{width: auto;padding: 10px;}
	#container .menu_block ul{display: grid;grid-template-columns: 50% 50%;}
	#container .menu_block ul li{margin:0;border:none;}
	#container .menu_block ul li:first-child{border:none;}

	body.page-index #main-inner > article.entry {float: none;margin: 10px 0;padding: 10px 0;width: 100%;}
	body.page-index #main-inner .archive-entries,body.page-index ul.entries-access-ranking, body.page-index .hatena-module-recent-entries ul,body.page-archive:not(.page-index) .archive-entries, body.page-entry .archive-entries {display:block;}
	body.page-index article.entry{background-position:center 0px;}
	body.page-index #container .menu_block{border:1px solid #CCC;}
	body.page-index ul.entries-access-ranking li,body.page-index .hatena-module-recent-entries ul li{float:none;width:auto;}
	body.page-archive:not(.page-index) #content #wrapper,body.page-entry #content #wrapper,body.page-about #content #wrapper {border: none;}
	body.page-archive:not(.page-index) #content #wrapper, body.page-entry #content #wrapper, body.page-about #content #wrapper,body.page-archive:not(.page-index) #content #box2, body.page-entry #content #box2, body.page-about #content #box2,#container .menu_block ul {float: none;padding: 0px;max-width: none;width: auto;}
	body.page-entry .entry-content p {line-height: 1.5;}
	#blog-title #blog-title-inner{padding:10px 0;}
	#blog-title-inner #title a, #blog-title #blog-description{font-size:0.8em;}
	
	/**　サイドコンテンツ　**/
	.archive-module-calendar,.archive-module-calendar table {max-width:100%;}
	.search-module-input {width:200px;}

	/**　記事内の各コンテンツ　**/
	.archive-entries .archive-entry{margin:10px 0;}
	.entry-content dl dt{width:auto;}
	.entry-content dl dd{margin:0;}
	.entry-content dl dd ul{padding:0;}
	.entry-content blockquote{margin:10px 0;}
	.pager-prev, .pager-next{width:32%;}
}

#container #container-inner #blog-title, #footer {
 background-color: #ffffff !important;
}

/*==============================================
　global navigation bar (top)
================================================*/
ul.navi-top, ul.navi-top a {
        color:black;/*文字の色*/
        background-color:white;/*メニューバーの背景色*/
        }
ul.navi-top {
	position:fixed;
	left:0;
	top:0;
   	margin: 0;
   	padding:0;
	font-size:14px;
	width:100%;
	z-index:50;
	height: 70px;
	text-align: center;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.4)}/*重なり順*/

/*1階層目*/
ul.navi-top li {
	width: 160px;/*１階層目の幅*/
   	display: inline-block;
   	list-style-type: none;
   	position: relative;}

ul.navi-top a {
   	line-height: 70px;/*メニューバーの高さ*/
   	text-align: center;/*文字位置中央寄せ*/
	padding-left:10px;
   	text-decoration: none;
   	font-weight: nomarl;
   	display: block;}
 
 /*スマホの時は上部グローバルメニューは表示しない*/
@media(max-width: 767px){
    .navi-top{display:none; }
}
   	
img {
    vertical-align: middle;
    border-style: none;}
    
/* To Top */
.toTop-nav {
position: fixed;
bottom: 50px;
right: 10px;
display: -webkit-flex;
display: flex;
padding: 0;
margin: 0;
z-index: 999; }
.toTop-nav li {
list-style-type: none;
background: rgba(0, 0, 0, 0.3);
border-radius: 50px;
text-align: center; }
.toTop-nav li:first-child {
margin-right: 10px; }
.toTop-nav li a {
display: block;
width: 50px;
height: 50px;
font-size: 30px;
line-height: 50px; }
.toTop-nav li a {
color: #fff;
text-decoration: none; }
.toTop-nav li a:visited {
color: #fff; }
.toTop-nav li a:hover {
color: #fff;
text-decoration: underline; }
.toTop-nav li a:active, .toTop-nav li a:focus {
color: #fff; }
.toTop-nav li a:hover {
text-decoration: none; }

/*========================
　smartphone　bottom menu
　========================*/


.mini-text{font-size:10px;}/*文字大きさ*/

ul.bottom-menu {
    position: fixed;
    left:0;
    bottom:0;
    width: 100%;
    height:45px;/*高さ*/
    margin:0;
    padding:0;
    background-color:#f5f5f5;/*背景色*/
    border-top:2px solid #808080;/*バーの上の線*/
    border-bottom:2px solid #808080;/*バーの下の線*/
    z-index:30;}

ul.bottom-menu li {
    float:left;
    width:25%;
    background-color:#f5f5f5;/*背景色*/
    list-style-type:none;
    text-align:center;
    font-size:25px;/*アイコンのサイズ*/}

.bottom-menu li a {
    display: block;
    color:#808080;/*アイコン＆文字の色*/
    padding-top:10px;
    padding-bottom:5px;
    line-height:10px;
    text-decoration:none;}

.bottom-menu li a:hover {
    color:#a9a9a9;/*マウスオーバー時の色*/}

/* === 展開メニュー === */

ul.menu-second-level {
    visibility: hidden;
    opacity: 0;
    z-index:1;}

ul.menu-second-level li a{
    border-top:1px dashed #a9a9a9;/*展開の枠点線*/
        font-size:15px;/*展開メニューの文字サイズ*/
        line-height:30px;/*文字の縦幅*/}

.menu-second-level li a:hover {
    height:100%;
    background: lightgrey;/*マウスオーバーの色*/}

li.menu-width-max ul.menu-second-level {
    position: absolute;
    bottom: 47px;/*高さ*/
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding:0;}

li.menu-width-max:hover ul.menu-second-level {
    bottom: 47px;/*高さ*/
    visibility: visible;
    opacity: 1;}

li.menu-width-max ul.menu-second-level li {
    float: left;
    width: 100%;
    border: none;}
    
/*PC表示の際はボトムメニューは表示しない*/
@media(min-width: 768px){
    .bottom-menu{display:none; }
}