@charset "UTF-8";
/* 
Theme Name: A Hermit V2
Theme URI: https://info.otama.jp/
Author: 松原 淳 (Jun Matsubara)
Author URI: https://info.otama.jp/
Description: アクアハーミット用テーマ Version2
Version: 1.00
License: 松原 淳 (Jun Matsubara)
License URI: https://info.otama.jp/
 */

/* -------------------------------------------------------	 */
/* 					カラーコード						 */
/* -------------------------------------------------------	 */
:root{
	--color_text_base:#333333;			/* 基本の文字色 */
	--color_grid:#999999;				/* 枠線 */
	--color_main:#1a50ab;				/* メインカラー  */
	--color_category:#049315;			/* カテゴリー */
	--color_hover:#ffb757;				/* マウス上乗せ時のカラー */
	--color_background:#efeadf;			/* 背景色 */
	--color_contents_background:#fff;	/* テキストの白背景 */

	--width_pc_display_size:1120px;		/* PCでの画面横幅サイズ */
	--width_mobile_padding:15px;		/* モバイル画面での左右マージン */
}

/* -------------------------------------------------------	 */
/* 					共通設定								 */
/* -------------------------------------------------------	 */
body{
	margin:0;
	color:var(--color_text_base);
	background-color:var(--color_background);
	font-family:'Yu Gothic Medium', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic', sans-serif;
	position:relative;
}
.mobile_padding{
	padding-right:15px;
	padding-left:15px;
}


img{
	max-width:100%;
	height:auto;
	vertical-align:top;
}

li,ul,ol,h1,p,figure{
	margin:0;
	padding:0;
}
ul{
	list-style:none;
}
p{
	line-height:1.7em;
}
/* リンクテキスト */
a:link{
	text-decoration:none;
}
a:visited{
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
a:active{
	text-decoration:none;
}

/* safariでのボタン表示対応 */
input,
textarea,
select{
	border-radius: 0;
	-webkit-appearance: none;
}

/* Google reCAPTCHAバッジを非表示 */
.grecaptcha-badge{
	visibility:hidden;
}



/* -------------------------------------------------------	 */
/* 					ヘッダー								 */
/* -------------------------------------------------------	 */
.header{
	background-color:var(--color_main);
	padding-top:5px;
}
.header_2column{
	padding-bottom:5px;
}

/* --------------------------------	 */
/* 		ヘッダーロゴ				 */
/* --------------------------------	 */
.header .header_2column_a{
	margin-top:5px;
	margin-left:5px;
	margin-right:75px;
}

/* --------------------------------	 */
/* 		グーグルカスタム検索		 */
/* --------------------------------	 */
.header .google_search{
	display:none;
}
.google_search{
	font-size:14px;
}

.google_search input[type="text"],
.google_search input[type="submit"]{
	border:none;
	height:40px;
	box-sizing:border-box;
	background-color:#fff;
	color:#000;
}

/* テキストエリア */
.google_search input[type="text"]{
	padding:0 10px 0 15px;
	width:85%;
	-webkit-border-radius:0;
	border-top-left-radius:2px;
	border-bottom-left-radius:2px;
	font-size:18px;
	-webkit-appearance:none;
}
.google_search input[type="text"]:focus {
	outline:0;
}
/* サーチボタン */
.google_search input[type="submit"]{
	border-left:2px solid var(--color_main);
	font-size:26px;
	border-top-right-radius:2px;
	border-bottom-right-radius:2px;
	width:15%;
	vertical-align:top;
}

/* --------------------------------	 */
/* 		ヘッダーメニュー			 */
/* --------------------------------	 */
.header_menu{
	display:none;
}
.header_menu ul{
	margin-top:5px;
	display:flex;
	justify-content:right;
}
.header_menu a{
	margin-left:1em;
	color:#fff;
	font-size:18px;
	font-family:"HiraginoSans-W0","Hiragino Sans","ヒラギノ角ゴシック";
	font-weight:bold;
}

/* --------------------------------	 */
/* 			ドロワーボタン			 */
/* --------------------------------	 */
.drawer_button{
	position:absolute;
	top:0px;
	right:-5px;
	cursor: pointer;
	background-color:var(--color_main);
	border:none;
	height:60px;
	width:80px;
}
.drawer_menu_button{
	height:60px;
}
.drawer_button_wrapper{
	margin: 6px 0px;
	padding: 8px 10px;
	border-radius: 2px;
}
.btndisp{
	color:#fff;
	font-size: 30px;
}
/* メニューアイコン */
#btn_drawer_open .drawer_button_wrapper{
	margin:0;
	padding:0 10px;
}
.drawer_button .menu{
	display:block;
	line-height:0.5em;
	color:#fff;
	margin-left:-3px;
}

#btn_drawer_exit{
	display:none;
}

#btn_drawer_exit .drawer_button_wrapper{
	background-color:#f00;
}

/* -------------------------------------------------------	 */
/* 					ドロワーメニュー						 */
/* -------------------------------------------------------	 */
#drawer_container{
	display:none;
}

.drawer_menu_container .drawer_button{
	background-color:#f00;
}
/* --------------------------------	 */
/* 			検索					 */
/* --------------------------------	 */
.header #drawer_container .google_search{
	display:block;
	margin:10px 10px 5px 10px;
}
/* テキストエリア */
.header #drawer_container .google_search input[type="text"]{
	width:83%;
	height:50px;
}
/* サーチボタン */
.header #drawer_container .google_search input[type="submit"]{
	width:17%;
	height:50px;
	text-indent:-10px;
}


/* --------------------------------	 */
/* 			メニュー				 */
/* --------------------------------	 */
.nav_drawer{
	background-color:#fff;
	padding-bottom:20px;
}

/* メニュー部分 */
.side_menu li a,
.nav_drawer li a{
	display:block;
	padding:7px 20px;
	color:#000;
}

.side_menu > ul > li > a,
.nav_drawer > ul > li > a{
	background-color:#ccc;
	color:#000;
	font-size:18px;
}

.side_menu > ul > li > a:before,
.nav_drawer > ul > li > a:before{
	font-family: FontAwesome;
	content:"\f07c";
	margin-right:1em;
}

.side_menu > ul > li > ul > li a,
.nav_drawer > ul > li > ul > li a{
	color:var(--color_text_base);
	font-size:16px;
	border-bottom:dashed 1px #333;
}
.side_menu > ul > li > ul > li a:before,
.nav_drawer > ul > li > ul > li a:before{
	font-family: FontAwesome;
	content:"\f105";
	margin-right:1em;
}
.side_menu > ul > li > ul > li:last-of-type a,
.nav_drawer > ul > li > ul > li:last-of-type a{
	border-bottom:none;
}

/* カレントカテゴリー */
.side_menu li.current-menu-item > a,
.side_menu ul ul li.current-post-ancestor > a,
.nav_drawer li.current-menu-item > a,
.nav_drawer ul ul li.current-post-ancestor > a{
	color:#f00;
}

.side_menu li.current-menu-item > a:before,
.side_menu ul ul li.current-post-ancestor > a:before,
.nav_drawer li.current-menu-item > a:before,
.nav_drawer ul ul li.current-post-ancestor > a:before{
	content:"\f04b";
	color:#f00;
	font-size:18px;
	margin-right:0.8em;
}
.side_menu > ul > li.current-menu-item > a:before,
.side_menu > ul > li.current-post-ancestor > a:before{
	font-size:21px;
}



/* -------------------------------------------------------	 */
/* 					ぱんくず								 */
/* -------------------------------------------------------	 */
.pankuzu{
	font-size:14px;
	padding:7px;
	padding-left:15px;
}
.pankuzu ul{
	display:flex;
}

.pankuzu li{
	white-space:nowrap;
}
.pankuzu li:last-of-type{
	white-space:normal;
}

/* 矢印アイコン */
.pankuzu li:after{
	font-family: FontAwesome;
	content:"\f105";
	margin:0 0.5em;
}
.pankuzu li:last-of-type:after{
	content:"";
}

/* リンク */
.pankuzu li a{
	color:#333;
	text-decoration:underline;
}
.pankuzu li a:hover{
	text-decoration:none;
}
/* Schema用データ */
.pankuzu .home{
	display:none;
}



/* -------------------------------------------------------	 */
/* 					記事ページ								 */
/* -------------------------------------------------------	 */
article.contents{
	background-color:var(--color_contents_background);
	color:var(--color_text_black);
	padding:var(--width_mobile_padding);
	font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
	overflow:auto;
}



/* -------------------------------------------------------	 */
/* 				記事一覧・アーカイブ						 */
/* -------------------------------------------------------	 */
.archive_postlists{
	padding:0 8px;
	margin-bottom:25px;
}

.archive_postlists .post_list_2column{
	display:flex;
	margin-bottom:8px;
	background-color:#fff;
	position:relative;
}

.archive_postlists .post_list_2column_a{
	width:44%;
	position:relative;
}

.archive_postlists .post_list_2column_b{
	width:56%;
	padding:5px 10px;
}

/* 記事タイトル */
.post_list_2column .post_title{
	line-height:1.5em;
	color:var(--color_text_base)
}

/* カテゴリー表示 */
.post_list_2column .post_category ul li{
	display:none;
}
.post_list_2column .post_category ul li:first-of-type{
	display:block;
}
.post_list_2column .post_category a{
	display:inline-block;
	background-color:var(--color_category);
	color:#fff;
	padding:2px 6px;
	border-top-left-radius:2px;
	font-size:12px;
	position:absolute;
	bottom:0;
	right:0;
	max-width:55%;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}

.post_list_2column .post_time{
	position:absolute;
	left:0;
	bottom:0;
	padding:0 4px;
	font-size:12px;
	background-color:rgba(0,0,0,0.6);
	color:#fff;
}

/* --------------------------------	 */
/* 			ページネーション		 */
/* --------------------------------	 */
h2.screen-reader-text{
	display:none;
}
.posts_page_button ul{
	padding:0 8px;
	margin-bottom:40px;
	text-align:center;
}
.posts_page_button li{
	display:inline-block;
}
.posts_page_button li a,
.posts_page_button li span{
	display:block;
	color:#000;
	padding:5px 0;
	margin-bottom:7px;
	margin-right:2px;
	width:47px;
	background-color:#fff;
	font-size:20px;
}
.posts_page_button li span.dots{
	background:none;
	width:20px;
}
.posts_page_button li span.current{
	background-color:var(--color_main);
	color:#fff;
}


/* -------------------------------------------------------	 */
/* 					フッター								 */
/* -------------------------------------------------------	 */
footer{
	width:100%;
	padding-top:10px;
	background-color:var(--color_main);
	color:#fff;
	padding:30px 0 20px 0;
}

/* ロゴ */
.footer_logo{
	width:300px;
	margin:0 auto 5px auto;
}

/* フッターメニュー */
.footer_menu{
	text-align:center;
	margin-bottom:20px;
}
.footer_menu li{
	display:inline;
	margin-left:5px;
}
.footer_menu li+li:before{
	content:"|\00a0\00a0";
}
.footer_menu li a{
	color:#fff;
	font-size:15px;
}

/* コピーライト */
footer p.copyright{
	text-align:center;
	font-size:13px;
}




/* -------------------------------------------------------	 */
/* 					サイドバー								 */
/* -------------------------------------------------------	 */
/* セクション区切り */
.side_section{
	margin-bottom:25px;
}

/* セクションタイトル */
.side_section .title{
	font-size:24px;
	background-color:var(--color_main);
	padding:8px 15px;
	font-weight:bold;
	color:#fff;
}
.side_section .title i{
	margin-right:0.5em;
}

/* --------------------------------	 */
/* 			関連カテゴリー			 */
/* --------------------------------	 */
.side_navigation{
	display:none;
}

.side_navigation li a{
	background-color:#fff;
	display:block;
	padding:7px 10px 7px 20px;
	border-bottom:dashed 1px #333;
	color:var(--color_text_base);
	font-size:18px;
}
.side_navigation li a:before{
	font-family: FontAwesome;
	content:"\f054";
	margin-right:1em;
	font-size:12px;
	vertical-align:top;
	margin-top:9px;
	display:inline-block;
}
.side_navigation li:last-of-type a{
	border:none;
}

/* カレント */
.side_navigation li.current a{
	color:#f00;
}
.side_navigation li.current a:before{
	content:"\f04b";
	font-size:16px;
	margin-top:5px;
	margin-right:0.7em;
}


/* --------------------------------	 */
/* 		サイドバーの記事リスト		 */
/* --------------------------------	 */
.side_postlists{
	padding:8px;
}

.side_postlist_2column{
	display:flex;
	border-bottom:dotted 1px #000;
	margin-bottom:7px;
	padding-bottom:7px;
}
.side_postlists a:last-of-type .side_postlist_2column{
	margin:0;
	padding:0;
	border:none;
}
.side_postlist_2column_a{
	width:46%;
	margin-right:8px;
	position:relative;
}
.side_postlist_2column_b{
	width:54%;
	color:var(--color_text_base);
}
.side_postlist_2column_b .side_postlist_time{
	font-size:13px;
	margin-bottom:5px;
	background:#d2d2d2;
	padding:2px 6px;
}
.side_postlist_2column_b .side_postlist_title{
	line-height:1.5em;;
}


/* おすすめ記事 */
.reccomend_side_postlist .side_postlists{
	background-color:#fff;
	padding:10px;
	counter-reset:number 0;
}
.reccomend_side_postlist .title i{
	color:#ffe300;
	font-size:34px;
}
/* オススメ記事のナンバリング */
.reccomend_side_postlist a .side_postlist_2column_a:before{
	counter-increment:number 1;
	content:counter(number);
	display:block;
	position:absolute;
	top:0;
	left:0;
	padding:3px 12px;
	background-color:#66ccff;
	color:#fff;
	font-weight:bold;
	box-shadow:1px 1px 2px #000;
}

/* ナンバリング 1 */
.reccomend_side_postlist a:nth-child(1) .side_postlist_2column_a:before{
	background-color:#ead000;
}
/* ナンバリング 2 */
.reccomend_side_postlist a:nth-child(2) .side_postlist_2column_a:before{
	background-color:#8ab3c8;
}
/* ナンバリング 3 */
.reccomend_side_postlist a:nth-child(3) .side_postlist_2column_a:before{
	background-color:#b5834f;
}


/* --------------------------------	 */
/* 	サイドバーの記事ランダム表示	 */
/* --------------------------------	 */
.side_post_img_box{
	position:relative;
}
.side_post_img_box .side_post_img_box_post_title{
	width:100%;
	box-sizing:border-box;
	position:absolute;
	top:0;
	right:0;
	background-color:rgba(0,0,0,0.6);
	color:#fff;
	padding:5px 10px;
	font-size:20px;
}

/* --------------------------------	 */
/* 			運営者情報				 */
/* --------------------------------	 */
.side_profile{
	margin:var(--width_mobile_padding);
	margin-top:10px;
}
/* 画像 */
.side_profile_img{
	text-align:center;
}

/* 名前 */
.side_profile_name{
	margin-top:10px;
	text-align:center;
	font-weight:bold;
	font-size:18px;
}

/* 紹介文 */
.side_profile_text{
	margin-top:10px;
	margin-bottom:1.5em;
}
.side_profile_text p{
	font-size:15px;
	line-height:1.5em;
	margin-bottom:0.8em;
}

/* ボタンリンク */
.side_profile_link_buttons ul{
	display:flex;
	margin-bottom:35px;
}
.side_profile_link_buttons li{
	width:48%;
	margin-right:4%;
}
.side_profile_link_buttons li:last-of-type{
	margin-right:0;
}
.side_profile_link_buttons a{
	display:block;
	color:#fff;
	text-align:center;
	border-radius:2px;
	height:60px;
	box-sizing: border-box;
}
.side_profile_link_buttons a:hover{
	filter:brightness(0.6);
	transition-property:filter;
	transition-timing-function:ease;
	transition-duration:0.3s;
}



.side_profile_link_buttons .more a{
	padding-top:4px;
	background-color:#3b5998;
	font-size:32px;
}
.side_profile_link_buttons .twitter a{
	background-color:#1da1f2;
	font-size:36px;
}



/* -------------------------------------------------------	 */
/* 					フロントページ							 */
/* -------------------------------------------------------	 */
/* --------------------------------	 */
/* 		メインヴィジュアルと概要	 */
/* --------------------------------	 */
.front_aboutus{
	position:relative;
}
/* メインヴィジュアル */
.main_visual{
	background:url(./img/main_visual.jpg) no-repeat center center;
	padding-bottom:60%;
	background-size: cover;
}
/* 説明 */
.profile_description{
	background: #000;
	color: #fff;
	padding:5px 20px 20px 20px;;
}
.profile_description .title{
	font-family:"Helvetica";
	font-weight:bold;
	font-size:39px;
	text-shadow:2px 2px 0px #fff;
	color:#000;
	-webkit-text-stroke:1px #fff;
	margin-bottom:0;
}
.profile_description p{
	margin-bottom:1em;
}
.profile_description p:last-of-type{
	margin-bottom:0;
}



/* -------------------------------------------------------	 */
/* 					記事ページ								 */
/* -------------------------------------------------------	 */
article.contents:last-child{
	margin-bottom:40px;
}


/* --------------------------------	 */
/* 		記事末尾のカテゴリーボタン	 */
/* --------------------------------	 */
.category_link_button{
	position:relative;
	margin-top:3em;
}
.category_link_button .head_text{
	background-color:#fff100;
	color:#333;
	position:absolute;
	top:-1em;
	left:0;
	padding:5px 10px;
	border-radius:5px;
	font-size:14px;
	z-index:1;
}
.category_link_button a{
	display:block;
	color:var(--color_text_base);
	background-color:#fff100;
	box-shadow:0 2px 0px #ccc100;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	text-align:center;
	font-weight:bold;
	padding:15px;
	text-decoration:none !important;
	transition-property:background-color;
	transition-timing-function: ease;
	transition-duration: 0.3s;
}
.category_link_button a i{
	margin-left:0.5em;
	text-decoration:underline;
}
.category_link_button a:hover{
	background-color:#ffcc00;
}

/* --------------------------------	 */
/* 		記事末尾の記事一覧			 */
/* --------------------------------	 */
article.contents .article_relate_posts p,
article.contents .article_relate_posts img{
	margin-bottom:0;
}
article.contents .article_relate_posts ul{
	margin-top:10px;
	margin-bottom:10px;
}
article.contents .article_relate_posts li{
	margin:0;
	padding:0;
	list-style:none;
}

.article_relate_posts ul a{
	color:var(--color_text_base);
	text-decoration:none !important;
}
.article_relate_posts ul a:hover{
	text-decoration:underline !important;
}

/* 記事ブロック */
.article_relate_post{
	display:flex;
	border-bottom:solid 1px #ccc;
	margin-bottom:5px;
	padding-bottom:5px;
}

.article_relate_post_left{
	width:35%;
}
article.contents .article_relate_post_right{
	width:65%;
	padding:0.5em;
	font-size:15px;
	line-height:1.3em;
}


/* --------------------------------	 */
/* 	記事末尾のマルチプレックス広告	 */
/* --------------------------------	 */
article.contents .article_end_ad p{
	margin-bottom:0;
}


/* -------------------------------------------------------	 */
/* 				記事ページのコメントエリア					 */
/* -------------------------------------------------------	 */
.comments_area{
	background-color:#f4f4f4;
	padding:var(--width_mobile_padding);
	margin-bottom:40px;
}

.comments_area p.title{
	font-size:24px;
	margin-bottom:0.7em;
}

.comments_area .comment{
	border-bottom:1px dashed #999;
	margin-bottom:15px;
	font-size:15px;
}
.comments_area li{
	list-style:none;
}


/* --------------------------------	 */
/* 		コメント投稿者情報			 */
/* --------------------------------	 */
.comment_info{
	margin-bottom:0.7em;
}
.comment_info span{
	margin-right:0.5em;
}

/* 数字 */
.comment_info .number{
	background-color:var(--color_main);
	padding:4px 8px;
	font-weight:bold;
	color:#fff;
}
/* 投稿者名 */
.comment_info .author {
	font-weight:bold;
}
/* アバター画像 */
.comment_info .avatar_div{
	float:right;
	background-repeat:no-repeat;
	background-size:100%;
}

/* --------------------------------	 */
/* 		コメントテキスト			 */
/* --------------------------------	 */
.comment_text p{
	line-height:1.4em;
	margin-bottom:0.7em;
	word-break:break-all
}

.comment_text a.res_num{
	background-color:#dfdfdf;
	padding:2px 8px;
	display:inline-block;
	margin-top:0.5em;
	border:solid 1px #777;
	border-radius:2px;
	color:#0064ff;
	margin-right:0.5em;
}


/* --------------------------------	 */
/* 		コメント投稿フォーム		 */
/* --------------------------------	 */

.comments_area .input_form input,
.comments_area textarea{
	width:100%;
	font-size:16px;
	border:solid 1px #999;
	border-radius:3px;
	padding:5px 8px;
	box-sizing:border-box;
}

/* ラベルとフォーム */
.comment_form_author,
.comment_form_email{
	display:flex;
	margin-bottom:5px;
}
.comment_form_author p.label,
.comment_form_email p.label{
	width:70px;
	margin-top:4px;
	font-weight:bold;
	text-align:right;
}
.comment_form_author .input_form,
.comment_form_email .input_form{
	width:calc( 100% - 70px);
}
/* テキストエエリア */
.comments_area textarea{
	margin-top:6px;
	height:200px;
	margin-bottom:10px;
}

/* 書き込むボタン */
.comments_area .form-submit input{
	border:none;
	display:block;
	width:50%;
	margin:10px auto;
	cursor:pointer;
	padding:10px 20px;
	color:#fff;
	background-color:#dd5310;
	font-size:18px;
	border-radius:2px;
	font-weight:bold;
	border-bottom:5px solid #9d3b0b;
}
.comments_area .form-submit input:active{
	margin-top:13px;
	border-bottom:2px solid #9d3b0b;
}

/* 注意書き */
.comments_area .instruction p{
	font-size:14px;
	text-align:center;
	margin-top:10px;
	color:#f00;
}

.comments_area .instruction li{
	font-size:14px;
	text-indent:-1.5em;
	margin-left:2.0em;
}
.comments_area .instruction li:before{
	font-family: FontAwesome;
	content:"\f06a";
	margin-right:0.5em;
}


/* --------------------------------------------------------------------------------------------------------	 */
/* 					PC版(641px以上での表示)																	 */
/* --------------------------------------------------------------------------------------------------------	 */
@media (min-width:641px){

	/* -------------------------------------------------------	 */
	/* 					レイアウト								 */
	/* -------------------------------------------------------	 */
	/* 画面幅 */
	.pc_max_width{
		width:var(--width_pc_display_size);
		margin-left: auto;
		margin-right:auto;
	}

	/* メインの2カラム（コンテンツと右メニュー） */
	.main_2column{
		display:flex;
		margin-top:20px;
	}
	.main_2column_a{
		width:820px;
		padding-right:20px;
		box-sizing:border-box;
	}
	.main_2column_b{
		width:300px;
	}


	/* -------------------------------------------------------	 */
	/* 					ヘッダー								 */
	/* -------------------------------------------------------	 */
	.header{
		margin-bottom:15px;
	}
	.header_2column{
		display:flex;
	}
	.header_2column_a{
		width:50%;
	}
	.header_2column_b{
		width:50%;
		position:relative;
	}

	/* --------------------------------	 */
	/* 			ドロワーボタン			 */
	/* --------------------------------	 */
	.drawer_button{
		display:none;
	}

	/* --------------------------------	 */
	/* 		グーグルカスタム検索		 */
	/* --------------------------------	 */
	.header .google_search{
		display:block;
	}
	.google_search{
		position:absolute;
		right:0;
		bottom:0;
		margin:0;
		width:80%;
	}

	/* --------------------------------	 */
	/* 		ヘッダーメニュー			 */
	/* --------------------------------	 */
	.header_menu{
		display:block;
	}


	/* -------------------------------------------------------	 */
	/* 					ぱんくず								 */
	/* -------------------------------------------------------	 */
	.pankuzu{
		margin-top:-18px;
		margin-bottom:-20px;
	}
	/* 矢印アイコン */
	.pankuzu li:after{
		margin:0 1em;
	}


	/* -------------------------------------------------------	 */
	/* 				記事一覧・アーカイブ						 */
	/* -------------------------------------------------------	 */
	.archive_postlists{
		padding:0;
		display:flex;
		flex-wrap:wrap;
	}
	.archive_postlists .post_list_2column{
		display:block;
		width:32%;
		margin-right:2%;
		margin-bottom:15px;
	}
	.archive_postlists .post_list_2column:nth-child(3n){
		margin-right:0;
	}
	.archive_postlists .post_list_2column_a{
		width:100%;
	}
	.archive_postlists .post_list_2column_b{
		width:100%;
		padding:7px 14px;
		padding-bottom:30px;
		box-sizing:border-box;
		min-height:85px;
	}

	/* タイトル */
	.post_list_2column .post_title{
		font-size:18px;
	}

	/* カテゴリー表示 */
	.post_list_2column .post_category a{
		font-size:13px;
		max-width:100%;
	}


	/* -------------------------------------------------------	 */
	/* 					フロントページ							 */
	/* -------------------------------------------------------	 */
	/* --------------------------------	 */
	/* 		メインヴィジュアル			 */
	/* --------------------------------	 */
	.main_visual{
		padding-bottom:400px;
	}
	/* 説明 */
	.profile_description{
		position:absolute;
		bottom:30px;
		left:30px;
		width:47%;
		padding:10px 20px;
		box-sizing:border-box;
		background-color:rgba(0, 0, 0, 0.8);
	}
	.profile_description p.title{
		font-size:20px;
		color:#fff;
		text-shadow:2px 2px 0px #666;
		-webkit-text-stroke: 0 #fff;
	}
	.profile_description p{
		display:inline;
		margin-bottom:0;
		font-size:16px;
	}


	/* -------------------------------------------------------	 */
	/* 					サイドバー								 */
	/* -------------------------------------------------------	 */
	/* セクションタイトル */
	.side_section .title{
		font-size:22px;
		padding:5px 15px;
	}
	/* --------------------------------	 */
	/* 			関連カテゴリー			 */
	/* --------------------------------	 */
	.side_navigation{
		display:block;
	}

	/* --------------------------------	 */
	/* 		サイドバーの記事リスト		 */
	/* --------------------------------	 */
	.side_postlists{
		padding:0;
		padding-top:5px;
	}
	.side_postlist_2column{
		margin-bottom:5px;
		padding-bottom:5px;
	}
	.side_postlist_2column_b p{
		line-height:1.3em;
	}
	.side_postlist_2column_b .side_postlist_time {
	  padding:3px 4px;
	}
	/* おすすめ記事 */
	.reccomend_side_postlist .side_postlists{
		padding:5px;
	}
	.reccomend_side_postlist .title i{
		font-size:28px;
	}

	/* --------------------------------	 */
	/* 	サイドバーの記事ランダム表示	 */
	/* --------------------------------	 */
	.side_post_img_box .side_post_img_box_post_title{
		font-size:16px;
	}

	/* --------------------------------	 */
	/* 			運営者情報				 */
	/* --------------------------------	 */
	.side_profile{
		margin-left:0;
		margin-right:0;
	}


	/* -------------------------------------------------------	 */
	/* 					記事ページ								 */
	/* -------------------------------------------------------	 */

	/* --------------------------------	 */
	/* 		記事末尾の記事一覧			 */
	/* --------------------------------	 */
	.article_relate_posts ul{
		display:flex;
		flex-wrap:wrap;
	}
	 .article_relate_posts li{
		width:50%;
		padding-right:10px !important;
		box-sizing:border-box;
	}


	/* -------------------------------------------------------	 */
	/* 				記事ページのコメントエリア					 */
	/* -------------------------------------------------------	 */
	.comments_area{
		padding:20px 30px;
	}
	/* --------------------------------	 */
	/* 		コメントテキスト			 */
	/* --------------------------------	 */
	.comment_text{
		margin-left:2.2em;
	}

	/* --------------------------------	 */
	/* 		コメント投稿フォーム		 */
	/* --------------------------------	 */
	/* 名前とEmailの入力欄、横並びにする */
	.comments_area .field_2column{
		display:flex;
	}
	.field_2column .comment_form_author,
	.field_2column .comment_form_email{
		width:50%;
	}

	/* 入力フィールドのラベル */
	.comment_form_author p.label{
		width:60px;
	}
	.comment_form_email p.label{
		width:80px;
	}

	/* 書き込むボタン */
	.comments_area .form-submit input{
		width:30%;
	}

}